/* Theme Name: MniaTheme Theme URI: https://cyberworkers.ru Version: 1.0 Tags: clean, development, html5 Description: Адаптивная тема для ООО "МНИА" Author: Дмитрий Панкратов (vivado@bk.ru) Author E-mail: vivado@bk.ru Author Phone: +7 (905) 550-55-61 */ /* === Ядро WordPress === */ img.alignright { float: right; margin: 5px 0 20px 20px; } img.alignnone { margin: 5px 20px 20px 0; } img.alignleft { float: left; margin: 5px 20px 20px 0; } img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { clip: auto !important; display: block; font-size: 14px; height: auto; left: 5px; line-height: normal; text-decoration: none; top: 5px; width: auto; z-index: 999; } a img.alignright:hover, a img.alignnone:hover, a img.alignleft:hover, a img.aligncenter:hover { border-radius: 10px; cursor: zoom-in; } blockquote { border-left: 4px solid #002e65; padding: 5px 15px; margin: 0 15px; background-color: #fff; } .content a { border-bottom: 1px dashed rgba(0, 46, 101, 1); } .content a:hover { border-color: #cf2e2e; } .kurs-name a, .link-arrow, .novost, .poslednaja-novost, .lic-images a, .lic-descr a, .slick-slide, .sw-review-source-link, .sw-review-item-user a, .podrobnee-arrow, .zajavka-btn, .b24-form-btn, .info-img, .info-img2, .imgresize, .popupbox-video, .kont-block a, #onas-links a { border: none!important; } .oldCena { font-size: 12px; text-decoration: line-through; } .hide-microrazmetka, .hidden-btn { display: none; } .hide { visibility: hidden; position: absolute; } .show { visibility: visible; } .red { color: rgba(255, 59, 76, 1); } .red-link { padding-bottom: 2px; border-bottom: 1px dashed rgba(0, 46, 101, 1); font-weight: bold; } .red-link:hover { border-color: rgba(255, 59, 76, 1); } .bold-italic { font-weight: 600; font-style: italic; } .red-ramka { width: 100%; border: 1px solid rgba(255, 59, 76, 1); padding: 20px; border-radius: 20px; } .red-ramka .red { font-size: 22px; font-weight: 600; } .biggest, .big-data { font-size: 56px; font-weight: 700; } .biggest { color: #353A52; } .big-data { color: #fff; } .h50, .h100 { width: 100%; height: 50px; display: block; } .h50 { height: 50px; } .h100 { height: 100px; } .float-right { float: right; clear: both; } .mtop100 { margin-top: 100px!important; } .whitetext { padding: 20px 25px; } .whitetext h4, .whitetext p { color: #fff; text-align: center; } .whitetext .red-btn { width: max-content; padding: 0 15px; margin: 0 auto; } .whitetext p a { color: #fff; border-color: #fff; } .red-li, .grey-li { padding-left: 1rem; list-style-type: none; } .red-li li, .grey-li li { background-position: 0 0; background-repeat: no-repeat; margin: 0 0 10px 0!important; } .red-li li { padding-left: 2rem; background-size: 24px 24px; background-image: url(/wp-content/themes/MniaTheme/img/check.svg); } .grey-li li { padding-left: 1rem; background-size: 6px 6px; background-image: url(/wp-content/themes/MniaTheme/img/grey-circle.svg); background-position: left center; } .blue-li { list-style-type: none; counter-reset: num; position: relative; margin: 0 0 0 50px; padding: 5px 0; font-size: 16px; } .blue-li li { position: relative; margin: 0 0 0 0; padding: 0 0 10px 0; line-height: 1.4; } .blue-li li:after {content: counter(num); counter-increment: num; display: inline-block; position: absolute; top: 0; left: -35px; width: 24px; height: 24px; line-height: 22px; background: #fff; color: #000; text-align: center; font-size: 14px; border-radius: 50%; border: 1px solid rgba(0, 46, 101, 1); } /* Вертикальная линия */ .blue-li:before { content: ''; position: absolute; top: 15px; bottom: 15px; left: -23px; width: 1px; border-left: 1px solid rgba(0, 46, 101, 1); } /* Скрытие линии у последнего li */ .blue-li li:last-child:before { content: ''; display: inline-block; position: absolute; top: 0; bottom: 0; left: -38px; width: 28px; background: #eef1fb; } /* === Стили для сайта === */ *{ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } html { -webkit-font-smoothing: antialiased; } body { margin: 0; padding: 0; font-family: 'Euclid Circular A', sans-serif; font-weight: 300; } /* -- Объекты для плавной анимации -- */ a, .red-btn, .blue-btn, img, .strelka-icon, .last-news-blok, .g { -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } a:hover, button:hover, [data-fancybox] { cursor: pointer; } /* -- Вспомогательное -- */ .all-center { text-align: center; } .all-left { text-align: left; } .all-right { text-align: right; } .clear { clear: both; } .grid { display: grid; } .flex { display: flex; flex-wrap: wrap; } .block-inline { display: inline-table; } .white { color: #fff; } .white-shadow { text-shadow: -1px -1px 1px #fff, -1px 0 1px #fff, 1px 1px 1px #fff, 1px 0 1px #fff, 0 0 2px #FFF, 0 0 2px #FFF, 0 0 3px #FFF, 0 0 5px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 20px #fff; } .number-timer { background-color: transparent; text-align: center; font-size: 40px; color: #ff0000; border: none; } .wrapper { background-color: #eef1fb; padding-top: 60px; } /* --- Максимальная ширина контента --- */ .max-width { margin: 0 auto; } /* --- Шапка / подвал --- */ header { position: fixed; z-index: 1000; } header, footer { width: 100%; height: auto; display: block; } .wrapper { min-height: calc(100vh - 912px); } /* прижимаем подвал к низу */ .header-top-block .flex { min-height: 60px; justify-content: space-between; align-items: center; } .contact-flex { display: flex; align-items: center; gap: 30px; justify-content: space-between;} /* .header-bottom-block .flex { min-height: 60px; justify-content: space-between; align-items: center; } */ .header-top-block .infolink-block { max-width: 290px; } .header-top-block .infolink-block a { display: inline-block; line-height: 16px; } .header-top-block { background-color: rgba(238, 241, 251, 1); } .logo-block img { max-width: 280px; } .mail, .phone, .info, .menu > li > a { font-size: 18px; line-height: 20px; font-weight: 500; color: rgba(53, 58, 82, 1); } .mail img, .phone img { float: left; margin-right: 5px; } .header-bottom-block { background-color: #fff; } .socials-block { gap: 15px; align-items: center; } .red-btn, .b24-form-btn, .blue-btn { width: 268px; line-height: 52px; display: block; text-align: center; color: #fff!important; font-size: 18px; font-weight: 600; border-radius: 12px!important; cursor: pointer; } .red-btn, .b24-form-btn { background-color: rgba(255, 63, 79, 1); } .blue-btn { background-color: rgba(0, 46, 101, 1); cursor: pointer; } .fright { float: right; clear: both; } .b24-form-btn-white { color: #000!important; } .socials-block img { max-height: 28px; } .logo-block img:hover, .info:hover, .mail:hover, .phone:hover, .socials-block img:hover, .red-btn:hover, a.grey:hover, .blue-btn:hover, .b24-form-btn-white:hover, .zajavka-akr-btn:hover { opacity: 0.7; } .modal { border-radius: 10px; } .is-compact .fancybox__content>.f-button.is-close-btn { color: #999FC0!important; background: #fff!important; border: 1px solid #999FC0!important; } .modal .b24-form .b24-form-sign-abuse-link { color: #999FC0!important; } /* --------- Главное меню --------- */ .menu-block { padding: 0; } .menu { display: block; padding: 0; margin: 0; } .menu ul { padding: 0; margin: 0; } .menu li { display: inline-block; position: relative; z-index: 100; padding: 0px; } .menu li:first-child { margin-left: 0; } /* -- Пункты меню -- */ .menu li a { font-family: 'Euclid Circular A', sans-serif; display: block; text-align: center; width: auto; padding-right: 18px; } .menu li a:hover { color: #ff3b4c; } .menu li.current_page_item > a { color: #ff3b4c; } /* активный пункт меню */ .menu > .menu-item-has-children:hover > .sub-menu { display: block; } /* -- Пункты подменю -- */ .menu .sub-menu { display: none; position: absolute; width: 270px; height: auto; padding: 20px; background-color: #fff; margin: 0 0 0 -20px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; } .menu .sub-menu li a { padding-right: 0; font-size: 16px; padding: 5px 0; text-align: left; } .menu li .sub-menu li { display: block; } .menu-item-has-children:hover > .sub-menu .menu-item-has-children:hover .sub-menu { display: block; } .menu .sub-menu .sub-menu { left: 250px; top: 0; margin-top: -20px; } .menu .sub-menu .sub-menu li a { font-size: 15px; padding: 4px 0; } /* -- Мобильное меню (выезжающее слева) -- */ .hidden-menu-right { display: block; position: fixed; margin: 0; box-sizing: border-box; width: 300px; height: 100%; top: 0px; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; background-color: #fff; z-index: 1000; background-color: #fff; } .hidden-menu-right { right: -300px; transition: right .2s; } .mobile-menu { padding: 25px 15px; } .mob-menu { list-style: none; margin: 0; padding: 0; } .close-menu { position: relative; top: -8px; right: -245px; } .mob-info { padding: 15px; display: flex; flex-wrap: wrap; gap: 20px 0; } .mob-info div { width: 100%; display: block; } .hidden-menu-right .search-block { width: 240px; position: fixed; left: 15px; top: 15px; border: 1px solid #eee; overflow: hidden; } .hidden-menu-right #ajaxsearchlite1 .probox, div.asl_w .probox { flex-direction: row-reverse; } .hidden-menu-right div.asl_r.vertical { width: 220px!important;} .hidden-menu-right div[id*='ajaxsearchliteres'].wpdreams_asl_results .results img.asl_image { width: 48px; height: 48px; } .hidden-menu-right div.asl_r .results .item .asl_content h3, div.asl_r .results .item .asl_content h3 a { font-size: 12px; line-height: 14px; } /* Чекбоксы: */ input#checkmenu1, input#checkmenu2 { display: none; } /* Кнопка-бургер: */ .btn-menu { position: absolute; top: 10px; cursor: pointer; z-index: 3; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; } .btn-menu.right { right: 10px; transition: right .23s; } /* CSS3-селекторы позволяют нам определять состояние чекбокса и применять, в зависимости от этого те или иные свойства для соседних элементов :checked ~. В данном примере мы при «чекнутом» инпуте сдвигаем кнопку меню .hidden-menu-ticker:checked ~ .btn-menu влево на X пикселей, меню до левого края .hidden-menu-ticker:checked ~ .hidden-menu. */ input#checkmenu1:checked ~ .hidden-menu-right { right: -300px; transition: right .2s; } input#checkmenu2:checked ~ .hidden-menu-right { right: 0px; transition: right .2s; box-shadow: 0 0 300px #333; } input#checkmenu2:checked ~ .btn-menu.right { right: 10px; } @media (max-width: 991px) { .desktop-menu { display: none; } .mob-menu li a, .mob-info div a { font-size: 15px; color: #000; font-weight: 500; } .mob-menu li a { line-height: 40px; width: 100%; display: block; } .sub-menu { padding-left: 20px; } } @media (min-width: 992px) { .mobile-menu, #touch-menu { display: none; } .menu-block .desktop-menu { text-align: center; display: block; } } @media (min-width: 992px) and (max-width: 1023px) { .menu li a { padding: 0px 8px; } } /* --------- END Главное меню --------- */ /* --- Баннер --- */ .fire-icon, .strelka-icon { background-repeat: no-repeat; background-size: contain; } .banner { background-repeat: no-repeat; background-size: contain; background-position-y: top; } .banner .flex, #uslovija .flex { justify-content: space-between; } .org-name { font-size: 26px; line-height: 26px; padding: 10px 0; font-weight: 600; } .org-name img { position: relative; z-index: 5; right: 22px; top: -5px; } .org-name span { position: relative; z-index: 10; } .top-banner-blok .block-left { padding-top: 80px; max-width: 530px; } .top-banner-blok > .block-left > p { font-weight: 500; margin-top: 0; font-size: 17px; } .top-banner-blok small { font-size: 15px; line-height: 22px; font-weight: 500; } .top-banner-blok .h2 { padding: 30px 0 40px 0; } .org-name, .h2, .top-banner-blok small, .bottom-banner-blok .blok .title { color: rgba(53, 58, 82, 1); } .top-banner-blok .block-right { padding-top: 100px; display: flex; flex-direction: column; justify-content: space-around; align-items: end; } .ul-uslugi, .ul-uslugi2 { list-style-type: none; } .ul-uslugi li, .ul-uslugi2 li { display: flex; flex-wrap: wrap; align-items: center; margin: 30px; } .ul-uslugi li span, .ul-uslugi2 li span { font-size: 17px; font-weight: 500; line-height: 20px; text-align: right; margin-right: 20px; } .ul-uslugi li span { width: 300px; } .uslugi2-p { color: #fff; padding: 0 40px 0 80px; } .bottom-banner-blok { margin: 150px 0; background: linear-gradient(180deg, rgba(238, 241, 251, 0) 0%, #EEF1FB 67.03%); } .bottom-banner-blok .blok { width: 347px; padding: 0 30px; text-align: center; border-radius: 30px; background-color: rgba(244, 247, 255, 1); box-shadow: 20px 30px 100px -20px rgba(210, 216, 235, 1); } .bottom-banner-blok .blok { height: 318px; } #uslovija .bottom-banner-blok .blok { height: auto; } .bottom-banner-blok .blok img { position: relative; margin-top: -100px; } .bottom-banner-blok .blok .title, #kak-prohodit .title { font-size: 20px; line-height: 24px; font-weight: 600; } /* Блок текст с картинкой справа */ .text_and_img .flex { gap: 40px; } .text_and_img .left-block > ul { margin-top: 10px; padding-left: 20px; } .text_and_img .left-block > ul > li { margin: 0 0 0 20px !important; } .text_and_img .right-block img { width: 100%; height: auto; } /* Блок 2 колонки с формой справа */ .block2col_form > .flex { justify-content: space-between; align-items: end; } .block2col_form .left-block, .block2col_form .right-block { width: 48%; } .block2col_form .contacts { width: 70%; display: flex; flex-wrap: nowrap; justify-content: space-around; } .block2col_form .b24-form-wrapper { background-color: transparent!important; } .block2col_form .b24-form .b24-form-sign-abuse-link { color: #353A52!important; } .block2col_form .b24-form-field { margin-bottom: 15px!important; } /* Блок стоимость подбора*/ .stoimost > .flex, .right-st-block .flex { gap: 40px; justify-content: space-around; flex-wrap: nowrap; } .ceny-table { min-width: 640px; } .ceny-table table { padding: 30px; } .ceny-table table:nth-child(2) { background-color: #fff; border-radius: 20px; } .st-title { font-size: 18px; color: #999FC0; text-transform: uppercase; font-weight: 500; min-width: 270px; } .st-cena { font-size: 30px; color: #353A52; font-weight: 600; } .st-descr { font-size: 18px; color: #353A52; font-weight: 500; } .right-st-block .left-block { min-width: 300px; display: flex; flex-direction: column; justify-content: space-around; } .right-st-block .right-block { background-color: rgba(244, 247, 255, 1); box-shadow: 20px 30px 100px -20px rgba(210, 216, 235, 1); padding: 30px; border-radius: 30px; min-width: 320px; } /* Кастомное кол-во блоков */ .custom-block-flex .bottom-banner-blok { justify-content: center; gap: 50px 12px; } .custom-block-flex .bottom-banner-blok .relat { position: relative; } .circle-num { font-family: 'Euclid Circular A', sans-serif!important; position: absolute; color: #0f4586; font-weight: 600; top: -45px; width: 100%; font-size: 60px; } .custom-block-flex .bottom-banner-blok .blok { position: relative; height: auto; padding: 0 20px 20px 20px; } .custom-block-flex .bottom-banner-blok .blok img { max-width: 185px; max-height: 185px; } @media (max-width: 424px) { .custom-block-flex .bottom-banner-blok { gap: 10px; margin: 30px 0; } .custom-block-flex .bottom-banner-blok .blok { justify-content: flex-start; gap: 10px; } .circle-num { font-size: 30px; top: 20px; text-align: center; width: 80px; } .custom-block-flex .bottom-banner-blok .blok img { max-width: 80px; height: 80px; margin: 0; } } @media (min-width: 425px) and (max-width: 991px) { .circle-num { top: -35px; } } @media (min-width: 992px) and (max-width: 1279px) { .circle-num { top: -20px; } } /* --- Контент --- */ .content { padding: 10px 0 100px 0; } .content p { font-size: 16px; line-height: 20px; letter-spacing: -0.05px; } .content ul, .content ol { margin-bottom: 30px; } .content ul li, .content ol li { font-size: 16px; line-height: 20px; color: #000; } .content ul li { margin: 0 0 10px 50px; } .block-right ul.ul-uslugi li { margin: 0 0 20px 50px; } .content ol li { margin: 0 0 10px 0; } h1, h2, .h2, h3, .h3, h4 { font-weight: 400; color: rgba(53, 58, 82, 1); } h1 { font-size: 56px; line-height: 63px; margin: 50px 0; font-weight: 600; color: rgba(53, 58, 82, 1); } h1 span { color: rgba(255, 59, 76, 1); -webkit-text-stroke: 1px white; text-stroke: 1px white; } h1.small-font { font-size: 36px; line-height: 40px; } h2, .h2, .top-banner-blok h1 { font-size: 56px; line-height: 63px; font-weight: 600; } .fire-icon { content: ''; width: 40px; height: 40px; display: inline-block; margin-right: 20px; background-image: url(/wp-content/themes/MniaTheme/img/fire.svg); } h3, .h3 { font-size: 36px; } .big { font-size: 32px; font-weight: 600; } h4, .h4 { font-size: 22px; font-weight: 600; color: rgba(53, 58, 82, 1); } h5 { font-size: 18px; font-weight: 600; color: rgba(53, 58, 82, 1); margin: 0; } .grey, .breadcrumbs a, .breadcrumbs__separator { font-size: 18px; font-weight: 400; color: rgba(153, 159, 192, 1); } .bottom-banner-blok .blok .grey { font-weight: 500; letter-spacing: -0.05em; } a, a:link, a:visited, a:hover, a:focus { text-decoration: none; color: rgba(0, 46, 101, 1); } .content a:hover, .anons a:hover { color: rgb(255 63 79); } .content .blue-btn:hover { color: #fff; } .breadcrumbs { margin: 20px 0; } .breadcrumbs__separator { padding: 0 10px; } .breadcrumbs__current { color: rgba(53, 58, 82, 1); } .two-blocks, .two-blocks .flex { display: flex; gap: 20px; } .two-blocks .flex { flex-wrap: nowrap; } .two-blocks .flex img { opacity: 0.9; } .two-blocks .flex img:hover { border-radius: 20px; opacity: 1; } /* Табы (вкладки) - общие стили для всех*/ .tabs { float: none; list-style: none; padding: 0; } .tabs:after { content: ''; display: table; clear: both; } .tabs input[type=radio] { display:none; } .tabs>label { display: inline-block; background-color: transparent; color: #000; text-decoration: none; text-align: center; font-weight: 600; cursor: pointer; -webkit-transition: all 0.5s; transition: all 0.5s; } .tabs>label { height: 64px; border-radius: 12px; line-height: 64px; padding: 0px 30px; font-size: 20px; } .tabs>label:hover { color: red; } .tab-content { display: none; width: 100%; float: left; margin: 70px 0; box-sizing: border-box; } /* Стили для активной вкладки */ .tabs [id^="tab"]:checked + label { color: rgb(255 63 79); background-color: #fff; box-shadow: 0 0 10px rgb(255 63 79); } /* Вкладки курсов */ #tab-medicina:checked ~ #medicina-content, #tab-metrology:checked ~ #metrology-content, #tab-remont:checked ~ #remont-content, #tab-laboratory:checked ~ #laboratory-content { display: block; } #medicina-content .kyrsy-list, #metrology-content .kyrsy-list, #remont-content .kyrsy-list, #laboratory-content .kyrsy-list { max-height: 600px; padding: 10px 0; gap: 12px; } /* Списки популярных курсов в вкладках */ .pop-kursy .tab-content { margin: 5px 0!important; } /* .kyrsy-list { border: 2px solid #3b679f; border-radius: 20px; overflow: hidden; } */ .pop-kursy .kyrsy-list { margin-top: 30px; } .kurs-pop-block { max-width: 480px; max-height: 380px; } .kurs-pop-block .img-fon { width: 450px; } .kurs-pop-block .flex { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; } .kurs-pop-block .kurs-image { width: 140px; height: 140px; display: inline-block; margin-left: 10px; border-radius: 30px; } .kurs-pop-block .grey-fon { width: 250px; border-bottom-right-radius: 20px; } .kurs-pop-block .zajavka-btn { margin: 0 0 0 30px; } .kurs-pop-block .top-kurs-block { max-width: 240px; } .kurs-pop-block .top-kurs-block .small { color: rgb(255 63 79)!important; } .kurs-pop-block .fire-icon { position: absolute; margin: -5px 0 0 208px; } #kursy .red-btn { margin: 10px auto; width: 300px; padding: 10px; } /* Страница подраздела направления */ .kurs-flex { display: flex; flex-wrap: wrap; gap: 15px; } #response.kurs-flex .bottom-kurs-block .zajavka-btn { width: 150px; } .kyrsy-tegs a { padding: 5px; font-size: 12px; margin: 2px; display: inline-block; border-radius: 5px; font-weight: bold; background-color: #fff; } #response-napr { max-height: 600px; overflow-x: hidden; overflow-y: scroll; /* border: 2px solid #0f4688; padding: 20px 10px; border-radius: 20px; */ } /* --- Блок Преимуществ --- */ #preim .flex { justify-content: space-between; } #preim .left-blok { padding-top: 55px; } #preim .left-blok img { margin-left: 230px; } .podrobnee { position: relative; top: 170px; } .podrobnee .h3 { font-weight: 700; } .strelka-icon { content: ''; width: 93px; height: 24px; display: inline-block; margin-right: 30px; background-image: url(/wp-content/themes/MniaTheme/img/arrow.png); } .podrobnee:hover .strelka-icon { margin-left: 20px; margin-right: 10px; } #preim .right-blok { max-width: 820px; margin-right: 100px; } #preim .right-blok .red-ramka { width: 330px; display: block; text-align: center; color: rgba(255, 59, 76, 1); border-radius: 30px; border: 1px solid rgba(255, 59, 76, 1); } #preim .right-blok .padding-left { display: block; padding-left: 130px; } #preim .right-blok .big { text-align: left; position: absolute; margin-top: -30px; } #preim .right-blok .all-center p { font-size: 15px; font-weight: 500; padding: 8px 0; } /* --- Блок Ответим на любые вопросы --- */ .blue-blok, .blue-blok2 { width: 100%; display: block; background-repeat: no-repeat; background-position: right center; background-color: rgba(0, 46, 101, 1); border-radius: 50px; } .blue-blok .h2, .blue-blok2 .h2 { color: #fff; padding: 120px 0 0 100px; max-width: 800px; } .blue-blok .b24-form { padding-left: 80px; } .mini-block .h2 { font-size: 30px; line-height: 34px; padding: 50px 0 0 80px; } #otvetim .blue-blok { height: 674px; background-image: url(/wp-content/themes/MniaTheme/img/otv-fon.webp); display: flex; flex-wrap: wrap; align-items: center; } .forma { width: 100%; } #otvetim form .b24-form-control, #akkreditacija form .b24-form-control, #info-modal form .b24-form-control, #info-modal form .b24-form-control { background-color: rgba(255,255,255,1)!important; font-family: 'Euclid Circular A', sans-serif!important; border-radius: 12px; } #otvetim form .b24-form-field-agreement-link, #akkreditacija form .b24-form-field-agreement-link #info-modal form .b24-form-field-agreement-link, #info-modal form .b24-form-field-agreement-link { font-family: 'Euclid Circular A', sans-serif!important; font-size: 15px; font-weight: 500; color: rgba(153, 159, 192, 1)!important; } #otvetim .b24-form-sign, #info-modal .b24-form-sign { display: none!important; } #otvetim .b24-form-wrapper, #info-modal .b24-form-wrapper { margin: 0!important; background-color: transparent!important; border: none!important; } .b24-form-padding-side { padding: 0!important; } .right-block .blue-blok, #dop-text .blue-blok { color: #fff; border-radius: 20px; padding: 20px; } /* -- Всплывающее окно -- */ .modal-noborder { padding: 0; background-color: transparent; border-radius: 50px; } #info-modal .blue-blok { background-image: url(/wp-content/themes/MniaTheme/img/otv-fon.webp); background-size: contain; } #info-modal .h2 { line-height: 50px; margin-bottom: 20px; } #info-modal .white-text { color: #fff; margin: 10px 0 0 80px; } #info-modal .red-bg { margin: 10px 0 0 80px; padding: 10px 15px; background-color: #ff3d4d; max-width: fit-content; border-radius: 20px; color: #fff; font-size: 20px; font-weight: 600; } #info-modal .fancybox-close-small { margin: 20px; border: 1px solid #fff!important; border-radius: 50%!important; width: 32px!important; height: 32px!important; padding: 5px!important; } #info-modal .fancybox-close-small svg { color: #fff!important; } @media (max-width: 767px) { #info-modal .h2 { line-height: 36px; margin-bottom: 0; } } @media (max-width: 1279px) { #info-modal .red-bg, #info-modal .white-text { margin: 10px 0 0 35px; } #info-modal .h2 { padding: 50px 35px 0!important; } } @media (min-width: 1280px) { .modal-noborder { width: 1200px; } } /* --- Блок Новости / Курсы преподавателя --- */ #novosti .grid, #kursy-prepodavatela .grid { grid-template-columns: auto 740px; gap: 10px; grid-template-areas: "prevnews lastnews"; } /* Список новостей */ .prev-news-blok { width: 760px; max-height: 600px; overflow-y: scroll; grid-area: prevnews; } .prev-news-blok { transform: scaleX(-1); } /* распологаем скролбар слева */ .re-transformX { transform: scaleX(-1); } /* отменяем отражение для блока с контентом */ .novost { width: 100%; display: flex; align-items: center; gap: 20px; margin-left: 30px; padding: 25px 20px; background-color: transparent; } .novost, .novost img { border-radius: 30px; } .novost:hover { background-color: #fff; } .novost .n-date { text-align: center; min-width: 95px; } .n-date .big { line-height: 40px; display: block; } .prev-descr { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .n-razdel { display: block; font-weight: 400; color: rgba(153, 159, 192, 1); } .new-title, .new-title a { font-weight: 600; color: rgba(53, 58, 82, 1); } .prev-descr .n-razdel { margin-bottom: 5px; } .prev-descr .new-title, .n-razdel { font-size: 18px; line-height: 20px; } .prev-news-blok .novost .prev-img { height: 90px; border-radius: 30px; overflow: hidden; background-color: #c6dae7; } .pagination { display: flex; list-style-type: none; padding: 0; justify-content: center; } .pagination li { margin: 5px!important; } .pagination a, .pagination .current { width: 32px; height: 32px; display: inline-table; text-align: center; line-height: 32px; border: 1px solid #002e65; border-radius: 5px; box-sizing: border-box; } .pagination a { background-color: #fff; color: #000; } .pagination a:hover { border-color: rgba(255, 63, 79, 1); } .pagination .current { background-color: #002e65; color: #fff; } .pagination a.prev, .pagination a.next { width: 90px; } .prev-img { max-width: 150px; } /* Размеры скролбара */ .prev-news-blok::-webkit-scrollbar { width: 32px; background-color: transparent; } /* Полоса прокрутки */ .prev-news-blok::-webkit-scrollbar-track { background-color: transparent; } /* Стили бегунка */ .prev-news-blok::-webkit-scrollbar-thumb { height: 32px; background-color: rgba(220, 226, 241, 1); border-radius: 12px; } /* Стили для кнопок */ .prev-news-blok::-webkit-scrollbar-button { width: 32px; height: 32px; background-color: rgba(220, 226, 241, 1); border-radius: 12px; } /* Стили кнопок при наведении */ .prev-news-blok::-webkit-scrollbar-button:hover { background-color: #fff; } /* Кнопка вначале скролбара */ .prev-news-blok::-webkit-scrollbar-button:vertical:decrement { background-image: url(/wp-content/themes/MniaTheme/img/up-arrow.svg); } /* Кнопка вконце скролбара */ .prev-news-blok::-webkit-scrollbar-button:vertical:increment { background-image: url(/wp-content/themes/MniaTheme/img/down-arrow.svg); } /* Общее для этих кнопок*/ .prev-news-blok::-webkit-scrollbar-button:vertical:decrement, .prev-news-blok::-webkit-scrollbar-button:vertical:increment { background-position: center; background-repeat: no-repeat; } /* Последняя новость */ .last-news-blok { background-color: rgba(220, 226, 241, 1); border-radius: 30px; padding: 25px 50px; grid-area: lastnews; } .last-news-blok:hover, .new:hover { background-color: #fff; } .big-image { max-width: 640px; border-radius: 30px; } .poslednaja-novost .flex, .news-list .flex { align-items: center; justify-content: space-between; } .poslednaja-novost .flex .flex img, .news-list .flex .flex img { margin-right: 15px; border: 1px solid #fff; border-radius: 50%; } .new-arrow-icon img { filter: greyscale(100%); } .last-news-blok:hover .grey, .news-list .new:hover .grey { color: red; } .last-news-blok:hover .flex img, .new:hover .flex img { border-color: red; } .poslednaja-novost .new-title { margin: 15px 0 20px; } .poslednaja-novost .new-title, .new .new-title { font-size: 22px; line-height: 28px; } .poslednaja-novost .anons, .new .anons { font-size: 18px; margin: 30px 0; font-weight: 400; line-height: 25px; color: rgba(53, 58, 82, 1); } /* Страница отдельной новости */ .mw1000 { max-width: 1000px; margin: 0 auto; } p.time { font-size: 22px; font-weight: 600; margin-top: 50px; } .ya-share2__container.ya-share2__container_color-scheme_whiteblack .ya-share2__badge, .ya-share2__container.ya-share2__container_color-scheme_whiteblack .ya-share2__mobile-popup-badge { background: transparent!important; } .novost-page .flex { justify-content: space-between; } .novost-page .flex .grey { margin-bottom: 5px; } .date-publish .grey span { color: #000; } .content .novost-page ul li { color: #000; font-size: 18px; } h5.ul { padding-left: 70px; } .autor { width: 340px; height: 90px; background-color: rgba(220, 226, 241, 1); border-radius: 20px; } .autor img { width: 64px; height: 64px; border-radius: 20px; margin-left: 10px; } .autor p { margin: 5px; } .padtop40 { padding-top: 40px; } .w100 { max-height: 600px; text-align: center; } .w100 img { width: auto; height: 100%; } .novost-page .image-block, .novost-page .image-block img { width: 100%; } .novost-page .image-block { margin-top: 20px; } .flex-news { display: flex; } /* Страница Новости (общая)*/ .news-list { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 40px; } .new { width: 480px; padding: 30px; display: inline-block; background-color: rgba(220, 226, 241, 1); border-radius: 30px; } .new .medium-image { width: 420px; height: 198px; margin: 20px 0; border-radius: 30px; } .new .new-title, .new .anons { text-align: left; } .anons .grid { grid-template-columns: auto auto; } .anons .meta, .anons .text { font-size: 15px; } .anons .meta span { font-weight: 600; } .search-result .new-title { font-size: 17px; margin-bottom: 10px; } .search-result .prev-img img { min-width: 138px; } /* Вкладки новостей */ #tab-vse:checked ~ #vse-content, #tab-onas:checked ~ #onas-content, #tab-med:checked ~ #med-content, #tab-akk:checked ~ #akk-content, #tab-zakon:checked ~ #zakon-content { display: block; } /* Блок Лицензия на образовательную деятельность */ #licenzija .flex { justify-content: space-between; align-items: center; } .lic-title, .lic-descr { max-width: 510px; } .lic-descr p { color: rgba(53, 58, 82, 1); font-weight: 500; line-height: 27px; } .lic-descr a, .link-arrow { font-weight: 600; color: rgba(53, 58, 82, 1); } .lic-descr a img, .podrobnee-btn img { margin-left: 10px; } .lic-descr a:hover img, .link-arrow:hover img, .podrobnee-btn:hover img { margin-left: 20px; } .link-arrow { font-size: 18px; } .link-arrow img { margin: 0 20px; } .link-arrow:hover img { margin: 0 10px 0 30px; } .margin30 { margin: 30px 0; } .lic-images img { border: 1px solid #fff; } .lic-images img:hover { border: 1px solid rgba(53, 58, 82, 1); cursor: zoom-in; } /* Блок Документы акадении */ #documenty .grid { background: rgba(220, 226, 241, 1); border-radius: 30px; padding: 25px 50px 80px 50px; grid-template-columns: auto 424px; } #documenty .title-descr { max-width: 900px; } /* Блок Образец диплома */ #document .flex { flex-wrap: nowrap; gap: 30px; } /* Блок Центр дополнительного образования МНИА */ #centr-obrazovanija .flex, #centr-obrazovanija .right-block .flex { gap: 4%; } #centr-obrazovanija .left-block .block:nth-child(2) { margin-top: 148px; } #centr-obrazovanija .right-block .flex { margin-top: 50px; } #centr-obrazovanija .left-block { max-width: 30%; } #centr-obrazovanija .left-block p { font-weight: 600; margin: 5px 0; } #centr-obrazovanija .right-block { max-width: 66%; } #centr-obrazovanija .right-block h2 { margin: 0; } #centr-obrazovanija .right-block .block { width: 48%; } /* Блок Периодическая аккредитация */ #akkreditacija .blue-blok { height: 865px; padding: 100px; background-image: url(/wp-content/themes/MniaTheme/img/doc-fon.webp); } #akkreditacija .blue-blok .h2, #akkreditacija .blue-blok .b24-form { padding: 10px 0 10px 0; } .podrobnee-btn { font-size: 18px; color: #fff!important; } .podrobnee-btn:hover { color: rgba(255, 63, 79, 1)!important; } #akkreditacija .ul-uslugi, #akkreditacija .ul-uslugi2 { padding: 0; } #akkreditacija .ul-uslugi li, #akkreditacija .ul-uslugi2 li { margin: 15px 0; } #akkreditacija .ul-uslugi li span, #akkreditacija .ul-uslugi2 li span { color: #fff; text-align: left; padding-left: 20px; } .b24-form a { color: #fff!important; opacity: 1!important; border-color: #fff; } .b24-form a:hover { opacity: 0.7; } #akkreditacija .ul-uslugi li span { width: 480px; } #akkreditacija .ul-uslugi2 li span { width: 95%; } #akkreditacija .ul-uslugi2 { padding: 0 40px 0 80px; } #akkreditacija .ul-uslugi2 li { flex-wrap: nowrap; gap : 20px; color: #eee; font-size: 18px; line-height: 22px; } #akkreditacija .b24-form-wrapper, #zajavka-akred .b24-form-wrapper { background-color: transparent!important; margin: 0!important; border: none!important; } #akkreditacija .b24-form-progress-bar-counter, #akkreditacija .b24-form-progress-bar-title, #otvetim .b24-form-progress-bar-title, #otvetim .b24-form-progress-bar-counter, #akkreditacija .b24-form-btn.b24-form-btn-border, #akkreditacija .b24-form-control-desc, #akkreditacija .b24-form-field-agreement .b24-form-field-agreement-link { color: #fff!important; } #akkreditacija .b24-form-btn.b24-form-btn-border { border-color: #fff!important; } #akkreditacija .b24-form-btn.b24-form-btn-border:hover { opacity: 0.8; } #akkreditacija div.b24-form-loader, #akkreditacija .b24-form-state-container .b24-form-loader, #akkreditacija .b24-form-state-container .b24-form-state, #akkreditacija .b24-form-btn.b24-form-btn-white, #akkreditacija .--b24-background-color { background-color: rgba(0, 46, 101, 1)!important; } #akkreditacija .blue-blok2 .b24-form { padding-left: 65px; } /* Блок Отзывы наших студентов */ .header-flex { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .youtube-block, .rutube-block, .videofile-block, .audio-block { width: 300px; padding: 30px; background-color: rgba(244, 247, 255, 1); border-radius: 30px; box-shadow: 0px 0px 5px 1px rgba(210, 216, 235, 1); margin: 5px; } .youtube-block, .rutube-block, .videofile-block { max-height: 490px; } .audio-block { max-height: 450px; } .youtube-block .flex, .rutube-block .flex, .videofile-block .flex, .audio-block .flex { justify-content: space-between; } .student { font-size: 18px; color: rgba(53, 58, 82, 1); font-weight: 600; } .youtube-icon { position: absolute; margin: 140px 0 0 30px; } .youtube-block a:hover .youtube-icon, .rutube-block a:hover .youtube-icon, .videofile-block a:hover .youtube-icon { margin: 140px 0 0 40px; } .youtube-block .title-img, .rutube-block .title-img, .videofile-block .title-img, .audio-block .title-img { width: 190px; height: 190px; border-radius: 50%; margin: 30px auto; } .razdel-video, .razdel-audio { width: 100%; height: 56px; border: 1px solid rgba(153, 159, 192, 1); border-radius: 12px; font-weight: 600; display: flex; justify-content: center; align-items: center; } .video-anons { margin-top: 10px; max-height: 95px; overflow-y: scroll; } .video-anons p { font-size: 14px; line-height: 16px; margin: 0; } .audio-block { text-align: center; } .audio-block .title-img { border: 1px solid rgba(153, 159, 192, 1); } .audio-block audio { width: 240px; border: 1px solid rgba(153, 159, 192, 1); border-radius: 27px; } /* Стилизация отзывов Яндекc */ #sw-app-2ca82e97287a964762a867cd1211489a { width: 100%!important; max-width: 1540px; } #sw-app-2ca82e97287a964762a867cd1211489a .sw-review-box { display: none!important; } #sw-app-2ca82e97287a964762a867cd1211489a .sw-review-item { border: none!important; border: none; padding: 30px!important; background-color: rgba(244, 247, 255, 1)!important; border-radius: 30px!important; box-shadow: 0px 0px 5px 1px rgba(210, 216, 235, 1)!important; } /* #sw-app-2ca82e97287a964762a867cd1211489a .swiper-wrapper { grid-template-columns: repeat(4, minmax(100px, 1fr))!important; } */ /* Если без слайдера */ .video-otzyvy { display: flex; flex-wrap: wrap; justify-content: space-between; } .video-otzyvy .youtube-block, .video-otzyvy .rutube-block, .video-otzyvy .videofile-block { text-align: center; } .video-otzyvy .razdel-video { margin: 0 auto; } .video-otzyvy .youtube-icon { margin: 170px 0 0 -10px; } .video-otzyvy .youtube-block a:hover .youtube-icon, .video-otzyvy .rutube-block a:hover .youtube-icon, .video-otzyvy .videofile-block a:hover .youtube-icon { margin: 170px 0 0 0; } /* Страница Отзывы */ .otzyvy-block { gap: 50px; margin: 40px 0 60px 0; } .otzyvy-block .blok { width: 340px; height: 100px; padding: 0 20px; background-color: rgba(244, 247, 255, 1); border-radius: 30px; box-shadow: 20px 30px 100px -20px rgba(210, 216, 235, 1); } .otzyvy-block .blok img { width: 55px; height: 55px; display: inline-block; } .otzyvy-block .blok p { margin: 3px 0; font-weight: 600; } .otzyvy-block .blok p a { color: rgba(153, 159, 192, 1); text-decoration: none; border-bottom: 1px solid rgba(153, 159, 192, 1); } .otzyvy-block .flex { gap: 20px; align-items: center; } /* Вкладки отзывов */ #tab-otzyvy:checked ~ #otzyvy-content, #tab-video:checked ~ #video-content, #tab-audio:checked ~ #audio-content, #tab-korp:checked ~ #korp-content, #tab-photo:checked ~ #photo-content { display: block; } #korp-content .flex, #photo-content .flex { justify-content: space-between; gap: 10px; } /* Блок Как проходит обучение */ #kak-prohodit .block { max-width: 525px; display: flex; gap: 20px; } #kak-prohodit .title { display: block; } #kak-prohodit .img img { max-width: 65px; } .bgwhite { background-color: #fff; padding: 20px 30px; border-radius: 30px; justify-content: space-between; margin-bottom: 10px; } .points { padding-top: 25px; } /* Блок Причины выбрать имено нас */ #prichiny { background: rgba(220, 226, 241, 1); border-radius: 30px; padding: 25px 50px 80px 50px; } #prichiny .flex { gap: 1%; } #prichiny .blok { width: 24%; margin-bottom: 20px; background-color: rgba(244, 247, 255, 1); box-shadow: 20px 30px 100px -20px rgba(210, 216, 235, 1); border-radius: 30px; padding: 20px; } #prichiny .blok td { vertical-align: top; } #prichiny .blok td:first-child { width: 60px; } #prichiny .blok span { color: #fff; font-weight: 600; text-align: center; margin-right: 10px; background-color: rgba(255, 63, 79, 1); border-radius: 50%; width: 48px; height: 48px; display: inline-block; line-height: 48px; } /* Страница и Подразделы О нас */ #o-nas #first-block .tri-block { justify-content: space-around; gap: 15px; } .tab tr:nth-child(2n+1) { background-color: rgba(220, 226, 241, 1); } .tab td { padding: 5px 15px; } .tab th { padding: 10px 15px; } .tab.all-left th { text-align: left; } .tree a[href=""] { cursor: default; } .tree ul { position: relative; padding: 1em 0; white-space: nowrap; margin: 0 auto; text-align: center; } .tree ul:after { content: ""; display: table; clear: both; } .tree ul ul:before { content: ""; position: absolute; top: 0; left: 50%; border-left: 1px solid #000; width: 0; height: 1em; } .tree ul li { display: inline-block; vertical-align: top; text-align: center; list-style-type: none; position: relative; padding: 1em 0.5em 0; margin-left: -0.25em; margin-right: -0.25em; } .tree ul li:before, .tree ul li:after { content: ""; position: absolute; top: 0; right: 50%; border-top: 1px solid #000; width: 50%; height: 1em; } .tree ul li:after { right: auto; left: 50%; border-left: 1px solid #000; } .tree ul li:only-child:after, .tree ul li:only-child:before { display: none; } .tree ul li:only-child { padding-top: 0; } .tree ul li:first-child:before, .tree ul li:last-child:after { border: 0 none; } .tree ul li:last-child:before { border-right: 1px solid #000; border-radius: 0 1em 0 0; } .tree ul li:first-child:after { border-radius: 1em 0 0 0; } .tree ul li a { min-width: 290px; border: 1px solid #000; text-align: center; font-size: 18px; font-weight: 600; padding: 15px; border-radius: 20px; background-color: rgba(220, 226, 241, 1); text-decoration: none; display: inline-block; position: relative; } /* Ссылки подразделов О нас*/ #onas-links { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; margin: 40px 0; } #onas-links a { font-size: 18px; border-radius: 12px; padding: 10px 30px; display: flex; align-items: center; justify-content: center; background-color: transparent; color: #000; text-decoration: none; text-align: center; font-weight: 600; cursor: pointer; -webkit-transition: all 0.5s; transition: all 0.5s; box-shadow: 0 0 10px #607D8B; } #onas-links a:hover { color: rgb(255 63 79); background-color: #fff; box-shadow: 0 0 10px rgb(255 63 79); } /* Блок Наши преподаватели */ .prepod-block { max-width: 340px; margin-bottom: 5px; } .kurs-block { max-width: 100%; margin-bottom: 5px; } .img-fon { height: 275px; display: block; background-color: rgba(238, 241, 251, 1); } .prepod-block .img-fon { width: 310px; border-top-left-radius: 30px; border-top-right-radius: 30px; } .kurs-block .img-fon, .kurs-pop-block .img-fon { border-radius: 30px; } .prepod-block a, .kurs-block, .kurs-pop-block { width: 100%; height: 100%; display: block; position: relative; margin-bottom: 10px; padding: 15px 15px 0 15px; background-color: rgba(255, 255, 255, 1); border-radius: 30px; box-shadow: 0px 0px 5px 1px rgba(210, 216, 235, 1); } #response-napr .kurs-pop-block { margin-bottom: 0; } .prepod-block a {min-height: 550px; } .prepod-block img { position: absolute; width: 340px; height: 340px; } .prepod-block .grey { display: block; margin: 15px 0; font-size: 16px; line-height: 20px; } .prep-name { font-size: 18px; font-weight: 600; color: rgba(53, 58, 82, 1); } .prepod-block .grey, .prep-name { padding: 0 10px; } .prepod-block a:hover .prep-name { color: rgba(255, 63, 79, 1); } /* Страница Преподавтели МНИА */ #head-prepods-info .info-text h1 { max-width: 720px; font-size: 50px; } #head-prepods-info .info-text h1 span { display: block; } #head-prepods-info .info-text .h4 { margin: 40px 0 } #head-prepods-info .info-text .grid { margin-top: 20px; grid-template-columns: 350px 250px; gap: 30px; } #head-prepods-info .blue-block { width: 100%; margin-top: 50px; padding: 15px 30px; background-color: #002E65; border-radius: 10px; position: absolute; z-index: 100; display: block; } #head-prepods-info .blue-block .h3 { line-height: 34px; } #head-prepods-info .blue-block > .flex { gap: 20px; } #head-prepods-info table { max-width: 300px; } #head-prepods-info table td:first-child { width: auto; } #head-prepods-info table .white { text-align: center; font-size: 18px; line-height: 20px; } /* Страница отдельного Преподавателя */ #prepodavatel .grid { display: grid; gap: 70px; grid-template-columns: 1fr 1fr 1fr; } #prepodavatel .prep-foto { width: 460px; height: 370px; border: 10px solid #002E65; background-color: #fff; border-radius: 20px; text-align: center; } #prepodavatel .prep-foto img { max-width: 360px; height: auto; height: auto; position: absolute; margin: -95px 0 0 -180px; left: 50%; } #prepodavatel .opisanie { background-color: #002E65; text-align: left; padding: 20px 15px 10px 15px; margin-top: 265px; } #prepodavatel .opisanie p { margin: 0 0 5px 0; } .fio { color: #fff; font-weight: 600; } #prepodavatel .left-block { grid-area: p-left; } #prepodavatel .center-block { grid-area: p-center; } #prepodavatel .right-block { grid-area: p-right; } #prepodavatel .grid { grid-template-areas: "p-left p-center p-right"; } #prepodavatel .left-block, #prepodavatel .right-block { display: flex; flex-direction: column; justify-content: space-between; } #prepodavatel .right-block p { margin: 5px 0; } #prepodavatel .param { display: block; } #kursy-prepodavatela .flex2 { display: flex; gap: 30px; justify-content: space-between; padding: 15px 0; } #kursy-prepodavatela .flex2 .red-btn { min-width: 212px; height: 44px; } #kursy-prepodavatela .big-data { position: absolute; z-index: 100; margin-top: -170px; width: 610px; text-align: center; display: block; } /* Страница КАТАЛОГ Курсов */ #head-info .flex { display: flex; gap: 20px; justify-content: space-around; flex-wrap: nowrap; padding-right: 20px; } #head-info { margin-bottom: 20px; } .setka, .setka-akr { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } .setka { grid-template-rows: repeat(4, 1fr); } .setka-akr { grid-template-rows: repeat(3, 1fr); } /* сетка для страницы Все курсы */ .setka .div1 { grid-area: 1 / 1 / 2 / 2; } .setka .div2 { grid-area: 1 / 2 / 2 / 3; } .setka .div3 { grid-area: 1 / 3 / 3 / 4; } .setka .div4 { grid-area: 1 / 4 / 2 / 5; } .setka .div5 { grid-area: 2 / 1 / 3 / 2; } .setka .div6 { grid-area: 2 / 2 / 3 / 3; } .setka .div7 { grid-area: 2 / 4 / 3 / 5; } .setka .div8 { grid-area: 3 / 1 / 4 / 2; } .setka .div9 { grid-area: 3 / 2 / 5 / 3; } .setka .div10 { grid-area: 3 / 3 / 4 / 4; } .setka .div11 { grid-area: 3 / 4 / 4 / 5; } .setka .div12 { grid-area: 4 / 1 / 5 / 2; } .setka .div13 { grid-area: 4 / 3 / 5 / 4; } .setka .div14 { grid-area: 4 / 4 / 5 / 5; } /* сетка для страницы Аккредитация */ .setka-akr .div1 { grid-area: 1 / 1 / 3 / 2; } .setka-akr .div2 { grid-area: 1 / 2 / 2 / 3; } .setka-akr .div3 { grid-area: 1 / 3 / 2 / 4; } .setka-akr .div4 { grid-area: 1 / 4 / 2 / 5; } .setka-akr .div5 { grid-area: 2 / 2 / 3 / 3; } .setka-akr .div6 { grid-area: 2 / 3 / 3 / 4; } .setka-akr .div7 { grid-area: 2 / 4 / 3 / 5; } .setka-akr .div8 { grid-area: 3 / 1 / 4 / 2; } .setka-akr .div9 { grid-area: 3 / 2 / 4 / 3; } .setka-akr .div10 { grid-area: 3 / 3 / 4 / 4; } .setka-akr .div11 { grid-area: 3 / 4 / 4 / 5; } .napr-title { width: 250px; height: 120px; position: absolute; z-index: 100; font-size: 22px; line-height: 30px; margin: 150px 0 0 35px; } .napr-title, .info-img .white span, .info-img2 span { color: #FFF; text-transform: uppercase; font-style: normal; font-weight: 600; display: flex; align-items: flex-end; } .setka .div3 .napr-title, .setka .div9 .napr-title, .setka-akr .div1 .napr-title { margin: 577px 0 0 35px; } .setka .imgresize, .setka-akr .imgresize { width: 348px; height: 348px; border-radius: 30px; display: inline-block; overflow: hidden; } .setka .div3, .setka .div9, .setka-akr .div1 { height: 721px; } /* .info-img { min-width: 616px; width: 616px; } */ .info-img2 { min-width: 235px; width: 235px; } .info-img, .info-img2 { min-height: 616px; height: 616px; display: inline-block; border-radius: 30px; overflow: hidden; } .info-img img, .info-img2 img { width: 100%; } .flex-block { position: absolute; z-index: 100; display: flex; justify-content: space-around; } .info-img .flex-block { width: 616px; margin-top: 470px; } .info-img .white span { font-size: 32px; line-height: 32px; margin-bottom: 5px; } .size45 { font-size: 45px!important; } .info-img .white small { font-size: 18px; line-height: 25px; color: #fff; } .info-img2 .flex-block { margin: 440px 0 0 -20px; } .info-img2 span { font-size: 22px; line-height: 30px; transform: rotate(-90deg); } .imgresize img { width: 100%; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; } .imgresize:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); } /* Страница Раздела курсов */ #kyrsy-page .h2 { /* text-align: center; */ margin: 50px 0; } #head-razdel-kursov-info .bottom-banner-blok { margin: 50px 0!important; } .info-text .bottom-banner-blok table { width: 330px; padding: 0 10px 10px 10px; margin-bottom: 20px; background-color: #f4f7ff; border-radius: 30px; box-shadow: 0px 0px 5px 1px rgba(210, 216, 235, 1); } .info-text .bottom-banner-blok table td:first-child { width: 70px; } .info-text .bottom-banner-blok table img { width: 100%; height: auto; } #head-razdel-kursov-info .bottom-banner-blok table .grey { font-size: 16px; line-height: 20px; margin: 0; } #blok-napravlenij .flex { justify-content: space-around; } .razdel-box { width: 347px; padding: 30px; text-align: center; border-radius: 30px; background-color: rgba(244, 247, 255, 1); box-shadow: 20px 30px 100px -20px rgba(210, 216, 235, 1); } .razdel-box .title { display: block; font-size: 20px; color: #000; margin-top: 10px; } #kursy-razdela { margin-bottom: 20px!important; } #kursy-razdela .just { justify-content: space-between; } /* Фильтр */ .filter { width: 480px; } .filtr-block { margin: 20px 0; } .filtr-title { font-weight: 600; display: block; margin: 5px 0; } .filter input.number, .filter input.search { background-color: rgba(255, 255, 255, 1); border-radius: 12px; border: none; text-align: center; } .filter input.number, .filter span, .filter input.search { line-height: 64px; font-size: 18px; } .filter span { margin: 0 5px; color: rgba(53, 58, 82, 1); } .filter input.search { width: 100%; text-align: left; padding-left: 20px; } #searchSpec { margin-bottom: 10px; } .flex-filter-btn { display: flex; gap: 10px; } .flex-filter-btn button { border: none; } /* Вывод вспомогательной информации фильтра */ .filter-param { display: none; position: relative; font-size: 11px; border: 1px dashed red; background-color: #fff; padding: 5px 10px; left: 0; top: 0; } .filter-param span { color: red; display: block; } .param { margin-left: 30px; } .param input { max-width: 40px; text-align: center; border: none; background-color: transparent; font-weight: bold; font-size: 18px; } .param input:hover { outline: none; } .param input[type="number"] { -moz-appearance: textfield; } .param input[type="number"]::-webkit-inner-spin-button, .param input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .arg-array { display: none; } /* Всплывающее меню фильтра для мобильных */ @media(max-width: 991px) { #filter, #filter2, #filter3, #filter4 { height: 80vh; overflow-y: scroll; } .filter { position: fixed; background-color: #fff; height: 100vh; padding: 10px 15px; left: -320px; top: 70px; z-index: 500; text-align: left; } .filtr-block { margin: 0 0 10px 0; } .filtr-block .scroll-list { max-height: 150px!important; } .filter span, .filter input.number { line-height: 34px; font-size: 16px; } .filter span { margin: 0 0 5px 0; } .filter input.number { max-width: 130px; background-color: #eee; } .btn-filter { display: flex; align-items: center; font-size: 15px; line-height: 32px; gap: 10px; margin-bottom: 20px; } input#checkfilter1, input#checkfilter2, input#checkfilter1a, input#checkfilter2a, input#checkfilter1b, input#checkfilter2b, input#checkfilter1c, input#checkfilter2c { display: none; } input#checkfilter1:checked ~ .flex .filter, input#checkfilter1a:checked ~ .flex .filter, input#checkfilter1b:checked ~ .flex .filter, input#checkfilter1c:checked ~ .flex .filter { left: -320px; transition: left .2s; } input#checkfilter2:checked ~ .flex .filter, input#checkfilter2a:checked ~ .flex .filter, input#checkfilter2b:checked ~ .flex .filter, input#checkfilter2c:checked ~ .flex .filter { left: 0px; transition: left .2s; box-shadow: 0 0 300px #333; } input#checkfilter2:checked ~ .btn-filter.right, input#checkfilter2a:checked ~ .btn-filter.right, input#checkfilter2b:checked ~ .btn-filter.right, input#checkfilter2c:checked ~ .btn-filter.right { right: 10px; } .close-filter { position: relative; right: -265px; } } .blue-check { margin-bottom: 5px; } .blue-check input[type=radio] { display: none; } .blue-check label { display: inline-block; cursor: pointer; position: relative; padding-left: 40px; margin-right: 0; line-height: 30px; user-select: none; } .blue-check label:before { content: ""; display: inline-block; width: 30px; height: 30px; position: absolute; left: 0; bottom: 0; background: url(/wp-content/themes/MniaTheme/img/radio.png) 0 0 no-repeat; } /* Checked */ .blue-check input[type=radio]:checked + label:before { background: url(/wp-content/themes/MniaTheme/img/radio-cheked.png) 0 0 no-repeat; } /* Hover */ .blue-check label:hover:before { filter: brightness(120%); } /* Disabled */ .blue-check input[type=radio]:disabled + label:before { filter: grayscale(100%); } .scroll-list { overflow-x: hidden; overflow-y: scroll; } /* Плашка курса в списке */ .kurs-block { width: 1010px; max-height: 380px; } .kurs-block .img-fon { width: 980px; } .kurs-block .flex, .bottom-kurs-block { display: flex; flex-wrap: wrap; align-items: center; } .kurs-block .flex { gap: 30px; } .kurs-block .kurs-image { width: 220px; height: 220px; display: inline-block; margin-left: 30px; border-radius: 30px; } .kurs-block .top-kurs-block { max-width: 600px; } .top-kurs-block .small, .top-kurs-block .kurs-name, .bottom-kurs-block .param, #prepodavatel .param { font-weight: 600; color: rgba(0, 46, 101, 1); } .top-kurs-block .small, .top-kurs-block .grey, .bottom-kurs-block .grey, .top-kurs-block sup, .bottom-kurs-block sup, #prepodavatel .right-block .grey { font-size: 14px; } .bottom-kurs-block .param, #prepodavatel .param { font-size: 18px; } .top-kurs-block .bigred, .bottom-kurs-block .bigred { font-size: 22px; line-height: 18px; font-weight: 600; color: rgba(255, 59, 76, 1); } .td-overflow .param, .td-overflow-mini .param { overflow-x: hidden; margin-left: 0; } .td-overflow .param { width: 160px; height: 26px; } .td-overflow-mini .param { width: 120px; height: 20px; font-size: 14px; } .bottom-kurs-block { justify-content: space-between; position: relative; } #tipy-akkreditacij .bottom-kurs-block { margin-bottom: -65px; } .bottom-kurs-block span { display: block; } .bottom-kurs-block .small-text { position: relative; font-size: 12px; top: 5px; left: -3px; text-decoration: line-through; } .old-price { position: absolute; font-size: 12px; color: red; left: 65px; bottom: 0px; } .bottom-kurs-block table img { margin-right: 5px; } .bottom-kurs-block table:nth-child(2) { max-width: 450px; } .bottom-kurs-block table td:nth-child(2) { vertical-align: text-top; } .grey-fon { height: 90px; background: url(/wp-content/themes/MniaTheme/img/icons/grey-bg.jpg) 0 0 no-repeat; position: relative; bottom: 16px; padding-bottom: 15px; } .kurs-block .grey-fon { width: 330px; display: flex; align-items: end; justify-content: flex-end; padding-right: 15px; } .zajavka-btn, .podrobnee-arrow { height: 64px; line-height: 64px; text-align: center; display: inline-block; cursor: pointer; } .zajavka-btn { width: 200px; font-size: 18px; color: #fff!important; background: url(/wp-content/themes/MniaTheme/img/zajavka-btn.png) 0 0 no-repeat; margin-right: 15px; } .zajavka-btn:hover { opacity: 0.8; } .podrobnee-arrow { width: 64px; background-color: #fff; border-radius: 12px; } .podrobnee-arrow img { position: relative; top: 5px; } .podrobnee-arrow:hover img { transform: rotate(45deg); } /* Размеры скролбара */ .flex .kyrsy-list::-webkit-scrollbar { width: 32px; background-color: transparent; } /* Полоса прокрутки */ .flex .kyrsy-list::-webkit-scrollbar-track { background-color: rgba(255, 255, 255, 0.5);; } /* Стили бегунка */ .flex .kyrsy-list::-webkit-scrollbar-thumb { height: 32px; background-color: rgba(220, 226, 241, 1); border-radius: 12px; } /* Стили для кнопок */ .flex .kyrsy-list::-webkit-scrollbar-button { width: 32px; height: 32px; background-color: rgba(220, 226, 241, 1); border-radius: 12px; } /* Стили кнопок при наведении */ .flex .kyrsy-list::-webkit-scrollbar-button:hover { background-color: #fff; } /* Кнопка вначале скролбара */ .flex .kyrsy-list::-webkit-scrollbar-button:vertical:decrement { background-image: url(/wp-content/themes/MniaTheme/img/up-arrow.svg); } /* Кнопка вконце скролбара */ .flex .kyrsy-list::-webkit-scrollbar-button:vertical:increment { background-image: url(/wp-content/themes/MniaTheme/img/down-arrow.svg); } /* Общее для этих кнопок*/ .flex .kyrsy-list::-webkit-scrollbar-button:vertical:decrement, .flex .kyrsy-list::-webkit-scrollbar-button:vertical:increment { background-position: center; background-repeat: no-repeat; } /* Страница отдельного курса */ .razdel-kursov-img img { width: 616px; border-radius: 30px; } .kurs-img img { width: 1050px; } #head-razdel-kursov-info .flex, #head-kurs-info .flex, #head-prepods-info .flex { display: flex; justify-content: space-between; } #head-kurs-info .flex { flex-wrap: nowrap; } #head-kurs-info > .flex { justify-content: flex-end; } #head-razdel-kursov-info .info-text, #head-kurs-info .info-text { width: 645px; } #head-razdel-kursov-info .info-text h1, #head-kurs-info .info-text h1, #head-kurs-info .info-text table { max-width: 600px; text-align: left; } .info-text table td:first-child { vertical-align: top; width: 40px; } .info-text .grey, .info-text .bold, .info-text table td { font-size: 18px; } .info-text table td { line-height: 25px; } .info-text .bold { font-weight: 600; line-height: 18px; padding-top: 5px; } .o-kurse { width: 1160px; position: relative; margin-top: 40px; } .blue-tab { width: 170px; height: 60px; line-height: 60px; display: block; background-color: rgba(0, 46, 101, 1); border-top-left-radius: 30px; border-top-right-radius: 30px; font-size: 18px; font-weight: 600; text-align: center; color: #fff; } .o-kurse .flex { background-color: rgba(255, 255, 255, 1); border-top-right-radius: 30px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; padding: 30px; } .o-kurse .flex .block:nth-child(1), .o-kurse .flex .block:nth-child(3) { max-width: 220px; } .o-kurse .flex .block:nth-child(2) { max-width: 320px; } .o-kurse .fire-icon { position: absolute; margin: -50px 0 0 180px; } #opisanie-kursa.flex, #opisanie-kursa2.flex { gap: 4%; } #opisanie-kursa .left-block .block:nth-child(2), #opisanie-kursa2 .left-block .block:nth-child(2) { margin-top: 55px; } #opisanie-kursa .right-block .block, #opisanie-kursa2 .right-block .block { margin-top: 50px; } #opisanie-kursa .left-block, #opisanie-kursa2 .left-block { max-width: 24%; width: 24%; } #opisanie-kursa .left-block p, #opisanie-kursa .right-block p, #opisanie-kursa .right-block .block ol li, #opisanie-kursa2 .left-block p, #opisanie-kursa2 .right-block p, #opisanie-kursa2 .right-block .block ol li { font-size: 18px; font-weight: 500; color: rgba(53, 58, 82, 1); } #opisanie-kursa .left-block p, #opisanie-kursa .right-block p, #opisanie-kursa2 .left-block p, #opisanie-kursa2 .right-block p { margin-top: 0; } #opisanie-kursa .left-block ul { padding: 0; } #opisanie-kursa > .left-block > .block > ul > li, #opisanie-kursa > .left-block > .block > ul > em > li { margin: 0 0 10px 20px!important; } #opisanie-kursa .right-block, #opisanie-kursa2 .right-block { max-width: 72%; width: 72%; } #opisanie-kursa .right-block h2, #opisanie-kursa2 .right-block h2 { margin: 0; } #opisanie-kursa .right-block h5, #opisanie-kursa2 .right-block h5 { margin-bottom: 10px; color: #000; } #opisanie-kursa .left-blok-max, #opisanie-kursa2 .left-blok-max { max-width: 56%; } #opisanie-kursa .right-blok-max, #opisanie-kursa2 .right-blok-max { } #opisanie-kursa .right-blok-max img, #opisanie-kursa2 .right-blok-max img { max-width: 220px; } #opisanie-kursa .right-block .block ol, #opisanie-kursa2 .right-block .block ol { margin-top: 3px; padding: 0 0 0 20px; } #opisanie-kursa .right-block .block ol li, #opisanie-kursa2 .right-block .block ol li { margin: 0 0 15px 0; } #presentacion .red-btn { width: 100%!important; padding-left: 5px; margin-top: 50px; } #presentacion .red-btn img { width: 40px; height: 40px; float: left; } .moduli .grid { display: grid; grid-template-columns: 100px 40px auto; } .moduli .grid div:first-child { font-size: 20px; margin-top: 6px; } .moduli .grid .m-text h3 { margin: 0 0 10px 0; } .red-circle { border-right: 2px solid #000; margin: 0px 20px 0 0; } .red-circle span { position: absolute; background-color: red; border-radius: 50%; width: 20px; height: 20px; margin: 10px 0 0 9px; } .moduli .grid:first-child .red-circle { margin-top: 30px; } .moduli .grid:first-child .red-circle span { margin-top: -20px; } .moduli .grid:last-child .red-circle { height: 30px; } #opisanie-kursa .zagol, #opisanie-kursa2 .zagol { color: #fff; padding: 10px; text-align: center; font-size: 20px; margin-bottom: -60px; } .dop { font-size: 10px; color: #002e65; } /* -- Главная страница -- */ .akred .content { padding: 0px 0 100px 0; } .bg-akred { background: url(/wp-content/themes/MniaTheme/img/bg-akreditacija.webp) 0 0 no-repeat; padding: 10px 0 80px 0; } #head-akred-info, #head-akred-info h1, #head-akred-info .breadcrumbs__current, .akred .opisanie ul li { color: #fff; } #head-akred-info .breadcrumbs a, #head-akred-info a:visited { color: rgba(153, 159, 192, 1); } #head-akred-info .breadcrumbs a:hover { color: rgb(255 63 79); } #head-akred-info .info-text { max-width: 800px; } #head-akred-info .info-text .opisanie strong { text-transform: uppercase; } #head-akred-info .info-text .button-block { margin-top: 30px; } .akred .opisanie ul, .akred .center-blok ul, #tipy-akkreditacij .kurs-pop-block .top-kurs-block ul { list-style-type: none; padding: 0; } .akred .opisanie ul li, .akred .center-blok ul li, #tipy-akkreditacij .kurs-pop-block .top-kurs-block ul li { padding-left: 20px; background-image: url(/wp-content/themes/MniaTheme/img/icons/akr-li.svg); background-position: 0 2px; background-size: 10px 10px; background-repeat: no-repeat; font-size: 18px; margin-left: 0; } .akred .right-block .flex { justify-content: space-between; } .akred .right-block .center-blok { max-width: 520px; } .akred .center-blok ul { margin-top: 0; } .akred .center-blok ul li, #tipy-akkreditacij .kurs-pop-block .top-kurs-block ul li { margin: 0 0 15px 0; color: rgba(53, 58, 82, 1); font-weight: 300; } .akred .right-block .right-blok, .right-st-block .right-blok { max-width: 610px; background-color: rgba(244, 247, 255, 1); box-shadow: 20px 30px 100px -20px rgba(210, 216, 235, 1); padding: 30px; border-radius: 30px; } .akred .right-block .right-blok, .right-st-block .right-blok { font-weight: 500; } .i-info { position: absolute; margin: -45px; border-radius: 50%; box-shadow: 0 0 10px #e1e5f4; } /* Новая верстка для процесса аккредитации */ .circle-schema { margin-bottom: 150px!important; } .circle-schema .relative-block { position: relative; width: 100%; padding-top: 120px; margin-top: 50px; } .circle-schema .circle { width: 700px; height: auto; margin: 0 auto; position: relative; text-align: center; } .circle-schema .circle img.blue-img { width: 498px; height: 498px; } .circle-schema .circle img.abs { position: absolute; top: 10px; left: 111px; width: 478px; height: 478px; } .circle h3 { width: 300px; position: absolute; z-index: 100; left: 50%; margin: 190px 0 0 -150px; font-size: 35px; line-height: 45px; font-weight: 600; } .icon1, .icon2, .icon3, .icon4, .icon5, .blok1, .blok2, .blok3, .blok4, .blok5 { position: absolute; z-index: 100; } .icon1 img, .icon2 img, .icon3 img, .icon4 img, .icon5 img { width: 100%; height: 100%; } .title-block { font-weight: 600; margin-bottom: 10px!important; } @media (max-width: 991px) { .relative-block { padding: 30px 0 !important; margin-top: 0px !important; } .icon1, .icon2, .icon3, .icon4, .icon5, .blok1, .blok2, .blok3, .blok4, .blok5 { position: initial; } .blok1, .blok2, .blok3, .blok4, .blok5 { text-align: center; margin-bottom: 30px; } .icon1, .icon2, .icon3, .icon4, .icon5 { width: 130px; height: 130px; position: relative; margin: 0 auto -30px auto; } .icon1 img, .icon2 img, .icon3 img, .icon4 img, .icon5 img { margin-right: -20px; } .circle-schema { margin-bottom: 0px!important; } } @media (min-width: 992px) { .icon1 { top: -90px; left: 50%; margin-left: -90px; } .icon2 { top: 100px; right: 0px; } .icon3 { top: 350px; right: 370px; } .icon4 { top: 350px; left: 390px; } .icon5 { top: 100px; left: 30px; } .blok1 { top: 0px; right: 220px; } .blok2 { top: 260px; right: 0px; } .blok3 { top: 520px; right: 90px; } .blok4 { top: 520px; left: 130px; } .blok5 { top: 250px; left: 50px; } } @media (min-width: 992px) and (max-width: 1279px) { .blok1, .blok2, .blok3, .blok4, .blok5 { max-width: 170px; } .relative-block .title-block { font-size: 22px; } .relative-block { padding-bottom: 100px; } } @media (min-width:1280px) { .blok1, .blok2, .blok3, .blok4, .blok5 { max-width: 320px; } .relative-block .title-block { font-size: 24px; line-height: 24px; } .relative-block .grey { font-size: 17px; letter-spacing: -0.05em; } } .right-blok .blue-btn { line-height: 44px; padding: 4px 10px; margin: 25px auto 0 auto; } .max-width1000 { max-width: 1000px; margin: 0 auto; } /* For further documentation about CSS Icons, see this pen: https://codepen.io/stoumann/pen/eYzPVqe */ [data-css-icon] { --animdur: .3s; --loading-animdur: 0.8s; --animtf: ease-in; --bdw: 2px; --bdrs: 50%; --bgc: transparent; --c: currentcolor; --dots-bgc: silver; --dots-size: 0.5rem; --icon-size: 1rem; --size: 2.5rem; align-items: center; cursor: pointer; display: flex; justify-content: space-between; } [data-css-icon] i { align-items: center; background-color: var(--bgc); border-radius: var(--bdrs); box-sizing: border-box; display: inline-flex; height: var(--size); justify-content: center; position: relative; transition: background-color var(--animdur) var(--animtf); width: var(--size); } [data-css-icon] i::after, [data-css-icon] i::before { transform-origin: 50% 50%; transition: all var(--animdur) var(--animtf); } [data-css-icon*="cross"] i::after, [data-css-icon*="cross"] i::before { --w: calc(var(--icon-size) * 1.4142135623730950488016887242097); background: var(--c); content: ''; height: var(--bdw); position: absolute; width: var(--w); } [data-css-icon*="cross"] i::before { transform: rotate(90deg); } /* STATE */ [open] > summary > [data-css-icon*="cross"] i::after { transform: rotate(45deg); } [open] > summary > [data-css-icon*="cross"] i::before { transform: rotate(135deg); } /* MODIFIERS */ [data-css-icon*="outline"] i { border: var(--bdw) solid var(--c); } [data-css-icon*="fill"] { --bgc: hsl(195, 10%, 30%); --c: hsl(195, 10%, 95%); } /* For this demo only */ details { width: 100%; margin-bottom: 1rem; } details { height: var(--collapsed); overflow: hidden; transition: height 300ms cubic-bezier(0.4, 0.01, 0.165, 0.99); background-color: #fff; border-radius: 30px; } details[open] { height: var(--expanded); } summary { background-color: var(--bgc); border: 0; border-radius: 30px; color: var(--c, inherit); list-style-type: none; margin: 0; outline: none; padding-bottom: 1rem; padding-top: 1rem; padding-inline-end: 1rem; padding-inline-start: 2rem; user-select: none; font-size: 22px; font-weight: 600; } summary::marker { display: none; } summary::-webkit-details-marker { display: none; } /* 4 States of summary */ summary { --bgc: hsl(0deg 0% 100%) } [open] > summary { --bgc: hsl(195, 10%, 20%); --c: hsl(195, 10%, 92%); } summary:focus { --bgc: hsl(0deg 0% 100%); } [open] > summary:focus { --bgc: hsl(195, 10%, 10%); --c: hsl(195, 10%, 99%); } [open] > summary:focus > [data-css-icon*="fill"], [open] > summary > [data-css-icon*="fill"] { --bgc: hsl(195, 10%, 80%); --c: hsl(195, 10%, 10%); } summary + * { color: #777; line-height: 1.6; padding: 2rem; } @keyframes spin { 0% { transform: rotate(0deg); } to { transform: rotate(1turn); } } #tipy-akkreditacij .flex { justify-content: space-between; } #tipy-akkreditacij .kurs-pop-block .top-kurs-block { max-width: 100%; min-height: 544px; padding: 0 15px; } #tipy-akkreditacij .kurs-pop-block { max-height: 100%; padding-bottom: 70px; } #tipy-akkreditacij .img-fon { height: auto; border-bottom-right-radius: 0; } #tipy-akkreditacij .kurs-pop-block .top-kurs-block ul { margin-top: 20px; } #tipy-akkreditacij .grey-fon { bottom: auto; margin: -90px 0 0 190px; z-index: 1; } #tipy-akkreditacij table { margin-top: 15px; } #tipy-akkreditacij .akk-name { padding: 0 20px; text-align: center; font-size: 24px; font-weight: 600; } #tipy-akkreditacij .small { padding: 0 20px; text-align: center; min-height: 95px; } #tipy-akkreditacij .small p { font-size: 14px; } .video-flex { justify-content: center; gap: 20px; } /* Тарифы аккредитации */ #tarify-akred .flex { } #tarify-akred .line { display: flex; margin-bottom: 10px; background-color: rgba(255, 255, 255, 0.4); } .minrow { font-size: 18px; font-weight: 500; } #tarify-akred .line div.title, #tarify-akred .line div.g { line-height: 22px; } #tarify-akred .line div.g { text-align: center; font-size: 16px; line-height: 16px; padding: 5px 15px; } #tarify-akred .line div.title { background-color: #6481a4; border-top-left-radius: 30px; border-top-right-radius: 30px; padding: 0 15px; margin-right: 10px; font-size: 18px; font-weight: 600; color: #fff; height: 80px; display: grid; align-items: center; text-align: center; } .row2 .line div.title img { position: absolute; margin: -70px 0 0 145px; } #tarify-akred .row4 .line div.title { background-color: rgba(0, 46, 101, 1)!important; } #tarify-akred .row4 .cena-tarifa div.title { background-color: transparent!important; } #tarify-akred .cena-tarifa div.title { background-color: transparent; font-size: 15px; font-weight: 400; line-height: 18px; color: #000; border: none; display: inline-block; border-radius: unset; height: auto; margin-left: 0; } #tarify-akred .cena-tarifa div.title .tek-cena { font-size: 20px; line-height: 24px; } .redbold { color: red; font-weight: 600!important; } .old-cena { display: block; text-decoration: line-through; } .akc { color: red!important; } .cena-tarifa .inline { min-height: 36px; } .zajavka-akr-btn { width: 188px; height: 56px; background-color: rgba(0, 46, 101, 1)!important; cursor: pointer; border-bottom: none; border-radius: 12px !important; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff !important; font-size: 15px; line-height: 16px; font-weight: 600; padding: 0 10px; } .row3 .zajavka-akr-btn { background-color: rgba(255, 63, 79, 1)!important; } @media (max-width: 767px) { .row2, .row3, .row4 { margin-top: 30px; } .cena-tarifa .title { height: 36px!important; } } @media (max-width: 991px) { .minrow { width: 75%; } #tarify-akred .line div.title, #tarify-akred .line div.g { width: 25%; } .row .line:nth-child(1) .minrow, .row2 .line:nth-child(1) .minrow, .row3 .line:nth-child(1) .minrow, .row4 .line:nth-child(1) .minrow, .row .cena-tarifa .minrow, .row2 .cena-tarifa .minrow, .row3 .cena-tarifa .minrow, .row4 .cena-tarifa .minrow, .row .blok-zajavki .minrow, .row2 .blok-zajavki .minrow, .row3 .blok-zajavki .minrow, .row4 .blok-zajavki .minrow { display: none; } .row .line:nth-child(1) .title, .row2 .line:nth-child(1) .title, .row3 .line:nth-child(1) .title, .row4 .line:nth-child(1) .title { width: 100%!important; font-size: 15px!important; line-height: 16px!important; height: 50px!important; border-top-left-radius: 20px!important; border-top-right-radius: 20px!important; margin: 0!important; } .row2 .line div.title img { margin: -40px 0 0 0; right: 12%; } .cena-tarifa .title { width: 100%!important; display: flex!important; height: 50px!important; flex-direction: row-reverse;} .cena-tarifa .title .inline { display: flex!important; align-items: center; gap: 10px; flex-direction: row-reverse; } .tek-cena { font-size: 17px!important; line-height: 15px!important; gap: 10px; margin-left: 10px; } .old-cena, .akc, .minrow, .portf { font-size: 13px!important; line-height: 15px!important; color: rgba(0, 40, 85, 0.6); } .min-height { font-size: 11px!important; line-height: 12px!important; padding: 0!important; } #tarify-akred .line div.g > img { width: 18px; height: 18px; } .zajavka-akr-btn { width: 80%; margin: 0 auto; height: 46px; } } @media (min-width: 768px) and (max-width: 991px) { #tarify-akred .line div.g { padding: 5px; } } @media (min-width: 992px) { #tarify-akred .line { max-width: 680px; } .minrow { min-width: 464px; width: 464px; padding: 5px; } #tarify-akred .line div.title, #tarify-akred .line div.g { width: 194px; min-width: 194px; } #tarify-akred .line { min-height: 56px; } #tarify-akred .row .line:nth-child(2), #tarify-akred .row2 .line:nth-child(2), #tarify-akred .row3 .line:nth-child(2), #tarify-akred .row4 .line:nth-child(2) { min-height: 125px; } #tarify-akred .row .line:nth-child(5), #tarify-akred .row2 .line:nth-child(5), #tarify-akred .row3 .line:nth-child(5), #tarify-akred .row4 .line:nth-child(5) { min-height: 79px; } .row2 .line:nth-child(2) .g, .row4 .line:nth-child(2) .g { background-color: rgba(255, 255, 255, 0.30); } .row2 .line:nth-child(3) .g, .row4 .line:nth-child(3) .g { background-color: rgba(255, 255, 255, 0.40); } .row2 .line:nth-child(4) .g, .row4 .line:nth-child(4) .g { background-color: rgba(255, 255, 255, 0.50); } .row2 .line:nth-child(5) .g, .row4 .line:nth-child(5) .g { background-color: rgba(255, 255, 255, 0.60); } .row2 .line:nth-child(6) .g, .row4 .line:nth-child(6) .g { background-color: rgba(255, 255, 255, 0.70); } .row2 .line:nth-child(7) .g, .row4 .line:nth-child(7) .g { background-color: rgba(255, 255, 255, 0.80); } .row2 .line:nth-child(8) .g, .row4 .line:nth-child(8) .g { background-color: rgba(255, 255, 255, 0.90); } .row2 .cena-tarifa .title, .row4 .cena-tarifa .title { background-color: rgba(255, 255, 255, 1)!important; } } @media (min-width: 992px) and (max-width: 1279px) { .row3 .no-desctop { display: initial!important; } } /* Кастомизация страницы ISO */ .iso-style .kurs-pop-block:nth-child(1), .iso-style .kurs-pop-block:nth-child(2) { max-width: 620px; } .iso-style .kurs-pop-block:nth-child(3) { max-width: 100%; margin-top: 20px; } .iso-style .kurs-pop-block .top-kurs-block { min-height: 290px!important; } .iso-style .bottom-kurs-block { width: 100%; } .iso-style .kurs-pop-block .grey-fon { right: 15px; position: absolute; margin: -15px 0 0 0!important; } .iso-style .kurs-pop-block:nth-child(3) .grid-table { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .grid-table table td { padding: 0 5px; } .grid-table table td:first-child { min-width: 110px; } .grid-table table tr:nth-child(2n+1) { background-color: #fff; } .grid-table table tr:hover { background-color: #0f4688; } .grid-table table tr:hover td { color: #fff; } /* -- Контакты -- */ #map-and-contacts .flex, #rekvizity .flex { justify-content: space-between; } .map-block { width: 1010px; border-radius: 35px; } .kont-block { width: 480px; } #map-and-contacts a { color: rgba(53, 58, 82, 1); } #map-and-contacts .block { margin-bottom: 0px; } #rekvizity .block { margin-bottom: 30px; } #map-and-contacts .block p, #rekvizity .block p { font-weight: 600; } #map-and-contacts .block span, #rekvizity .block span { display: block; margin-bottom: 5px; } #map-and-contacts .block p, #map-and-contacts .block span { font-size: 18px; line-height: 22px; } #map-and-contacts .socials-block { display: flex; } #priglashaem-partnerov, #rekvizity .blok50 { background-color: #fff; border-radius: 35px; } #rekvizity .blok50 { width: 750px; padding: 30px 40px 40px 40px; } #priglashaem-partnerov { width: 100%; padding: 0px 0px 40px 100px; } #priglashaem-partnerov .bg { background-image: url(/wp-content/themes/MniaTheme/img/part-bg.webp); background-repeat: no-repeat; background-position: right; background-size: contain; padding: 60px; } #priglashaem-partnerov .ul-uslugi { display: flex; flex-wrap: wrap; padding: 20px 0; max-width: 860px; } #priglashaem-partnerov .ul-uslugi li { margin: 0 0 20px 0; flex-wrap: nowrap; } #priglashaem-partnerov .ul-uslugi li span { text-align: left; margin-right: 0px; margin-left: 20px; max-width: 230px; } .video-block { max-width: 800px; margin: 10px auto; } .video-block .title-img { width: 100%; } .video-block .youtube-icon { margin: 200px 400px; } details.link { padding: 0px 20px; } details.link summary { font-size: 18px; line-height: 20px; } details.link h3 { padding: 5px 0; } details.link table { border-collapse: collapse; border-spacing: 0; } details.link summary:hover { color: rgba(255, 63, 79, 1); cursor: pointer; } details.link table th, details.link table td { font-size: 14px; border: 1px solid #eee; padding: 2px 5px; text-align: center; } #page404 .white-box { margin-top: 10%; padding: 10px 25px; background-color: rgb(255 255 255 / 60%); border-radius: 20px; } /* -- Подвал -- */ .footer-top-block { background-color: rgba(0, 46, 101, 1); } .footer-top-block > .flex { min-height: auto; justify-content: space-between; padding-bottom: 20px; } .footer-top-block .logo-block { padding: 50px 0 30px 0; } .contacts-block, .button-socials-block { gap: 80px; } .contacts-block .mail-block p, .contacts-block .phone-block p, .contacts-block .adres-block p { font-size: 22px; color: #fff; font-weight: 600; } .contacts-block .mail, .contacts-block .phone, .contacts-block span { font-size: 16px; line-height: 20px; font-weight: 500; color: #fff; } .button-socials-block { align-items: center; padding: 50px 0 30px 0; } .footer-top-block .right-block { padding: 90px 0 0 0; } /* Блок с Яндекс картой */ .yandex-map { min-width: 840px; height: 350px; border-radius: 30px; overflow: hidden; } .footer-bottom-block { background-color: #fff; } .footer-bottom-block .flex { min-height: 84px; align-items: center; } .privacy p { font-size: 18px; font-weight: 400; color: rgba(153, 159, 192, 1); } .grey-link-block .grey { color: rgba(153, 159, 192, 1)!important; } .grey-link-block.flex { max-width: 455px; justify-content: space-between; } .services-links img { border-radius: 12px; } .services-links a:hover img { opacity: 0.7; } @media (max-width: 424px) { #head-info .flex { justify-content: center; } #head-info .info-text { text-align: center; } .kurs-pop-block .img-fon { width: auto; } .banner { background-image: url(/wp-content/themes/MniaTheme/img/banner-mobile.jpg); background-position-y: 370px; } .top-banner-blok h1 { padding: 0px; margin: 5px 0 20px 0;} .top-banner-blok .h2 { padding: 0px 0 30px 0; } .top-banner-blok .block-right { padding-top: 0; } .org-name { position: relative; padding: 20px 0!important; } .org-name img { position: absolute; top: 10px; left: 269px; } .block2col_form .contacts { width: 100%; } .contacts .block { min-width: 50%; } .footer-top-block .logo-block { padding: 40px 0 0 0; } .button-socials-block { padding: 30px 0 0 0; } .contacts-block, .button-socials-block { gap: 0px; justify-content: space-between; } .button-socials-block .socials-block { padding-top: 20px; } .privacy p { font-size: 16px; text-align: center; } .red-btn { width: 210px; font-size: 15px; } .bottom-banner-blok { margin: 300px 0 30px 0; } #licenzija .bottom-banner-blok { margin: 30px 0 30px 0; } .bottom-banner-blok .blok { display: flex; height: auto; width: 100%; text-align: left; padding: 15px 10px; margin-bottom: 10px; align-items: center; } .bottom-banner-blok .blok img { max-width: 80px; height: 80px; margin: 0; } .tabs { text-align: center; } #preim>.flex { justify-content: center; flex-direction: column-reverse; } #preim .left-blok { padding-top: 0; } #preim .right-blok .red-ramka { width: 70%; line-height: 10px; border-radius: 20px; margin-bottom: 20px; } #otvetim .blue-blok { height: 540px; } #centr-obrazovanija .left-block .block:nth-child(2), #centr-obrazovanija .right-block .flex { margin-top: 20px; } #centr-obrazovanija .right-block { max-width: 100%; margin-top: 20px; } .last-news-blok .big-image, .last-news-blok .anons, .novost .prev-img { display: none; } .prev-news-blok { max-height: 250px; } .novost { gap: 5px; padding: 10px 0; margin: 10px 0 !important; background-color: #fff; } .last-news-blok { padding: 10px 0; } #akkreditacija .ul-uslugi li, #akkreditacija .ul-uslugi2 li { margin: 15px 0; } #akkreditacija .ul-uslugi li span { width: 80%; } .ul-uslugi li span, .ul-uslugi2 li span, .uslugi2-p { font-size: 16px!important; line-height: 18px; } .uslugi2-p { padding: 0 20px; } #akkreditacija .blue-blok { height: 830px; padding: 20px; /* background-image: url(/wp-content/themes/MniaTheme/img/doc-fon-mob.webp); background-position-y: bottom; */ } #otvetim .blue-blok { padding: 20px; background-image: url(/wp-content/themes/MniaTheme/img/otv-fon-mob.webp); background-position-y: bottom; } .blue-blok .h2, .blue-blok2 .h2, #akkreditacija .blue-blok, #akkreditacija .blue-blok2, #prichiny { padding: 30px 20px 10px 20px!important; font-size: 28px; line-height: 30px; } .blue-blok .b24-form { padding: 0 20px; } .blue-blok .podrobnee-btn { margin-left: 15px; } .blue-blok .b24-form-btn { width: 100%; } #kyrsy-page .h2 { margin: 0; } .setka, .setka-akr { display: block; text-align: center; } .info-img, .info-img2, .setka .imgresize, .setka-akr .imgresize { width: 330px; height: 330px; min-height: auto; margin-bottom: 20px; } .info-img .flex-block { width: 330px; margin-top: 240px; } .info-img2 .flex-block { margin: 200px 0 0 -30px; } .napr-title { margin: 180px 0 0 35px; text-align: left; font-size: 20px; } .setka .div3 .napr-title, .setka .div9 .napr-title, .setka-akr .div1 .napr-title { margin: 177px 0 0 35px; } .razdel-kursov-img img { width: 100%; } .video-block .youtube-icon { margin: 70px 40%; } #opisanie-kursa .left-block, #opisanie-kursa .right-block, #opisanie-kursa2 .left-block, #opisanie-kursa2 .right-block { max-width: 100%; } #opisanie-kursa .left-block, #opisanie-kursa2 .left-block { min-width: fit-content; } #opisanie-kursa .left-block .big, #opisanie-kursa2 .left-block .big { font-size: 20px; } #opisanie-kursa .left-block p, #opisanie-kursa2 .left-block p { font-size: 14px; } #opisanie-kursa .left-block .block:nth-child(2), #opisanie-kursa .right-block .block, #opisanie-kursa2 .left-block .block:nth-child(2), #opisanie-kursa2 .right-block .block { margin-top: 30px; } #opisanie-kursa .left-blok-max, #opisanie-kursa2 .left-blok-max { max-width: 100%; } #opisanie-kursa .right-blok-max, #opisanie-kursa2 .right-blok-max { text-align: center; margin-top: 20px; } #tipy-akkreditacij .small { padding: 0; } .akred .opisanie ul li, .akred .center-blok ul li, #tipy-akkreditacij .kurs-pop-block .top-kurs-block ul li, #akkreditacija .ul-uslugi2 li { font-size: 14px; line-height: 16px; } #tipy-akkreditacij table { margin-top: 0; } /* #tipy-akkreditacij .img-fon, */ #tipy-akkreditacij .kurs-pop-block .top-kurs-block { height: auto; min-height: auto; } .kurs-pop-block .bottom-kurs-block { display: flex; width: 100%; justify-content: space-around; background-color: #fff; } #tipy-akkreditacij .grey-fon, .kyrsy-list .grey-fon { padding-bottom: 0; margin: 0!important; height: auto; position: relative; } .kurs-pop-block .zajavka-btn { padding: 0 10px; } .right-blok .blue-btn { font-size: 15px; line-height: 16px; padding: 7px 0; } #tipy-akkreditacij .kurs-pop-block { padding-bottom: 20px; } #akkreditacija .ul-uslugi2, #akkreditacija .blue-blok2 .b24-form { padding: 0; } #uslovija .bottom-banner-blok { margin: 0; } .kurs-pop-block .fire-icon { margin: 8px 0 0 82px; } .kurs-block .kurs-image { display: none; } .kurs-img img { width: 100%; } #head-kurs-info { padding: 0 15px; } .o-kurse, #head-razdel-kursov-info .info-text, #head-kurs-info .info-text { width: 100%; } #head-razdel-kursov-info .flex, #head-kurs-info .flex, #head-prepods-info .flex { flex-wrap: wrap; } #head-kurs-info .flex { gap: 20px; } #document .flex { gap: 10px; flex-direction: column-reverse; } #document .flex .img-block img { width: 100%; } .docs-gallery { max-width: 270px; } .bottom-banner-blok .blok .title { min-width: 130px; } .bgwhite { justify-content: center; } .points { padding: 5px 0; text-align: center; } .points img { width: 80px; } .new, .new .medium-image { width: 100%; height: auto; } .header-flex { justify-content: center; gap: 0px; margin-bottom: 30px; } #o-nas .header-flex { margin-bottom: 0px; } .header-flex h2 { margin-bottom: 15px; } .link-arrow { width: 100%; text-align: right; } .tree { max-height: 250px; } .tree ul li a { padding: 1em 0.3em 0; margin-left: -0.3em; margin-right: -0.3em; } .tree ul li a { min-width: 80px; font-size: 11px; line-height: 13px; padding: 2px 4px; border-radius: 5px; } .tree ul li a span { display: block; } details.link { border-radius: 10px; padding: 5px; } details.link summary { font-size: 14px; line-height: 16px; } details.link h3 { font-size: 18px; line-height: 22px; } details.link table th, details.link table td { font-size: 12px; line-height: 14px; padding: 2px 5px; } .services-links { margin: 10px 0; } .fancybox-content { padding: 5px; } .fancybox-content video { width: 100%; height: auto; } .two-blocks, .two-blocks .flex { flex-wrap: wrap; } .two-blocks { flex-direction: column-reverse; } .two-blocks .flex img { width: 150px; height: auto; } } @media (min-width: 425px) and (max-width: 991px) { .banner { background-image: url(/wp-content/themes/MniaTheme/img/banner-tablet.jpg); background-position-y: 240px; } .novost .prev-img { min-width: 100px; width: 100px; } .novost { gap: 5px; padding: 5px; margin: 0; } .last-news-blok { padding: 5px; } .blue-blok .h2, .blue-blok2 .h2, #akkreditacija .blue-blok, #akkreditacija .blue-blok2, #prichiny { font-size: 28px; line-height: 30px;} .blue-blok .b24-form { padding: 0 35px; } .setka, .setka-akr { display: block; text-align: center; } .info-img, .info-img2, .setka .imgresize, .setka-akr .imgresize { width: 330px; height: 330px; min-height: auto; margin-bottom: 20px; } .info-img .flex-block { width: 330px; margin-top: 240px; } .info-img2 .flex-block { margin: 200px 0 0 -30px; } .napr-title { margin: 180px 0 0 35px; } #head-kurs-info { padding: 0 15px; } .o-kurse, #head-razdel-kursov-info .info-text, #head-kurs-info .info-text { width: 100%; } #head-razdel-kursov-info .flex, #head-kurs-info .flex, #head-prepods-info .flex { flex-wrap: wrap; } #head-kurs-info .flex { gap: 20px; } #document .flex { gap: 10px; flex-direction: column-reverse; } #document .flex .img-block img, .kurs-img img, #opisanie-kursa .left-block, #opisanie-kursa .right-block, #opisanie-kursa2 .left-block, #opisanie-kursa2 .right-block { width: 100%; max-width: 100%; } .kurs-img img { border-radius: 30px; } .info-text .grey, .info-text .bold, .info-text table td { text-align: left!important; } #opisanie-kursa .left-block .block:nth-child(2), #opisanie-kursa .right-block .block, #opisanie-kursa2 .left-block .block:nth-child(2), #opisanie-kursa2 .right-block .block { margin-top: 25px; } #kak-prohodit .block { width: 100%; max-width: 100%;} .points { padding: 20px 0; } .points img { width: 200px; left: 50%; margin-right: -100px; position: relative; } .razdel-kursov-img img { width: 100%; } .setka .div3 .napr-title, .setka .div9 .napr-title, .setka-akr .div1 .napr-title { margin: 177px 0 0 35px; } .kurs-pop-block .bottom-kurs-block { display: flex; } .kurs-pop-block .img-fon { width: auto; } .kurs-pop-block .zajavka-btn { padding: 0 10px; } .kurs-pop-block .fire-icon { margin: 8px 0 0 82px; } .bottom-banner-blok { margin: 60px 0 40px 0; } .bottom-banner-blok.flex { justify-content: space-around; gap: 2%; } .bottom-banner-blok .blok { width: 48%; height: auto; padding: 0 15px 20px 15px; margin-bottom: 20px; } .bottom-banner-blok .blok img { width: 150px!important; margin-top: -70px; } .bottom-banner-blok .blok .text { margin-top: -20px; } .header-flex { display: block; margin-bottom: 30px; } .tabs { text-align: center; } #preim .right-blok .red-ramka { width: 70%; line-height: 10px; border-radius: 20px; margin-bottom: 20px; } #preim .left-blok { margin-top: 0; } .docs-gallery { max-width: 340px; } #akkreditacija .ul-uslugi li span { width: 86%; font-size: 18px; line-height: 20px; } #tipy-akkreditacij .grey-fon, .kyrsy-list .grey-fon { padding-bottom: 0; margin: 0!important; height: auto; position: relative; } .akred .opisanie ul li, .akred .center-blok ul li, #tipy-akkreditacij .kurs-pop-block .top-kurs-block ul li { font-size: 14px; line-height: 16px; } #tipy-akkreditacij .kurs-pop-block .top-kurs-block { height: auto; min-height: auto; } #tipy-akkreditacij .kurs-pop-block { padding-bottom: 0; } .kurs-pop-block .bottom-kurs-block { width: 100%; justify-content: space-around; background-color: #fff; } #akkreditacija .ul-uslugi2, #akkreditacija .blue-blok2 .b24-form { padding: 0; } .uslugi2-p { padding: 0 20px; } .blue-blok .h2, .blue-blok2 .h2, #akkreditacija .blue-blok, #akkreditacija .blue-blok2, #prichiny { padding: 30px 20px 10px 20px !important; font-size: 28px; line-height: 30px; } #process-akred .flex { justify-content: center; } #otvetim .blue-blok, #akkreditacija .blue-blok { height: auto; padding-bottom: 20px; } .prev-img img { width: auto!important; height: 100%!important; } .novost .prev-img img { width: 100%!important; height: auto; } .search-result .prev-img img { min-width: auto; } .info-img, .info-img2, .setka .imgresize, .setka-akr .imgresize { width: 330px; height: 330px; min-height: auto; margin-bottom: 20px; } .napr-title { margin: 180px 0 0 35px; text-align: left; font-size: 20px; } .video-block .youtube-icon { margin: 70px 40%; } #ajaxsearchliteres2 { min-width: 420px; } } @media (max-width: 690px) { .contacts-block, .button-socials-block { gap: 10px 30px; } } @media (max-width: 991px) { .max-width { max-width: 100%; overflow: hidden; } .logo-block img { max-width: 300px; } .no-mobile { display: none!important; } .wrapper { padding-top: 60px; } .top-banner-blok .block-left { max-width: 100%; padding-top: 0px; } .prev-news-blok::-webkit-scrollbar, .prev-news-blok::-webkit-scrollbar-thumb { width: 12px; } .prev-news-blok::-webkit-scrollbar-button { width: 12px; height: 12px; } #novosti .grid, #kursy-prepodavatela .grid { grid-template-columns: auto; grid-template-areas: "lastnews" "prevnews"; } .mw1000 { padding: 0 15px; } .date-publish .grey span { display: block; margin-top: 15px; } p.time { font-size: 16px; margin-top: 20px; } .ya-share2__container_mobile.ya-share2__container_size_l .ya-share2__icon { width: 36px!important; height: 36px!important; } h5.ul { padding-left: 0; } #centr-obrazovanija .left-block .block:nth-child(2), #centr-obrazovanija .right-block h2 { margin-top: 25px; } .content .novost-page ul li, .content ul li, .content ol li { margin: 0 0 10px 0px!important; } .w100 img { width: 100%; height: auto; } .prev-news-blok, .last-news-block, #centr-obrazovanija .right-block .block { width: 100%; } h1 { margin: 25px 0; } h1, .top-banner-blok h1, h2, .h2, .size45, #head-prepods-info .info-text h1 { font-size: 30px; line-height: 32px; } h3, .h3, h1.small-font { font-size: 24px; } .info-img .white span, .big { font-size: 22px; } h4, .contacts-block .mail-block p, .contacts-block .phone-block p, .contacts-block .adres-block p { font-size: 18px; margin-bottom: 5px; } .contacts-block .mail, .contacts-block .phone, .contacts-block span { font-weight: 300; } .grey-link-block { padding: 20px 0 30px 0; } .grey-link-block p { margin: 5px; } .mail, .phone, .info, .menu li a, .menu ul li a, .grey, .breadcrumbs a, .breadcrumbs__separator, .poslednaja-novost .anons, .new .anons, .poslednaja-novost .new-title, .new .new-title, .bottom-banner-blok .blok .title, #kak-prohodit .title, .top-kurs-block .kurs-name { font-size: 15px; line-height: 16px; text-align: center; } .info-img .white small, .breadcrumbs__current { font-size: 14px; line-height: 16px; } .poslednaja-novost .anons, .new .anons { line-height: 20px; margin: 10px 0; } .org-name { font-size: 20px; line-height: 20px; padding: 0 0 10px 0; } .top-banner-blok small { line-height: 20px; } .header-bottom-block .flex { min-height: 0; } .bottom-banner-blok .blok .grey, .bottom-banner-blok .blok .grey p { font-size: 14px; line-height: 16px; } .zajavka-btn { background: #0c4181; border-radius: 20px; } .prepod-block a, .kurs-block, .kurs-pop-block { max-width: 330px; max-height: 100%; height: auto; padding-bottom: 10px; } .bottom-kurs-block .small-text { top: 3px; left: 0; } .old-price { left: 20px; bottom: -5px; } #tipy-akkreditacij table { margin-top: 0; } .pop-kursy .kyrsy-list { justify-content: center; } .kurs-pop-block .top-kurs-block .small { text-align: left; margin-bottom: 125px; } .img-fon { height: 240px; } #response .top-kurs-block .small { margin: 0; font-size: 13px; } #response .img-fon { height: auto; } #response .top-kurs-block p:last-child { margin-bottom: 0; } #response .zajavka-btn, .filter-btn, #response .podrobnee-arrow { height: 50px; line-height: 50px; font-size: 15px; border-radius: 12px; margin: 20px 0 -20px 0; } .flex-filter-btn { gap: 5px; } .flex-filter-btn button { width: 130px; margin: 0; font-size: 14px; line-height: 24px; } #response .zajavka-btn { width: 100%; } #response .podrobnee-arrow { background-color: rgba(238, 241, 251, 1); width: 50px; } .kurs-pop-block .kurs-image, .kurs-block .kurs-image { width: 110px; height: 110px; } .kurs-pop-block .kurs-image { margin: 50px auto 0 auto; } .kurs-block .kurs-image { display: block; margin: 0 auto; } .kurs-pop-block .flex { display: block; text-align: center; } #tipy-akkreditacij .flex { justify-content: center; } #tipy-akkreditacij .small { min-height: auto; } #tipy-akkreditacij .img-fon { padding: 20px 0 0 0; } #tipy-akkreditacij .bottom-kurs-block { margin-bottom: 0; } .kurs-pop-block .top-kurs-block { max-width: 100%; padding: 0 20px; height: 210px; top: -160px; position: relative; } #tipy-akkreditacij .kurs-pop-block .top-kurs-block { top: 0; } #prichiny .blok { font-size: 16px; line-height: 18px; } .bottom-kurs-block { padding: 10px 0; display: block; } .bottom-kurs-block table img { width: 42px; height: 42px; } .bottom-kurs-block .param { font-size: 15px; text-align: left; } .grey-fon { width: auto!important; position: initial; background: none; } .kurs-pop-block .zajavka-btn { margin: 25px auto 0 auto; width: 100%; font-size: 15px; line-height: 42px; height: 42px; border-radius: 10px; } #preim .right-blok .all-center { margin-bottom: 10px; } #preim .right-blok .all-center p { padding: 0; margin: 5px 0 0 0; } .bottom-banner-blok .title br { display: none; } #uslovija .bottom-banner-blok .title { padding-top: 10px; } #licenzija .lic-images { text-align: center; } #licenzija .lic-images img { max-width: 45%; } #documenty .title-descr, .docs-gallery, #prichiny .blok { width: 100%; } .slick-slide img { max-width: 100%; } #documenty .grid { padding: 25px 30px 40px 30px; grid-template-columns: 1fr; } .blue-blok .h2, .blue-blok2 .h2, #akkreditacija .blue-blok, #prichiny { padding: 35px; width: 100%; } #preim .left-blok img { margin-left: 100px; } #preim .left-blok img { width: 180px; height: 180px; } .strelka-icon { width: 63px; height: 18px; margin-right: 10px; } .podrobnee { top: 105px; } .podrobnee .h3 { font-size: 20px; } .prev-news-blok a:first-child { display: flex; } #centr-obrazovanija .left-block, #centr-obrazovanija .left-block { max-width: 100%; } .yandex-map { min-width: auto; } .video-otzyvy, .audio-otzyvy { display: flex; justify-content: center; } #sw-app-2ca82e97287a964762a867cd1211489a { margin: 0!important; } #head-info .flex { flex-wrap: wrap; } #head-info .flex .info-text h2 br { display: none; } .info-img .flex-block { } .fire-icon { width: 32px; height: 32px; margin-right: 5px; } .info-text table td { line-height: 20px; } #head-razdel-kursov-info table { margin-bottom: 20px; } #faq summary { font-size: 16px; line-height: 18px; padding: 10px 15px; } #faq details p { font-size: 14px; line-height: 16px; } #faq [data-css-icon] i { width: 32px; height: 32px; min-width: 32px; min-height: 32px; } #faq summary + * { padding: 10px 15px; } #akkreditacija .blue-blok { background-image: none; } .kurs-block .img-fon { width: 100%; padding: 20px; display: block; } .kyrsy-list { margin: 0 auto!important; max-height: 500px; overflow-y: scroll; } .tab-content { margin: 20px 0; } #kursy .kurs-pop-block .top-kurs-block, #pohozie-kursy .kurs-pop-block .top-kurs-block { position: relative; } #rekvizity .blok50 { width: 100%; margin-bottom: 20px; } #priglashaem-partnerov, #priglashaem-partnerov .ul-uslugi { padding: 0; } #priglashaem-partnerov .bg { padding: 30px; background-image: none; } #rekvizity .block { margin-bottom: 10px; } #o-nas #first-block .tri-block .all-center p { margin-top: 5px; } #onas-links { grid-template-columns: 1fr 1fr; } #onas-links a { font-size: 14px; padding: 5px 10px; } .mob-scroll { width: 100%; overflow-y: scroll; } .tab th, .tab td { font-size: 12px; padding: 2px 5px; } #prepodavatel .h100 { display: none; } #prepodavatel .grid { gap: 10px; grid-template-columns: auto; grid-template-areas: "p-right" "p-center" "p-left"; } #prepodavatel .right-block { flex-direction: column-reverse; } #prepodavatel .prep-foto { width: 100%; min-height: 400px; } .stazh-raboty { text-align: right; } .biggest, .big-data { font-size: 36px; line-height: 40px; } #prepodavatel .right-block .grey { font-size: 12px; margin: 0; } #head-prepods-info .blue-block { position: initial; } #head-prepods-info .blue-block .h3 { flex-direction: column-reverse; } #head-prepods-info .blue-block .h3 { font-size: 28px; line-height: 30px; text-align: center; margin-bottom: 30px; } #head-prepods-info .info-text .grid { grid-template-columns: auto; gap: 10px; } #korp-content .flex, #photo-content .flex { justify-content: space-around; gap: 0; } .flex-news { flex-wrap: wrap; flex-direction: column-reverse; } .prepod-block .grey, .prep-name { padding: 0; } .novost-page .image-block, .novost-page .image-block img { margin-top: 0; } .prepod-block .img-fon { width: 300px; } .prepod-block img { max-width: none!important; } .prev-news-blok::-webkit-scrollbar, .prev-news-blok::-webkit-scrollbar-button, .flex .kyrsy-list::-webkit-scrollbar, .flex .kyrsy-list::-webkit-scrollbar-button { width: 16px; } #opisanie-kursa .zagol, #opisanie-kursa2 .zagol { margin-bottom: -10px; } #opisanie-kursa .right-block, #opisanie-kursa2 .right-block { margin-top: 30px; } .moduli .grid { grid-template-columns: 75px 40px auto; } .moduli .grid div:first-child, .moduli .grid .m-text p { font-size: 16px; } .moduli .grid .m-text h3 { font-size: 20px; } .anons .grid { grid-template-columns: auto; } .anons .meta, .anons .text { font-size: 14px; } .anons .format { margin-top: 0; } .stoimost .ceny-table { min-width: 100%; } .ceny-table table { padding: 20px; } .st-title, .st-descr { font-size: 14px; min-width: 150px; } .st-cena { font-size: 22px; } .right-st-block .flex { flex-wrap: wrap; } .block2col_form .left-block, .block2col_form .right-block { width: 100%; } } @media (min-width: 992px) { .no-desctop { display: none; } .prev-news-blok a:first-child { display: none; } #response { margin-right: 10px; width: 900px; padding: 0 30px; } .docs-gallery { margin-top: 90px; } } @media (min-width: 992px) and (max-width: 1279px) { .banner { background-image: url(/wp-content/themes/MniaTheme/img/banner-desctop-1360.jpg); margin-bottom: 100px; } .logo-block img { max-width: 350px; } h1 { margin: 25px 0; } h1, .top-banner-blok h1, h2, .h2 { font-size: 40px; line-height: 42px; } h3, .h3 { font-size: 30px; } .big { font-size: 26px; } h4 { font-size: 20px; } .mail, .phone, .info, .menu li a, .menu ul li a, .grey, .breadcrumbs a, .breadcrumbs__separator, .poslednaja-novost .anons, .new .anons, .poslednaja-novost .new-title, .new .new-title, .bottom-banner-blok .blok .title, #kak-prohodit .title, .top-kurs-block .kurs-name { font-size: 18px; line-height: 20px; } .top-banner-blok .block-left { max-width: 500px; } .img-fon { height: 200px; } .poslednaja-novost .anons, .new .anons { line-height: 22px; margin: 10px 0; } .org-name { font-size: 28px; line-height: 28px; padding: 0; } .bottom-banner-blok { margin: 70px 0; } .bottom-banner-blok .blok { width: 24%; height: auto; } .bottom-banner-blok .blok img { margin-top: -70px; margin-bottom: -20px; } .bottom-banner-blok .blok .grey { font-size: 16px; line-height: 18px; } #novosti .grid, #kursy-prepodavatela .grid { grid-template-columns: auto auto; } .prev-news-blok { width: 440px; } .prev-news-blok::-webkit-scrollbar, .prev-news-blok::-webkit-scrollbar-thumb { width: 24px; } .prev-news-blok::-webkit-scrollbar-button { width: 24px; height: 24px; } .novost .prev-img { min-width: 100px; width: 100px; } .search-result .prev-img img { min-width: 100px; } .setka, .setka-akr { gap: 4px; } .setka .imgresize, .setka-akr .imgresize { width: 250px; height: 250px; } .setka-akr .div1 { height: 510px; } .setka .div3 .napr-title, .setka .div9 .napr-title, .setka-akr .div1 .napr-title { margin: 107px 0 0 15px; } .napr-title { font-size: 18px; line-height: 20px; margin: 110px 0 0 15px; width: 230px; } .imgresize img { max-width: 378px; } .novost { gap: 5px; padding: 15px; margin: 0; } .last-news-blok { padding: 15px 25px; } .text_and_img .right-block, .lic-descr { max-width: 500px; } #documenty .title-descr { max-width: 530px; } #preim .left-blok img { margin-left: 150px; } #preim .left-blok img { width: 230px; height: 230px; } .strelka-icon { width: 63px; height: 18px; margin-right: 10px; } .podrobnee { top: 135px; } .pop-kursy .kyrsy-list { justify-content: space-around; } #ajaxsearchliteres2 { min-width: 320px; } } @media (max-width: 1279px) { .max-width { padding: 0 15px; } .infolink-block .info { max-width: 250px; display: inline-block; line-height: 16px; } .big-image { width: 100%; } .bottom-banner-blok .blok img { width: 100%; } .tabs>label { height: 34px; line-height: 34px; padding: 0px 20px; font-size: 18px; } #preim .right-blok { width: auto; max-width: 520px; margin-right: 0px; } #preim .right-blok .padding-left { padding: 0; } .wrapper section { margin-bottom: 30px; } .lic-title { max-width: 100%; } .stoimost > .flex { flex-wrap: wrap; } } /* Максимальная ширина сайта */ @media (min-width: 1280px) { .banner { background-image: url(/wp-content/themes/MniaTheme/img/banner-desctop.jpg); margin-bottom: 100px; } } @media (min-width: 1280px) and (max-width: 1920px) { .max-width { width: 1280px; } .banner { min-height: 586px; } .top-banner-blok .block-left { padding-top: 30px; } .top-banner-blok .block-right { padding-top: 50px; } .bottom-banner-blok .blok { width: 250px; height: 330px; padding: 0 15px; } .wrapper section { margin-bottom: 100px; } .bottom-banner-blok .blok img { margin-bottom: -25px; } .bottom-banner-blok .blok .title, #kak-prohodit .title { line-height: 22px; } .bottom-banner-blok { margin: 100px 0 50px 0; } .grey, .breadcrumbs a, .breadcrumbs__separator { font-size: 16px; } .red-btn, .b24-form-btn, .blue-btn { width: 210px; line-height: 44px; } .tabs>label, .b24-form-btn, .filter input.number, .filter span, .filter input.search { height: 44px; line-height: 44px; font-size: 18px; } .b24-form-btn { min-height: 44px!important; padding: 0!important; } .b24-form-control-string .b24-form-control, .b24-form-control-list .b24-form-control, .b24-form-control-text .b24-form-control, .b24-form-control-select .field-item { height: 44px!important; } .kurs-pop-block { max-width: 400px; max-height: 380px; } .kurs-pop-block .img-fon { width: 370px; } .iso-style .kurs-pop-block .img-fon { width: 100%; } .top-kurs-block .kurs-name { font-size: 16px; line-height: 16px; } .img-fon { height: 190px; } .kurs-pop-block .kurs-image { width: 100px; height: 100px; } .kurs-pop-block .zajavka-btn { height: 50px; line-height: 50px; } .kurs-pop-block .grey-fon { width: 180px; height: 42px; bottom: 10px; background: url(/wp-content/themes/MniaTheme/img/icons/grey-bg-min.webp) 0 0 no-repeat; } .zajavka-btn { width: 135px; background-size: 100% 100%; } #response .bottom-kurs-block .zajavka-btn { width: 200px; } .kurs-pop-block .fire-icon { margin: -25px 0 0 137px; } #preim .left-blok img { margin-left: 160px; width: 270px; height: 270px; } #preim .right-blok .red-ramka { line-height: 40px; } .podrobnee { top: 152px; } h1 { font-size: 52px; line-height: 54px; margin: 30px 0; } h1.small-font { font-size: 36px; line-height: 40px; } h2, .h2 { font-size: 40px; line-height: 40px; } .top-banner-blok .h2, .top-banner-blok h1 { font-size: 46px; line-height: 46px; max-width: 450px; } h3, .h3 { font-size: 32px; } .info-text .grey, .info-text .bold, .info-text table td { font-size: 16px; line-height: 20px; } #otvetim .blue-blok { height: 540px; } .blue-blok .h2, .blue-blok2 .h2 { padding: 70px 0 0 80px; } .mini-block .h2, .mini-block .b24-form { padding: 50px 0 0 80px; } .pop-kursy .kyrsy-list { justify-content: flex-start; gap:30px; } #ajaxsearchliteres2 { min-width: 500px; } #head-info .flex { justify-content: space-between; } #novosti .grid, #kursy-prepodavatela .grid { grid-template-columns: auto 660px; } .novost { padding: 15px 5px; gap: 10px; } .prev-news-blok { width: 650px; max-height: 550px; } .prev-news-blok .prev-img { width: 210px; min-width: 210px; height: 89px; } .last-news-blok { padding: 15px 25px; } .poslednaja-novost .new-title, .new .new-title { font-size: 20px; line-height: 22px; } .big-image { max-width: 615px; } .poslednaja-novost .anons, .new .anons { line-height: 20px; margin: 15px 0; } .lic-title, .lic-descr { max-width: 430px; } .lic-images img { width: 180px; } #documenty .title-descr { max-width: 720px; } #akkreditacija .blue-blok { padding: 50px; height: 700px; } #akkreditacija .blue-blok .h2 { margin: 0; } #prichiny { padding: 5px 30px 20px 30px; } .info-img, .info-img2 { width: 378px; min-height: 378px; height: 378px; gap: 20px; } .info-img { min-width: 378px; } .imgresize img { max-width: 378px; } .info-img .flex-block { width: 378px; margin-top: 270px; } .info-img2 .flex-block { margin: 240px 0 0 -20px; } .setka .imgresize, .setka-akr .imgresize { width: 302px; height: 302px; } .setka .div3, .setka .div9, .setka-akr .div1 { height: 626px !important; } .setka .napr-title, .setka-akr .napr-title { font-size: 20px; line-height: 24px; } .setka .napr-title { margin: 145px 0 0 35px; } .setka-akr .napr-title { margin: 145px 0 0 22px; } .setka .div3 .napr-title, .setka .div9 .napr-title, .setka-akr .div1 .napr-title { margin: 468px 0 0 35px; } .map-block { width: 780px; } #rekvizity .blok50 { width: 620px; } #priglashaem-partnerov { padding: 0px 0px 40px 40px; } #priglashaem-partnerov .bg { padding: 30px; } .akred .right-block .right-blok { max-width: 320px; height: fit-content; } .akred .right-blok .blue-btn { width: 260px; } #process-akred .block { width: 300px; } #process-akred .block:before { margin: 85px 0 0 -155px; } .news-list { gap: 20px; } .new { width: 400px; } .new .medium-image { width: 340px; height: auto; } .kyrsy-list { max-height: 670px; overflow-y: scroll; } .kurs-block { width: 840px; } .kurs-block .img-fon { width: 810px; } .kurs-block .kurs-image { width: 170px; height: 170px; margin-left: 0px; } .contacts-block, .button-socials-block { gap: 40px; } .yandex-map { min-width: 550px; } #kak-prohodit .block { max-width: 500px; width: 100%; } .points img { width: 200px; } .kurs-img img { width: 650px; } #head-prepods-info .kurs-img img { width: 560px; margin-top: -40px; } #head-prepods-info .blue-block { max-width: 1280px; } } @media (max-width: 1920px) { .novost { margin: 0 10px; } .prev-img img { width: 100%; height: auto; } .prev-descr { padding: 0 10px; } .novost .n-date { min-width: 80px; } .prev-descr .new-title, .n-razdel { font-size: 16px; line-height: 18px; } .lic-descr p { line-height: 20px; } .prepod-block { margin-top: 50px; min-width: 340px; } .prepod-block img { margin-top: -50px; z-index: 10; } .prepod-block .img-fon { height: 275px; } #head-info .flex { padding-right: 0; } .filter { width: 320px; } .blue-check { margin-bottom: 0; } .blue-check label { font-size: 14px; line-height: 20px; margin-bottom: 10px; padding-left: 30px; } .blue-check label:before { width: 20px; height: 20px; } .blue-check label:before, .blue-check input[type=radio]:checked + label:before { background-size: contain; } .b24-form-field { margin-bottom: 0!important; } .filtr-block .flex { flex-wrap: nowrap; } .filter input.number { width: 100%; } .kurs-block .flex { gap: 20px; } .scroll-list { max-height: 200px; } #head-kurs-info > .flex { justify-content: center; } .kurs-img img { border-radius: 30px; /* border-top-right-radius: 30px; border-bottom-right-radius: 30px; */ } .opisanie-kursa { margin-top: 50px; } } @media (min-width: 1921px) { /* для разрешений больше 1921px */ .max-width { width: 1540px; } .banner { min-height: 100px; } .yandex-map { min-width: 745px; } .prev-news-blok::-webkit-scrollbar, .prev-news-blok::-webkit-scrollbar-thumb { height: 56px; } .prev-news-blok::-webkit-scrollbar-button { width: 56px; height: 56px; } .scroll-list { max-height: 200px; } .kyrsy-list { max-height: 670px; overflow-y: scroll; } .top-kurs-block .kurs-name { font-size: 18px; line-height: 20px; } .info-img, .info-img2 { width: 378px; min-height: 378px; height: 378px; gap: 20px; } .info-img { min-width: 378px; } .imgresize img { max-width: 378px; } .info-img .flex-block { width: 378px; margin-top: 270px; } .info-img2 .flex-block { margin: 240px 0 0 -20px; } }