/* Start:/bitrix/templates/main/css/style.css?1747668250116971*/ body {font-family: 'avenir', serif; background: linear-gradient( #FFFFFF, #f2ede5); height: 100%; color: #2b2b2b; margin: 0; min-width: 980px; } body {font-family: 'avenir', serif; background: linear-gradient( #FFFFFF, #f2ede5); height: 100%; color: #2b2b2b; margin: 0; min-width: 980px; } .swiper-wrapper { position: relative; width: 100%; height: 286px !important; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } @media screen and (max-width: 1024px) { .swiper-wrapper { position: relative; width: 100%; height: 710px !important; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } } @import url('https://fonts.googleapis.com/css2?family=Vollkorn:ital,wght@0,400;0,900;1,400;1,900&display=swap'); @import url("https://unpkg.com/ionicons@4.5.10-0/dist/css/ionicons.min.css"); @font-face { font-family: avenir; /* Гарнитура шрифта */ src: url(/bitrix/templates/main/css/../fonts/AvenirNextCyr-Regular.ttf); /* Путь к файлу со шрифтом */ } @font-face { font-family: avenir_bold; /* Гарнитура шрифта */ src: url(/bitrix/templates/main/css/../fonts/AvenirNextCyr-Bold.ttf); /* Путь к файлу со шрифтом */ } @font-face { font-family: avenir-semi; /* Гарнитура шрифта */ src: url(/bitrix/templates/main/css/../fonts/AvenirNextCyr-Demi.ttf); /* Путь к файлу со шрифтом */ } @font-face { font-family: 'avenir_heavy'; src: url('/bitrix/templates/main/css/../fonts/avenirnextcyr-heavy.eot'); /* IE 9 Compatibility Mode */ src: url('/bitrix/templates/main/css/../fonts/avenirnextcyr-heavy.eot?#iefix') format('embedded-opentype'), /* IE < 9 */ url('/bitrix/templates/main/css/../fonts/avenirnextcyr-heavy.woff2') format('woff2'), /* Super Modern Browsers */ url('/bitrix/templates/main/css/../fonts/avenirnextcyr-heavy.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */ url('/bitrix/templates/main/css/../fonts/avenirnextcyr-heavy.ttf') format('truetype'), /* Safari, Android, iOS */ url('/bitrix/templates/main/css/../fonts/avenirnextcyr-heavy.svg#avenirnextcyr-heavy') format('svg'); /* Chrome < 4, Legacy iOS */ } /***MY_CLASS_STYLE***/ #SiteWidgetMoyklass96929.WdgMoyklassContent .WdgMoyklassSchedule-submenu div.active, .WdgMoyklassContent.oldInit01Tj88zdB8VoS7jyXIK4AokjsfSzyGChMwM3 .WdgMoyklassSchedule-submenu div.active{ background-color: rgb(247 168 145)!important; } #SiteWidgetMoyklass96929.WdgMoyklassContent, .WdgMoyklassContent.oldInit01Tj88zdB8VoS7jyXIK4AokjsfSzyGChMwM3 { font-family: 'avenir', serif!important; } .wdgMoyklass-h3{ font-weight: 700!important; color:#f7ad98!important; } .WdgMoyklassContent .box-scroll-container{ border:none!important; } .wdgMoyklass-btn{ color: #fff!important; font-weight: 400!important; } .wdgMoyklass-h3[name="filial"] { background:#33384d!important; color:#fff!important; } .request-schedule-button{ display:block!important; } /***END_MY_CLASS_STYLE***/ .study_head{ color:#006b59!important; text-align:center; font-size:22px!important; font-family: avenir_bold !important; margin:15px 0; } /***NEW_AFISHA_PAGE***/ .new_afisha_container{ display: flex; margin-bottom: 50px; } .new_afisha_block{ display: flex; justify-content: space-between; flex-direction: column; margin: 0 10px; } .new_afisha_date{ font-size:14px!important; color: #000!important; margin: 10px 0 0!important; } .new_afisha_header{ font-size: 18px !important; color: #000000 !important; font-family: avenir-semi!important; margin: 10px 0 !important; letter-spacing: normal !important; text-transform: none !important; line-height: normal!important; } .new_afisha_but_detail{ margin: 5px 0; font-family: 'avenir-semi'; text-align:center; z-index: 999; color: #000000!important; background: #ffffff; font-size: 16px; border: 4px solid #d92439; padding: 6px 12px; text-decoration: none; cursor: pointer; transition-duration: .56s; -webkit-transition-duration: .56s; -moz-transition-duration: .56s; -o-transition-duration: .56s; -ms-transition-duration: .56s; } .new_afisha_but_detail:hover{ color: #ffffff!important; background: #d92439; border: 4px solid #d92439; } .new_afisha_but_ticket{ margin: 5px 0; font-family: 'avenir-semi'; text-align:center; z-index: 999; color: #fff!important; background: #d92439; font-size: 16px; border: 4px solid #d92439; padding: 6px 12px; text-decoration: none; cursor: pointer; transition-duration: .56s; -webkit-transition-duration: .56s; -moz-transition-duration: .56s; -o-transition-duration: .56s; -ms-transition-duration: .56s; } .new_afisha_but_ticket:hover{ color: #000!important; background: #fff; border: 4px solid #d92439!important; } /***KANIKULI***/ .chk_container{ display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; flex-direction: row; align-content: stretch; margin: 20px 0; } .chk_block{ padding: 20px; background: #fff; width: -webkit-fill-available; margin: 0 10px; border-radius: 12px; box-shadow: 3px 3px 20px #efe7dd; outline: 2px dashed #f4f0e9; outline-offset: -14px; } .chk_block:nth-child(3){ margin-right:0; } .chk_block h2{ font-size: 22px!important; font-family: avenir_heavy!important; text-align:center!important; width:100%!important; } .chk_block p{ font-family: avenir-semi!important; font-size: 22px!important; color: #000000!important; text-align:center!important; line-height: 1.1em !important; } .light_blue_button{ color:#FFFFFF!important; background: #2f99cd; padding: 7px 20px 7px 20px; font-size: 22px; font-family: avenir_heavy; width: 12%; letter-spacing: 0.8; margin: 30px 0 30px 0; } .block_old{ padding: 10px 0 0 30px; background: #fff; width: -webkit-fill-available; margin: 0 10px; border-radius: 12px; box-shadow: 3px 3px 20px #efe7dd; outline: 2px dashed #f4f0e9; outline-offset: -14px; } .block_new{ padding: 10px 0 0 30px; background: #fff; width: -webkit-fill-available; margin: 0 10px; border-radius: 12px; box-shadow: 3px 3px 20px #efe7dd; outline: 2px dashed #f4f0e9; outline-offset: -14px; } .block_old h3{ color: #4C85C2; font-size: 22px; font-family: avenir_heavy; } .block_new h3{ color: #E87166; font-size: 22px; font-family: avenir_heavy; } .block_old p{ font-family: 'avenir-semi'!important; font-size: 18px!important; } .block_new p{ font-family: 'avenir-semi'!important; font-size: 18px!important; } .block_old p span{ color:#2f99cd; } .block_new p span{ color:#ea4c43; } .article_titles ul{ padding:0; } .list li{ list-style: none; padding: 30px !important; background: #fff !important; width: -webkit-fill-available !important; margin: 10px 10px 0 0 !important; border-radius: 12px !important; box-shadow: 3px 3px 20px #efe7dd !important; outline: 2px dashed #f4f0e9; outline-offset: -14px; } .list li::marker { color: #ea4c43!important; font-size: 18px!important; } .sched_time{ display: flex; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-direction: column; } .schad_time_numbers{ display: flex; flex-direction: row; align-content: center; justify-content: flex-start; align-items: center; } .schad_time_numbers span{ color: #1086c5; font-size: 22px; font-family: avenir_heavy; float:left; margin-right: 40px; } .schedule_container{ margin: 50px 0; } .schedule_container hr{ margin: 30px; filter: opacity(0.3); } .schedule_container h3{ font-size: 24px!important; } .action_kids{ display: flex; flex-wrap: nowrap; align-content: stretch; align-items: center; } .actions{ list-style: none; padding: 30px !important; background: #fff !important; width: -webkit-fill-available !important; margin: 10px 10px 0 0 !important; border-radius: 12px !important; box-shadow: 3px 3px 20px #efe7dd !important; outline: 2px dashed #f4f0e9; outline-offset: -14px; } .m_5{ margin: 5px 0; } .action_header{ margin: 30px 0; font-size:30px; } .small_orange_button{ background: #ff7264; padding: 5px 15px; color: #FFE !important; font-family: 'avenir-semi'; cursor: pointer !important; } .active-head-calend{ background:none!important; } /*** TG_WIDGET***/ .follow_header{ top: 220px; position: relative; left: 50px; } .tg_widget{ position: relative; width: 162px; top: 220px; left: 50px; background: #ffffff; padding: 10px; } .tg_widget a{ text-decoration: none; } .tg_vidget_head{ display: flex; margin-bottom: 15px; flex-direction: row; align-content: flex-start; justify-content: space-between; align-items: center; } .tg_ava{ zoom: 0.8; } .tg_header{ font-family: 'Open Sans'; font-weight: bold; font-size: 12px; color: #393939; top: -10px; line-height: 14px; margin: 5 0 0 0; } .tg_verification{ margin: 10 5; zoom: 0.7; } .tg_text{ font-family: 'Open Sans'; font-size:11px; color:#393939; } .tg_button{ font-family: 'Open Sans'; letter-spacing: -0.2; font-weight: 600; font-size:12px; color:#ffffff; background-color:#27a7e7; text-align:center; padding:7 0 10; border-radius:3px; transition-duration: .56s; -webkit-transition-duration: .56s; -moz-transition-duration: .56s; -o-transition-duration: .56s; -ms-transition-duration: .56s; } .tg_button:hover{ background-color:#1c7fb1; } .tg_fly{ border: none; zoom: 0.8; margin: 5 10 -2 0; } /***END_TG_WIDGET***/ /*** COUNTDOWN ***/ .countdown_block{ display: flex; border: 1px solid #33384d; } .countdown_button{ width: 50%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; } .countdown_button h3{ text-transform: uppercase; font-family: 'avenir_heavy'; font-size: 16px; color: #33384d; /* margin: 22px 0 25px 0; */ padding: 5px 10px; } .countdown{ width: 50%; display: flex; background: #33384d; color: #fff !important; flex-wrap: nowrap; flex-direction: column; align-content: center; justify-content: center; align-items: center; } .countdown h3{ text-transform: uppercase; font-family: 'avenir_heavy'; font-size: 16px!important; color: #fff!important; margin: 0!important; padding: 5px 10px!important; } .timer__items { display: flex; font-size: 38px; } .timer__item { position: relative; min-width: 60px; padding-bottom: 15px; text-align: center; } .timer__item::before { content: attr(data-title); display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); font-size: 14px; } .timer__item:not(:last-child)::after { content: ':'; position: absolute; right: -4px; top: 5px; font-size: 0.7em; } /*** END COUNTDOWN ***/ /***WARNING_BLOCK***/ .warning{ border: 3px solid #cd497d; text-align:center; } .warning h3{ text-transform: uppercase; font-family: 'avenir_heavy'; font-size: 18px; color: #cd497d!important; margin: 5px!important; padding: 5px 10px; } .warning p{ font-size: 1em !important; line-height: 1.3 !important; margin: 0 0 10px !important; } /***END_WARNING_BLOCK***/ /***DISCOUNT_BLOCK***/ .full_price{ display: flex; flex-wrap: nowrap; flex-direction: row; align-content: center; justify-content: flex-start; align-items: center; } .full_price p{ font-size: 1em !important; line-height: 1.2 !important; margin: -20px 0 10px 20px !important; font-style: italic; } .iw-modal-btn_alt{ display:inline-block; text-decoration:none; transition: all 0.5s ease; } .iw-modal-btn_alt:hover { color:#33384d; } } /***PROMO_BLOCK***/ .promo_block{ display: flex; flex-wrap:wrap; align-content:flex-start; } .promo_block p{ border-left: 6px solid #006b59; padding-left: 30px; } .promo_photo{ width: 49%; margin-right:6px; border-radius: 60px 0 60px 0; } .promo_right{ display: flex; align-items: flex-end; width: 45%; margin-left: 6px; background: url(/bitrix/templates/main/images/back.png); background-size: cover; border-radius: 0 60px 0 60px; color: #33384d; font-family: avenir_heavy; font-size: 2em; padding: 0 0 30px 30px; } .promo_right span{ font-size: 0.8em; } .promo_right_green{ display: flex; align-items: flex-end; width: 49%; margin-left: 6px; background: url(/bitrix/templates/main/images/back.png); background-size: cover; border-radius: 0 60px 0 60px; } .promo_right p{ margin: 0 0 50px 50px !important; color: #32384c !important; font-size: 25px !important; font-family: 'avenir_heavy', sans-serif !important; } .promo_right_green p{ margin: 0 0 50px 50px !important; color: #3c6b59!important; font-size: 25px !important; font-family: 'avenir_heavy', sans-serif !important; } .promo_horizontal{ flex-grow:2; width: 100%; background: #32384c; border-radius: 0 0 60px 60px; margin: 12px 0 20px 0; padding: 20px 30px; } .promo_horizontal_green{ flex-grow:2; width: 100%; background: #3c6b59; border-radius: 0 0 60px 60px; margin: 12px 0 20px 0; padding: 20px 30px; } .promo_horizontal p{ color: #fff!important; font-size:19px!important; font-family: avenir_bold !important; letter-spacing: 1.8; line-height: 1.9 !important; } .promo_horizontal p span{ color: #f7a892; font-family: 'avenir_heavy', sans-serif; } .promo_horizontal_green p{ color: #fff!important; font-size:19px!important; font-family: avenir_bold !important; letter-spacing: 1.8; line-height: 1.9 !important; } .promo_horizontal_green p span{ color: #f7a892; font-family: 'avenir_heavy', sans-serif; } /***END_PROMO_BLOCK***/ .ui-datepicker{ padding-top: 0px!important; } .new_subscription_news { display: inline-block; color: #f2ede5; font-size: 11px; text-transform: uppercase; text-decoration: none; margin-left: 15px; vertical-align: middle; width: 75px; text-align: left; font-family: avenir; } .article_titles ul li { color: #2b2b2b!important; font-size: 19px!important; font-family: 'avenir', serif!important; } .reviews{ display: none; } .push{ vertical-align: text-top; margin: -10px 0 0 20px; } .info_top{ background: #000; font-size: 12px; margin-left: auto; margin-right: auto; padding: 5px 0 5px 40px; } .info_top a{ color: #a4a4a4; text-decoration: none; margin-right: 25px; } /***GRABBING***/ .draggable { cursor: move; /* fallback: no `url(/bitrix/templates/main/css/)` support or images disabled */ cursor: url(/bitrix/images/grab.cur); /* fallback: Chrome 1-21, Firefox 1.5-26, Safari 4+, IE, Edge 12-14, Android 2.1-4.4.4 */ cursor: grab; /* W3C standards syntax, all modern browser */ } .draggable:active { cursor: url(/bitrix/images/grabbing.cur); cursor: grabbing; } .dia-block { max-width: 90%; height: 100px; background-color: #f0f0f0; border-radius: 10px; clip-path: polygon(0 0, 100% 0, 85% 100%, 15% 100%); } /***START_HORIZONTAL_SLIDER***/ .heading { text-align: center; color: #454343; font-size: 30px; font-weight: 700; position: relative; margin-bottom: 70px; text-transform: uppercase; z-index: 999; } .white-heading{ color: #ffffff; } .heading:after { content: ' '; position: absolute; top: 100%; left: 50%; height: 40px; width: 180px; border-radius: 4px; transform: translateX(-50%); background: url(/bitrix/templates/main/css/img/heading-line.png); background-repeat: no-repeat; background-position: center; } .white-heading:after { background: url(https://i.ibb.co/d7tSD1R/heading-line-white.png); background-repeat: no-repeat; background-position: center; } .heading span { font-size: 18px; display: block; font-weight: 500; } .white-heading span { color: #ffffff; } /*-----Testimonial-------*/ .testimonial:after { position: absolute; top: -0 !important; left: 0; content: " "; background: url(/bitrix/templates/main/css/img/testimonial.bg-top.png); background-size: 100% 100px; width: 100%; height: 100px; float: left; z-index: 99; } .testimonial { min-height: 375px; position: relative; padding-top: 50px; padding-bottom: 50px; background-position: center; background-size: cover; } #testimonial4 .carousel-inner:hover{ cursor: -moz-grab; cursor: -webkit-grab; } #testimonial4 .carousel-inner:active{ cursor: -moz-grabbing; cursor: -webkit-grabbing; } #testimonial4 .carousel-inner .item{ overflow: hidden; } .testimonial4_indicators .carousel-indicators{ left: 0; margin: 0; width: 100%; font-size: 0; height: 20px; bottom: 15px; padding: 0 5px; cursor: e-resize; overflow-x: auto; overflow-y: hidden; position: absolute; text-align: center; white-space: nowrap; } .testimonial4_indicators .carousel-indicators li{ padding: 0; width: 14px; height: 14px; border: none; text-indent: 0; margin: 2px 3px; cursor: pointer; display: inline-block; background: #ffffff; -webkit-border-radius: 100%; border-radius: 100%; } .testimonial4_indicators .carousel-indicators .active{ padding: 0; width: 14px; height: 14px; border: none; margin: 2px 3px; background-color: #9dd3af; -webkit-border-radius: 100%; border-radius: 100%; } .testimonial4_indicators .carousel-indicators::-webkit-scrollbar{ height: 3px; } .testimonial4_indicators .carousel-indicators::-webkit-scrollbar-thumb{ background: #eeeeee; -webkit-border-radius: 0; border-radius: 0; } .testimonial4_control_button .carousel-control{ top: 175px; opacity: 1; width: 40px; bottom: auto; height: 40px; font-size: 10px; cursor: pointer; font-weight: 700; overflow: hidden; line-height: 38px; text-shadow: none; text-align: center; position: absolute; background: transparent; border: 2px solid #ffffff; text-transform: uppercase; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.6s cubic-bezier(0.3,1,0,1); transition: all 0.6s cubic-bezier(0.3,1,0,1); } .testimonial4_control_button .carousel-control.left{ left: 7%; top: 50%; right: auto; } .testimonial4_control_button .carousel-control.right{ right: 7%; top: 50%; left: auto; } .testimonial4_control_button .carousel-control.left:hover, .testimonial4_control_button .carousel-control.right:hover{ color: #000; background: #fff; border: 2px solid #fff; } .testimonial4_header{ top: 0; left: 0; bottom: 0; width: 550px; display: block; margin: 30px auto; text-align: center; position: relative; } .testimonial4_header h4{ color: #ffffff; font-size: 30px; font-weight: 600; position: relative; letter-spacing: 1px; text-transform: uppercase; } .testimonial4_slide{ top: 0; left: 0; right: 0; bottom: 0; width: 70%; margin: auto; padding: 20px; position: relative; text-align: center; } .testimonial4_slide img { top: 0; left: 0; right: 0; margin: auto; display: block; color: #f2f2f2; font-size: 18px; line-height: 46px; text-align: center; position: relative; border-radius: 50%; } .testimonial4_slide p { color: #ffffff; font-size: 20px; line-height: 1.4; margin: 40px 0 20px 0; } .testimonial4_slide h4 { color: #393939; font-size: 26px; font-family: 'avenir_heavy', sans-serif; margin: 12px; } .testimonial .carousel { padding-bottom:0; } .testimonial .carousel-control-next-icon, .testimonial .carousel-control-prev-icon { width: 35px; height: 35px; filter: brightness(0); } /* ------testimonial close-------*/ /***END_HORIZONTAL_SLIDER***/ /***QR_CODE***/ .qr_code{ display: none; margin: 10px 0 0 0!important; background: #def2df; padding: 20px!important; line-height: 1.4!important; font-size: 17px!important; color: #114823!important; position: relative; min-width: 97%; } .qr_code_mob{ display:none; } /***START_NEW_ACCORDEON***/ .accordion-item{ } .header_doc_cat{ color: #33384d; font-size: 18px; padding: 10px 0; font-weight: 600; letter-spacing: 1.2; } .doc_table{ display:flex; flex-direction:column; } .document_item{ display:flex; justify-content:space-between; padding: 10px; transition-duration: .56s; -webkit-transition-duration: .56s; -moz-transition-duration: .56s; -o-transition-duration: .56s; -ms-transition-duration: .56s; } .document_item a{ font-style: italic; text-decoration: none; color: #f7a891; } .document_item:nth-child(even){ background: #fff; } .document_item:hover{ background: #eeeeee; } .accordion-link{ text-decoration: none; width: 100%; display: flex; align-items: center; } .accordion-link i{ padding: .5rem; color: #33384d; font-size: 1.2em; } .accordion-link div{ display: flex; } .accordion-link .ion-md-arrow-down{ display: none; } .answer{ max-height: 0; overflow: hidden; position: relative; transition: max-height 1050ms; } .accordion-item:target .answer{ max-height: 100rem; } .accordion-item:target .accordion-link .ion-md-arrow-forward{ display: none } .accordion-item:target .accordion-link .ion-md-arrow-down{ display: block; } /***END_NEW_ACCORDEON***/ /***CONTACT_FORM***/ .form_container{ display: flex; flex-direction: column; } .col-12{ width:100%; } .col-6{ width:50%; float:left; } .col-3{ width:33.33333%; float:left; } .contact_input{ border: none; padding: 10px; margin: 0px 0px 10px 10px; width: 100%; min-height: 42px; border-bottom: 1px solid #d1cece; font-family: inherit; color: #888888; } .submit_button{ border:none; text-transform:uppercase; margin: 10px 0 20px 10px; display: inline-block; font-family: avenir_heavy; font-size: 15px; color: #ffffff; letter-spacing: 0.15em; padding: 10px 15px; cursor: pointer; text-decoration: none; background: #006b59; transition-duration: .36s; -webkit-transition-duration: .36s; -moz-transition-duration: .36s; -o-transition-duration: .36s; -ms-transition-duration: .36s; } .disactive{ filter: opacity(0.3) grayscale(1); cursor: not-allowed; } /***END_CONTACT_FORM***/ /***TELEGRAM_BUTTON***/ .tlg_btn{ display: block; margin: 0px 30px 10px 0!important; background: #36acf2; /**background-image: url(/bitrix/templates/main/css/images/tlg_btn.png);**/ line-height: 1.4!important; background-position: 29% 51%; padding: 10px; text-decoration: none; text-align: center; background-repeat: no-repeat; font-size: 20px!important; color: #fff!important; position: relative; min-width: 99.5%; transition-duration: .56s; -webkit-transition-duration: .56s; -moz-transition-duration: .56s; -o-transition-duration: .56s; -ms-transition-duration: .56s; } .tlg_btn_mob{ display:none; } .tlg_btn a{ color:#fff!important; text-decoration: none; } .tlg_btn:hover{ background: #2e88bd; } .tlg_btn img{ width: auto; vertical-align: middle; margin-right: 10px; } .tlg_btn_main{ display: block; margin: 10px 0 10px 0!important; background: #36acf2; background-image: url(/bitrix/templates/main/css/images/tlg_btn.png); line-height: 1.4!important; background-position: 29% 51%; padding: 10px 0; text-decoration: none; text-align: center; background-repeat: no-repeat; font-size: 20px!important; color: #fff!important; position: relative; min-width: 100%; transition-duration: .56s; -webkit-transition-duration: .56s; -moz-transition-duration: .56s; -o-transition-duration: .56s; -ms-transition-duration: .56s; } .tlg_btn_mob_main{ display:none; } .tlg_btn_main a{ color:#fff!important; text-decoration: none; } .tlg_btn_main:hover{ background: #2e88bd; background-image: url(/bitrix/templates/main/css/images/tlg_btn.png); background-position: 29% 51%; background-repeat: no-repeat; } /***WARNING_BUTTON***/ .wrn_btn{ display: block; margin: 0px 30px 10px 0!important; background: #006b59; /**background-image: url(/bitrix/templates/main/css/images/wrn_btn.png);**/ line-height: 1.4!important; background-position: 29% 51%; padding: 10px; text-decoration: none; text-align: center; background-repeat: no-repeat; font-size: 20px!important; color: #fff!important; position: relative; min-width: 99.5%; transition-duration: .56s; -webkit-transition-duration: .56s; -moz-transition-duration: .56s; -o-transition-duration: .56s; -ms-transition-duration: .56s; } .wrn_btn_mob{ display:none; } .wrn_btn a{ color:#fff!important; text-decoration: none; } .wrn_btn:hover{ background: #0e4e43; } .wrn_btn img{ width: auto; vertical-align: middle; margin-right: 10px; } .wrn_btn_main{ display: block; margin: 10px 0 10px 0!important; background: #006b59; line-height: 1.4!important; background-position: 29% 51%; padding: 10px 0; text-decoration: none; text-align: center; background-repeat: no-repeat; font-size: 20px!important; color: #fff!important; position: relative; min-width: 100%; transition-duration: .56s; -webkit-transition-duration: .56s; -moz-transition-duration: .56s; -o-transition-duration: .56s; -ms-transition-duration: .56s; } .wrn_btn_mob_main{ display:none; } .wrn_btn_main a{ color:#fff!important; text-decoration: none; } .wrn_btn_main:hover{ background: #0e4e43; background-image: url(/bitrix/templates/main/css/images/wrn_btn.png); background-position: 29% 51%; background-repeat: no-repeat; } /***ARHIVE***/ .press_block{ border-bottom: 1px solid #c6c6c6!important; padding: 30px 30px 0 30px!important; } .press_head{ font-size: 15px!important; margin: 3px 0 5px 0!important; } .press{ font-size: 17px!important; margin-top: 5px!important; } .name_press{ font-size: 0.8em; color: #f7a891; font-weight:800; } #arh_grid { display: grid; grid-template-rows: 1fr; grid-template-columns: 1fr 1fr; grid-gap: 1vw; margin: 20px 0 50px 0; } #arh_grid a{ text-decoration: none; } .arh_green_button{ font-weight: 700; letter-spacing: 0.12em; font-size: 17px; color: #006b59; text-align:center; background: #fff; border: 2px solid #006b59; text-transform: uppercase; padding: 10px 30px; cursor:pointer; transition-duration: .56s; -webkit-transition-duration: .56s; -moz-transition-duration: .56s; -o-transition-duration: .56s; -ms-transition-duration: .56s; } .arh_green_button:hover{ color: #fff; background: #006b59; } .arh_blue_button{ font-weight: 700; letter-spacing: 0.12em; font-size: 17px; color: #33384d; text-align:center; background: #fff; border: 2px solid #33384d; text-transform: uppercase; padding: 10px 30px; cursor:pointer; transition-duration: .56s; -webkit-transition-duration: .56s; -moz-transition-duration: .56s; -o-transition-duration: .56s; -ms-transition-duration: .56s; } .arh_blue_button:hover{ color: #fff; background: #33384d; } .arh_forel_button{ font-weight: 700; letter-spacing: 0.12em; font-size: 17px; color: #f7a891; text-align:center; background: #fff; border: 2px solid #f7a891; text-transform: uppercase; padding: 10px 30px; cursor:pointer; transition-duration: .56s; -webkit-transition-duration: .56s; -moz-transition-duration: .56s; -o-transition-duration: .56s; -ms-transition-duration: .56s; } .arh_forel_button:hover{ color: #fff; background: #f7a891; } .arh_block{ display:flex; justify-content:flex-start; align-items:flex-start; margin: 35px 0 15px 0; } .arh_block img{ margin-right:25px; } .arh_desc{ display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; } .arh_head{ font-size:16px; text-transform: uppercase; letter-spacing: 0.15em; margin: 0!important; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -ms-line-clamp: 2; -webkit-line-clamp: 2; line-clamp: 2; display: -webkit-box; display: box; word-wrap: break-word; -webkit-box-orient: vertical; box-orient: vertical; } .arh_desc small{ font-size: 0.8em; color: #f7a891; } .arh_desc_button{ display: inline-block; letter-spacing: 0.12em; font-size: 12px; color: #f7a891; text-align:center; background: #fff; border: 1px solid #f7a891; text-transform: uppercase; padding: 5px 15px; cursor:pointer; transition-duration: .56s; -webkit-transition-duration: .56s; -moz-transition-duration: .56s; -o-transition-duration: .56s; -ms-transition-duration: .56s; } .arh_desc_button:hover{ color: #fff; background: #f7a891; } .arh_text{ font-size: 16px!important; line-height: 1.5!important; margin-bottom: 10px!important; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -ms-line-clamp: 6; -webkit-line-clamp: 6; line-clamp: 6; display: -webkit-box; display: box; word-wrap: break-word; -webkit-box-orient: vertical; box-orient: vertical; } .arh_desc a{ text-decoration: none; } .flex_archive{ display: flex; flex-direction: column-reverse; } /***END_ARHIVE***/ /***MOB_MENU_PROJECTS***/ .menu_projects{ display:none; } /***STUDIO***/ .m_top_40{ margin-top:40px; } .studio_container{ display:flex; justify-content:flex-start; align-items:flex-start; padding:0 0 5px 0; } .studio_block{ position: relative; width:261px; height:261px; } .studio_block:first-child{ margin-right:5px; } .studio_block:last-child{ margin-left:5px; } .studio_block img{ filter:brightness(0.5); transition-duration: .56s; -webkit-transition-duration: .56s; -moz-transition-duration: .56s; -o-transition-duration: .56s; -ms-transition-duration: .56s; } .studio_block img:hover{ filter:brightness(1); } .header_sign{ position: absolute; bottom: 0px; margin-left: 25px; width: 223px; font-weight: 300; z-index: 1; } .studio_header{ color: #FFFFFF!important; font-size: 15px!important; letter-spacing: 0.1em!important; } .faq_header{ margin-top: 60px!important; margin-bottom: 30px!important; } .studio_icon_container{ display:flex; justify-content:space-between; align-items:flex-start; } .studio_icon_block{ display:flex; flex-direction:column; justify-content:flex-start; align-items:center; margin-bottom:40px; } .studio_icon_block:first-child{ margin-right:5px; } .studio_icon_block:last-child{ margin-right:5px; } .studio_icon_block h3{ font-size: 14px!important; text-align: center!important; margin:0!important; } /***END_STUDIO***/ .not_found{ font-family: 'avenir_heavy'!important; text-transform: uppercase; font-size: 22px!important; color: #006b59!important; vertical-align: middle!important; margin: 22px 0 20px 20px!important; display: inline-block!important; letter-spacing: 2!important; } .ui-selectmenu-button span.ui-selectmenu-text { text-align: left; padding: 0.4em 2.1em 0.4em 1em; display: block; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: 'avenir'; font-weight: 400; font-size: 15px; } .ui-menu .ui-menu-item { position: relative; margin: 0; padding: 1px 1px 3px 9px; line-height: 1.4; cursor: pointer; min-height: 0; list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); background: #fff; font-size: 15px!important; font-family: 'avenir'!important; } .podborka{ display: inline-block; } .up_calendar{ top:-220px!important; } .center{ text-align:center; } /***HEROES***/ .hero_cont{ margin-top: 40px; display:flex; justify-content:space-around; align-items:flex-start; } .hero_cont_center{ margin-top: 40px; display:flex; justify-content:center; align-items:flex-start; } .hero{ width: 50%; display:flex; flex-direction:column; align-items:center; margin: 0 20px 0 20px; } .hero h4{ font-weight: 800; font-size: 0.9em; margin: 10px 0 -10px; } .hero_desc{ text-align:center; font-size: 0.8em!important; color: #707070!important; font-style: italic!important; } .hero img:hover{ } /***END_HEROES***/ /***PREPOD***/ .hero_cont{ margin-top: 40px; display:flex; justify-content:space-around; align-items:flex-start; } .prep{ display:flex; flex-direction:column; align-items:center; } .prep h3{ margin: 11px 0 1px 0!important; } /***END_PREPOD***/ /***PARTNER***/ .partner_container{ display:flex; } .partner_column{ display:flex; flex-direction:column; } .partner_block{ padding:30px; display:flex; flex-direction:column; align-items:center; margin: 10px; box-shadow: 0px 0px 15px #e9e9e9; transition-duration: .56s; -webkit-transition-duration: .56s; -moz-transition-duration: .56s; -o-transition-duration: .56s; -ms-transition-duration: .56s; } .partner_block p{ font-size:16px!important; } .partner_header{ text-align:center; color: #2b2b2b; text-transform: uppercase; font-size: 18px; font-family: avenir_heavy; margin-top: 30px; } .partner_block:hover{ box-shadow: 15px 15px 15px #e9e9e9; } /***END_PARTNER***/ .blockquote_1{ font-size: 22px!important; margin: 40px; color: #33384d; border-left: 5px solid; padding-left: 20px; font-weight: 800; line-height: 1.5em; letter-spacing: 0.03em; } /***VOTE***/ .pollservice-ru_question-title a{ font-family: avenir_heavy; font-size: 1.5em; line-height: 2em; text-decoration: none; color: #393939!important; pointer-events: none; } .pollservice-ru_answer-wrapper{ line-height: 1.3em; font-size: 18px; font-family: 'Vollkorn', serif; } .pollservice-ru_vote-form .pollservice-ru_answer-wrapper input{ margin: 4px 6px 0px 0px; } .pollservice-ru_button-answer{ content:'проголосовать'; margin: 20px -10px 0 20px 0; display: inline-block; font-family: avenir_heavy; font-size: 15px; color: #ffffff; letter-spacing: 0.15em; padding: 10px 15px; cursor: pointer; text-decoration: none; background: #006b59; transition-duration: .36s; -webkit-transition-duration: .36s; -moz-transition-duration: .36s; -o-transition-duration: .36s; -ms-transition-duration: .36s; border: none; } .pollservice-ru_button-answer:hover{ background: #46ab9a; } /***END_VOTE***/ /***CSS_SLIDER***/ /* ------------- General ------------- */ @import url(https://fonts.googleapis.com/css?family=Ubuntu&subset=latin,cyrillic-ext,greek-ext,greek,latin-ext,cyrillic); @font-face { font-family: "controls"; src: url("/bitrix/templates/main/css/impresscontrols.eot"); src: url("/bitrix/templates/main/css/impresscontrols.eot#iefix") format("embedded-opentype"), url("/bitrix/templates/main/css/impresscontrols.woff") format("woff"), url("/bitrix/templates/main/css/impresscontrols.ttf") format("truetype"), url("/bitrix/templates/main/css/impresscontrols.svg#impress") format("svg"); font-weight: normal; font-style: normal; } .csslider1 { display: inline-block; position: relative; max-width: 830px; width: 100%; } .csslider1 > .cs_anchor { display: none; } .csslider1 > ul { position: relative; z-index: 1; font-size: 0; line-height: 0; margin: 0 auto; padding: 0; overflow: hidden; white-space: nowrap; } .csslider1 > ul > .cs_skeleton { width: 100%; visibility: hidden; font-size: 0px; line-height: 0; } .csslider1 > ul > .slide.img img { width: 100%; } .csslider1 > ul > .slide.img a { font-size: 0pt; color: transparent; } .csslider1 > ul > .slide { position: relative; display: inline-block; width: 100%; height: 100%; overflow: hidden; font-size: 15px; font-size: initial; line-height: normal; white-space: normal; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .csslider1 .cs_lnk{ position: absolute; top: -9999px; left: -9999px; font-size: 0pt; opacity: 0; filter: alpha(opacity=0); } .csslider1 > ul > li.img, .csslider1 > .cs_arrowprev, .csslider1 > .cs_arrownext, .csslider1 > .cs_bullets, .csslider1 > .cs_play_pause { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* ------------- /General Styles ------------- */ /* ------------- General Arrows ------------- */ .csslider1 > .cs_arrowprev, .csslider1 > .cs_arrownext { position: absolute; top: 50%; z-index: 5; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .csslider1 > .cs_arrowprev > label, .csslider1 > .cs_arrownext > label { position: absolute; text-decoration: none; cursor: pointer; opacity: 0; z-index: -1; } .csslider1 > .cs_arrowprev { left: 0; } .csslider1 > .cs_arrownext { right: 0; } .csslider1 > .slide:checked ~ .cs_arrowprev > label, .csslider1 > .slide:checked ~ .cs_arrownext > label { opacity: 0; z-index: -1; } .csslider1 > #cs_slide1_0:checked ~ .cs_arrowprev > label.num3, .csslider1 > #cs_pause1_0:checked ~ .cs_arrowprev > label.num3, .csslider1 > #cs_slide1_0:checked ~ .cs_arrownext > label.num1, .csslider1 > #cs_pause1_0:checked ~ .cs_arrownext > label.num1, .csslider1 > #cs_slide1_1:checked ~ .cs_arrowprev > label.num0, .csslider1 > #cs_pause1_1:checked ~ .cs_arrowprev > label.num0, .csslider1 > #cs_slide1_1:checked ~ .cs_arrownext > label.num2, .csslider1 > #cs_pause1_1:checked ~ .cs_arrownext > label.num2, .csslider1 > #cs_slide1_2:checked ~ .cs_arrowprev > label.num1, .csslider1 > #cs_pause1_2:checked ~ .cs_arrowprev > label.num1, .csslider1 > #cs_slide1_2:checked ~ .cs_arrownext > label.num3, .csslider1 > #cs_pause1_2:checked ~ .cs_arrownext > label.num3, .csslider1 > #cs_slide1_3:checked ~ .cs_arrowprev > label.num2, .csslider1 > #cs_pause1_3:checked ~ .cs_arrowprev > label.num2, .csslider1 > #cs_slide1_3:checked ~ .cs_arrownext > label.num0, .csslider1 > #cs_pause1_3:checked ~ .cs_arrownext > label.num0 { opacity: 1; z-index: 5; } @-webkit-keyframes arrow { 0%, 24.99% { opacity: 1; z-index: 5; } 25%, 100% { opacity: 0; z-index: -1; } } @keyframes arrow { 0%, 24.99% { opacity: 1; z-index: 5; } 25%, 100% { opacity: 0; z-index: -1; } } .csslider1 > #cs_play1:checked ~ .cs_arrowprev > label.num3, .csslider1 > #cs_play1:checked ~ .cs_arrownext > label.num1 { -webkit-animation: arrow 14400ms infinite -1900ms; animation: arrow 14400ms infinite -1900ms; } .csslider1 > #cs_play1:checked ~ .cs_arrowprev > label.num0, .csslider1 > #cs_play1:checked ~ .cs_arrownext > label.num2 { -webkit-animation: arrow 14400ms infinite 1700ms; animation: arrow 14400ms infinite 1700ms; } .csslider1 > #cs_play1:checked ~ .cs_arrowprev > label.num1, .csslider1 > #cs_play1:checked ~ .cs_arrownext > label.num3 { -webkit-animation: arrow 14400ms infinite 5300ms; animation: arrow 14400ms infinite 5300ms; } .csslider1 > #cs_play1:checked ~ .cs_arrowprev > label.num2, .csslider1 > #cs_play1:checked ~ .cs_arrownext > label.num0 { -webkit-animation: arrow 14400ms infinite 8900ms; animation: arrow 14400ms infinite 8900ms; } .csslider1 > .slide:checked ~ .cs_arrowprev > label, .csslider1 > .slide:checked ~ .cs_arrownext > label, .csslider1 > .pause:checked ~ .cs_arrowprev > label, .csslider1 > .pause:checked ~ .cs_arrownext > label { -webkit-animation: none; animation: none; } /* ------------- /General Arrows ------------- */ /* ------------- General Bullets ------------- */ .csslider1 > .cs_bullets { position: absolute; left: 0; width: 100%; z-index: 6; font-size: 0; line-height: 8pt; text-align: center; } .csslider1 > .cs_bullets > div { margin-left: -50%; width: 100%; } .csslider1 > .cs_bullets > label { position: relative; display: inline-block; cursor: pointer; height: 1px; width: 1px!important; } .csslider1 > .cs_bullets > label > .cs_thumb { visibility: hidden; position: absolute; opacity: 0; z-index: 1; line-height: 0; left: -55px; top: -48px; } .csslider1 > .cs_bullets > label > .cs_thumb > img { max-width: none; } /* ------------- /General Bullets ------------- */ /* ------------- General Description ------------- */ .csslider1 > .cs_description { z-index: 3; } .csslider1 > .cs_description a, .csslider1 > .cs_description a:visited, .csslider1 > .cs_description a:active { color: inherit; } .csslider1 > .cs_description a:hover { text-decoration: none; } .csslider1 > .cs_description > label { position: absolute; text-align: left; left: 0; } .csslider1 > .cs_description > label > span { vertical-align: top; } .csslider1 > .cs_description > label span { display: inline-block; } /* ------------- /General Description ------------- */ /* ------------- General Play Pause ------------- */ .csslider1 > .cs_play_pause { position: absolute; top: 50%; left: 50%; z-index: 5; } .csslider1 > .cs_play_pause > label { position: absolute; cursor: pointer; } .csslider1 > #cs_play1:checked ~ .cs_play_pause > .cs_pause, .csslider1 > .slide:checked ~ .cs_play_pause > .cs_play, .csslider1 > .pause:checked ~ .cs_play_pause > .cs_play { display: block; z-index: 5; } .csslider1 > #cs_play1:checked ~ .cs_play_pause > .cs_play, .csslider1 > .slide:checked ~ .cs_play_pause > .cs_pause, .csslider1 > .pause:checked ~ .cs_play_pause > .cs_pause { display: none; z-index: -1; } @-webkit-keyframes pauseChange { 0%, 24.99% { opacity: 1; z-index: 5; } 25%, 100% { opacity: 0; z-index: -1; } } @keyframes pauseChange { 0%, 24.99% { opacity: 1; z-index: 5; } 25%, 100% { opacity: 0; z-index: -1; } } .csslider1 > #cs_play1:checked ~ .cs_play_pause > .cs_pause.num0 { opacity: 0; z-index: -1; -webkit-animation: pauseChange 14400ms infinite -1900ms; animation: pauseChange 14400ms infinite -1900ms; } .csslider1 > #cs_play1:checked ~ .cs_play_pause > .cs_pause.num1 { opacity: 0; z-index: -1; -webkit-animation: pauseChange 14400ms infinite 1700ms; animation: pauseChange 14400ms infinite 1700ms; } .csslider1 > #cs_play1:checked ~ .cs_play_pause > .cs_pause.num2 { opacity: 0; z-index: -1; -webkit-animation: pauseChange 14400ms infinite 5300ms; animation: pauseChange 14400ms infinite 5300ms; } .csslider1 > #cs_play1:checked ~ .cs_play_pause > .cs_pause.num3 { opacity: 0; z-index: -1; -webkit-animation: pauseChange 14400ms infinite 8900ms; animation: pauseChange 14400ms infinite 8900ms; } .csslider1 > .slide:checked ~ .cs_play_pause > .cs_pause, .csslider1 > .pause:checked ~ .cs_play_pause > .cs_pause { -webkit-animation: none; animation: none; } /* ------------- /General Play Pause ------------- */ /* ------------- General Gestures ------------- */ .csslider1.cs_handle { cursor: -webkit-grab; cursor: -moz-grab; } .csslider1.cs_handle.cs_grab { cursor: -webkit-grabbing; cursor: -moz-grabbing; } .csslider1 .cs_gestures { visibility: hidden; position: absolute; font-size: 0; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1; opacity: 0; -webkit-transition: visibility .3s linear, opacity .3s linear; transition: visibility .3s linear, opacity .3s linear; } .csslider1 .cs_gestures.cs_show { visibility: visible; opacity: 1; } .csslider1 .cs_gestures.cs_show img { width: 25%; } .csslider1 .cs_gestures.cs_show .cs_first_img { position: absolute; left: -25%; top: 0; } .csslider1 .cs_gestures.cs_show .cs_last_img { position: absolute; left: 100%; top: 0; } .csslider1 .cs_gestures > div { position: absolute; left: 0; top: 0; width: 400%; } /* ------------- /General Gestures ------------- */ /* ------------- Effect ------------- */ .csslider1 > ul > .slide.num0 { left: 0%; } .csslider1 > ul > .slide.num1 { left: 100%; } .csslider1 > ul > .slide.num2 { left: 200%; } .csslider1 > ul > .slide.num3 { left: 300%; } .csslider1 > #cs_slide1_0:checked ~ ul > .slide, .csslider1 > #cs_pause1_0:checked ~ ul > .slide { -webkit-transform: translateX(0%); transform: translateX(0%); } .csslider1 > #cs_slide1_1:checked ~ ul > .slide, .csslider1 > #cs_pause1_1:checked ~ ul > .slide { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .csslider1 > #cs_slide1_2:checked ~ ul > .slide, .csslider1 > #cs_pause1_2:checked ~ ul > .slide { -webkit-transform: translateX(-200%); transform: translateX(-200%); } .csslider1 > #cs_slide1_3:checked ~ ul > .slide, .csslider1 > #cs_pause1_3:checked ~ ul > .slide { -webkit-transform: translateX(-300%); transform: translateX(-300%); } .csslider1 > ul > .slide { position: absolute; top: 0; left: 0; display: inline-block; opacity: 1; -webkit-transition: -webkit-transform 1900ms; transition: -webkit-transform 1900ms, transform 1900ms; -webkit-transform: scale(1); transform: scale(1); } @-webkit-keyframes slide { 0%, 11.805555555555555% { -webkit-transform: translateX(0%); transform: translateX(0%); } 25%, 36.80555555555556% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 50%, 61.80555555555556% { -webkit-transform: translateX(-200%); transform: translateX(-200%); } 75%, 86.80555555555556% { -webkit-transform: translateX(-300%); transform: translateX(-300%); } } @keyframes slide { 0%, 11.805555555555555% { -webkit-transform: translateX(0%); transform: translateX(0%); } 25%, 36.80555555555556% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 50%, 61.80555555555556% { -webkit-transform: translateX(-200%); transform: translateX(-200%); } 75%, 86.80555555555556% { -webkit-transform: translateX(-300%); transform: translateX(-300%); } } @keyframes slide-ie { 0%, 11.805555555555555% { margin-left: 0%; } 25%, 36.80555555555556% { margin-left: -100%; } 50%, 61.80555555555556% { margin-left: -200%; } 75%, 86.80555555555556% { margin-left: -300%; } } .csslider1 > #cs_play1:checked ~ ul > .slide { -webkit-animation: slide 14400ms infinite; animation: slide 14400ms infinite; } /* IE 10+ hack - cant animate translate :( */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .csslider1 > #cs_play1:checked ~ ul > .slide { animation: slide-ie 14400ms infinite; } } .csslider1 > #cs_play1:checked ~ ul > .slide, .csslider1 > .pause:checked ~ ul > .slide { -webkit-transition: none; transition: none; } /* ------------- /Effect ------------- */ /* ------------- Template Show on hover ------------- */ .csslider1 > .cs_play_pause { -webkit-transition: .4s all 0s ease; transition: .4s all 0s ease; } .csslider1 > .cs_arrowprev { -webkit-transition: .4s all .15s ease; transition: .4s all .15s ease; } .csslider1 > .cs_arrownext { -webkit-transition: .4s all .3s ease; transition: .4s all .3s ease; } .csslider1 > .cs_arrowprev, .csslider1 > .cs_arrownext, .csslider1 > .cs_play_pause { opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); } .csslider1:hover > .cs_arrowprev, .csslider1:hover > .cs_arrownext, .csslider1:hover > .cs_play_pause { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } /* ------------- /Template Show on hover ------------- */ /* ------------- Template Arrows ------------- */ .csslider1 > .cs_arrowprev > label, .csslider1 > .cs_arrownext > label { margin-top: -30px; margin-left: -30px; width: 60px; height: 60px; box-shadow: inset 0 0 0 2px #fff; border-radius: 50%; -webkit-transition: all .5s ease; transition: all .5s ease; } .csslider1 > .cs_arrowprev { margin-left: 10px; left: 30px; } .csslider1 > .cs_arrownext { margin-right: 10px; right: 30px; } .csslider1 > .cs_arrowprev > label:after { content: '\e801'; margin-left: -4px; } .csslider1 > .cs_arrownext > label:after { content: '\e800'; margin-left: 4px; } .csslider1 > .cs_arrowprev > label:after, .csslider1 > .cs_arrownext > label:after { position: absolute; display: block; text-align: center; font: 31px "controls"; line-height: 64px; top: 0; left: 0; right: 0; color: #fff; } /* IE10+ hack */ _:-ms-input-placeholder, :root .csslider1 > .cs_arrowprev > label:after { line-height: 70px; } _:-ms-input-placeholder, :root .csslider1 > .cs_arrownext > label:after { line-height: 70px; } .csslider1 > .cs_arrowprev:hover > label, .csslider1 > .cs_arrownext:hover > label { box-shadow: inset 0 0 0 2px #ffffff; } .csslider1 > .cs_arrowprev > label > span, .csslider1 > .cs_arrownext > label > span { display: block; width: 60px; height: 60px; border-radius: 50%; overflow: hidden; z-index: -1; } .csslider1 > .cs_arrowprev > label i, .csslider1 > .cs_arrownext > label i { display: block; width: 60px; height: 0px; background-color: #f7a891; -webkit-transition: height .5s ease; transition: height .5s ease; } .csslider1 > .cs_arrowprev:hover > label i, .csslider1 > .cs_arrownext:hover > label i { height: 60px; } /* ------------- /Template Arrows ------------- */ /* ------------- Template Play Pause ------------- */ .csslider1 > .cs_play_pause > label { text-decoration: none; margin-left: -30px; margin-top: -30px; width: 60px; height: 60px; border-radius: 50%; box-shadow: inset 0 0 0 2px #fff; -webkit-transition: box-shadow .5s ease; transition: box-shadow .5s ease; } .csslider1 > .cs_play_pause > .cs_play:after { content: ">"; } .csslider1 > .cs_play_pause > .cs_pause:after { content: "II"; } .csslider1 > .cs_play_pause > label:after{ position: absolute; display: block; text-align: center; font-size: 28px; line-height: 64px; top: 0; left: 0; right: 0; color: #fff; } /* IE10+ hack */ _:-ms-input-placeholder, :root .csslider1 > .cs_play_pause > label:after { line-height: 72px; } .csslider1 > .cs_play_pause:hover > label { box-shadow: inset 0 0 0 2px #ffffff; } .csslider1 > .cs_play_pause > label > span { display: block; width: 60px; height: 60px; border-radius: 50%; overflow: hidden; z-index: -1; } .csslider1 > .cs_play_pause > label i { display: block; width: 60px; height: 0px; background-color: #f7a891; -webkit-transition: height .5s ease; transition: height .5s ease; } .csslider1 > .cs_play_pause:hover > label i { height: 60px; } /* ------------- /Template Play Pause ------------- */ /* ------------- Template Bullets ------------- */ .csslider1 > .cs_bullets { bottom: 5px; margin-bottom: 5px; } .csslider1 > .cs_bullets > label { margin: 0 10px; padding: 8px; border-radius: 50%; border: 2px solid #fff; background: transparent; -webkit-transition: all 0.3s; transition: all 0.3s; width:10px; } .csslider1 > .cs_bullets > label img { border: 3px solid #f7a891; } .csslider1 > .cs_bullets > label > .cs_thumb { overflow: hidden; height: 0px; opacity: 1; margin-top: -15px; margin-left: 2px; -webkit-transition: all 0.5s; transition: all 0.5s; } .csslider1 > .cs_bullets > label > .cs_thumb:before { content: ''; position: absolute; width: 0; height: 0; left: 50%; top: 54px; margin-left: -4px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #f7a891; } .csslider1 > .cs_bullets > label:hover > .cs_thumb { height: 61px; visibility: visible; } .csslider1 > .cs_bullets > label:hover, .csslider1 > #cs_slide1_0:checked ~ .cs_bullets > label.num0, .csslider1 > #cs_pause1_0:checked ~ .cs_bullets > label.num0, .csslider1 > #cs_slide1_1:checked ~ .cs_bullets > label.num1, .csslider1 > #cs_pause1_1:checked ~ .cs_bullets > label.num1, .csslider1 > #cs_slide1_2:checked ~ .cs_bullets > label.num2, .csslider1 > #cs_pause1_2:checked ~ .cs_bullets > label.num2, .csslider1 > #cs_slide1_3:checked ~ .cs_bullets > label.num3, .csslider1 > #cs_pause1_3:checked ~ .cs_bullets > label.num3 { border: 2px solid #ffffff; background: #f7a891; } @-webkit-keyframes bullet { 0%, 24.99% { border: 2px solid #ffffff; background: #f7a891; } 25%, 100% { border: 2px solid #fff; background: transparent; } } @keyframes bullet { 0%, 24.99% { border: 2px solid #ffffff; background: #f7a891; } 25%, 100% { border: 2px solid #fff; background: transparent; } } .csslider1 > #cs_play1:checked ~ .cs_bullets > label.num0 { -webkit-animation: bullet 14400ms infinite -1900ms; animation: bullet 14400ms infinite -1900ms; } .csslider1 > #cs_play1:checked ~ .cs_bullets > label.num1 { -webkit-animation: bullet 14400ms infinite 1700ms; animation: bullet 14400ms infinite 1700ms; } .csslider1 > #cs_play1:checked ~ .cs_bullets > label.num2 { -webkit-animation: bullet 14400ms infinite 5300ms; animation: bullet 14400ms infinite 5300ms; } .csslider1 > #cs_play1:checked ~ .cs_bullets > label.num3 { -webkit-animation: bullet 14400ms infinite 8900ms; animation: bullet 14400ms infinite 8900ms; } .csslider1 > #cs_play1:checked ~ .cs_bullets > label, .csslider1 > .pause:checked ~ .cs_bullets > label { -webkit-transition: none; transition: none; } .csslider1 > .slide:checked ~ .cs_bullets > label { -webkit-animation: none; animation: none; } /* ------------- /Template Bullets ------------- */ /* ------------- Template Description ------------- */ .csslider1 > .cs_description > label { font-size: 20px; line-height: normal; bottom: 40px; top: auto; } .csslider1 > .cs_description > label > span { color: #fff; margin: 0 30px; padding: 10px; font-size:2em;; font-weight:700; } .csslider1 > .cs_description > label > .cs_descr { text-align: left; } .csslider1 > #cs_slide1_0:checked ~ .cs_description > .num0, .csslider1 > #cs_pause1_0:checked ~ .cs_description > .num0, .csslider1 > #cs_slide1_1:checked ~ .cs_description > .num1, .csslider1 > #cs_pause1_1:checked ~ .cs_description > .num1, .csslider1 > #cs_slide1_2:checked ~ .cs_description > .num2, .csslider1 > #cs_pause1_2:checked ~ .cs_description > .num2, .csslider1 > #cs_slide1_3:checked ~ .cs_description > .num3, .csslider1 > #cs_pause1_3:checked ~ .cs_description > .num3 { opacity: 1; z-index: 4; -webkit-transition: .5s opacity .2s ease, .5s -webkit-transform .2s ease; transition: .5s opacity .2s ease, .5s -webkit-transform .2s ease, .5s transform .2s ease; -webkit-transform: translateY(0); transform: translateY(0); } .csslider1 > .slide:checked ~ .cs_description > label { opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); -webkit-transform: translateY(-30px); transform: translateY(-30px); } @-webkit-keyframes cs_description { 3.4722222222222223%, 14.920555555555557% { opacity: 1; z-index: 4; -webkit-transform: translateY(0); transform: translateY(0); } 0%, 18.40277777777778%, 100% { opacity: 0; z-index: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); } } @keyframes cs_description { 3.4722222222222223%, 14.920555555555557% { opacity: 1; z-index: 4; -webkit-transform: translateY(0); transform: translateY(0); } 0%, 18.40277777777778%, 100% { opacity: 0; z-index: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); } } .csslider1 > #cs_play1:checked ~ .cs_description > .num0 { -webkit-animation: cs_description 14400ms infinite 0ms; animation: cs_description 14400ms infinite 0ms; } .csslider1 > #cs_play1:checked ~ .cs_description > .num1 { -webkit-animation: cs_description 14400ms infinite 3600ms; animation: cs_description 14400ms infinite 3600ms; } .csslider1 > #cs_play1:checked ~ .cs_description > .num2 { -webkit-animation: cs_description 14400ms infinite 7200ms; animation: cs_description 14400ms infinite 7200ms; } .csslider1 > #cs_play1:checked ~ .cs_description > .num3 { -webkit-animation: cs_description 14400ms infinite 10800ms; animation: cs_description 14400ms infinite 10800ms; } .slider_desc{ color: #fff; margin: 0 30px; padding: 10px; font-size: 2em; font-weight: 700; } /* ------------- /Template Description ------------- */ /* hide description & bullets on mobile devices */ @media only screen and (max-width: 480px), only screen and (-webkit-max-device-pixel-ratio: 2) and (max-width: 480px), only screen and ( max--moz-device-pixel-ratio: 2) and (max-width: 480px), only screen and ( -o-max-device-pixel-ratio: 2/1) and (max-width: 480px), only screen and ( max-device-pixel-ratio: 2) and (max-width: 480px), only screen and ( max-resolution: 192dpi) and (max-width: 480px), only screen and ( max-resolution: 2dppx) and (max-width: 480px) { .csslider1 > .cs_description, .csslider1 > .cs_bullets { display: none; } } /***END_CSS_SLIDER***/ /***CSS_TABS***/ .tabs { font-size: 0; /* max-width: 350px; */ margin-left: auto; margin-right: auto; margin-top: 20px; } .tabs>input[type="radio"] { display: none; } .tabs>div { /* скрыть контент по умолчанию */ display: none; padding: 10px 15px; font-size: 19px; color: #2b2b2b; } /* отобразить контент, связанный с выбранной радиокнопкой (input type="radio") */ #tab-btn-1:checked~#content-1, #tab-btn-2:checked~#content-2, #tab-btn-3:checked~#content-3 { display: block; } .tabs>label { font-family: 'avenir_heavy'; text-transform: uppercase; letter-spacing: 0.18em; display: inline-block; text-align: center; vertical-align: middle; user-select: none; background-color: #f5f5f5; border-right: 1px solid #e0e0e0; padding: 10px 18px; font-size: 16px; line-height: 1.5; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out; cursor: pointer; position: relative; top: 1px; } .tabs>label:not(:first-of-type) { border-left: none; } .tabs>input[type="radio"]:checked+label { background-color: #33384d; color: #fff; } /***CSS_TABS***/ /***CSS_ACCORDEON***/ .accordion { display: block; font-size: inherit; margin: 0px; position: relative; } .accordion input { display: none; position: absolute; visibility: hidden; left: 50%; top: 50%; z-index: 1; } .accordion_header { background-color: #f3efe7; border: 1px solid #f3efe7; color: #2b2b2b; cursor: pointer; transition: background 0.2s; padding: 20px; position: relative; z-index: 2; text-transform: uppercase; font-family: 'avenir'; font-size: 16px; letter-spacing: 0.08em; } .accordion_header:hover { background-color: #f7a89100; border: 1px solid #bababa; } .accordion_header:hover:before, .accordion_header:hover:after { background-color: white; } .accordion_header:before, .accordion_header:after { background-color: #8e919f; content: ''; display: block; position: absolute; z-index: 3; } .accordion_header:before { height: 2px; margin-top: -1px; top: 50%; right: 20px; width: 8px; } .accordion_header:after { height: 8px; margin-top: -4px; top: 50%; right: 23px; width: 2px; } .accordion input:checked ~ .accordion_header { background: #326b7e; border-color: #326b7e; color: white; } .accordion input:checked ~ .accordion_header:hover { background-color: #184959; border-color: #184959; color: white; } .accordion input:checked ~ .accordion_header:before { background-color: white; } .accordion input:checked ~ .accordion_header:after { display: none; } .accordion_content { background-color: white; border-width: 0px 1px; display: none; padding: 20px; } .accordion input:checked ~ .accordion_content { display: block; } /***ACCORDEON-BUTTON***/ .accordion_header_button{ width: 40%; background-color: #33384d; border: 1px solid #33384d; color: #ffffff; cursor: pointer; transition: background 0.2s; padding: 12px; position: relative; z-index: 2; text-transform: uppercase; font-family: 'avenir_heavy'; font-size: 14px; letter-spacing: 0.18em; } .accordion_header_button:hover { border: 1px solid #33384d; background-color: #646d92; color: white; } .accordion_header_button:hover:before, .accordion_header_button:hover:after { background-color: white; } .accordion_header_button:before, .accordion_header_button:after { background-color: #CFD8DC; content: ''; display: block; position: absolute; z-index: 3; } .accordion_header_button:before { height: 2px; margin-top: -1px; top: 50%; right: 20px; width: 8px; } .accordion_header_button:after { height: 8px; margin-top: -4px; top: 50%; right: 23px; width: 2px; } .accordion input:checked ~ .accordion_header_button { background: #646d92; border-color: #646d92; color: white; } .accordion input:checked ~ .accordion_header_button:hover { background-color: #646d92; border-color: #646d92; color: white; } .accordion input:checked ~ .accordion_header_button:before { background-color: white; } .accordion input:checked ~ .accordion_header_button:after { display: none; } /***END_CSS_ACCORDEON***/ /***CSS_MODAL***/ .iw-modal-btn { background:#33384d; color:#fff!important; text-align:center; display:inline-block; padding:10px 15px; text-decoration:none; font-size:16px; margin-top:4px; transition: all 0.5s ease; letter-spacing: 0.1em; } .iw-modal-btn:hover { background:#439DE0; } .iw-modal { opacity: 0; background: rgba(0,0,0,0.7); pointer-events: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; transition: all 0.5s ease; margin: 0; padding: 0; } .iw-modal:target { opacity: 1; pointer-events: auto; overflow-y: auto; } .iw-modal-wrapper { margin:auto; margin-top:25vh; } /*CSS-свойства для блока, содержащего контент модального окна */ .iw-CSS-modal-inner { position: relative; background: #fff; border: 1px solid #ccc; border-radius: 0px; } /*CSS-свойства заголовка модального окна */ .iw-modal-header { padding: 15px; background:#f1f1f1; position:relative; } .iw-modal-title { font-size: 18px; color:#555; font-weight:bold; line-height: 1.5; margin-top: 0; margin-bottom: 0; } /*CSS для кнопки закрытия*/ .iw-close { box-shadow: 2px 2px 3px #adadad; font-family: 'avenir_heavy'; position: absolute; top: 15px; right: 20px; font-size: 18px; color: #ffffff !important; text-decoration: none; background: #e61f42; padding: 8px 12px; } .iw-close:hover, .iw-close:focus { color: #000; cursor: pointer; } /*CSS для блока с текстом*/ .iw-modal-text { padding: 15px 20px; } /**MEDIA**/ @media (min-width: 550px) { .iw-modal-wrapper { max-width: 1200px; } } /***END_CSS_MODAL***/ table{ width:100%; font-size: 18px; border-spacing: 0px; line-height: 1.1; margin: 30px 0; } .article_titles table th{ font-weight: 400; font-size: 18px; background: #f2ede5; padding: 15px; border-bottom: 1px solid #e0e0e0; } table td { padding: 15px; border-bottom: 1px solid #e0e0e0; } tr:nth-child(even) { background: #f5f5f5; } tr:nth-child(odd) { background: #FFF; } small{ font-size: 0.75em; } .perenos{ text-align: center; margin: 80px 0 80px 0; border: 3px solid #f7a891; padding: 30px; } .perenos h3{ color: #f7a891!important; } .digest{ margin-top:50px; display:flex; flex-direction:column; } .digest_block{ display:flex; align-items:flex-start; margin: 20px 0 30px 0; } .digest_block img{ margin: 0 15px; width: 255px; } .digest_txt{ margin-top: -27px; } .digest_txt p{ font-size:1.1em!important; } .digest_block:nth-child(2n){ flex-direction:row-reverse; } .digest_date{ color: #f7a891; margin: 20px 0 -10px 0; } .value{ text-decoration:none; } .contact_head{ text-transform: uppercase; font-size: 24px; position: absolute; color: #2b2b2b; top: 130px!important; margin: 0px; left: 30px; font-family: avenir_heavy; letter-spacing: 0.15em; } .green_button{ margin:-10px 0 20px 0; display:inline-block; font-family: avenir_heavy; font-size: 15px; color:#ffffff; letter-spacing: 0.15em; padding: 10px 15px; cursor:pointer; text-decoration:none; background: #006b59; transition-duration: .36s; -webkit-transition-duration: .36s; -moz-transition-duration: .36s; -o-transition-duration: .36s; -ms-transition-duration: .36s; } .green_button:hover{ background: #46ab9a; } .green_button a{ text-decoration:none; color:#ffffff!important; } .blue_button a{ text-decoration:none; color:#ffffff!important; } .blue_button{ margin:-10px 0 20px 0; display:inline-block; font-family: avenir_heavy; font-size: 15px; color:#ffffff; letter-spacing: 0.15em; padding: 10px 15px; cursor:pointer; text-decoration:none; background: #33384d; transition-duration: .56s; -webkit-transition-duration: .56s; -moz-transition-duration: .56s; -o-transition-duration: .56s; -ms-transition-duration: .56s; } .blue_button:hover{ background: #646d92; } .abiframelnk{ margin:-10px 0 20px 0!important; display:inline-block!important; font-family: avenir_heavy!important; font-size: 15px!important; color:#ffffff!important; letter-spacing: 0.15em!important; padding: 10px 15px!important; cursor:pointer!important; text-decoration:none!important; background: #33384d!important; transition-duration: .56s!important; -webkit-transition-duration: .56s!important; -moz-transition-duration: .56s!important; -o-transition-duration: .56s!important; -ms-transition-duration: .56s!important; border-radius: 0!important; border: 0!important; height: auto!important; line-height: normal!important; text-align: center!important; width: auto!important; text-decoration: none!important; -webkit-box-shadow: none!important; box-shadow: none!important; } .abiframelnk:hover{ background: #646d92!important; } .m_20_left{ margin-left:20px!important; } .gray_button{ text-transform:uppercase; margin:-10px 0 20px 0; display:inline-block; font-family: avenir_heavy; font-size: 12px; color:#ffffff; letter-spacing: 0.15em; padding: 10px 15px; cursor:pointer; text-decoration:none; background: #f7a891; transition-duration: .56s; -webkit-transition-duration: .56s; -moz-transition-duration: .56s; -o-transition-duration: .56s; -ms-transition-duration: .56s; } .gray_button:hover{ background: #ee8060; } .b-share-btn__odnoklassniki{ display:none!important; } .b-share-btn__moimir{ display:none!important; } .b-share-btn__moikrug{ display:none!important; } .b-share-btn__gplus{ display:none!important; } /*@font-face { font-family: Century Gothic; src: url(/bitrix/templates/main/css/../fonts/gothic.ttf); src: url(/bitrix/templates/main/css/../fonts/gothic.eot); }*/ /*@font-face { font-family: Century Gothic bold; src: url(/bitrix/templates/main/css/../fonts/gothic_bold.ttf); }*/ a img { border: none; } .clear { clear: both; } ul { /*margin: 0px; padding: 0px;*/ } h1 { font-family: avenir_heavy; font-size: 28px; text-transform: uppercase; color: #2b2b2b; letter-spacing: 0.15em; } h2 { color: #2b2b2b; font-family: avenir_heavy; font-size: 18px; letter-spacing: 0.15em; text-transform: uppercase; } h3 { text-transform: uppercase; font-family: avenir_heavy; font-size: 16px; color: #2b2b2b; letter-spacing: 0.15em; float: none; } h4 { font-family: avenir-semi; font-size: 18px; color: #2b2b2b; letter-spacing: 0.02em; float: none; } h5 { font-family: avenir-semi; font-size: 19px; color: #2b2b2b; letter-spacing: 0.02em; float: none; line-height: 1.6; margin-bottom: 0; } .inner_h3 { text-transform: uppercase; font-family: 'avenir_heavy'; font-size: 18px; color: #33384d; margin: 22px 0 25px 0; } .rubble{ font-family:system-ui; font-size: 0.8em; } .wrapper { margin-left: auto; margin-right: auto; height: auto; width: 1200px; position: relative; min-height: 210px!important; } .inner_photo{ width:976px; } body > .wrapper{ min-height: 601px; } .top_line_header { background-color: #2b2b2b; } .top_content { margin-left: auto; margin-right: auto; height: auto; width: 980px; display: block; background-color: #2b2b2b; } .top_content div:after { } .department_culture { /*width: 24px; height: 29px; background: url('/bitrix/templates/main/css/../images/sprite.png') -1px -74px;*/ background: url('/bitrix/templates/main/css/../images/logo_dep.svg'); background-position: left center; background-size:contain; background-repeat:no-repeat; width: 200px; height: 40px; display: inline-block; float: left; cursor: pointer; margin-right: 11px !important; vertical-align: middle; margin-top: 41px; } .search { border: 1px solid #9d9d9d; min-height: 22px; max-height: 58px; overflow: hidden; } .top_ser { border: none; outline: none; -webkit-appearance: none; font-size: 17px; padding: 16px 0 16px 16px; width: 500px; margin-left: 5px; display: inline-block; color: #000000!important; } .top_ser::-webkit-input-placeholder { color: #9d9d9d; } .top_ser::-moz-placeholder { color: #9d9d9d; } .loupe { border: 0px; line-height: 0px; width: 20px; height: 20px; background: url(/bitrix/images/search.svg); vertical-align: text-bottom; margin-right: 10px; cursor: pointer; } .top_content form { display: inline-block; margin: 0 44px 0 209px; } .drop_subs form { display: block; margin: 0px; } .top_line { display: inline-block; padding: 12px 0 0 0; float: left; width: 610px; } .message { width: 20px; height: 12px; background: url('/bitrix/templates/main/css/../images/sprite.png') -14px 0px; display: inline-block; margin-left: 28px; vertical-align: middle; } .sub_icon { width: 14px; height: 13px; background: url('/bitrix/templates/main/css/../images/sprite.png') -35px 0px; display: inline-block; } .subscription_news { display: inline-block; color: #f2ede5; font-size: 11px; text-transform: uppercase; text-decoration: none; margin-left: 15px; vertical-align: middle; width: 75px; text-align: left; font-family: avenir; } .subscription_news:hover { text-decoration: underline; } .subscription { border-right: 1px solid #f2ede5; border-left: 1px solid #f2ede5; display: inline-block; padding: 17px 37px 11px 24px; text-align: center; cursor: pointer; position: relative; } .social { display: inline-block; padding: 9px 18px } .social a + a { margin-left: 8px; } .fb { width: 25px; height: 25px; background: url('/bitrix/templates/main/css/../images/sprite_social.png') 0px 0px; display: inline-block; margin: 0 0px 0 0px; margin-bottom: -6px; } .ok { width: 25px; height: 25px; background: url('/bitrix/templates/main/css/../images/sprite_social.png') -99px -0px; display: inline-block; margin-bottom: -6px; } .tg { width: 25px; height: 25px; background: url('/bitrix/templates/main/css/../images/sprite_social.png') -125px -0px; display: inline-block; margin-bottom: -6px; } .vk { width: 25px !important; height: 25px !important; background: url('/bitrix/templates/main/css/../images/sprite_social.png') -25px 0px !important; display: inline-block; margin-bottom: -6px; } .ins { width: 25px; height: 25px; background: url('/bitrix/templates/main/css/../images/sprite_social.png') -49.5px 0px; display: inline-block; margin-bottom: -6px; } .twit { width: 16px; height: 13px; background: url('/bitrix/templates/main/css/../images/sprite.png') -87px 0px; display: inline-block; } .youtube { width: 25px; height: 25px; background: url('/bitrix/templates/main/css/../images/sprite_social.png') -74px 0px; display: inline-block; margin-bottom: -6px; } .ok3 { width: 12px; height: 17px; background: url('/bitrix/templates/main/css/../images/sprite2.png') -1px -165px; display: inline-block; } .fb3 { width: 10px; height: 17px; background: url('//meridiancentre.ru.opt-images.1c-bitrix-cdn.ru/bitrix/templates/main/css/../images/sprite2.png?143677508117450') -49px 0px; display: inline-block; } .vk3 { width: 12px; height: 13px; background: url('/bitrix/templates/main/css/../images/sprite2.png') -59px 0px; display: inline-block; } .ins3 { width: 16px; height: 14px; background: url('/bitrix/templates/main/css/../images/sprite2.png') -71px 0px; display: inline-block; } .youtube3 { width: 38px; height: 15px; background: url('/bitrix/templates/main/css/../images/sprite2.png') -104px 0px; display: inline-block; } .icon_header { /* width: 51px; height: 54px;*/ /* background: url('/bitrix/templates/main/css/../images/sprite.png') -36px -196px;*/ position: absolute; display: inline-block; right: 0px; top: 24px; } .tel { z-index: 999; font-family: avenir; margin: 0 30px; font-size: 17px; display: inline-block; float: right; } .tel span { font-size: 0.5em; } .menu a { font-size: 18px; color: #000000; text-decoration: none; height: 10px; line-height: 10px; padding: 0 62px 0 0; display: inline-block; letter-spacing: 0.02em; } .menu a:hover{ color:#d92439; } .menu li { font-family: avenir-semi; list-style: none; display: inline-block; height: 25px; color: #1a1a1a; position: relative; padding-left: 8px; } .menu li:last-child { border-right: 0px; padding-right: 0px; } .menu li:last-child a { border-right: 0px; padding-right: 0px; /*КОСТЫЛЬ*/ } .menu li:first-child { padding-left: 0px; } .menu { margin: 34px 0 6px 0px; padding: 0px; padding-bottom: 3px; text-align: right; position: relative; } .drop-wrap{ display: none; position: absolute; z-index: 2000; background: #fff; opacity: 1; padding-top: 5px; width: auto; top: 21px; left: 0px; } .hover .drop-wrap{ display: block; } .drop-menu { width: auto; } .drop-menu ul { padding: 15px 30px 0 20px; width: auto; } .drop-menu ul li { padding-left: 0; display: table; margin-bottom: 10px; border-right: none; height: 22px; } .drop-menu a { font-size: 18px; color: #000000; text-decoration: none; border: none; white-space: nowrap; letter-spacing: 0.02em; } .drop-menu a:hover { text-decoration: underline; } .white_line { height: 100px; width: 980px; margin-right: auto; margin-left: auto; } .white_line span { font-size: 38px; color: #46bad3; text-transform: uppercase; position: relative; left: 100px; top: -14px; } .corner { width: 35px; height: 35px; /***background: url('/bitrix/templates/main/css/../images/sprite.png') -167px 0px;***/ position: absolute; top: 0px; } .slider_text { position: absolute; bottom: 17px; color: #f4f0ee; margin-left: 30px; width: 340px; } .slider_text h1 { font-size: 42px; text-transform: uppercase; margin: 10px 0 10px 0; font-weight: 600; } .slider_text h2 { font-size: 20px; text-transform: uppercase; font-weight: 300; font-family: "Tahoma"; font-family: "Tahoma"; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 13px 0; } .slider_line { border: none; /*background-color: #eeeeee; color: #f4f0ee; height: 1px; margin: 10px 0 10px 0; width: 150px;*/ } .slider_text p { font-size: 13px; font-family: "Arial"; } #owl-demo .item img{ display: block; width: 1047px; height: 784px; } #owl-demo .item { position: relative; width: 1047px!important; } /***NEW_COLORS_2025***/ .red{ color:#d1111e!important; } .indigo{ color:#094964!important; } .green{ color:#008a3c!important; } .orange{ color:#ff7264!important; } .blue{ color:#1086c5!important; } /***HEADER_STYLE_2025***/ header{ position: relative; margin-bottom: 4px; background:#ffffff; height: 130px; box-shadow: 2px 2px 5px #f3efe8; } .depcult{ width: 120px; margin: 18px 30px 0 0; } .header_flex_cont{ display:flex; align-content: center; justify-content: space-between; align-items: center; } .logo { width: 180px; display: inline-block; margin-top: 35px; margin: 13px 0 10px 0; float: left; } .header_soc_block{ display: flex; } .two_logo{ display: flex; } .search_icon{ width: 16px; margin: 4px 10px 0 0; } .vk_icon{ width: 24px; margin: 3px 10px 0 10px; } .telegram_icon{ width: 21px; margin: 2px 10px 0 10px; } .subs_icon{ width: 25px; margin-left:10px; } .header_button{ font-family: 'avenir-semi'; z-index: 999; color: #000000; background:#ffffff; font-size: 16px; border: 4px solid #d92439; padding: 6px 12px; text-decoration: none; cursor:pointer; transition-duration: .56s; -webkit-transition-duration: .56s; -moz-transition-duration: .56s; -o-transition-duration: .56s; -ms-transition-duration: .56s; } .header_button:hover{ color: #ffffff; background:#d92439; border: 4px solid #d92439; } .header_right_block{ display: flex; align-content: center; justify-content: space-between; align-items: center; margin-right: -50px; } .tel a{ color: #000000; text-decoration: none; } .search_head_container{ display:flex; justify-content: center; align-items: center; } .search-modal-title { font-size: 18px; text-align:center; color:#000; font-weight:bold; line-height: 1.5; margin-top: 0; margin-bottom: 0; } .footer_subs{ width: 23px; } .footer_vk{ width: 32px; } .footer_tg{ width: 23px; } .footer_yt{ width: 23px; } .footer_dnk{ width: 20px; } .ui-datepicker .ui-datepicker-header{ top:0!important; background-color: #fff!important; } .ui-datepicker-title span, .ui-datepicker-title a{ color: #33384d!important; } .ui-datepicker-title span, .ui-datepicker-title a:hover { color: #000!important; background: #fff!important; } .border_left{ border-left: 6px solid #2f99cd; padding-left: 20px; font-family: 'avenir-semi'!important; font-style: italic; } .container { width: 779px; float: left; margin-bottom: 17px; color: #fdfcfa00; } .item img { position: relative; } .signature3 { position: absolute; bottom: 6px; width: 100%; font-size: 12px; background: #FFFFFF; text-align: center; padding-bottom: 7px; padding-top: 7px; color: #1a1a1a; } .left_side { display: inline-block; margin-left: 17px; position: relative; z-index: 1000; /*position: relative; width: 240px; margin: 0 auto; top: 0px; left: 429px; */ } #filter { /*position: fixed; top: 0; left: 0; width: 100%;*/ } #filter.filter_stop { position: absolute; bottom: 21px!important; right: 1px; } #filter.filter_stop0, #filter0.filter_stop0 { position: absolute; top: 0px; right: 0px; z-index:1; } #filter.filter_fixed { position: fixed; bottom: 26px; right: 0px; } .calendar { background-color: #fff; border: 1px solid #000; width: 182px; height: 184px; margin-bottom: 17px; position: relative; padding-bottom: 7px; right:-50px; top: 220px; } .calendar h2 { font-size: 19px; font-weight: 600; text-transform: uppercase; color: #f4f0ee; margin: 0px; padding-top: 20px; top: 15px; left: 55px; left: 0px; text-align: center; } .age { background-color: #fff; border: 1px solid #000; width: 182px; height: 174px; margin-bottom: 17px; position: relative; top: 220px; left: 50px; } .reset_krest, .reset_krest_hor { width: 15px; height: 15px; background: url('/bitrix/templates/main/css/../images/sprite.png') -205px 0px; position: absolute; top: 7px; right: 7px; cursor: pointer; z-index: 100; display: none; } input.age_filter { display: none; } input.age_filter + label { display: inline-block; cursor: pointer; margin: 0 3px 6px 0; font-size: 12px; color: #33384d; padding: 3px; font-family: 'avenir'; font-weight: 600; border: 1px solid #33384d; width: 22px; height: 22px; text-align: center; line-height: 1.85em; } input.age_filter:checked + label { background: #fff; color: #006b59; } .age_sign { top: 17px!important; } .age_sign h2 { color: #33384d!important; text-align:center; } .choice_sign { top: 17px!important; color: #33384d !important; } .choice { background-color: #006b59; width: 182px; height: 130px; position: relative; top: 220px; left: 50px; } .filter_box .slider_line { margin: 14px 0 5px 0; } .choice h2 { font-size: 18px !important; font-weight: 600; text-transform: uppercase; color: #ffffff!important; text-align: center; } .age_box { /*text-align: center; margin-left: -9px;*/ } .age_box_4{ margin-left: 0px; } .age_box_7{ margin-left: 0px; } .age_box_10{ margin-left: 0px; } input.choice_filter { display: none; } input.choice_filter + label { display: block; cursor: pointer; font-size: 15px; color: #ffffff; padding: 0px 4px 1px 4px; font-family: avenir_heavy; margin-bottom: 7px; text-transform: lowercase; letter-spacing: 0.06em; } input.choice_filter:checked + label { background: #fff; color: #f7a891; } .choice_box { margin-left: -6px; } .dot { width: 7px; height: 7px; background: url('/bitrix/templates/main/css/../images/sprite.png') -179px -40px; display: inline-block; } .dots { margin-left: 21px; } .corner2 { width: 21px; height: 21px; /*background: url('/bitrix/templates/main/css/../images/sprite.png') -2px -47px;*/ position: absolute; top: 0px; } .corner4 { width: 21px; height: 21px; /*background: url('/bitrix/templates/main/css/../images/sprite.png') -23px -47px;*/ position: absolute; bottom: 0px; right: 0px; } .corner3 { width: 21px; height: 21px; /*background: url('/bitrix/templates/main/css/../images/sprite.png') -46px -47px;*/ position: absolute; bottom: 0px; right: 0px; } .image_menu { width: 980px; float: left; } .square { width: 265px; height: 265px; display: inline-block; position: relative; float: left; background-color: #000; cursor: pointer; margin: 0 17.5px 17px 0; } .square img{ width: 265px; filter: brightness(0.5); transition-duration: .36s; -webkit-transition-duration: .36s; -moz-transition-duration: .36s; -o-transition-duration: .36s; -ms-transition-duration: .36s; } .square img:hover{ filter: brightness(1); } .image_menu .square:last-child { display: none;} .image_menu .square:nth-child(3n) { margin: 0 0 17px 0 } .not_right_margin { margin: 0 0 17px 0; } .art_week { background-color: #a7a86c; } .art_week h2{ word-spacing: 39px; } .subs { /*border: 1px solid #d8404d;*/ font-family: avenir_heavy; float: left; width: 248px; height: 248px; background: url(https://meridiancentre.ru/images/mail.png); cursor: default; box-sizing: border-box; } .subs p { font-family: avenir_heavy; text-transform: uppercase; font-size: 22px; color: #fff; font-weight: 600; margin: 30px 12px 10px 20px; } .text_subs { font-size: 18px; font-family: avenir; color: #f4efe8; margin: 10px 10px 13px 20px; } .btn_red { text-transform: uppercase; font-size: 18px; color: #fff; padding: 5px 8px 5px 10px; background-color: #f7a891; text-decoration: none; margin: 20px 20px 0; z-index: 100; position: absolute; bottom: 20px; width: 190px; } .btn_red:hover { background: #ea5f37; } .pointer { width: 13px; height: 17px; background: url('/bitrix/templates/main/css/../images/sprite.png') -136px -48px; display: inline-block; vertical-align: middle; margin-left: 16px; } .photo_sign { position: absolute; bottom: 12px; color: #fff; margin-left: 12px; width: 163px; font-weight: 300; } .photo_sign h2 { font-size: 18px; text-transform: uppercase; font-family: 'avenir_heavy', sans-serif; margin: 0px; color: #fff; } .photo_sign p { font-family: avenir; font-size: 13px; text-transform: uppercase; margin: 0px; min-height: 18px; width: 150px; letter-spacing:0.15em; } .photo_sign span { font-size: 15px; font-family: "Tahoma", sans-serif; } .fest { background-color: #d34646; } .purple { background-color: #8e78a4; } .about_us { width: 100%; font-size: 25px; text-align: center; position: relative; margin-top: 9px; } .about_us hr { border: none; background-color: #cacaca; height: 1px; width: 100%; display: inline-block; margin: 0px; vertical-align: middle; position: absolute; top: 14px; left: 0; z-index: 0; } .about_us p { font-family: avenir_heavy; display: inline; color: #2b2b2b; padding: 0 10px; z-index: 1000; margin: 0 auto; position: relative; text-transform: uppercase; background-color: #f4f0ee; } .people_talk { margin: 22px 0 40px 0; } .speech { display: inline-block; margin-right: 16px; position: relative; } .speech:nth-child(3n) { margin: 0px; } .speech img { position: relative; /*top: -53px;*/ border-radius: 100px; float: left; } .div_for_image_speak{ float: left; width: 95px; height: 94px; } .photo_speech { width: 95px; height: 95px; background: url('/bitrix/templates/main/css/../images/sprite.png'); display: inline-block; float: left; margin-top: 25px; } .quotes { width: 35px; height: 23px; background: url('/bitrix/templates/main/css/../images/sprite.png') 1px -104px; position: absolute; left: -8px; } .speak { width: 213px; display: inline-block; position: relative; } .speak span { font-weight: 600; display:block; font-size: 16px; } .speak p { height:222px; color: #2b2b2b; font-size: 16px; margin: 20px 0 0 15px; overflow: hidden; text-overflow: ellipsis; display: -moz-box; -moz-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 10; -webkit-box-orient: vertical; line-clamp: 10; box-orient: vertical; transition-duration: .88s; -webkit-transition-duration: .88s; -moz-transition-duration: .88s; -o-transition-duration: .88s; -ms-transition-duration: .88s; } .speak p:hover { -webkit-line-clamp: 40; line-clamp: 40; height:500px; } .underline { border: none; background-color: #46bad3; height: 1px; margin: 15px 0 15px 0; } .partners a { display: inline-block; vertical-align: middle; margin: 0 20px 10px 0; } .partners a:last-child { margin-right: 0px; } .partners { /*margin-left: 95px;*/ } .partners img{ zoom: 0.7; filter:grayscale(1) opacity(0.4); transition-duration: .3s; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; -ms-transition-duration: .3s; } .partners img:hover{ filter:grayscale(0) opacity(1); } .partners_sign { display:none; margin-right: 28px; /*display: inline-block;*/ text-transform: uppercase; font-size: 11px; color: #097f9d; float: left; font-family: "Tahoma", sans-serif; letter-spacing: 0.9px; } .partners_sign p { margin: 14px 0 6px 0; } .banner_down { display:none; padding: 38px 0 70px 0; } .banner_down img { width: 980px; } .wrap_footer { background-color: #2b2b2b; width: 100%; height: 310px; } .footer { margin-left: auto; margin-right: auto; width: 77vw; padding-top: 30px; font-size: 12px; } .social_copy { float: left; display: inline-block; color: #f2ede5; } .footer_social { margin-top: 22px; margin-right: 3px; margin-right: 20px; } .footer_social a { margin-right: 16px; } .footer_social a:last-child { margin-right: 0px; } .foot_tg { width: 25px; height: 25px; background: url(/bitrix/templates/main/css/../images/sprite_social.png) -125px 0px; display: inline-block; margin-right: 10px; } .foot_vk { width: 25px; height: 25px; background: url(/bitrix/templates/main/css/../images/sprite_social.png) -25px 0px; display: inline-block; margin-right: 10px; } .foot_ok { width: 25px; height: 25px; background: url('/bitrix/templates/main/css/../images/sprite_social.png') -99px 0px; display: inline-block; margin-right: 10px; } .foot_you { width: 25px; height: 25px; background: url('/bitrix/templates/main/css/../images/sprite_social.png') -74px 0px no-repeat; display: inline-block; margin-right: 10px; } .foot_inst { width: 25px; height: 25px; background: url('/bitrix/templates/main/css/../images/sprite_social.png') -49px 0px; display: inline-block; margin-right: 10px; } .wi-fi { width: 27px; height: 27px; background: url('/bitrix/templates/main/css/../images/sprite.png') 0px -16px; display: inline-block; vertical-align: middle; } .copy p { font-size: 11px; } .copy { font-family: avenir; font-size: 11px; line-height: 1.5em; } .copy a { margin-top: 95px; color: #f2ede5; } .copy a:hover { text-decoration: none; } .information { display: inline-block; float: left; font-family: avenir; padding: 0 30px; } .information p { text-transform: uppercase; color: #f4f0ee; font-size: 13px; margin: 0 0 13px 0; font-family: avenir_heavy; } .information a { color: #f4f0ee; text-decoration: none; transition-duration: .26s; -webkit-transition-duration: .26s; -moz-transition-duration: .26s; -o-transition-duration: .26s; -ms-transition-duration: .26s; } .information a:hover{ color:#f7a891; } .ul2 a { text-decoration: none; color: #fff; font-size: 12px; list-style: none; transition-duration: .26s; -webkit-transition-duration: .26s; -moz-transition-duration: .26s; -o-transition-duration: .26s; -ms-transition-duration: .26s; } .ul2 a:hover { color:#f7a891; } .information li { list-style-type: none; } .ul2 { padding: 0px; margin-top: 0px; } .information + .information { margin-left: -5px!important; } .information:last-child { float: left; } /* .information:nth-child(4) { display:none; } */ .information:nth-child(6) { display:none; } #button_top { position: fixed; bottom: 0px; right: 50%; margin-right: -490px; z-index: 99999; cursor: pointer; width: 38px; height: 38px; background: url(/bitrix/templates/main/css/../images/sprite.png) -262px -191px; -webkit-transition-property: background; -moz-transition-property: background; transition-property: background; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; display: none; } #button_top.button_stop { position: absolute; bottom: 0px; } .depart { width: 120px; display: inline-block; float: left; z-index:100; position: absolute; top: -35px; } .depart a { font-size: 10px; color: #f4f0ee; margin: 0 0 0 29px; text-decoration: none; display: block; } .depart a:hover { text-decoration: underline; } .drop_subs { background: #2b2b2b; position: absolute; top: 53px; left: 0px; display: none; z-index: 999999; width: 169px; } .drop_subs .mail_input { background: #2b2b2b; } .hover2 .drop_subs { display: block; } .strelka_mail { display: inline-block!important; width: 8px!important; height: 12px!important; background: url(/bitrix/templates/main/css/../images/sprite.png) -35px -132px!important; border: 0px; line-height: 0px; vertical-align: middle; cursor: pointer; } .email { border-radius: 6px; min-height: 22px; width: 148px; margin-left: 8px; margin-top: 8px; } .mail_input { text-transform: inherit!important; border: none; font-size: 11px; font-family: "Calibri", sans-serif; width: 123px; } .mail_input::-webkit-input-placeholder { color: #46bad3; } .mail_input::-moz-placeholder { color: #46bad3; } .drop_subs2 .mail_input::-webkit-input-placeholder { color: #fff; } .drop_subs2 .mail_input::-moz-placeholder { color: #fff; } .drop_subs2 .mail_input:-moz-placeholder { color: #fff; } .drop_subs2 .mail_input:-ms-input-placeholder { color: #fff; } .social_drop { display: inline-block; margin: 10px 15px 13px 15px; } .social_drop a + a { margin-left: 8px; } .small_menu { display: none; margin: 0px 0 0 0; /*float: left;*/ } .small_menu ul { font-family: "Calibri", sans-serif; font-size: 12px; text-transform: uppercase; list-style: none; padding: 0px; margin: 0px; } .small_menu li { color: #46bad3; display: inline-block; padding: 0 7px 0 0; } .small_menu a { font-size: 12px; text-transform: uppercase; color: #46bad3; text-decoration: none; border-right: 1px solid #46bad3; padding: 0 9px 0 0; height: 11px; line-height: 10px; display: inline-block; } .small_menu a:hover { text-decoration: underline; } .small_menu h2, .small_menu h1 { font-weight: 300; font-size: 28px; text-transform: uppercase; color: #46bad3; margin: -1px 0 2px -1px; width: 600px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .header_menu { position: absolute; display: inline-block; float: right; float: right; right: 0px; top: 50px; width: 600px; z-index:999; } .right_side { width: 84.3%; /*position: relative;*/ float: left; /*z-index: 100;*/ } .undersmallmenu { border: none; /*background-color: #46bad3;*/ height: 1px; margin: 0px; float: left; width: 780px; } .afisha_square { width: 190px; height: 286px; display: inline-block; position: relative; float: left; margin: 0 0 30px 0; cursor: pointer; opacity: 1; } .afisha_sign { position: relative; bottom: 0px; color: #2b2b2b; padding: 0px 11px; height: 172px; width: 150px; border: 1px solid #d7d7d7; } .afisha_sign h2 { font-family: avenir; font-size: 14px; letter-spacing:0.05em; margin: 0px; padding-top: 17px; line-height: 1; color: #33384d; font-weight: 500; text-transform: lowercase; /*overflow: hidden; text-overflow: ellipsis; height: 33px;*/ width: 160px; } .afisha_sign p { font-size: 14px; text-transform: uppercase; margin: 0px; font-family: avenir; line-height: 1.5; font-weight: 800; letter-spacing: 0; /* min-height: 57px; */ padding: 10px 0 0 0; margin-top: 8px; width: 152px; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -ms-line-clamp: 2; -webkit-line-clamp: 6; line-clamp: 6; display: -webkit-box; display: box; word-wrap: break-word; -webkit-box-orient: vertical; box-orient: vertical; } .align_bottom { /*position: absolute;*/ bottom: 20px; height: initial; } .afisha_sign span { font-size: 15px; font-family: "Tahoma", sans-serif; } .color_block { position: absolute; bottom: 0px; } .afisha_menu { padding-left: 12px; float: left!important; width: 772px!important; } .ser_title { text-transform: uppercase; font-family: avenir; font-size: 14px; color: #f7a891; font-weight: 600; margin: 0px 0 20px 18px; letter-spacing: 0.15em; } .afisha_menu h4 { font-family: "Arial", sans-serif; font-size: 18px; color: #46bad3; vertical-align: middle; margin: 15px 0 20px 20px; display: inline-block; font-weight: 300; } .afisha_menu h3 { text-transform: uppercase; font-family: "Arial", sans-serif; font-size: 18px; color: #d8404d; margin: 20px 0 20px 0; /*float: left; margin-left: 30px;*/ } .ajax_wrap_section .zagolovok_h3 { float: left; margin-left: 30px; } /***.right_side h3 { text-transform: uppercase; font-family: 'avenir_heavy'; font-size: 18px; color: #33384d; margin: 22px 0 25px 0; padding: 5px 10px; }***/ .all_month { width: 174px; height: 285px; display: inline-block; position: relative; float: left; margin: 0 0 29px 18px; background-color: #33384d; cursor: pointer; text-decoration: none; } .all_month span { text-decoration: none; color: #ffffff; font-size: 16px; text-transform: uppercase; margin: 112px 0 14px 21px; font-weight: 400; display: block; width: 100px; font-family: 'avenir'; line-height: 1.5; letter-spacing: 1; } .all_month:hover span { text-decoration: underline; } .second_menu { color:#2b2b2b; left:0px; display: inline-block; margin: 5px 0 15px 30px; padding: 0px; float: right; position: absolute; top: 120px; padding-bottom: 10px; font-family: avenir; line-height: 1.7; } .second_menu li:first-child { } .second_menu li:last-child { border: none; margin-right: 0px; } .second_menu a, .second_menu span { color: #2b2b2b; text-decoration: none; letter-spacing: 0.1em; font-weight: 900; } .second_menu a:hover { color: #f7a891!important; text-decoration: none; } .second_menu li.active { color: #f7a891!important; text-decoration: none; color: #ffffff!important; line-height: 0; } .second_menu li { color: #fff!important; font-size: 14px; list-style: none; display: inline-block; padding: 0 10px 0 0px; letter-spacing: 1.5px; height: 11px; line-height: 10px; text-transform: uppercase; margin-right: 5px; } .photo_menu { display: inline-block; margin-bottom: 23px; position: relative; margin:0; z-index: 10; } .photo_menu img{ width:1250px; } .photo_menu h2, .photo_menu h1 { text-transform: uppercase; font-size: 24px; font-weight: 600; position: absolute; color: #2b2b2b; top: 80px; margin: 0px; left: 30px; font-family: avenir_heavy; letter-spacing: 0.15em; } .article_titles { position: relative; min-height: 63px; background: #fff; padding: 30px; width: 95%; } .article_titles_share { position: relative; min-height: 63px; background: #fff; padding: 10px 30px 20px 30px; width: 95%; margin-top: -7px; } .article_titles_share h3{ text-transform: uppercase; font-family: avenir_heavy; font-size: 16px; letter-spacing: 0.15em; float: none; margin:0 0 20px 0; } .catalog_section_photogallery{ font-size: 19px; position: relative; min-height: 63px; background: #fff; padding: 30px; width: 95%; line-height: 1.6; color: #2b2b2b; } .catalog_section_photogallery a{ color: #f7a891; } .article_titles h2, .catalog_section_photogallery h2.descr { color: #2b2b2b; text-transform: uppercase; font-size: 22px; font-family: avenir; margin: 0px; font-weight: 600; letter-spacing: 0.13em; margin: 0px 0 25px 0; width: 84%; } .article_titles p, .catalog_section_photogallery p.descr { color: #2b2b2b; font-size: 19px; font-family: 'avenir', serif; margin: 12px 0 27px 0; line-height: 1.6; } .article_titles p{ margin: 12px 0 27px 0; } .article_titles p small{ font-size:0.75em; } .article_titles a{ color: #f7a891; text-decoration: none; } .halls { display: inline-table; margin-right: 23px; margin-bottom: 19px; } .zali { display:inline-block; font-size: 15px; font-family: "Arial", sans-serif; color: #46bad3; text-transform: uppercase; margin: 0px; float: right; text-decoration: none; width: 160px; text-align: right; } .zali:hover { text-decoration: underline; } .strela_red { display: inline-block; width: 32px; height: 29px; background: url(/bitrix/templates/main/css/../images/sprite.png) 0px -191px; margin-left: 23px; vertical-align: top; float: right; } .sign_under { margin: 6px 15px 0 0; } .halls:nth-child(3n+3) { margin: 6px 0 0 0; } .pagination { margin: 25px 0 25px 0px; } .catalog_section_photogallery .pagination { margin: 25px 0 25px -6px; } .pagination ul { padding: 0px; margin: 0px; } .pagination li { list-style: none; display: inline-block; background: #f7a891; margin-top: 10px; /* border-right: 1px solid #46bad3; */ height: 11px; line-height: 10px; color: #ffffff; font-family: avenir; } .pagination a { padding: 10px 12px 10px 12px; display: inline-block; color: #fff; text-decoration: none; background: #33384d; font-size: 13px; } .pagination a:hover { color: #fff; background:#f7a891; } .pagination a:active { color: #fff; background:#006b59; } .modern-page-first{ padding: 4.2px 12px 6px 12px; background: #f7a891 } .modern-page-current{ padding: 4.2px 12px 6px 12px; background: #f7a891 } .horiz_afisha { width: 363px; height: 182px; float: none; background: #fff; padding: 15px; } .horiz_afisha .afisha_sign { padding: 0px 15px; height: 145px!important; } .horiz_color { left: 182px; height: 182px; } .height { height: 183px; bottom: -49px; } .height h2 { padding: 0px; line-height: 20px; } .ajax_append .spektakli:last-child { margin: 0 0 0 0px; } .ajax_append .spektakli { margin: 0 0 17px 0; font-size: 0px; } .ajax_append .spektakli .afisha_square { margin: 5px 0 5px; } .article h2 { color: #2b2b2b; text-transform: uppercase; font-size: 18px; font-family: avenir_heavy; margin: 10px 0 0 0; font-weight: 700; } .article h2 a { color: #2b2b2b; text-decoration: none; } .article p { color: #2b2b2b; font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -moz-box; -moz-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; line-clamp: 4; box-orient: vertical; margin: 9px 0 13px 0; min-height: 0!important; } .article { display: inline-block; width: 355px; float: left; margin: 5px 0 12px 0px!important; height: 197px!important; position: relative; background:#fff; padding: 15px 15px 0 0; } .podrobnee { width: 155px; font-family: avenir_heavy; font-size: 14px; position: absolute; bottom: 12px; right: 185px; margin-bottom: 3px; padding: 5px 0px 4px 10px; letter-spacing: 0.15em; text-align:center; } .age2 { position: absolute; right: 20px; top: -20px; font-family: avenir_heavy; color: #f4f0ee; background-color: #33384d; width: 39px; height: 39px; z-index: 100; } .age2 p { text-align: center; margin: 9px 0 14px 0; color: #ffffff; font-size: 15px; font-family: avenir; font-weight: 800; } .your_choise { background-color: #fff; /*width: 730px;*/ position: relative; min-height: 83px; margin-bottom: 25px; padding-top: 7px; margin-right: 18px; border: 1px solid #d7d7d7; } .your_choise p { font-size: 18px; /*text-transform: uppercase;*/ font-family: 'avenir'; color: #f4f0ee; margin: 10px 18px 0 17px; display: inline-block; position: relative; /*top: -95px;*/ vertical-align: top; font-weight: bold; display:none;/*костыль*/ } .find { font-size: 18px; text-transform: uppercase; font-family: 'avenir'; color: #f4f0ee; margin: 11px 33px 0 17px; display: inline-block; position: relative; top: 0px; font-weight: 600; } .select_form { display: inline-block; margin: 0 0 23px 37px; } .select_form h2 { font-size: 17px; font-family: 'avenir'; color: #2b2b2b; text-transform: inherit; margin: 14px 0 5px 0; display: block; width: inherit; font-weight: 600; } .ui-selectmenu-button span.ui-icon { width: 13px; height: 8px; background: url('/bitrix/templates/main/css/../images/sprite.png') 0px -228px; display: inline-block; } .ui-selectmenu-button { width: 235px!important; background-color: #fff; color: #052830!important; font-size: 13px!important; font-family: "Tahoma"!important; border: 1px solid #e2e2e2; } .ui-selectmenu-menu .ui-menu { width: 235px; } .ui-selectmenu-button span.ui-selectmenu-text { padding: 1px 1px 3px 9px!important; } :focus { outline: none; } .image3 img { width: 174px; height: 114px; } .image3 .color { position: absolute; left: 0; top: 0; } .image2 .color { position: absolute; left: 0; top: 0; } .image3 .grey { position: absolute; left: 0; top: 0; z-index: 10; } .image2 .grey { position: absolute; left: 0; top: 0; z-index: 10; } .foot { margin-left: auto; margin-right: auto; height: auto; width: 980px; position: relative; } .partners_block { /*border-top: 1px solid #46bad3; border-bottom: 1px solid #46bad3;*/ padding: 35px 0 35px 0; } .five_squares { border-top: 1px solid #46bad3; padding: 29px 0 7px 0; display: inline-block; } .info { padding-bottom: 8px; margin-top: 27px; } .info a { color: #f7a891; } .info a:hover { text-decoration: none; } .info h2 { color: #2b2b2b; text-transform: uppercase; font-size: 18px; font-family: avenir_heavy; margin: 0px; } .info p { color: #052830; font-size: 18px; margin: 11px 0 10px 0; } .info span { font-size: 18px; font-family: 'Vollkorn', serif; } .reset_fil { font-family: 'Vollkorn', serif; font-size: 11px; color: #3899ae; position: absolute; left: 187px; width: 100px; display: none; cursor: pointer; top: 7px; } .reset_fil:hover { text-decoration: underline; } .main_ser { border: none; outline: none; -webkit-appearance: none; font-size: 13px; padding: 4px 0 4px 0; background-color: #f4f0ee; width: 538px; margin-left: 10px; display: inline-block; color: #000; } .loupe2 { border: 0px; line-height: 0px; width: 13px; height: 14px; background: url('/bitrix/templates/main/css/../images/sprite.png') -270px -147px; vertical-align: middle; margin-right: 10px; cursor: pointer; } .search2 { border-radius: 15px; min-height: 22px; background: #f4f0ee; width: 580px; border: 1px solid #a8c8c9; display: inline-block; } .main_ser::-webkit-input-placeholder { color: #000; } .main_ser::-moz-placeholder { color: #000; } .red_square { position: absolute; right: 12px; top: -12px; display: none; z-index: 1000; } .red_square .rub { width: 15px; height: 21px; background: url('/bitrix/templates/main/css/../images/sprite.png') -137px -196px; position: absolute; left: 11px; top: 9px; } .red_square .vech p { font-size: 13px; letter-spacing: -0.8px; text-align: center; color: #fafafa; text-transform: uppercase; font-family: "Calibri", sans-serif; } .red_square .pay p { font-size: 30px; text-align: center; color: #fafafa; text-transform: uppercase; margin: 0px; font-family: "Calibri", sans-serif; } .red_square .age30 p { font-size: 16px; text-align: center; color: #fafafa; text-transform: uppercase; margin: 10px; font-family: "Calibri", sans-serif; } .gib_square { display: inline-block; font-family: "Calibri", sans-serif; background-color: #d8404d; width: 40px; height: 40px; z-index: 100; vertical-align: middle; margin-left: 3px; } /*connected-carousels*/ .connected-carousels { width: 750px; float: left; position: relative; z-index: 1; padding-left: 15px; } .connected-carousels .carousel-stage { height: auto; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-bottom: 0px; } .connected-carousels .navigation { width: 750px; margin: 0px; min-height: 90px; margin-bottom: 20px; } .connected-carousels .carousel-stage { height: auto; border: none; -moz-box-shadow: none; box-shadow: none; margin-bottom: 0px; } .connected-carousels .prev-navigation { background-position: -201px -225px!important; } .connected-carousels .next-navigation { background-position: -170px -225px!important; } .connected-carousels .prev-navigation, .connected-carousels .next-navigation { background: url('/bitrix/templates/main/css/../images/sprite.png') no-repeat; width: 30px; height: 30px; border: none; color: transparent; text-decoration: none; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-top: 21px; z-index: 9; } .carousel-wrapper { width: 730px; overflow: hidden; padding: 0px; position: relative; margin: 0 auto; height: 114px; } .carousel-block { float: left; margin-right: 17px; background: #000; height: 112px; width: 170px; } .carousel-block img { cursor: pointer; margin-top: -1px; width: 170px; height: 114px; } .block { display: block !important; } .left { float: left; } .gall div{ width: 750px; height: 457px; } .carousel-items { width: 10000px; position: relative; } /*connected-carousels ends*/ .btn { margin-left: 38px; display: inline-block; float: right; z-index: 200; position: inherit; top: 0px; /*margin-bottom: 60px;*/ } .blue_btn { width: 32px; height: 32px; background-color: #33384d; display: inline-block; cursor: pointer; } .show_text h2 { color: #2b2b2b; text-transform: uppercase; font-size: 18px; letter-spacing:0.15em; margin: 0 0 0 14px; font-weight: 300; width: 492px; display: inline-block; vertical-align: middle; cursor: pointer; } .photo_gal { padding: 30px; position: relative; /* margin: 26px 0 0 0; */ background: #ffffff; width: 95%; } .text_under_gal { color: #2b2b2b; font-size: 18px; margin: 7px 0 27px 0; padding-left: 30px; } .text_under_gal a{ color:#f7a891; } .podlojka:nth-child(4n) { margin: 0 0 14px 0; } .podlojka img { cursor: pointer; opacity: 0.6; } .podlojka { background-color: #000; display: inline-block; margin: 0 14px 14px 0; width: 174px; height: 114px; } .big_strela { display: inline-block; width: 48px; height: 62px; background: url('/bitrix/templates/main/css/../images/sprite.png') -87px -194px; float: left; } .post_relis a { color: #46bad3; font-size: 12px; font-family: "Arial", sans-serif; margin-bottom: 10px; display: block; } .post_relis a:hover { text-decoration: none; } .post_relis { display: inline-block; margin-left: 24px; } .social2 { display: inline-block; margin-left: 10px; } .yand2 { width: 15px; height: 15px; background: url('/bitrix/templates/main/css/../images/sprite.png') -18px -174px; display: inline-block; vertical-align: middle; margin-right: 2px; } .vk2 { width: 15px; height: 15px; background: url('/bitrix/templates/main/css/../images/sprite.png') -40px -174px; display: inline-block; vertical-align: middle; margin-right: 2px; } .fb2 { width: 15px; height: 15px; background: url('/bitrix/templates/main/css/../images/sprite.png') -61px -174px; display: inline-block; vertical-align: middle; margin-right: 2px; } .twitt2 { width: 15px; height: 15px; background: url('/bitrix/templates/main/css/../images/sprite.png') -81px -174px; display: inline-block; vertical-align: middle; margin-right: 2px; } .ok2 { width: 15px; height: 15px; background: url('/bitrix/templates/main/css/../images/sprite.png') -101px -174px; display: inline-block; vertical-align: middle; margin-right: 2px; } .mail2 { width: 15px; height: 15px; background: url('/bitrix/templates/main/css/../images/sprite.png') -124px -174px; display: inline-block; vertical-align: middle; margin-right: 2px; } .hz2 { width: 15px; height: 15px; background: url('/bitrix/templates/main/css/../images/sprite.png') -144px -174px; display: inline-block; vertical-align: middle; margin-right: 2px; } .google2 { width: 15px; height: 15px; background: url('/bitrix/templates/main/css/../images/sprite.png') -165px -174px; display: inline-block; vertical-align: middle; margin-right: 2px; } .pointer2 { width: 11px; height: 17px; background: url('/bitrix/templates/main/css/../images/sprite.png') -124px -48px; display: inline-block; vertical-align: middle; margin-right: 19px; } .back_red { padding-right: 16px; bottom: -20px; float: right; position: relative; } .tolst_strela { display: inline-block; width: 33px; height: 33px; background: url('/bitrix/templates/main/css/../images/sprite.png') -136px -221px; vertical-align: middle; } .download { display: inline-block; margin: 0 60px 0 0; min-width: 310px; margin-bottom: 15px; } .download .load:last-child { margin-bottom: 0px; } .load a { color: #46bad3; font-size: 12px; font-family: "Arial", sans-serif; margin-left: 19px; display: inline-block; } .load a:hover { text-decoration: none; } .load { margin-bottom: 15px; } .show_text { margin: 0 0 10px 0px; } .show_text .text{ overflow: hidden; } .map { } .drop_subs_footer { background: #052830; position: absolute; bottom: 27px; left: 0px; display: none; z-index: 999999; width: 169px; height: 104px; } .subs_wi-fi { position: relative; } .hover3 .drop_subs_footer { display: block; } .drop_subs_footer .mail_input { width: 122px; margin: 3px 0 0 4px; background: #052830; } .studio_squa { position: absolute; right: 8px; top: -8px; display: none; z-index: 1000; } .time { width: 40px; height: 40px; background: url('/bitrix/templates/main/css/../images/pictogr_sprite.png') -1px -16px; display: inline-block; margin-left: 4px; float: left; } .old { width: 40px; height: 40px; background: url('/bitrix/templates/main/css/../images/pictogr_sprite.png') -243px -16px; display: inline-block; margin-left: 4px; } .no_money { width: 40px; height: 40px; background: url('/bitrix/templates/main/css/../images/pictogr_sprite.png') -184px -16px; display: inline-block; margin-left: 4px; float: left; } .time2 { width: 40px; height: 40px; background: url('/bitrix/templates/main/css/../images/pictogr_sprite.png') -61px -16px; display: inline-block; margin-left: 4px; float: left; } .money { width: 40px; height: 40px; background: url('/bitrix/templates/main/css/../images/pictogr_sprite.png') -123px -16px; display: inline-block; margin-left: 4px; float: left; } .image { /*opacity: 0.6;*/ } .red_square2 .age2 { position: relative; display: inline-block; right: 0px; top: 0px; margin-left: 4px; width: 40px; height: 40px; } .red_square .age2 { position: relative; display: inline-block; right: 0px; top: 0px; margin-left: 4px; } .red_square2 { position: absolute; top: 70px; right: 15px; } .subs_error_head { color: #46BAD3; display: block; font-size: 11px; text-align: center; width: 100%; text-align: center; } .block_left { display: block; float: left; } .img_grayscale { position: absolute; z-index: 998; opacity: 1!important; } .descr2 { padding-left: 18px; } .right_logos { display: none; position: absolute; right: 0; top: 10px; text-align: right; } .right_logos div{ display: inline-block; margin-left: 20px; vertical-align: top; } .right_logos a{ display: flex; width: auto; height: 65px; overflow: hidden; } .right_logos a img{ max-width: 100%; max-height: 65px; margin: auto; width: auto; } @media screen and (max-width: 1024px) { .right_logos { display: none; } } @media print { #filter, .square .image, .photo_menu, .search, .sub_icon, .subscription_news, .btn_red, .stage, .top_line_header, .crumbs {display: none;} .article_titles {vertical-align:top; height: auto;} #content.text {height: auto !important; vertical-align:top;} .footer, jdiv, footer .reviews, footer .partners_block, footer .banner_down, .foot > a, .your_choise, footer .wrap_footer {display: none !important; height: 0 !important;} .right_side {width: 100%;} .square {color: #000; background: #fff;} .square >div {border: 0} .article_titles p, .catalog_section_photogallery p.descr, body, #content.text {font-size: 18px !important; color: #000 !important;} .functional_text b span {display: block; width: 100%; position: fixed;} .connected-carousels .navigation, .carousel-wrapper {width: 100% !important;} .ajax_catalog_wrap, .ajax_append, .age2, .pagination {display: block !important; width: 100% !important; clear: both;} .ajax_append div {float: none !important;} .top_content, .subscription {border: 0;} } /* End */ /* Start:/bitrix/templates/main/css/colors.css?1643798737203*/ .color0 { background: #ffffff; } .color1 { background: #ffffff; } .color2 { background: #ffffff; } .color3 { background: #ffffff; } .color4 { background: #ffffff; } .color5 { background: #ffffff; } /* End */ /* Start:/bitrix/templates/main/css/owl.carousel.css?17476683385483*/ /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } /* * Core Owl Carousel CSS File */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { width: 1047px; height:784px; position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls { cursor: pointer; /* cursor: hand;*/ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-dots { display: block; position: absolute; bottom: 29px; right: 43px; margin: 0 15px 0 15px; } .owl-dot { width: 8px; height: 8px; display: inline-block; background: url('/bitrix/templates/main/css/../images/sprite.png') -14px -131px; } .owl-dot + .owl-dot { margin-left:9px; } .owl-dot.active, .owl-dot:hover { background: url('/bitrix/templates/main/css/../images/sprite.png') 1px -131px; } .owl-prev { width: 15px; height: 26px; position: absolute; bottom: 22px; right: 131px; background-position: -93px -47px; background-image: url('/bitrix/templates/main/css/../images/sprite.png'); } /*.owl-prev:hover { background-position: -1px -139px; }*/ .owl-next { width: 15px; height: 26px; position: absolute; bottom: 22px; right: 25px; background-position: -108px -47px; background-image: url('/bitrix/templates/main/css/../images/sprite.png'); } /*.owl-next:hover { background-position: -1px -77px; }*/ .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-item img { width:827px; display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("/bitrix/templates/main/css/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3, 1.3); -moz-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); -o-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } /* End */ /* Start:/bitrix/templates/main/css/jquery-ui.css?164379873736223*/ /*! jQuery UI - v1.11.2 - 2015-01-29 * http://jqueryui.com * Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px * Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 1000; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; min-height: 0; /* support: IE7 */ font-size: 100%; } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; /* removes extra width in IE */ } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2.2em; } /* button elements seem to need a little more width */ button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /* button text element */ .ui-button .ui-button-text { display: block; line-height: normal; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /* button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /* button sets */ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ /* reset extra padding in Firefox, see h5bp.com/l */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; top: 27px; background-color: #33384d; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 12px; height: 18px; background: url('/bitrix/templates/main/css/../images/sprite.png'); } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; cursor: pointer; } .ui-datepicker .ui-datepicker-prev { left: 8px; background-position: -124px -48px; top: 9px; } .ui-datepicker .ui-datepicker-next { right: 8px; background-position: -136px -48px; top: 9px; } /*.ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; }*/ .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; cursor: pointer; } .ui-datepicker .ui-datepicker-title { margin: 0 1.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: 12px; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: 4px 0; text-align: center; text-decoration: none; width: 22px; height: 14px; background-color: #f2ede5; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-dialog { overflow: hidden; position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { position: relative; margin: 0; padding: 1px 1px 3px 9px; line-height: 1.4; cursor: pointer; min-height: 0; /* support: IE7 */ /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); background: #fff; font-size: 13px; font-family: "Tahoma"; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { /*margin: -1px;*/ } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; /* Support: IE7 */ overflow-x: hidden; padding-bottom: 1px; position: absolute; top: -24px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-button { display: inline-block; overflow: hidden; position: relative; text-decoration: none; cursor: pointer; } .ui-selectmenu-button span.ui-icon { right: 0.5em; left: auto; margin-top: -8px; position: absolute; top: 14px; } .ui-selectmenu-button span.ui-selectmenu-text { text-align: left; padding: 0.4em 2.1em 0.4em 1em; display: block; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* vertically center icon */ .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } /* TR overrides */ .ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */ background-position: -65px -16px; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #dddddd; /*background: #eeeeee url("/bitrix/templates/main/css/images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;*/ color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { /*border: 1px solid #e78f08;*/ /*background: #f6a828 url("/bitrix/templates/main/css/images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;*/ } .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { /*border-top: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; background: #f6f6f6 url("/bitrix/templates/main/css/images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x; font-weight: bold; color: #1c94c4;*/ color: #2b2b2b; font-weight: 700; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-widget-header .ui-state-focus { /*border: 1px solid #e2e2e2;*/ background: #f4f0ee; /*font-family: "Arial" regular;*/ color: #8d2666; font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; } .ui-state-focus, .ui-widget-content .ui-state-focus { color: #052830; background-color: #e2e2e2; } .ui-state-hover.ui-datepicker-next{ background: url('/bitrix/templates/main/css/../images/sprite.png'); background-position: -136px -48px; } .ui-state-hover.ui-datepicker-prev { background: url('/bitrix/templates/main/css/../images/sprite.png'); background-position: -124px -48px; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: #c77405; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { /*border: 1px solid #fbd850;*/ /*background: #ffffff url("/bitrix/templates/main/css/images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;*/ background: #f7a891; font-weight:700; color: #33384d; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { /*border: 1px solid #fed22f;*/ /*background: #ffe45c url("/bitrix/templates/main/css/images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;*/ color: #8d2666; background: #f4f0ee; font-weight: 400; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; /*background: #b81900 url("/bitrix/templates/main/css/images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;*/ color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ /*.ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("/bitrix/templates/main/css/images/ui-icons_222222_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("/bitrix/templates/main/css/images/ui-icons_ffffff_256x240.png"); } .ui-state-default .ui-icon { background-image: url("/bitrix/templates/main/css/images/ui-icons_ef8c08_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url("/bitrix/templates/main/css/images/ui-icons_ef8c08_256x240.png"); } .ui-state-active .ui-icon { background-image: url("/bitrix/templates/main/css/images/ui-icons_ef8c08_256x240.png"); } .ui-state-highlight .ui-icon { background-image: url("/bitrix/templates/main/css/images/ui-icons_228ef1_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("/bitrix/templates/main/css/images/ui-icons_ffd27a_256x240.png"); }*/ /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { /*border-top-left-radius: 4px;*/ } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { /*border-top-right-radius: 4px;*/ } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { /*border-bottom-left-radius: 4px;*/ } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { /*border-bottom-right-radius: 4px;*/ } /* Overlays */ .ui-widget-overlay { /*background: #666666 url("/bitrix/templates/main/css/images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;*/ opacity: .5; filter: Alpha(Opacity=50); /* support: IE8 */ } .ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; /*background: #000000 url("/bitrix/templates/main/css/images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;*/ opacity: .2; filter: Alpha(Opacity=20); /* support: IE8 */ border-radius: 5px; } /* End */ /* Start:/bitrix/templates/main/css/jcarousel.css?16437987373226*/ /** Stage container **/ .connected-carousels .stage { /*width: 750px;*/ margin-bottom: 20px; position: relative; } .connected-carousels .photo-credits { position: absolute; right: 15px; bottom: 0; font-size: 13px; color: #fff; text-shadow: 0 0 1px rgba(0, 0, 0, 0.85); opacity: .66; } .connected-carousels .photo-credits a { color: #fff; } /** Navigation container **/ .connected-carousels .navigation { width: 752px; margin: 20px auto; position: relative; left: 3px; } /** Shared carousel styles **/ .connected-carousels .carousel { overflow: hidden; position: relative; } .connected-carousels .carousel ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0; } .connected-carousels .carousel li { float: left; } /** Stage carousel specific styles **/ .connected-carousels .carousel-stage { height: 457px; width: 750px; border: 2px solid #f4f4f4; } /** Navigation carousel specific styles **/ .connected-carousels .carousel-navigation { height: 60px; width: 240px; background: #fff; border: 10px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 2px #999; -moz-box-shadow: 0 0 2px #999; box-shadow: 0 0 2px #999; } .connected-carousels .carousel-navigation li { cursor: pointer; } .connected-carousels .carousel-navigation li img { display: block; border: 5px solid #fff; } .connected-carousels .carousel-navigation li.active img { border-color: #ccc; } /** Stage carousel controls **/ .connected-carousels .prev-stage, .connected-carousels .next-stage { display: block; position: absolute; top: 0; width: 305px; height: 410px; color: #fff; } .connected-carousels .prev-stage { left: 0; } .connected-carousels .next-stage { right: 0; } .connected-carousels .prev-stage.inactive, .connected-carousels .next-stage.inactive { display: none; } .connected-carousels .prev-stage span, .connected-carousels .next-stage span { display: none; position: absolute; top: 50%; width: 30px; height: 30px; text-align: center; background: #4E443C; color: #fff; text-decoration: none; text-shadow: 0 0 1px #000; font: 24px/27px Arial, sans-serif; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-box-shadow: 0 0 2px #999; -moz-box-shadow: 0 0 2px #999; box-shadow: 0 0 2px #999; } .connected-carousels .prev-stage span { left: 20px; } .connected-carousels .next-stage span { right: 20px; } /** Navigation carousel controls **/ .connected-carousels .prev-navigation, .connected-carousels .next-navigation { display: block; position: absolute; } .connected-carousels .prev-navigation { left: 0px; top: 22px; text-indent: 6px; } .connected-carousels .next-navigation { right: 2px; top: 22px; text-indent: 20px; } .connected-carousels .prev-navigation.inactive, .connected-carousels .next-navigation.inactive { opacity: .5; cursor: default; } /* End */ /* Start:/bitrix/templates/main/css/jquery.fancybox.css?16437987374949*/ /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/bitrix/templates/main/css/../images/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('/bitrix/templates/main/css/../images/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('/bitrix/templates/main/css/../images/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('/bitrix/templates/main/css/../images/opacity-50.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/bitrix/templates/main/css/../images/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('/bitrix/templates/main/css/../images/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /* End */ /* Start:/bitrix/templates/main/components/bitrix/menu/header/style.css?16437987379170*/ .bx_horizontal_menu_advaced .animate{} .bx_horizontal_menu_advaced{position:relative} .bx_horizontal_menu_advaced>ul{ display:block; margin:0; padding:0; width:100%; list-style:none; } .bx_horizontal_menu_advaced.small>ul{height:40px} /* 1st level */ /*.bx_hma_one_lvl*/ .bx_horizontal_menu_advaced .bx_hma_one_lvl{ display:block; float:left; padding:0; height:58px; background:#ecf5fa; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZjVmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZmRkZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ecf5fa), color-stop(100%,#bfddec)); background:-webkit-linear-gradient(top,#ecf5fa 0%,#bfddec 100%); background: -moz-linear-gradient(top,#ecf5fa 0%,#bfddec 100%); background: -ms-linear-gradient(top,#ecf5fa 0%,#bfddec 100%); background: -o-linear-gradient(top,#ecf5fa 0%,#bfddec 100%); background: linear-gradient(to bottom, #ecf5fa 0%,#bfddec 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf5fa', endColorstr='#bfddec',GradientType=0 ); } /*bx_hma_one_lvl.dropdown:hover*/ .bx_horizontal_menu_advaced .bx_hma_one_lvl.hover{ height:58px; background:#dbeaf4; /*box-shadow:inset 0 1px 0 0 #ecf3f8;*/ background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZWFmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiM2Q0ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbeaf4), color-stop(100%,#b3d4e7)); background:-webkit-linear-gradient(top,#dbeaf4 0%,#b3d4e7 100%); background: -moz-linear-gradient(top,#dbeaf4 0%,#b3d4e7 100%); background: -ms-linear-gradient(top,#dbeaf4 0%,#b3d4e7 100%); background: -o-linear-gradient(top,#dbeaf4 0%,#b3d4e7 100%); background: linear-gradient(to bottom, #dbeaf4 0%,#b3d4e7 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbeaf4', endColorstr='#b3d4e7',GradientType=0 ); } .bx_horizontal_menu_advaced.small .bx_hma_one_lvl:hover, .bx_horizontal_menu_advaced.small .bx_hma_one_lvl{height: 40px;} .bx_horizontal_menu_advaced .bx_hma_one_lvl.dropdown.hover{border-radius:0;/*box-shadow:none*/} /*.bx_horizontal_menu_advaced.small .bx_hma_one_lvl,*/ .bx_horizontal_menu_advaced.small .bx_hma_one_lvl>a{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0; height:40px; font-weight:normal; font-size:11px; line-height:40px; } /* .bx_hma_one_lvl>a*/ .bx_horizontal_menu_advaced .bx_hma_one_lvl>a{ position:relative; z-index:105; display:block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:19px 2px; height:58px; color:#27779b; vertical-align:middle; text-align:center; text-decoration:none; font-weight:bold; text-shadow:0 1px 1px rgba(255,255,255,.8); } .bx_horizontal_menu_advaced .bx_hma_one_lvl.dropdown.hover>a{ z-index:140; height:59px; background:#fff; } .bx_horizontal_menu_advaced.small .bx_hma_one_lvl.dropdown.hover>a{z-index:140;height:40px} .bx_horizontal_menu_advaced.small .bx_hma_one_lvl>a:active, .bx_horizontal_menu_advaced.small .bx_hma_one_lvl.current a{} /* // 1st level */ /* The Container */ .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container{ position:absolute; top:56px; z-index:1001; display:none; overflow:hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding-top:3px; max-width:100%; box-shadow:0 4px 5px 0 rgba(1,1,1,.16); } .bx_horizontal_menu_advaced.small .bx_hma_one_lvl .bx_children_container{top:38px} .bx_horizontal_menu_advaced .bx_hma_one_lvl.hover .bx_children_container{display:block} .bx-ie8 .bx_horizontal_menu_advaced .bx_hma_one_lvl:hover .bx_children_container{display:block !important} /*IE8*/ .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container .bx_children_block{ float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-bottom:-20000px; padding:10px 12px; padding-bottom:20000px; min-width:130px; max-width:280px; border-left:1px solid #f2f2f2; background:#fff; } .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container .bx_children_block:first-child{border-left:none} .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container.b1 .bx_children_block{width:100%} .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container.b2 .bx_children_block{width:50%} .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container.b3 .bx_children_block{width:33.3%} .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container.b4 .bx_children_block{width:25%} .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container .bx_children_block.advanced{ border-left:none; background:#f7fafb; box-shadow: inset 0 122px 57px -59px #fff, inset 5px 0 7px -5px rgba(0,0,0,.12); } /*// Container */ /* 2nd level*/ .bx_horizontal_menu_advaced .bx_hma_one_lvl ul{ display:block; margin:0; padding:0 0 14px 0; list-style:none; } .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container .bx_children_block>ul>li{display:block;background:#fff} .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent>a{display:block;padding:5px 10px} .bx_horizontal_menu_advaced.small .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent a{line-height:15px} .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent>a:hover{color: #366181} .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container .bx_children_block>ul>li>a{ display:block; color:#20394c; text-decoration:none; font-weight:bold; font-size:15px; line-height:23px; } .bx_horizontal_menu_advaced.small .bx_hma_one_lvl .bx_children_container .bx_children_block li a{font-size:11px;line-height:normal} /* // 2nd level*/ /* 3rd level */ .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent ul{border-bottom:1px solid #f2f2f2} .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent:last-child ul{border-bottom:none} .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent ul li{line-height:24px} .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent ul li a{ display:block; padding:5px 10px } .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent ul li a:hover{ background:#f0f6f8; box-shadow:inset 0 1px 1px 0 #e3e9eb } .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container .bx_children_block li ul li a{ color:#000; text-decoration:none; font-size:12px; } /* // 3rd level */ /* Panel */ .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_advanced_panel{ display:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:center; } .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_block.advanced .bx_children_advanced_panel{display:block !important} .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_advanced_panel img{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; max-width:100%; max-height:220px; border:1px solid #e7e9ea; } .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_advanced_panel strong{ display:block; color:#000; text-align:left !important; margin-top:10px; margin-bottom:10px; } .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_advanced_panel .bx_item_description{ max-width:100%; display:block; color:#000; text-align:left !important; white-space:normal; font-weight:normal; font-size:12px; padding-bottom: 10px; overflow: hidden; line-height:18px !important; } /* // The Panel*/ @media (min-width:980px) {.bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container .bx_children_block{min-width:200px}} @media (max-width:569px) {.header_inner_bottom_line{overflow:hidden;height:auto}} /* End */ /* Start:/bitrix/templates/main/components/bitrix/search.title/main/style.css?16437987363047*/ .bx_search_container{ height: 50px; line-height: 50px; padding: 0 10px; } .bx_search_container .bx_field{ position: relative; margin-top: 15px; height: 30px; border-top: 1px solid #8ca3ae; border-right: 1px solid #a0b4be; border-bottom: 1px solid #b6c8d1; border-left: 1px solid #a0b4be; border-radius: 3px; background: #fff; box-shadow: inset 0 2px 3px 0 rgba(0,0,0,0.1); line-height: 30px; } .bx_search_container .bx_field .bx_input_text{ position: absolute; left: 0; height: 30px; outline: none; border: none; background: none; line-height: 30px; width: 100%; padding-right: 40px; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 5px; } .bx_search_container .bx_field .bx_input_submit{ position: absolute; top: 2px; right: 0; bottom: 0; width: 34px; border: none; background: url('/bitrix/templates/main/components/bitrix/search.title/main/images/search_lupe.png') no-repeat left center; cursor: pointer; } div.title-search-result { border:1px solid #c6c6c6; display:none; overflow:hidden; z-index:999; min-width: 370px; margin-left: 11px; margin-top:-20px; background-color: #FFF; top: 46px!important; left: 61px!important; width: 370px!important; } div.title-search-fader { display:none; background-image: url('/bitrix/templates/main/components/bitrix/search.title/main/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } p.title-search-preview { font-size:12px; } div.title-search-result td.title-search-price span { font-size: 26px; } /*========================*/ .bx_searche{} .bx_searche .bx_img_element{ background: #fafafa; float: left; width: 45px; padding: 5px 10px; position: absolute; top: 0; bottom: 0; } .bx_searche .bx_item_block{ min-height: 65px; position: relative } .bx_searche .bx_image{ width: 45px; height: 45px; background-size: contain; background-position: center; background-repeat: no-repeat; border: 1px solid #e8e8e8; } .bx_searche .bx_item_element{ /*float: left;*/ padding-left: 10px; /*margin-left: 70px;*/ } .bx_searche .bx_item_element hr{ margin: 0; border: none; border-bottom: 1px solid #e5e5e5; } .bx_searche .bx_item_element a{ margin-top: 10px; display: inline-block; color: #4788cb; font-size: 13px; text-decoration: none; } .bx_searche .bx_item_element a b{color: #000;font-weight: normal;} .bx_searche .bx_item_element a:hover, .bx_searche .bx_item_element a:hover b{text-decoration: underline;} .bx_searche .bx_price{ font-weight:bold; font-size:13px; } .bx_searche .bx_price .old{ font-weight:normal; text-decoration: line-through; color: #636363 } .bx_item_block.all_result{min-height:0} .bx_item_block.others_result{ min-height: 0; padding: 0 0 12px; line-height: 12px; } .bx_item_block.all_result .all_result_title{ display: block; font-size: 12px; color: #a7a7a7; padding-top: 15px; padding-bottom: 10px; } .bx_item_block.all_result .all_result_title a{color: #a7a7a7} .bx_item_block.all_result .all_result_title a:hover{color: #4788cb} .bx_item_block.all_result a{ margin-top: 0; } /* End */ /* Start:/bitrix/templates/main/components/h2o/catalog.smart.filter/visual_vertical/style.css?164379873634323*/ .bx_filter .bx_filter_section{ position:relative; padding:30px 3.5% 0; border:7px solid #e1f5fb; border-radius:2px; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAAAS1BMVEXB5/LB6PLC6PLC6PPC6fPD6fPD6fTD6vTE6vTE6vXE6/XF6/XF6/bF7PbG7PbG7PfG7ffH7ffH7fjH7vjI7vjI7vnI7/nJ7/nJ7/oBqae4AAAGDElEQVQYGQXBAWKDQBACwGtXUQyKkmx6/39pZ4bDPzEfbgagALphXig4gI3mKrNtZgmIUtIalgPblzYAxjTm5osAP3Eu2nsToNsNmXboeo2ZtkMaz3TOpMszFpAp70TgQPNMghs+/OC67EFvE+KkhKmgkYump6vZ4cJly0RsPvECeQ0O/Yw2ItAm8Po1Ce+8Hof+5TTh49dWEldTrBiyNCaLXEwf96ak7ONrotmphhSM9ReKHSBrcppQauDHy9b9mPzGeiWYb5vgS/vpPTh9orPey3Edq501CDJe157vQcNICkSe7k+3sjb0LrdUNN0AqZyx8gkG5OqYa+810f03dj/ATT0LgnJ30eDSiw22Y9InB7P6TtM89TxAiplwaEkC+nvNtJ6HvJCpOO5yj3XPxHOZyYXVRvDSD2jK1TER1kT3t+gbCBXgXgehUzZBAgy8kuiWg4RmIc13M6zs9Gzc37kaY4aaiYwmsZmJAthAV94wcMvgDhE54AQTytgOzQ0SgYKdgyb0+L3DiIw6we6cO2civbPOdjgwC7zFewH6jluVd8AHBZavgtiCnXjGRKMgcayzwd4AnrHNhFkRkArDoEGTlDIJIGVvFz2wKGnJj7Otd+J4O5P3Ti7qCcont5Zt1B5R7JUZmslp9MYVZqIANvD5yRvG8sggVxG3lutxTShUBo6RjaDtGL2yC7ZZ1PxrknUDlZitnRdMVS5vQ3Ui2ozj90NEVg4s3/CFSaHYls+AgAkQB5AeHNp9banLRqcCWbCzBkGeKSfoaYe5coRLI6P8HoC0fnhPrtmKPGTYAZa2PpQNudrLTQPw/nczIcYC19tOlPBMAHYMFrv8Am7mrBnbj4vLZZ/EjQzU7Pv5myoYDcfEgnnbPSEnJfTFmLR3QGUS5rA4FTRv03S7mp+bwMpMxOYdY3WQRa9aaMrVGWz9daqChioEeJ2+jQa7ypcJHvOvsbMCVD/XPk8Optx8wPBsfBqGf0ycf2SLPJrT1ciM/F2urjP01WN52ciZBLFVUVg226kKe2ID8osG8UayUB8hHkqThrmESMO4SQS9s+QP5ASOkS/wYmz5fb08egUZC2PfQnZ82E9MRUrkNpww4W8ZcgPWjQFQ3wrm1Izvj28HtJcQ05S92x9mvbwxzqUZARh6V7cY/+CbANt5pwE1CbnxdDaB0wfT6NAhpGuA53bfurHYQJcbBiKDhIhodYKGbijdMbcZcACWM3mdF3Ehn7wXNAyyYW/2CXAD9qC7kmvL/gsPQvsK2u533ZkLZNedevxF7uKycV86vC76LPCeMe3RQdPKGzRPEtWkZKH0gauy+cIrwrvDRsrLG8zYDEnuEKcZ9kZQWZ28SNGNA5FvwkRXh2yAYwu4MpD3tEkzFeBbnguB6Y8ncRdAXzidOju9csCyJ20Txp000KtBNmzaXsCd4I3uX8cMCydGuT7L7pBFbBSEqDp42PI9ERaeACgjfoG5EHNENcl552TQbtsn7y2t8FpuTthETdCmb/IoHWyPdQ8ub90GzdQNfMsTG/B1e3K5fwu04aQ8nzeUyRqGzd5W0O33IvO8shlqpoLK9TK39qQzJdMUGQx4C7cKmiq5F/kOHOOZgBhbbuukuCILfQPuHvR+bvwQwYJCO5YfdW5HervEtytem3fsqi/wTGKsXpN1Ifx096d1r70o5baKphvrRj2O5c4SkI1ghLgYwLXIme8TUmcYrpdFXNUKHMDwuZRbv5E8jrKVJGiSI4YsmUASYWcNVGEqcPldVxEHC8MPUBs8AzhHwYJ/d4ZLbv5pS5MGoIBXVtFL0c+A7Vz4gO8f+DQXHPPvQ6JSqI45T26Gd9XbF62rJAzY1GmA5LIF3ZXbDH9wFjnZTZCwkqIN9WWihld23yZnInVqtkNAB0/vN2yvHQQ6hfMygizJHDfrAQ9MFPNiAHQev1X5NBisYNk/OLY+YD/xjLkO0Y3O8YSQVGCYs4d+vLi7ERAM3HzAyF3duDBOEA0bbMekTdSHtL9m2UQjf2QerOAxf4I5X99nHIxrmQlAJ41Sk5B7TYcHtj9rT9B5JYTkBXv4D9G7lmk7oTNdAAAAAElFTkSuQmCC'); text-shadow:0 1px 0 #fff; } .bx_filter .bx_filter_title{ font-size:21px; font-weight:bold; margin-bottom:10px; padding:0 10px; color:#000; text-shadow:0 1px 0 #fff; /*text-align: left;*/ } /*bx_filter_container => bx_filter_parameters_box*/ .bx_filter .bx_filter_button_box, .bx_filter .bx_filter_parameters_box{ margin-bottom:20px; padding:0 6px; } .bx_filter .bx_filter_button_box{clear: both;} .bx_filter.bx_horizontal .bx_filter_parameters_box{ float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:25%; padding:0 15px; } .bx_filter.bx_horizontal .bx_filter_parameters_box:nth-child(4n+2){clear:both;} @media (max-width:860px){ .bx_filter.bx_horizontal .bx_filter_parameters_box{width:33.333%;} .bx_filter.bx_horizontal .bx_filter_parameters_box:nth-child(4n+2){clear:none;} .bx_filter.bx_horizontal .bx_filter_parameters_box:nth-child(3n+2){clear:both;} } @media (max-width:640px){ .bx-touch .bx_filter.bx_horizontal .bx_filter_parameters_box{width:50%;} .bx-touch .bx_filter.bx_horizontal .bx_filter_parameters_box:nth-child(4n+2){clear:none;} .bx-touch .bx_filter.bx_horizontal .bx_filter_parameters_box:nth-child(3n+2){clear:none;} .bx-touch .bx_filter.bx_horizontal .bx_filter_parameters_box:nth-child(2n+2){clear:both;} } @media (max-width:450px){ .bx-touch .bx_filter.bx_horizontal .bx_filter_parameters_box{float:none;width:100%;} .bx-touch .bx_filter.bx_horizontal .bx_filter_parameters_box:nth-child(4n+2){clear:none;} .bx-touch .bx_filter.bx_horizontal .bx_filter_parameters_box:nth-child(3n+2){clear:none;} .bx-touch .bx_filter.bx_horizontal .bx_filter_parameters_box:nth-child(2n+2){clear:none;} } .bx_filter .bx_filter_parameters_box_title{ font-size:15px; display:inline-block; margin-bottom:10px; cursor:pointer; color:#000; border-bottom:1px dashed #000; position: relative; } .bx_filter .bx_filter_parameters_box_title:after{ position: absolute; content: ' '; width:7px; height: 4px; top: 50%; /*left: -13px;*/ right: -15px; margin-top: -1px; opacity: .8; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAFAgMAAAD09B5LAAAABGdBTUEAALGPC/xhBQAAAAlQTFRF////AAAAAAAAflGpXQAAAAN0Uk5TvwCA2cz+0wAAABdJREFUCNdjWLWCQWsBg1cLQ5AIQ0gIACLDA/lykNHsAAAAAElFTkSuQmCC'); } .bx_filter .bx_filter_parameters_box.active .bx_filter_parameters_box_title:after{ background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAFAgMAAAD09B5LAAAABGdBTUEAALGPC/xhBQAAAAlQTFRF////AAAAAAAAflGpXQAAAAN0Uk5TvwCA2cz+0wAAABdJREFUCNdjCAthiJrCkLWEYdUKBgYGACBrA/l9XbhoAAAAAElFTkSuQmCC"); } .bx_filter .bx_filter_block{ display:none; padding:0; } .bx_filter .bx_filter_button_box .bx_filter_block, .bx_filter .bx_filter_parameters_box.active .bx_filter_block{ display:block; } .bx_filter .bx_filter_parameters_box.active .bx_filter_block i{ font-size: 15px; font-style: normal; color: #596b70; display: block; padding-bottom: 3px; } /*bx_filter_param_area => bx_filter_parameters_box_container*/ .bx_filter .bx_filter_parameters_box_container{/*margin-bottom:20px;*/} /*bx_filter_param_area_block => bx_filter_parameters_box_container_block*/ .bx_filter .bx_filter_parameters_box_container_block{ font-size:11px; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:50%; color:#3f3f3f; } .bx_filter .bx_filter_parameters_box_container .bx_filter_parameters_box_container_block:nth-child(2){ text-align: right; } /*bx_input_container => bx_filter_input_container*/ .bx_filter .bx_filter_parameters_box_container .bx_filter_input_container{ display:inline-block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; /*max-width:105px;*/ max-width:66%; min-width: 80px; width: 100%; height:35px; padding:1px; border-radius:3px; background:#8ca3ae; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhjYTNhZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNmM4ZDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ca3ae), color-stop(100%,#b6c8d2)); background:-webkit-linear-gradient(to top, #8ca3ae 0%,#b6c8d2 100%); background: -moz-linear-gradient(to top, #8ca3ae 0%,#b6c8d2 100%); background: -ms-linear-gradient(to top, #8ca3ae 0%,#b6c8d2 100%); background: -o-linear-gradient(to top, #8ca3ae 0%,#b6c8d2 100%); background: linear-gradient(to top, #8ca3ae 0%,#b6c8d2 100%); box-shadow:0 1px 0 0 rgba(255,255,255,.75); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ca3ae', endColorstr='#b6c8d2',GradientType=0 ); } .bx_filter .bx_filter_parameters_box_container .bx_filter_parameters_box_container_block:nth-child(1){ padding-right: 5px; } .bx_filter .bx_filter_parameters_box_container .bx_filter_parameters_box_container_block:nth-child(2){ padding-left: 5px; } .bx_filter .bx_filter_parameters_box_container .bx_filter_input_container input{ display:block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:100%; font-size: 18px; /*max-width:33%;*/ /*min-width: 105px;*/ height:33px; margin: 0; padding:0 4px; border:none; border-radius:2px; background:#fff; box-shadow:inset 0 3px 6px 0 rgba(215,215,215,.75); } /*Track*/ .bx_filter .bx_ui_slider_track{ position:relative; height:7px; margin:25px 10px; border:1px solid #8da3ad; background:#a1c0c8; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ExYzBjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiM2Q1ZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1c0c8), color-stop(100%,#b3d5df)); background:-webkit-linear-gradient(to top, #a1c0c8 0%,#b3d5df 100%); background: -moz-linear-gradient(to top, #a1c0c8 0%,#b3d5df 100%); background: -ms-linear-gradient(to top, #a1c0c8 0%,#b3d5df 100%); background: -o-linear-gradient(to top, #a1c0c8 0%,#b3d5df 100%); background: linear-gradient(to top, #a1c0c8 0%,#b3d5df 100%); box-shadow:0 1px 0 0 rgba(255,255,255,.35); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1c0c8', endColorstr='#b3d5df',GradientType=0 ); } .bx_filter .bx_ui_slider_part{ position:absolute; top:-6px; width:1px; height:17px; background:#a2bfc7; } .bx_filter .bx_ui_slider_part.p1{left:-1px;} .bx_filter .bx_ui_slider_part.p2{left:25%;} .bx_filter .bx_ui_slider_part.p3{left:50%;} .bx_filter .bx_ui_slider_part.p4{left:75%;} .bx_filter .bx_ui_slider_part.p5{right:-1px;} .bx_filter .bx_ui_slider_part span{ font-size:11px; font-weight: bold; position:absolute; top:-16px; left:50%; display:block; width:100px; margin-left:-50px; text-align:center; color:#000; } .bx_filter .bx_ui_slider_part.p2 span, .bx_filter .bx_ui_slider_part.p3 span, .bx_filter .bx_ui_slider_part.p4 span{color:#6b8086;} .bx_filter .bx_ui_slider_range, .bx_filter .bx_ui_slider_pricebar, .bx_filter .bx_ui_slider_pricebar_VD, .bx_filter .bx_ui_slider_pricebar_VN, .bx_filter .bx_ui_slider_pricebar_V{ position:absolute; top:-1px; bottom:-1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .bx_filter .bx_ui_slider_range{ z-index:50; } .bx_filter .bx_ui_slider_pricebar{ z-index:100; } .bx_filter .bx_ui_slider_pricebar_VD{ z-index:60; border-top: 1px solid #74868e; border-bottom:1px solid #74868e; background:#849da4; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg0OWRhNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5M2FmYjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#849da4), color-stop(100%,#93afb7)); background:-webkit-linear-gradient(to top, #849da4 0%,#93afb7 100%); background: -moz-linear-gradient(to top, #849da4 0%,#93afb7 100%); background: -ms-linear-gradient(to top, #849da4 0%,#93afb7 100%); background: -o-linear-gradient(to top, #849da4 0%,#93afb7 100%); background: linear-gradient(to top, #849da4 0%,#93afb7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#849da4', endColorstr='#93afb7',GradientType=0 ); } .bx_filter .bx_ui_slider_pricebar_VN{ z-index:70; border:1px solid #8da3ad; background:#a8dff3; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E4ZGZmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMGVhZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#6eccea), color-stop(100%,#73d6f6)); background:-webkit-linear-gradient(to top, #6eccea 0%,#73d6f6 100%); background: -moz-linear-gradient(to top, #6eccea 0%,#73d6f6 100%); background: -ms-linear-gradient(to top, #6eccea 0%,#73d6f6 100%); background: -o-linear-gradient(to top, #6eccea 0%,#73d6f6 100%); background: linear-gradient(to top, #6eccea 0%,#73d6f6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6eccea', endColorstr='#73d6f6',GradientType=0 ); } .bx_filter .bx_ui_slider_pricebar_V{ z-index:80; top:-1px; bottom:-1px; /* border-right:1px solid #1888cc; border-left: 1px solid #1888cc;*/ background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAABGdBTUEAALGPC/xhBQAAAANQTFRFGIjM1MdTygAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CIIA=') repeat-y left, url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAABGdBTUEAALGPC/xhBQAAAANQTFRFGIjM1MdTygAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CIIA=') repeat-y right, url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAMAAAAxZj1mAAAABGdBTUEAALGPC/xhBQAAAL1QTFRFANz2ALTqAKrmALbrAN33AKzmANf0ALPqAKfkAKrlAKbkHpThALXqALHqAI/dAKDkAJviAJ/lAJrhAKnnAKTnAJTgAJ/kAKTmAJXfAJnhAKbjAJriAJ3iAKfoAKPnAJHeAKHjAKfmAKznAKvoAKvpAKHkAKzqALTrALTpANb0ALXrALPrALjtAJ7kAKfnAKPlAKTlAKLnAKbnAK/pHpTiALDqANz3AHi6AKzpAKjoANv2AHm6AKzoAHm7H5XiGxHqSgAAAG9JREFUCNcVxEUCwkAQBMDG3V2Dxz3rO/n/s4A6FOqq/vk3qsC7XGsfuu1rjk7gtZoNLxqMgwg9xvqh6w7ZJDyitDcpbVbax9titVT35yFRr7P8YJ5k6T7dFadLoTBbxNN1vN3k19yBEIYEkTGG6AvhQBEyBjCadgAAAABJRU5ErkJggg==') repeat-x; } .bx_filter .bx_ui_slider_handle{ position:absolute; top:100%; width:22px; height:22px; } .bx_filter .bx_ui_slider_handle:hover{ -webkit-cursor:grab; -ms-cursor:grab; -o-cursor:grab; cursor:grab; } .bx_filter .bx_ui_slider_handle:active{ -webkit-cursor:grabbing; -ms-cursor:grabbing; -o-cursor:grabbing; cursor:grabbing; } .bx_filter .bx_ui_slider_handle.left{ left:0; margin-left:-21px; background:url(/bitrix/templates/main/components/h2o/catalog.smart.filter/visual_vertical/images/handle_left.png) no-repeat right top; } .bx_filter .bx_ui_slider_handle.right{ right:0; margin-right:-21px; background:url(/bitrix/templates/main/components/h2o/catalog.smart.filter/visual_vertical/images/handle_right.png) no-repeat left top; } /* * Select * */ .bx_filter .bx_filter_select_container{ display:inline-block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; height:35px; padding:1px; border-radius:3px; background:#8ca3ae; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhjYTNhZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNmM4ZDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ca3ae), color-stop(100%,#b6c8d2)); background:-webkit-linear-gradient(to top, #8ca3ae 0%,#b6c8d2 100%); background: -moz-linear-gradient(to top, #8ca3ae 0%,#b6c8d2 100%); background: -ms-linear-gradient(to top, #8ca3ae 0%,#b6c8d2 100%); background: -o-linear-gradient(to top, #8ca3ae 0%,#b6c8d2 100%); background: linear-gradient(to top, #8ca3ae 0%,#b6c8d2 100%); box-shadow:0 1px 0 0 rgba(255,255,255,.75); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ca3ae', endColorstr='#b6c8d2',GradientType=0 ); } .bx_filter .bx_filter_select_block{ position:relative; display:block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:100%; height:33px; margin:0; padding:0 33px 0 10px; border:none; border-radius:2px; background:#fff; box-shadow:inset 0 3px 6px 0 rgba(215,215,215,.75); } .bx_filter .bx_filter_select_text{ font-size:15px; line-height:33px; overflow:hidden; max-width:100%; height:33px; cursor:pointer; vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; -ms-text-overflow:ellipsis; } .bx_filter .bx_filter_select_text.fix{ min-width:120px; } .bx_filter .bx_filter_select_text label{ cursor:pointer; } .bx_filter .bx_filter_select_arrow{ position:absolute; top:0; right:0; width:34px; height:33px; cursor:pointer; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAG0lEQVQY02OYOXPmf1yYAQRwSsAATglkBch8ADy7LKHqFrgoAAAAAElFTkSuQmCC') no-repeat center; } /* * Select popup * */ .bx_filter_select_popup{padding:0;} .bx_filter_select_popup ul{ margin:0; padding:0; list-style:none; } .bx_filter_select_popup ul li{ display:block; text-align: left; vertical-align:middle; } .bx_filter_select_popup ul li:first-child{ border-bottom: 1px solid #e5e5e5; padding-bottom: 5px; margin-bottom: 5px; } .bx_filter_select_popup ul li label{ font-size:14px; line-height:26px; display:block; text-align: left !important; overflow:hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:100%; height:26px; padding:0 5px; cursor:pointer; vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; -ms-text-overflow:ellipsis; color:#575757; } .bx_filter_select_popup ul li label.selected, .bx_filter_select_popup ul li label:hover{ color:#000; background:#f3f8fa; } .bx_filter_select_popup ul li label.disabled{ color:#b8b8b8; background:transparent; } .bx_filter_select_popup ul li .bx_filter_param_text{ line-height: 26px !important; } /* * TAGS * */ .bx_filter.bx_horizontal .bx_filter_parameters_box.tags{ width: 100%; clear: both } .bx_filter .bx_filter_tag{ padding:18px; border:1px solid #aed5e0; border-radius:5px; background:rgba(151,214,233,.33); } .bx_filter .bx_tag_link{ font-size:12px; text-decoration:none; color:#68939e; border-bottom:1px solid; text-shadow:none; } .bx_filter .bx_tag_link.active, .bx_filter .bx_tag_link:hover{ color:#1d3d46; border-bottom:none; } /* * LABEL * */ .bx_filter .bx_filter_param_label{ font-size:13px; position:relative; display:block; text-align:left; margin-bottom: 5px; margin-right: 5px; } .bx_filter .bx_filter_param_label.dib{display: inline-block;} .bx_filter .bx_filter_param_text{ line-height:34px; position:relative; display:inline-block; margin:0 5px; vertical-align:middle; text-align:center; cursor: pointer; } .bx_filter .bx_filter_param_label.disabled .bx_filter_param_text{ color:#6c6c6c; /*text-decoration: line-through;*/ } .bx_filter_select_popup .bx_filter_param_label.active{ background: #f3f8fa; } /* * Checkbox / Radio * */ .bx_filter .bx_filter_input_checkbox{ position:relative; display:block; clear:both; overflow:hidden; min-height:20px; padding-top:5px; padding-bottom:5px; } .bx_filter .bx_filter_input_checkbox input[type=radio], .bx_filter .bx_filter_input_checkbox input[type=checkbox]{ position: relative; top: -3px; float:left; } .bx_filter .bx_filter_input_checkbox .bx_filter_param_text{ display: block; line-height: 15px; margin-left: 25px; text-align: left; } /* * BTN * */ .bx_filter .bx_filter_param_btn{ display:inline-block; width:34px; height:34px; text-align:center; text-decoration:none; color:#000; vertical-align: middle; border:1px solid #9dbcc3; border-radius:3px; background:#fbfdfd; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmUxZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfdfd), color-stop(100%,#cfe1e7)); background:-webkit-linear-gradient(to top, #fbfdfd 0%,#cfe1e7 100%); background: -moz-linear-gradient(to top, #fbfdfd 0%,#cfe1e7 100%); background: -ms-linear-gradient(to top, #fbfdfd 0%,#cfe1e7 100%); background: -o-linear-gradient(to top, #fbfdfd 0%,#cfe1e7 100%); background: linear-gradient(to top, #fbfdfd 0%,#cfe1e7 100%); background-clip:padding-box; box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 0 0 1px rgba(255,255,255,.22); text-shadow:0 1px 0 #fff; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfdfd', endColorstr='#cfe1e7',GradientType=0 ); -webkit-transition:border .3s ease, box-shadow .1s ease, color .3s ease; -moz-transition:border .3s ease, box-shadow .1s ease, color .3s ease; -ms-transition:border .3s ease, box-shadow .1s ease, color .3s ease; -o-transition:border .3s ease, box-shadow .1s ease, color .3s ease; transition:border .3s ease, box-shadow .1s ease, color .3s ease; cursor: pointer; } .bx_filter .bx_filter_param_btn:hover{border-color:#b4d5de} .bx_filter .bx_filter_param_btn:active, .bx_filter .bx_filter_param_label.active .bx_filter_param_btn{ border-color:#b4d5de; background:#fcfefe; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmUyZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#cfe2e7)); background:-webkit-linear-gradient(to top, #fcfefe 0%,#feffff 100%); background: -moz-linear-gradient(to top, #fcfefe 0%,#feffff 100%); background: -ms-linear-gradient(to top, #fcfefe 0%,#feffff 100%); background: -o-linear-gradient(to top, #fcfefe 0%,#feffff 100%); background: linear-gradient(to top, #fcfefe 0%,#cfe2e7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfefe', endColorstr='#feffff',GradientType=0 ); box-shadow:0 0 0 3px #2995d7,inset 0 2px 3px rgba(0,0,0,.12); } /* --- colors */ .bx_filter .bx_filter_param_btn.bx_color_sl{ /*width:24px;*/ /*padding:0 1px;*/ } .bx_filter .bx_filter_param_label.disabled .bx_filter_param_btn.bx_color_sl{ background: transparent; box-shadow: none } .bx_filter .bx_filter_param_label.disabled .bx_filter_param_btn.bx_color_sl{position: relative;} .bx_filter .bx_filter_param_label.disabled .bx_filter_param_btn.bx_color_sl:before{ position: absolute; bottom:0; right: 0; top: 0; left: 0; content: ' '; /*width: 19px;*/ /*height:19px;*/ display: block; z-index:100; background: url(/bitrix/templates/main/components/h2o/catalog.smart.filter/visual_vertical/images/missing_v2.png) no-repeat center; opacity: .7; } /* * BTN P/M * */ .bx_filter .bx_filter_param_btn.bx_spm{ width:23px; min-width:23px; height:23px; padding:0; vertical-align: middle; } .bx_filter .bx_filter_param_btn.bx_spm.bx_minus{ background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAECAIAAADXmFKkAAAAIUlEQVQYV2NgKFmCD5UuYUDno5ElUBWLoUJwUWT0nxAAABiMRP18QPJ4AAAAAElFTkSuQmCC), -webkit-linear-gradient(#fbfdfd 0%, #cfe1e7 100%); background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAECAIAAADXmFKkAAAAIUlEQVQYV2NgKFmCD5UuYUDno5ElUBWLoUJwUWT0nxAAABiMRP18QPJ4AAAAAElFTkSuQmCC), -o-linear-gradient(#fbfdfd 0%, #cfe1e7 100%); background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAECAIAAADXmFKkAAAAIUlEQVQYV2NgKFmCD5UuYUDno5ElUBWLoUJwUWT0nxAAABiMRP18QPJ4AAAAAElFTkSuQmCC), linear-gradient(#fbfdfd 0%, #cfe1e7 100%); background-repeat:no-repeat,repeat; background-position:center 10px,center; } .bx_filter .bx_filter_param_btn.bx_spm.bx_plus{ background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAATElEQVQoz2NgQAclS/7DMUEAVriYWMVQhSCaKJNLcTmjFMmNyBibOFgQLrEYu0a4YrCCxbhNQxb7jwaQFWLIUR7OpUtIDWciFONzIwAP8KL1rVnYDQAAAABJRU5ErkJggg==), -webkit-linear-gradient(#fbfdfd 0%, #cfe1e7 100%); background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAATElEQVQoz2NgQAclS/7DMUEAVriYWMVQhSCaKJNLcTmjFMmNyBibOFgQLrEYu0a4YrCCxbhNQxb7jwaQFWLIUR7OpUtIDWciFONzIwAP8KL1rVnYDQAAAABJRU5ErkJggg==), -o-linear-gradient(#fbfdfd 0%, #cfe1e7 100%); background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAATElEQVQoz2NgQAclS/7DMUEAVriYWMVQhSCaKJNLcTmjFMmNyBibOFgQLrEYu0a4YrCCxbhNQxb7jwaQFWLIUR7OpUtIDWciFONzIwAP8KL1rVnYDQAAAABJRU5ErkJggg==), linear-gradient(#fbfdfd 0%, #cfe1e7 100%); background-repeat:no-repeat,repeat; background-position:center 6px,center; } .bx_filter .bx_filter_param_btn.bx_spm:active{ outline:none !important; box-shadow:inset 0 2px 3px rgba(0,0,0,.12); } .bx_filter span.bx_spm{ font-size:18px; font-weight:bold; line-height:23px; display:inline-block; height:23px; margin:0 10px; vertical-align:middle; color:#000; } /* * icon * */ .bx_filter_select_popup .bx_filter_select_text_icon, .bx_filter .bx_filter_select_text_icon{ line-height:33px; position:relative; display:inline-block; width:24px; height:24px; margin-top:-2px; margin-right:2px; vertical-align:middle; border-radius:2px; } .bx_filter_select_popup .bx_filter_btn_color_icon, .bx_filter .bx_filter_btn_color_icon{ line-height:24px; position:relative; top:5px; border-radius: 2px; display:inline-block; width:24px; height:24px; vertical-align:middle; box-shadow: inset 0 0 0 1px rgba(0,0,0,.2); -webkit-background-size:cover; background-size:cover; } .bx_filter_select_popup .bx_filter_btn_color_icon{ width:20px; height:20px; margin:2px 0; top: 0 !important; } .bx_filter .bx_filter_select_block .bx_filter_btn_color_icon{ top:-1px !important; } .bx_filter_btn_color_icon.all { position: relative; border: none; box-shadow: none } .bx_filter_btn_color_icon.all:after, .bx_filter_btn_color_icon.all:before{ position: absolute; width: 60%; height:60%; background: #fff; content: " "; box-shadow: inset 0 0 0 1px rgba(0,0,0,.2); } .bx_filter_btn_color_icon.all:after{ right: 0; bottom: 0; } .bx_filter_btn_color_icon.all:before{ top:0; left: 0; } .bx_filter .bx_filter_param_label.disabled .bx_filter_btn_color_icon{ opacity: .2; } /* * BIZ * */ .bx_filter .bx_filter_parameter_biz{ font-size:15px; display:inline-block; margin-right:10px; text-decoration:none; color:#215968; border-bottom:1px dashed; } .bx_filter .bx_filter_parameter_biz:hover{ text-decoration:none; border-bottom:1px solid; } .bx_filter .bx_filter_parameter_biz.active{ position:relative; padding-left:20px; color:#d54a4a; border-bottom:1px solid; } .bx_filter .bx_filter_parameter_biz.active:hover{ border-bottom:1px dashed; } .bx_filter .bx_filter_parameter_biz.active:before{ position:absolute; top:4px; left:1px; display:block; width:13px; height:13px; content:' '; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAABFElEQVQoz2NgIBJcl+Qzui7J33Vdgo+RWA38NxQknwDp/zekhRoIarghyc94Q15iC5D+f1NJ5v/n7dumE7ZFWqgYbANQ08c1a37+///fAL8GCT7L6zLCf0CaXjbUAdX/j0aWdAJKTACaxookJnJTUeoFyIaHIYH////8ORHZzdw35MTegyRvSAkeAdISYH8oSu4Fid0x0f//5/nzo0BbWOCagBzur0ePvrujp/kf5Aygc54DbZkDYt9UkPj/7czpl0A1ohhuBwra/Lp//809Zwewh8GagfSHpUt+A+VMcXoaKKn45+PHK0/iY8EaX1SUgzyeRDB4gYp4//3+veX9/Hn//379OpPY1ALSyAzEOUDMhksNAKf2po+AEPuKAAAAAElFTkSuQmCC') no-repeat center left; } /* * BTN result and reset * */ .bx_filter .bx_filter_search_button{ cursor: pointer; outline: none; font-size:14px; font-weight:bold; line-height:35px; display:inline-block; height:35px; margin-right:7px; margin-bottom:10px; padding:0 10px; text-decoration:none; color:#1075a2; border-top: 1px solid rgba(0,0,0,.1); border-right: 1px solid rgba(0,0,0,.2); border-bottom:1px solid rgba(0,0,0,.4); border-left: 1px solid rgba(0,0,0,.2); border-radius:3px; background:#f9fafa; background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfefe), color-stop(100%,#c6e8f2)); background:-webkit-linear-gradient(to top, #fcfefe 0%,#c6e8f2 100%); background: -moz-linear-gradient(to top, #fcfefe 0%,#c6e8f2 100%); background: -ms-linear-gradient(to top, #fcfefe 0%,#c6e8f2 100%); background: -o-linear-gradient(to top, #fcfefe 0%,#c6e8f2 100%); background: linear-gradient(to top, #fcfefe 0%,#e4f1f5 100%); box-shadow: 0 1px 1px rgba(0,0,0,.1); text-shadow:0 1px 0 rgba(255,255,255,.75); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfefe', endColorstr='#c6e8f2',GradientType=0 ); } .bx_filter .bx_filter_search_button:hover{ background:#f0f9fb; } .bx_filter .bx_filter_search_button:active{ position:relative; bottom:-1px; background:#e4f1f5; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0ZjFmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWZhZmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4f1f5), color-stop(100%,#f9fafa)); background:-webkit-linear-gradient(to top, #e4f1f5 0%,#f9fafa 100%); background: -moz-linear-gradient(to top, #e4f1f5 0%,#f9fafa 100%); background: -ms-linear-gradient(to top, #e4f1f5 0%,#f9fafa 100%); background: -o-linear-gradient(to top, #e4f1f5 0%,#f9fafa 100%); background: linear-gradient(to top, #e4f1f5 0%,#f9fafa 100%); box-shadow:inset 0 1px 2px 0 rgba(0,0,0,.08) ; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f1f5', endColorstr='#f9fafa',GradientType=0 ); } .bx_filter .bx_filter_search_reset{ cursor: pointer; outline: none; font-size:14px; font-weight:bold; line-height:35px; display:inline-block; height:35px; margin-right:7px; margin-bottom:10px; padding:0 10px; /*text-decoration:underline;*/ color:#586a6f; border-radius:3px; background:transparent; border: none; text-shadow:0 1px 0 rgba(255,255,255,.75); } .bx_filter .bx_filter_search_reset:hover{ color:#555; } .bx_filter .bx_filter_search_reset:active{ position:relative; bottom:-1px; /*box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.08) ;*/ } /* * Result Popup * */ .bx_filter .bx_filter_popup_result{ font-size:13px; font-weight:normal; line-height:33px; position:absolute; z-index:930; display:none; height:33px; margin-top:-7px; margin-left:10px; padding:0 10px; white-space:nowrap; color:#3f3f3f; border-top:1px solid #c0d6dc; border-right:1px solid #c0d7dd; border-bottom:1px solid #c0d6dc; border-left:1px solid #c0d7dd; border-radius:3px; background:#fff; box-shadow:0 2px 5px 0 rgba(0,0,0,.1); } .bx_filter .bx_filter_popup_result .arrow{ position:absolute; top:50%; width:8px; height:14px; margin-top:-7px; background:url(/bitrix/templates/main/components/h2o/catalog.smart.filter/visual_vertical/images/arr_left.png) no-repeat center; } .bx_filter.bx_horizontal .bx_filter_popup_result{ position: static !important; display: inline-block } .bx_filter.bx_horizontal .bx_filter_popup_result .arrow{ display: none; } .bx_filter .bx_filter_popup_result.right{left:102%;} .bx_filter .bx_filter_popup_result.left{right:102%;} .bx_filter .bx_filter_popup_result.right .arrow{left: -8px;background:url(/bitrix/templates/main/components/h2o/catalog.smart.filter/visual_vertical/images/arr_left.png) no-repeat center;} .bx_filter .bx_filter_popup_result.left .arrow{right:-8px;background:url(/bitrix/templates/main/components/h2o/catalog.smart.filter/visual_vertical/images/arr_right.png) no-repeat center;} .bx_filter .bx_filter_popup_result a{color:#0073a3;} .bx_filter .bx_filter_popup_result a:hover{text-decoration:none;} .bx_filter .bx_filter_popup_result_close{display:none;} @media (max-width:530px){ .bx-touch .bx_filter .bx_filter_popup_result{ font-size:12px; line-height:14px; position:fixed !important; z-index:1001; top:auto !important; right:0 !important; bottom:0 !important; left:0 !important; margin-top: 0; margin-left:0; width:auto; height:auto; padding:10px; border-radius:0; box-shadow:0 -2px 5px 0 rgba(0,0,0,.1); } .bx_filter .bx_filter_popup_result .arrow{ display: none; } .bx-touch .bx_filter .bx_filter_popup_result_close{ position:absolute; top:50%; right:10px; display:block; width:22px; height:22px; margin-top:-11px; background:url(/bitrix/templates/main/components/h2o/catalog.smart.filter/visual_vertical/images/x.png) no-repeat center; background-size:16px; } } /* End */ /* Start:/bitrix/templates/main/components/h2o/catalog.smart.filter/visual_vertical/themes/blue/colors.css?1643798736459*/ .bx_filter_vertical.bx_blue .bx_filter_section{ background: #c3e9f4; border: 7px solid #e1f5fb; } .bx_filter_vertical.bx_blue .bx_ui_slider_range{ background: url(/bitrix/templates/main/components/h2o/catalog.smart.filter/visual_vertical/themes/blue/images/range_bg.png); } .bx_filter_vertical.bx_blue .bx_filter_control_section{text-align: center} .bx_filter_vertical.bx_blue .bx_filter_search_button{ height: 33px; line-height:33px; } .bx_filter_vertical.bx_blue span.icon_lupe{ background: url(/bitrix/templates/main/components/h2o/catalog.smart.filter/visual_vertical/themes/blue/images/searchicon.png) no-repeat center; } /* End */ /* Start:/bitrix/templates/main/components/bitrix/news.list/partners/style.css?164379873742*/ .partners div { display: inline-block; } /* End */ /* Start:/bitrix/templates/main/components/bitrix/menu/footer/style.css?16437987379170*/ .bx_horizontal_menu_advaced .animate{} .bx_horizontal_menu_advaced{position:relative} .bx_horizontal_menu_advaced>ul{ display:block; margin:0; padding:0; width:100%; list-style:none; } .bx_horizontal_menu_advaced.small>ul{height:40px} /* 1st level */ /*.bx_hma_one_lvl*/ .bx_horizontal_menu_advaced .bx_hma_one_lvl{ display:block; float:left; padding:0; height:58px; background:#ecf5fa; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZjVmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZmRkZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ecf5fa), color-stop(100%,#bfddec)); background:-webkit-linear-gradient(top,#ecf5fa 0%,#bfddec 100%); background: -moz-linear-gradient(top,#ecf5fa 0%,#bfddec 100%); background: -ms-linear-gradient(top,#ecf5fa 0%,#bfddec 100%); background: -o-linear-gradient(top,#ecf5fa 0%,#bfddec 100%); background: linear-gradient(to bottom, #ecf5fa 0%,#bfddec 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf5fa', endColorstr='#bfddec',GradientType=0 ); } /*bx_hma_one_lvl.dropdown:hover*/ .bx_horizontal_menu_advaced .bx_hma_one_lvl.hover{ height:58px; background:#dbeaf4; /*box-shadow:inset 0 1px 0 0 #ecf3f8;*/ background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZWFmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiM2Q0ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbeaf4), color-stop(100%,#b3d4e7)); background:-webkit-linear-gradient(top,#dbeaf4 0%,#b3d4e7 100%); background: -moz-linear-gradient(top,#dbeaf4 0%,#b3d4e7 100%); background: -ms-linear-gradient(top,#dbeaf4 0%,#b3d4e7 100%); background: -o-linear-gradient(top,#dbeaf4 0%,#b3d4e7 100%); background: linear-gradient(to bottom, #dbeaf4 0%,#b3d4e7 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbeaf4', endColorstr='#b3d4e7',GradientType=0 ); } .bx_horizontal_menu_advaced.small .bx_hma_one_lvl:hover, .bx_horizontal_menu_advaced.small .bx_hma_one_lvl{height: 40px;} .bx_horizontal_menu_advaced .bx_hma_one_lvl.dropdown.hover{border-radius:0;/*box-shadow:none*/} /*.bx_horizontal_menu_advaced.small .bx_hma_one_lvl,*/ .bx_horizontal_menu_advaced.small .bx_hma_one_lvl>a{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0; height:40px; font-weight:normal; font-size:11px; line-height:40px; } /* .bx_hma_one_lvl>a*/ .bx_horizontal_menu_advaced .bx_hma_one_lvl>a{ position:relative; z-index:105; display:block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:19px 2px; height:58px; color:#27779b; vertical-align:middle; text-align:center; text-decoration:none; font-weight:bold; text-shadow:0 1px 1px rgba(255,255,255,.8); } .bx_horizontal_menu_advaced .bx_hma_one_lvl.dropdown.hover>a{ z-index:140; height:59px; background:#fff; } .bx_horizontal_menu_advaced.small .bx_hma_one_lvl.dropdown.hover>a{z-index:140;height:40px} .bx_horizontal_menu_advaced.small .bx_hma_one_lvl>a:active, .bx_horizontal_menu_advaced.small .bx_hma_one_lvl.current a{} /* // 1st level */ /* The Container */ .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container{ position:absolute; top:56px; z-index:1001; display:none; overflow:hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding-top:3px; max-width:100%; box-shadow:0 4px 5px 0 rgba(1,1,1,.16); } .bx_horizontal_menu_advaced.small .bx_hma_one_lvl .bx_children_container{top:38px} .bx_horizontal_menu_advaced .bx_hma_one_lvl.hover .bx_children_container{display:block} .bx-ie8 .bx_horizontal_menu_advaced .bx_hma_one_lvl:hover .bx_children_container{display:block !important} /*IE8*/ .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container .bx_children_block{ float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-bottom:-20000px; padding:10px 12px; padding-bottom:20000px; min-width:130px; max-width:280px; border-left:1px solid #f2f2f2; background:#fff; } .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container .bx_children_block:first-child{border-left:none} .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container.b1 .bx_children_block{width:100%} .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container.b2 .bx_children_block{width:50%} .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container.b3 .bx_children_block{width:33.3%} .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container.b4 .bx_children_block{width:25%} .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container .bx_children_block.advanced{ border-left:none; background:#f7fafb; box-shadow: inset 0 122px 57px -59px #fff, inset 5px 0 7px -5px rgba(0,0,0,.12); } /*// Container */ /* 2nd level*/ .bx_horizontal_menu_advaced .bx_hma_one_lvl ul{ display:block; margin:0; padding:0 0 14px 0; list-style:none; } .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container .bx_children_block>ul>li{display:block;background:#fff} .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent>a{display:block;padding:5px 10px} .bx_horizontal_menu_advaced.small .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent a{line-height:15px} .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent>a:hover{color: #366181} .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container .bx_children_block>ul>li>a{ display:block; color:#20394c; text-decoration:none; font-weight:bold; font-size:15px; line-height:23px; } .bx_horizontal_menu_advaced.small .bx_hma_one_lvl .bx_children_container .bx_children_block li a{font-size:11px;line-height:normal} /* // 2nd level*/ /* 3rd level */ .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent ul{border-bottom:1px solid #f2f2f2} .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent:last-child ul{border-bottom:none} .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent ul li{line-height:24px} .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent ul li a{ display:block; padding:5px 10px } .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container .bx_children_block li.parent ul li a:hover{ background:#f0f6f8; box-shadow:inset 0 1px 1px 0 #e3e9eb } .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container .bx_children_block li ul li a{ color:#000; text-decoration:none; font-size:12px; } /* // 3rd level */ /* Panel */ .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_advanced_panel{ display:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:center; } .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_block.advanced .bx_children_advanced_panel{display:block !important} .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_advanced_panel img{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; max-width:100%; max-height:220px; border:1px solid #e7e9ea; } .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_advanced_panel strong{ display:block; color:#000; text-align:left !important; margin-top:10px; margin-bottom:10px; } .bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_advanced_panel .bx_item_description{ max-width:100%; display:block; color:#000; text-align:left !important; white-space:normal; font-weight:normal; font-size:12px; padding-bottom: 10px; overflow: hidden; line-height:18px !important; } /* // The Panel*/ @media (min-width:980px) {.bx_horizontal_menu_advaced .bx_hma_one_lvl .bx_children_container .bx_children_block{min-width:200px}} @media (max-width:569px) {.header_inner_bottom_line{overflow:hidden;height:auto}} /* End */ /* Start:/bitrix/components/niges/cookiesaccept/templates/.default/style.css?17333068822729*/ /* NIGES.COOKIESACCEPT */ .nca-cookiesaccept-line { font-size: inherit; font-family: inherit; line-height: 1; padding: 10px; } .nca-cookiesaccept-line.style-1 .nca-cookiesaccept-line-text, .nca-cookiesaccept-line.style-3 .nca-cookiesaccept-line-text, .nca-cookiesaccept-line.style-5 .nca-cookiesaccept-line-text, .nca-cookiesaccept-line.style-7 .nca-cookiesaccept-line-text { color:#111; } .nca-cookiesaccept-line.style-2 .nca-cookiesaccept-line-text, .nca-cookiesaccept-line.style-4 .nca-cookiesaccept-line-text, .nca-cookiesaccept-line.style-6 .nca-cookiesaccept-line-text, .nca-cookiesaccept-line.style-8 .nca-cookiesaccept-line-text { color:#eee; } .nca-cookiesaccept-line.style-1 { /* background-position: center; background-repeat: repeat-x; background-image: url(/bitrix/components/niges/cookiesaccept/templates/.default/images/style-1-2.svg); background-size: contain; */ background-color: rgb(61, 168, 255); } .nca-cookiesaccept-line.style-2 { background-color: rgb(13, 62, 102); } .nca-cookiesaccept-line.style-3 { background-color: rgb(197, 197, 197); } .nca-cookiesaccept-line.style-4 { background-color: rgb(71, 71, 71); } .nca-cookiesaccept-line.style-5 { background-color: rgb(61, 255, 158); } .nca-cookiesaccept-line.style-6 { background-color: rgb(9, 92, 50); } .nca-cookiesaccept-line.style-7 { background-color: rgb(84, 255, 61); } .nca-cookiesaccept-line.style-8 { background-color: rgb(92, 5, 5); } .nca-cookiesaccept-line.style-9 { background-color: rgb(203, 255, 61); } .nca-cookiesaccept-line.style-10 { background-color: rgb(70, 94, 4); } .nca-cookiesaccept-line.style-11 { background-color: rgb(255, 148, 61); } .nca-cookiesaccept-line.style-12 { background-color: rgb(138, 70, 14); } .nca-cookiesaccept-line.style-13 { background-color: rgb(255, 61, 61); } .nca-cookiesaccept-line.style-14 { background-color: rgb(119, 22, 22); } .nca-cookiesaccept-line.style-15 { background-color: rgb(255, 61, 152); } .nca-cookiesaccept-line.style-16 { background-color: rgb(85, 10, 45); } .nca-cookiesaccept-line.style-17 { background-color: rgb(83, 129, 255); } .nca-cookiesaccept-line.style-18 { background-color: rgb(6, 37, 122); } .nca-cookiesaccept-line.style-19 { background-color: rgb(255, 255, 255); } .nca-cookiesaccept-line.style-20 { background-color: rgb(0, 0, 0); } @media screen and (min-width:767.01px) { .nca-hidden-pc {display: none !important;} } @media screen and (max-width:767px) { .nca-hidden-mobile {display: none !important;} } /* End */ /* Start:/bitrix/templates/main/styles.css?1742408256126*/ #vk_groups{ position: relative; top: 235px; left: 50px; } #___ytsubscribe_0 { position: relative; top: 250px; left: 50px; } /* End */ /* Start:/bitrix/templates/main/template_styles.css?17424082564398*/ .menu{ white-space: nowrap; } .article h2 { max-height: 41px; overflow: hidden; } .article p { min-height: 85px; overflow: hidden; } .article { margin: 0 0 12px 20px; height: 186px; } /*calendar starts*/ .ui-datepicker-inline { background: none; border: none; width: 168px; } .ui-datepicker { padding: 7px; padding-top: 40px; } .ui-datepicker-title span, .ui-datepicker-title a { color: #ffffff; font-weight: 400; text-transform: uppercase; font-size: 14px; font-family: avenir_heavy; text-decoration: none; padding: 2px 2px 0 0px; } .ui-datepicker-title span, .ui-datepicker-title a:hover { color: #f7a891; background: #33384d; } /*calendar ends*/ span.modern-page-current { border: none; } .pagination li:last-child { border-right: none; } .drop_subs h2, #del_subscribe, .drop_subs_footer h2, #del_subscribe3{ font-size: 11px; color: #46BAD3; text-align: center; display: block; } .drop_subs2 h2, #del_subscribe2{ color: white; text-align: center; font-size: 11px; } .drop_subs2{ background: #D8404D; width: 182px; display: none; position: absolute; right: -1px; z-index: 1111; top: 160px; } .drop_subs2 .email { width: 165px; border: 1px solid #FFFFFF; } .drop_subs2 .social_drop { margin: 10px 12px 13px 15px; } .drop_subs2 .mail_input { width: 133px; color: #fff!important; background: #D8404D!important; padding-left: 10px; } .drop_subs2 .strelka_mail { background: url(/bitrix/templates/main/css/../images/sprite2.png) -35px -132px!important; } .ui-state-highlight { color: #F4F0EE!important; background-color: #AC638F!important; } .image2 img, .image3 img, .image4 img{ /*opacity: 1;*/ } .soc{ min-height: 50px; } .soc iframe { height: 100%; } .b-share { background: #46bad3; } .b-share-form-button{ font-family: "Calibri" , sans-serif!important; background: none!important; color: white!important; text-transform: uppercase; font-size: 14px; padding: 5px 8px 5px 4px; } .b-share-form-button__after, .b-share-form-button__before{ display: none!important; } .b-share-form-button__icon{ display: none; } .your_choise form{ display: inline-block; } h4.not_found { font-family: "Arial"; font-size: 18px; color: #46bad3; vertical-align: middle; margin: 15px 0 20px 20px; display: inline-block; } .ui-state-hover1{ background: #f4f0ee!important; color: #8d2666!important; } .second_menu_studio{ /*width: 730px;*/ } input.choice_filter + label:hover, input.age_filter + label:hover{ background: #FFFFFF; color: #3899AE; } .margin_bottom{ margin-bottom: 15px!important; } .functional_text { margin-bottom: 22px!important; } .search_wrap_section .spektakli:last-child .article{ margin-bottom: 22px; } .search_wrap_section .ser_title { margin-left: 17px; } .carousel-block { position: relative; } .ico_game_highlight_video { background-image: url("/bitrix/templates/main/images/ico_game_highlight_video.png"); height: 32px; left: 69px; position: absolute; top: 42px; width: 32px; opacity: 0.7; } .ajax-loader { display: none; position: absolute; top: 5px; right: 10px; z-index: 10; } div.ajax_catalog_wrap{ position: relative; } div.ajax_catalog_wrap.ajax-loading .ajax-loader { display: block; } div.ajax_catalog_wrap.ajax-loading{ opacity: 0.5; } .active-head-calend { background: #33384d!important; color: #f7a891!important; } .descr2 h2{ color: #46BAD3; font-family: "Arial"; font-size: 18px; font-weight: 300; text-transform: uppercase; width: 543px; } .margin_right_bottom{ margin: 0px 10px 10px 0px; } .margin_left_bottom{ margin: 0px 0px 10px 10px; } .margin_top_bottom{ margin: 10px 0px 10px 0px; } .margin_right_top{ margin: 10px 10px 0px 0px; } .margin_left_top{ margin: 10px 0px 0px 10px; } .search_hide { display: none; } .article_titles ul li { font-family: "Arial"; font-size: 12px; } .ui-datepicker-title span, .ui-datepicker-title a { cursor: pointer; } .information+.information{ padding-left: 25px; } div.ajax_wrap_section:first-child{ min-height: 180px; } div.ajax_catalog_wrap { min-height: 300px; } .wrapper { min-height: 240px; } .photo_menu { max-height: 188px; overflow: hidden; } .forum-page-title { margin-bottom: 20px; display: inline-block; } .pages .forum-page-current, .pages a { padding: 5px 10px; color: #097f9d; } .pages a:hover { background: #ddd; } .img_wrapper { background: #ddd; } .horizontal .img_wrapper img { width: 182px; } /* End */ /* /bitrix/templates/main/css/style.css?1747668250116971 */ /* /bitrix/templates/main/css/colors.css?1643798737203 */ /* /bitrix/templates/main/css/owl.carousel.css?17476683385483 */ /* /bitrix/templates/main/css/jquery-ui.css?164379873736223 */ /* /bitrix/templates/main/css/jcarousel.css?16437987373226 */ /* /bitrix/templates/main/css/jquery.fancybox.css?16437987374949 */ /* /bitrix/templates/main/components/bitrix/menu/header/style.css?16437987379170 */ /* /bitrix/templates/main/components/bitrix/search.title/main/style.css?16437987363047 */ /* /bitrix/templates/main/components/h2o/catalog.smart.filter/visual_vertical/style.css?164379873634323 */ /* /bitrix/templates/main/components/h2o/catalog.smart.filter/visual_vertical/themes/blue/colors.css?1643798736459 */ /* /bitrix/templates/main/components/bitrix/news.list/partners/style.css?164379873742 */ /* /bitrix/templates/main/components/bitrix/menu/footer/style.css?16437987379170 */ /* /bitrix/components/niges/cookiesaccept/templates/.default/style.css?17333068822729 */ /* /bitrix/templates/main/styles.css?1742408256126 */ /* /bitrix/templates/main/template_styles.css?17424082564398 */