Вебинары 1С

.home{ overflow-x: hidden !important; overflow-y: scroll !important; } body::-webkit-scrollbar { width: 10px; background: transparent; border-radius: 10px; } body::-webkit-scrollbar-thumb { background: #686b9f; border-radius: 10px; } body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); border-radius: 10px; background-color: #f9f9fd; } a { text-decoration: none; color: #ffffff; } * { transition: none; } a:hover, a:focus, button:hover, button:focus { transition: all 0.3s ease; } img { max-width: 100%; max-height: 100%; height: auto; } ::-moz-selection { background-color: #087413; color: #ffffff; } ::selection { background-color: #087413; color: #ffffff; } .home { margin: 0; padding: 0; font-family: "Helvetica", "Arial", sans-serif; font-size: 18px; line-height: 24px; font-weight: 400; font-style: normal; color: #333333; } .home a:hover, .home a:focus { text-decoration: none; } .visually-hidden, input[type="checkbox"].visually-hidden, input[type="radio"].visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; white-space: nowrap; -webkit-clip-path: inset(100%); clip-path: inset(100%); clip: rect(0 0 0 0); overflow: hidden; } main { display: block; } .home-header .burger, .home-header .burger-close { display: none; } .home-header .wrap-right { width: 25%; order: 1; margin-left: auto; } .home-header .top-right { justify-content: flex-end; } .home-header .mob-bottom, .home-header .mob-top { display: flex; flex-wrap: wrap; align-items: center; } .home-header .mob-top { width: 35%; } .home-header .menu-wrap { width: 50%; } @media (max-width: 1199px) { .home-header .menu-wrap { width: 65%; } } @media (max-width: 991px) { .home-header .wrap-right .button { position: fixed; display: none; padding: 10px; bottom: 40px; right: 40px; border-radius: 50%; width: 75px; min-width: auto; height: 75px; z-index: 10; font-size: 0; background-image: url("../img/phone.svg"); background-repeat: no-repeat; background-position: center; } } .home-header .main-nav { display: flex; flex-wrap: wrap; border-bottom: 1px solid #c3c3c3; } @media (max-width: 991px) { .home-header .main-nav { border: 0; } } .home-header .header-top { width: 100%; border-bottom: 1px solid #c3c3c3; } .container { width: 930px !important; } .container.home-container--padding { max-width: 1390px; } @media (min-width: 992px) { .container.home-container { width: 970px !important; } } @media (min-width: 1200px) { .container.home-container { width: 1170px !important; } } /* Стили для контейнера при 1000px */ @media (max-width: 1000px) { .container.home-container { width: 970px !important; padding: 0 15px; } .container.home-container--padding { max-width: 970px; } } @media (min-width: 1700px) { .container.home-container { width: 1670px !important; } } @media (max-width: 991px) { .container.home-container { padding: 0 40px; width: auto !important; } .container.home-container--fluid { width: auto !important; margin: 0 !important; padding: 0 !important; } } @media (max-width: 369px) { .container.home-container { padding: 0 15px; width: auto !important; } .container.home-container--fluid { width: auto !important; margin: 0 !important; padding: 0 !important; } } .clb.modal { background-color: rgba(121, 124, 176, 0.52); } .bx-breadcrumb a{ color: #337ab7; } .callback.modal-content { border-radius: 30px; } .expert-article p { text-indent: 1.2em; } .callback .wrap { padding: 30px; width: 65%; margin: 0 auto; } @media (max-width: 767px) { .callback .wrap { width: 100%; } } .callback .wrap button { display: inline-block; margin: 0; padding: 15px 20px; min-width: 200px; border-radius: 30px; border: 0; background-color: #686b9f; color: #fff; text-align: center; font-size: 16px; line-height: 20px; font-weight: 700; outline: 0; margin-bottom: 20px; } .callback .wrap .modal-title { margin-bottom: 40px; font-size: 24px; line-height: 25px; text-align: center; color: #eea041; } @media (max-width: 767px) { .callback .wrap .modal-title { font-size: 18px; line-height: 20px; } } .callback .wrap span { display: block; width: 70%; margin: 0 auto; font-size: 14px; line-height: 18px; color: #797cb0; text-align: center; } .callback .wrap .modal-body { padding: 0; } .callback .wrap form { width: 80%; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; } .callback .wrap form input { display: block; outline: 0; width: 100%; margin-bottom: 15px; padding: 15px 30px; background-color: #fff; border-radius: 30px; border: 1px solid #eea041; color: #5f5f5f; font-size: 14px; font-weight: 300; } @media (max-width: 767px) { .callback .wrap form input { padding: 10px 20px; } [class*="span"] { float: left; min-height: 1px; width: 100%; /* margin-left: 20px; */ } .container { width: inherit !important; } .korpus { display: none; /* width: 100%; */ } } .home-header { position: relative; z-index: 3; padding-top: 10px; } .home-header .collapse { display: block; } @media (max-width: 991px) { .home-header .collapse { display: none; height: auto; } } .home-header .header-top, .home-header .top-left, .home-header .top-right, .home-header .title { display: flex; flex-wrap: wrap; } .home-header .header-top { align-items: center; padding: 5px 0; } @media (max-width: 991px) { .home-header .header-top { padding: 5px 15px; padding-bottom: 20px; } } .home-header .top-left { align-items: baseline; } .home-header .top-right { width: 43%; display: flex; align-items: center; margin-left: auto; } @media (min-width: 1700px) { .home-header .top-right { width: 34%; } } @media (max-width: 1199px) { .home-header .top-right { width: 50%; } } /* Стили для верхней части хедера при 1000px */ @media (max-width: 1000px) { .home-header .top-right { width: 45%; justify-content: space-between; } .home-header .top-left { width: 55%; } .home-header .title p { font-size: 14px; line-height: 16px; margin-right: 15px; } .home-header .phone-number { font-size: 14px; line-height: 18px; margin-right: 20px; } .home-header .address .city-name { font-size: 13px; line-height: 15px; min-width: 120px; } } @media (max-width: 991px) { .home-header .top-right { justify-content: space-between; align-items: center; width: 100%; margin-top: 20px; } } .home-header .logo { display: block; margin-right: 35px; } .home-header .title { font-weight: 700; } .home-header .title p { margin-right: 20px; } @media (max-width: 767px) { .home-header .title { margin: 10px 0; } } @media (max-width: 500px) { .home-header .title { width: 100%; } } .home-header .winner { flex-grow: 1; } .home-header .winner img { display: block; margin: 0 auto; } @media (max-width: 1199px) { .home-header .winner { order: 1; } } @media (max-width: 991px) { .home-header .winner { display: none; } } .home-header .address { margin-right: 20px; } @media (max-width: 991px) { .home-header .address { order: -1; } } @media (max-width: 767px) { .home-header .address { order: -2; margin-bottom: 20px; } } .home-header .address .city-name { cursor: pointer; outline: 0; display: inline-block; padding: 0; min-width: 140px; position: relative; border: none; font-size: 14px; line-height: 16px; font-weight: 300; color: #5f5f5f; padding-right: 5px; background-color: transparent; } .home-header .address .city-name:hover, .home-header .address .city-name:focus, .home-header .address .city-name:active { background-color: transparent; box-shadow: none; } .home-header .address .city-name .text { position: relative; } .home-header .address .city-name .text::after { content: ""; position: absolute; bottom: 3px; right: -20px; width: 12px; height: 7px; background-image: url("../img/icon-check.svg"); background-repeat: no-repeat; background-position: bottom right; transition: transform 0.3s ease; } @media (max-width: 991px) { .home-header .address .city-name { text-align: left; } .home-header .address .city-name .text::after { width: 12px; height: 5px; right: -18px; } } .home-header .address .dropdown.open .city-name::after { transform: rotate(180deg); } .home-header .phone-number { display: block; margin-right: 55px; font-size: 16px; line-height: 20px; font-weight: 700; color: #5f5f5f; } @media (max-width: 1699px) { .home-header .phone-number { margin-right: 5px; } } @media (max-width: 991px) { .home-header .phone-number { width: 47%; font-size: 15px; text-align: center; order: -1 !important; } } .home-header .lang .dropdown-menu { min-width: 100px; } @media (max-width: 991px) { .home-header .lang { margin-left: auto; order: 1; } } @media (max-width: 767px) { .home-header .lang { order: -2; margin-bottom: 20px; margin-left: auto; } } @media (max-width: 1199px) { .home-header .lang .dropdown-menu { left: -100%; } } .home-header .lang .lang-name { outline: 0; display: block; padding: 0; min-width: 45px; border: none; font-size: 18px; line-height: 20px; font-weight: 700; color: #5f5f5f; cursor: pointer; background-color: transparent; } .home-header .lang .lang-name .text { display: inline-block; padding-right: 20px; position: relative; } .home-header .lang .lang-name .text::after { content: ""; position: absolute; bottom: 4px; right: 0; width: 12px; height: 7px; background-image: url("../img/icon-check.svg"); background-repeat: no-repeat; background-position: bottom right; transition: transform 0.3s ease; } .home-header .lang .lang-name:hover, .home-header .lang .lang-name:focus, .home-header .lang .lang-name:active { background-color: transparent; box-shadow: none; } @media (max-width: 1199px) { .home-header .lang .lang-name .text { font-size: 12px; } } @media (max-width: 991px) { .home-header .lang .lang-name .text::after { width: 12px; height: 5px; bottom: 5px; } } .home-header .main-nav { margin-bottom: 0; } @media (max-width: 991px) { .home-header .main-nav { margin: 0 auto; padding: 0 15px; } } @media (max-width: 991px) { .home-header .navbar-header { float: none; } .home-header .navbar-left, .home-header .navbar-right { float: none !important; } .home-header .burger { display: block; position: absolute; top: 85px; right: 40px; width: 55px; height: 43px; background-color: transparent; border: 0; z-index: 2; background-image: url("../img/burger.svg"); background-repeat: no-repeat; } .home-header .burger-close { background-color: transparent; border: 0; display: block; position: absolute; top: 20px; left: 15px; width: 13px; height: 13px; background-image: url("../img/burger-close.svg"); background-repeat: no-repeat; } } .home-header .main-nav .social-list { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between; min-width: 75px; margin-left: auto; } .home-header .main-nav .social-list a { display: flex; justify-content: center; align-items: center; width: 35px; height: 35px; border-width: 1px; border-style: solid; border-radius: 50%; } .home-header .main-nav .social-list a:hover svg, .home-header .main-nav .social-list a:focus svg { fill: #fff; } .home-header .main-nav .social-list a.ytb { border-color: #e65648; } .home-header .main-nav .social-list a.ytb svg { fill: #e65648; } .home-header .main-nav .social-list a.ytb:hover, .home-header .main-nav .social-list a.ytb:focus { background-color: #e65648; } .home-header .main-nav .social-list a.ytb:hover svg, .home-header .main-nav .social-list a.ytb:focus svg { fill: #fff; } .home-header .main-nav .social-list a.insta { border-color: #e65648; } .home-header .main-nav .social-list a.insta svg { display: none; } .home-header .main-nav .social-list a.insta:hover, .home-header .main-nav .social-list a.insta:focus { background-color: #e65648; } .home-header .main-nav .social-list a.insta:hover img, .home-header .main-nav .social-list a.insta:focus img { display: none; } .home-header .main-nav .social-list a.insta:hover svg, .home-header .main-nav .social-list a.insta:focus svg { display: block; } .home-header .main-nav .social-list a.fb { border-color: #686b9f; } .home-header .main-nav .social-list a.fb svg { fill: #686b9f; } .home-header .main-nav .social-list a.fb:hover, .home-header .main-nav .social-list a.fb:focus { background-color: #686b9f; } .home-header .main-nav .social-list a.fb:hover svg, .home-header .main-nav .social-list a.fb:focus svg { fill: #fff; } @media (max-width: 991px) { .home-header .main-nav .social-list { width: 18%; max-width: 130px; margin: 0 auto; order: -1; } } .home-header .main-nav { z-index: 1; } @media (max-width: 1700px) { .home-header .main-nav .collapse { padding-bottom: 10px; } } .home-header .navbar-toggle span { background-color: #000; } .home-header .main-nav ul { list-style: none; } .home-header .site-nav { margin: 0; padding: 0; display: flex; flex-wrap: nowrap; justify-content: space-between; min-width: 700px; max-width: 800px; } /* Добавляем медиа-запрос для 1000px для исправления проблем с адаптивностью */ @media (max-width: 1000px) { .home-header .site-nav { min-width: 600px; max-width: 700px; justify-content: space-around; flex-wrap: nowrap; } .home-header .site-nav li { font-size: 14px; line-height: 20px; white-space: nowrap; flex-shrink: 0; } .home-header .site-nav .sub-wrap { padding: 8px; margin-top: 3px; white-space: nowrap; } .home-header .site-nav .sub-wrap a { white-space: nowrap; } .home-header .site-nav .sub-list { min-width: 250px; } .home-header .site-nav .sub-list a { padding: 12px; font-size: 16px; } } .home-header .site-nav li { position: relative; font-size: 15px; line-height: 23px; text-transform: uppercase; font-weight: 300; color: #5f5f5f; white-space: nowrap; flex-shrink: 0; } .home-header .site-nav li:hover, .home-header .site-nav li:focus { cursor: pointer; } .home-header .site-nav li:hover svg, .home-header .site-nav li:focus svg { fill: #eea041; } .home-header .site-nav li:hover .sub-wrap, .home-header .site-nav li:focus .sub-wrap { background-color: #eeeeee; transition: all 0.3s; } .home-header .site-nav li:hover .sub-list, .home-header .site-nav li:focus .sub-list { z-index: 10; opacity: 1; visibility: visible; overflow: visible; } .home-header .site-nav li .sub-text { position: relative; white-space: nowrap; } @media (max-width: 991px) { .home-header .site-nav li { width: 93%; margin: 0 auto; } .home-header .site-nav li .sub-list { background-color: transparent; position: static; flex-direction: column; } .home-header .site-nav li .sub-list li { padding-left: 5px; font-size: 15px; } .home-header .site-nav li .sub-list a { font-size: 14px; } .home-header .site-nav li:hover .sub-wrap, .home-header .site-nav li:focus .sub-wrap { background-color: rgba(104, 107, 159, 0.82); } .home-header .site-nav li:hover svg, .home-header .site-nav li:focus svg { fill: #fff; transform: rotate(180deg); transition: transform 0.3s; } .home-header .site-nav li:hover .sub-list, .home-header .site-nav li:focus .sub-list { max-height: 100%; background-color: rgba(104, 107, 159, 0.82); text-align: left; justify-content: flex-start; } } .home-header .site-nav .sub-wrap { display: flex; align-items: baseline; margin-top: 5px; padding: 10px; background-color: transparent; border-top-left-radius: 10px; border-top-right-radius: 10px; transition: all 0.3s; white-space: nowrap; flex-shrink: 0; } .home-header .site-nav .sub-wrap svg { fill: #5f5f5f; margin-left: 5px; } .home-header .site-nav .sub-wrap a { white-space: nowrap; text-decoration: none; } .home-header .site-nav .sub-wrap:first-of-type { margin-left: -15px; } .home-header .site-nav .sub-wrap:first-of-type + .sub-list { left: -15px; } @media (max-width: 991px) { .home-header .site-nav .sub-wrap { width: 100%; justify-content: center; } .home-header .site-nav .sub-wrap:first-of-type { margin-left: 0; } .home-header .site-nav .sub-wrap:first-of-type + .sub-list { left: 0; } } .home-header .site-nav .sub-list { position: absolute; top: 100%; left: 100%; min-width: 300px; opacity: 0; visibility: hidden; overflow: hidden; padding: 10px; background-color: #eea041; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .home-header .site-nav .sub-list a { display: block; padding: 15px; text-transform: none; font-size: 18px; line-height: 20px; font-weight: 300; border-radius: 10px; } .home-header .site-nav .sub-list a:hover, .home-header .site-nav .sub-list a:focus { color: #fff; text-decoration: none; background-color: #e39636; } @media (max-width: 991px) { .home-header .site-nav .sub-list { display: flex; flex-wrap: wrap; position: static; max-height: 0; padding: 0; overflow: hidden; z-index: 10; width: 100%; margin: 0 auto; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .home-header .site-nav .sub-list a:hover, .home-header .site-nav .sub-list a:focus { background-color: transparent; } } @media (max-width: 1199px) { .home-header .site-nav li { font-size: 15px; } } @media (max-width: 991px) { .home-header .site-nav { padding-top: 20px; text-align: center; flex-direction: column; justify-content: center; } .home-header .site-nav .sub-wrap { padding: 10px 25px; justify-content: flex-start; border-top-right-radius: 0px; border-top-left-radius: 20px; } .home-header .site-nav .sub-wrap svg { fill: #fff; } .home-header .site-nav .sub-wrap:first-of-type { margin: 0; } .home-header .site-nav .sub-wrap .sub-text { font-size: 16px; line-height: 20px; color: #fff; font-weight: 300; text-align: left; } .home-header .site-nav .sub-list { left: 0; min-width: auto; } .home-header .site-nav .sub-list a { font-size: 10px; padding: 10px; } } .home-header .custom { padding: 10px; z-index: 5; border: none; background-color: #eeeeee; border-radius: 20px; box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.16); } .home-header .custom li.clicked a { color: #fff; background-color: #797cb0; } .home-header .custom li.clicked a:hover, .home-header .custom li.clicked a:focus { font-weight: 300; color: #fff; background-color: #797cb0; } .home-header .custom a { padding: 5px 10px; background-color: transparent; border-radius: 20px; font-size: 14px; font-weight: 300; color: #797cb0; transition: none; } .home-header .custom a:hover:not(.active), .home-header .custom a:focus:not(.active) { font-weight: 400; color: #797cb0; background-color: transparent; } /*.home-header .search { margin: 0; margin-right: 10px; padding: 5px 0; padding-right: 25px; max-width: 200px; border: none; border-bottom: 1px solid transparent; background-image: url("../img/search.svg"); background-repeat: no-repeat; background-position: center right; transition: all 0.5s; cursor: pointer; } @media (min-width: 1700px) { .home-header .search { max-width: 265px; } }*/ /* Стили для поиска при 1000px */ @media (max-width: 1000px) { .home-header .search { max-width: 180px; padding-right: 20px; font-size: 13px; } } .home-header .search.active, .home-header .search:focus { outline: 0; border-color: #eea041; background-image: none; padding: 5px 0; height: 25px; padding-left: 35px; cursor: auto; } .home-header .search.active + button, .home-header .search:focus + button { display: block; opacity: 1; visibility: visible; overflow: visible; } @media (max-width: 767px) { .home-header .search { margin-bottom: 15px; } } .home-header .wrap { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } @media (max-width: 1199px) { .home-header .wrap { justify-content: flex-start; } .home-header .wrap .site-nav { min-width: auto; } } /* Дополнительные стили для 1000px */ @media (max-width: 1000px) { .home-header .wrap { justify-content: space-between; align-items: center; } .home-header .wrap .site-nav { min-width: 600px; max-width: 700px; } .home-header .wrap-right { width: 30%; justify-content: flex-end; } .home-header .wrap-right form { width: 40%; margin-right: 5px; } .home-header .wrap-right .button { font-size: 12px; padding: 12px 15px; min-width: 160px; } } @media (max-width: 991px) { .home-header .wrap { min-height: 380px; flex-direction: column; } .home-header .wrap .site-nav { width: 100%; padding-top: 60px; } } .home-header .wrap-right { min-width: 28%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .home-header .wrap-right form { position: relative; } .home-header .wrap-right form button { margin: 0; padding: 0; position: absolute; top: -10px; left: 0; border: none; background-color: transparent; width: 35px; height: 35px; background-image: url("../img/search.svg"); background-repeat: no-repeat; border-bottom: 1px solid transparent; background-position: center; opacity: 0; display: none; overflow: hidden; visibility: hidden; } @media (max-width: 1700px) { .home-header .wrap-right { width: 30%; } } /* Дополнительные стили для wrap-right при 1000px */ @media (max-width: 1000px) { .home-header .wrap-right { width: 32%; min-width: 25%; } .home-header .wrap-right form { width: 45%; margin-right: 8px; } } @media (max-width: 1199px) { .home-header .wrap-right { width: 35%; justify-content: flex-end; } .home-header .wrap-right form { width: 35%; margin-right: 10px; } .home-header .wrap-right form .search { width: 100%; } .home-header .wrap-right .button { margin: 0; order: 0; } } @media (max-width: 991px) { .home-header .wrap-right { justify-content: center; flex-direction: column; margin-top: 0; width: 100%; order: -1; } .home-header .wrap-right form { max-width: 200px; width: 25%; height: 35px; } .home-header .wrap-right form input { background-position: center; } } @media (max-width: 767px) { .home-header .wrap-right { width: 100%; } .home-header .wrap-right form { width: 70%; order: -1; } } .home-header .button { display: inline-block; margin: 0; padding: 15px 20px; min-width: 200px; border-radius: 15px; border: 0; background-color: #fff; border: 1px solid #eea041; color: #eea041; text-align: center; font-size: 16px; line-height: 20px; outline: 0; font-weight: 700; } .home-header .button--yellow { background-color: #eea041; color: #fff; } @media (max-width: 1199px) { .home-header .button { font-size: 13px; line-height: 13px; order: -1; margin: 0 auto; } } /* Стили для кнопки при 1000px */ @media (max-width: 1000px) { .home-header .button { font-size: 12px; line-height: 14px; padding: 12px 15px; min-width: 160px; order: 0; margin: 0; } } .main-home .centre { position: relative; background-image: url("../img/certificate-bg.jpg"); background-repeat: no-repeat; background-size: cover; padding-top: 130px; padding-bottom: 45px; } .main-home .centre .container { display: flex; flex-wrap: wrap; } .main-home .centre .content { width: 65%; } .main-home .centre .centre-img { display: block; margin-bottom: 30px; } .main-home .centre .centre-certificate { position: absolute; bottom: -110px; right: 300px; width: 28%; height: 520px; -o-object-fit: contain; object-fit: contain; } .main-home .centre .subheading { margin-bottom: 50px; font-size: 14px; line-height: 16px; font-weight: 300; color: #5f5f5f; } .main-home .centre .desc { width: 65%; font-size: 18px; line-height: 25px; font-weight: 700; color: #5f5f5f; } .main-home .centre h1 { width: 100%; margin-bottom: 25px; font-size: 36px; line-height: 40px; text-align: left; } .main-home .learning { padding-top: 170px; padding-bottom: 170px; background-image: url("../img/learn-bg.svg"); background-repeat: no-repeat; background-position: center right; } .main-home .learning h2 { margin-bottom: 55px; font-size: 50px; line-height: 60px; font-weight: 700; text-align: center; color: #eea041; } .main-home .learning .subheading { margin-bottom: 40px; text-align: center; font-size: 24px; line-height: 35px; font-weight: 700; color: #686b9f; } .main-home .learning .desc { width: 57%; margin: 0 auto; margin-bottom: 100px; font-size: 20px; line-height: 35px; font-weight: 300; text-align: center; color: #adadad; } .main-home .learning .desc a { color: #797cb0; text-decoration: underline; } .main-home .learning h3 { margin-bottom: 40px; text-align: center; font-size: 36px; line-height: 45px; font-weight: 700; color: #eea041; } .main-home .learning ul { margin: 0; padding: 0; list-style: none; display: flex; justify-content: space-between; width: 68%; margin: 0 auto; } .main-home .learning ul a { border-radius: 30px; min-width: 350px; padding: 27px; } .main-home .learning ul a:hover, .main-home .learning ul a:focus { transform: scale(1.1); } .main-home .directions { padding-bottom: 100px; } .main-home .directions .arrows { display: none; } .main-home .directions .tab-pane { text-align: center; } .main-home .directions .tab-pane .button { display: inline; margin: 0 auto; padding: 15px; border-radius: 30px; min-width: 260px; background-color: #fff; font-weight: 700; color: #686b9f; } .main-home .directions .tab-pane .button svg { fill: #686b9f; transform: rotate(-90deg); } .main-home .directions .tab-pane .button[aria-expanded="true"] { color: #fff; background-color: #686b9f; } .main-home .directions .tab-pane .button[aria-expanded="true"] svg { fill: #fff; transform: rotate(90deg); } .main-home .directions .tab-pane .button:hover, .main-home .directions .tab-pane .button:focus { color: #fff; background-color: #686b9f; } .main-home .directions .tab-pane .button:hover svg, .main-home .directions .tab-pane .button:focus svg { fill: #fff; transform: rotate(90deg); } .main-home .directions .directions-list { margin: 0; margin-bottom: 20px; padding: 0; width: 100%; } .main-home .directions .directions-list li { height: 140px; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-bottom: 20px; border: 1px solid #eeeeee; border-radius: 30px; } .main-home .directions .directions-list li:focus { outline: 0; } .main-home .directions .directions-list li .name { height: 140px; position: relative; text-align: left; display: flex; flex-direction: column; padding: 30px; padding-left: 50px; border-radius: 30px; width: 540px; background-color: #eeeeee; } .main-home .directions .directions-list li .name p { margin: 0; padding: 0; padding-right: 60px; font-size: 18px; line-height: 20px; font-weight: 700; width: 75%; color: #797cb0; } .main-home .directions .directions-list li .name a { position: absolute; bottom: 30px; right: 30px; display: block; margin-top: auto; margin-left: auto; color: #eea041; } .main-home .directions .directions-list li div { padding: 30px; display: flex; flex-direction: column; justify-content: center; } .main-home .directions .directions-list li div .button { background-color: #eea041; color: #fff; } .main-home .directions .directions-list li .time span, .main-home .directions .directions-list li .date span, .main-home .directions .directions-list li .count span { display: block; font-size: 18px; line-height: 25px; text-align: center; font-weight: 700; color: #797cb0; } .main-home .directions .directions-list li .time span:nth-child(2), .main-home .directions .directions-list li .date span:nth-child(2), .main-home .directions .directions-list li .count span:nth-child(2) { font-weight: 300; } .main-home .directions .directions-list li .date { min-width: 208px; } .main-home .directions .collapse { display: block; height: auto !important; max-height: 960px !important; overflow: hidden; } .main-home .directions .collapse.in { overflow: visible; max-height: none !important; } .main-home .directions .tabs { display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 45px; } .main-home .directions .tabs li { width: 30%; margin-bottom: 20px; } .main-home .directions .tabs a { padding: 25px; min-width: 400px; width: 95%; border-radius: 25px; color: #686b9f; } .main-home .directions .tabs a:hover, .main-home .directions .tabs a:focus { color: #fff; background-color: #797cb0; border-color: #797cb0; } .main-home .directions .tabs .active a { color: #fff; background-color: #797cb0; border-color: #797cb0; box-shadow: 3px 5px 12px 0px rgba(0, 0, 0, 0.15); } .main-home .directions h2 { font-size: 36px; line-height: 45px; color: #eea041; text-align: center; margin-bottom: 70px; } .main-home .reviews { padding-top: 50px; padding-bottom: 80px; background-color: #eeeeee; } .main-home .reviews h2 { font-size: 36px; line-height: 45px; color: #eea041; text-align: center; margin-bottom: 80px; } .main-home .reviews .bottom { margin-top: -100px; display: flex; justify-content: space-between; align-items: center; } .main-home .reviews .bottom .arrows { margin: 0; min-width: 160px; width: 160px; } .main-home .reviews .reviews-list { margin: 0; padding: 0; list-style: none; margin-bottom: 50px; } .main-home .reviews .reviews-list .slick-track { min-height: 400px; } .main-home .reviews .reviews-list .reviews-item { position: relative; top: 40px; min-height: 249px; margin-right: 10px; display: flex; flex-wrap: wrap; width: 32%; padding: 20px; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.16); background-color: #fff; border-radius: 30px; } .main-home .reviews .reviews-list .reviews-item .button { position: absolute; bottom: -20px; right: 30px; min-width: 120px; } .main-home .reviews .reviews-list .top-info { display: flex; flex-wrap: wrap; } .main-home .reviews .reviews-list img { display: block; position: relative; top: -50px; } .main-home .reviews .reviews-list .date { font-size: 14px; line-height: 15px; font-weight: 300; margin-left: auto; color: #eea041; order: 1; } .main-home .reviews .reviews-list .name { font-size: 18px; line-height: 20px; font-weight: 300; align-self: center; margin-top: -40px; margin-left: 15px; color: #797cb0; } .main-home .reviews .reviews-list .content p { margin: 0; padding: 0; font-size: 16px; line-height: 24px; color: #5f5f5f; margin-top: -20px; margin-bottom: 20px; } .main-home .consultation { padding-top: 50px; padding-bottom: 115px; } .main-home .consultation form { display: flex; flex-direction: column; background-color: #fff; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.16); border-radius: 30px; padding: 60px; padding-bottom: 80px; } .main-home .consultation form h3 { margin: 0; margin-bottom: 60px; padding: 0; font-size: 24px; line-height: 30px; font-weight: 700; text-align: center; color: #eea041; } .main-home .consultation form span { display: block; max-width: 220px; margin: 0 auto; font-size: 14px; line-height: 16px; font-weight: 300; text-align: center; color: #797cb0; } .main-home .consultation form .center { display: flex; justify-content: space-between; width: 80%; margin: 0 auto; margin-bottom: 35px; } .main-home .consultation form .center .button { min-width: 260px; border-radius: 30px; padding: 10px; } .main-home .consultation form input { display: block; outline: 0; width: 330px; padding: 15px 30px; background-color: #fff; border-radius: 30px; border: 1px solid #eea041; color: #5f5f5f; font-size: 14px; font-weight: 300; } @media (max-width: 767px) { .main-home .consultation form input { padding: 10px 20px; } } .main-home .consultation .col { width: 98%; margin: 0 auto; margin-bottom: 140px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .main-home .consultation .col img { display: block; width: 470px; } .main-home .consultation .content { padding-top: 80px; } .main-home .consultation .content h2 { margin: 0; margin-bottom: 70px; padding: 0; font-size: 36px; line-height: 45px; font-weight: 700; color: #797cb0; } .main-home .consultation .content p { width: 70%; padding-left: 50px; font-size: 20px; line-height: 24px; color: #707070; } .main-home .features .home-container--fluid { width: auto !important; padding: 0; margin: 0; } .main-home .features .features-list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; } .main-home .features .features-list li { min-height: 100px; margin-bottom: 150px; position: relative; display: flex; align-items: center; } .main-home .features .features-list li p::before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 92px; height: 93px; background-repeat: no-repeat; background-position: left center; } .main-home .features .features-list li:nth-child(2) .content { order: -1; padding-right: 0; margin-left: auto; } .main-home .features .features-list li:nth-child(2) .content p { width: 96%; } .main-home .features .features-list li:nth-child(2) img { margin: 0; margin-left: auto; } .main-home .features .features-list li.group-1 p::before { background-image: url("../img/group-icon-1.svg"); } .main-home .features .features-list li.group-2 p::before { background-image: url("../img/group-icon-2.svg"); } .main-home .features .features-list li.personal-1 p::before { background-image: url("../img/individual-icon-1.svg"); } .main-home .features .features-list li.personal-2 p::before { background-image: url("../img/individual-icon-2.svg"); } .main-home .features .features-list li.personal-3 p::before { background-image: url("../img/individual-icon-3.svg"); } .main-home .features .features-list li.corporative-1 p::before { background-image: url("../img/corporate-icon-1.svg"); } .main-home .features .features-list li.corporative-2 p::before { background-image: url("../img/corporate-icon-2.svg"); } .main-home .features .features-list li.corporative-3 p::before { background-image: url("../img/corporate-icon-3.svg"); } .main-home .features .features-list h2 { margin-bottom: 55px; font-size: 30px; line-height: 33px; font-weight: 700; color: #797cb0; } .main-home .features .features-list .content { width: 40%; margin-left: 70px; } .main-home .features .features-list .content .button { padding: 20px; font-size: 20px; border-radius: 25px; min-width: 250px; max-width: 265px; margin-left: auto; } .main-home .features .features-list ul { margin: 0; padding: 0; list-style: none; padding-left: 80px; } .main-home .features .features-list ul li { display: flex; align-items: center; margin-bottom: 25px; padding-left: 140px; } .main-home .features .features-list ul p { margin: 0; width: 77%; padding: 20px 0; font-size: 20px; line-height: 23px; font-weight: 300; color: #5f5f5f; } .main-home h1 { display: block; width: 50%; margin: 0 auto; margin-bottom: 55px; padding: 0; font-size: 30px; line-height: 35px; font-weight: 700; text-align: center; color: #eea041; } @media (max-width: 1199px) { .main-home h1 { width: 91%; font-size: 20px; line-height: 20px; } } @media (max-width: 991px) { .main-home h1 { width: 70%; margin-bottom: 35px; } } .main-home .button { display: inline-block; margin: 0; padding: 15px 20px; min-width: 200px; border-radius: 20px; border: 0; background-color: #fff; border: 1px solid #eea041; color: #eea041; text-align: center; font-size: 16px; line-height: 20px; font-weight: 700; } .main-home .button:hover, .main-home .button:focus { background-color: #eea041; color: #fff; } .main-home .button--blue { background-color: #686b9f; color: #fff; border-color: #686b9f; padding: 10px; } .main-home .button--blue:hover, .main-home .button--blue:focus { background-color: #686b9f; color: #fff; } .main-home .button--yellow { background-color: #eea041; color: #fff; } @media (max-width: 991px) { .main-home .button { font-size: 13px; line-height: 13px; order: -1; margin: 0 auto; } } .main-home .about { padding-top: 50px; padding-bottom: 25px; background-color: #f9f9f9; } @-webkit-keyframes spin { 0% { transform: translate3d(0, -20%, 0); } 50% { transform: translate3d(0, 20%, 0); } 100% { transform: translate3d(0, -20%, 0); } } @keyframes spin { 0% { transform: translate3d(0, -20%, 0); } 50% { transform: translate3d(0, 20%, 0); } 100% { transform: translate3d(0, -20%, 0); } } .main-home .about .down { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 auto; height: 75px; width: 45px; padding: 15px; border: 1px solid #eea041; border-radius: 30px; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } .main-home .about .down svg { margin-top: auto; fill: #eea041; } .main-home .about .down:hover, .main-home .about .down:focus { background-color: #eea041; } .main-home .about .down:hover svg, .main-home .about .down:focus svg { fill: #fff; } .main-home .about-list { margin: 0; margin-bottom: 35px; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; } .main-home .about-list .about-item { width: 32.5%; position: relative; margin-right: 20px; margin-bottom: 20px; } .main-home .about-list .about-item a { display: block; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.16); border-radius: 30px; } .main-home .about-list .about-item:nth-child(3n) { margin-right: 0; } .main-home .about-list .about-item:hover, .main-home .about-list .about-item:focus { transform: scale(1.2); z-index: 2; } .main-home .about-list .about-item:hover .note, .main-home .about-list .about-item:focus .note { padding-top: 30px; height: 130px; } .main-home .about-list .about-item:hover .note p, .main-home .about-list .about-item:focus .note p { opacity: 1; overflow: visible; height: auto; } .main-home .about-list .about-item img { border-radius: 30px; } @media (max-width: 1700px) { .main-home .about-list .about-item { width: 31.5%; } } @media (max-width: 1199px) { .main-home .about-list .about-item { width: 48%; } .main-home .about-list .about-item .note { padding-top: 15px; height: 80px; } .main-home .about-list .about-item .note p { opacity: 1; overflow: visible; height: auto; } .main-home .about-list .about-item:hover, .main-home .about-list .about-item:focus { transform: scale(1); } .main-home .about-list .about-item:hover .note, .main-home .about-list .about-item:focus .note { height: 80px; } .main-home .about-list .about-item:nth-child(3n) { margin-right: 20px; } .main-home .about-list .about-item:nth-child(2n) { margin-right: 0; } } @media (max-width: 991px) { .main-home .about-list .about-item { height: 280px; opacity: 0.5; margin: 0; } .main-home .about-list .about-item .note { bottom: 0; border-radius: 20px; } .main-home .about-list .about-item.slick-active { opacity: 1; height: 340px; } .main-home .about-list .about-item.slick-active a { box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.16); } .main-home .about-list .about-item img { -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; border-radius: 20px; } .main-home .about-list .about-item a { box-shadow: none; } .main-home .about-list .about-item:hover, .main-home .about-list .about-item:focus { transform: none; } .main-home .about-list .about-item:hover .note, .main-home .about-list .about-item:focus .note { padding: 15px; height: auto; } } @media (min-width: 640px) and (max-width: 991px) { .main-home .about-list .about-item { height: 340px; margin: 0 10px !important; } .main-home .about-list .about-item.slick-active { height: 340px; } } @media (max-width: 767px) { .main-home .about-list .about-item .note { height: auto; padding: 15px; } .main-home .about-list .about-item .note p { display: none; } .main-home .about-list .about-item:nth-child(3n) { margin-right: 0; } } .main-home .about-list .note { position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; padding: 20px; text-align: center; border-radius: 30px; } .main-home .about-list .note--blue { background-color: rgba(123, 121, 158, 0.8); } .main-home .about-list .note--yellow { background-color: rgba(233, 170, 92, 0.8); } .main-home .about-list .note--yellow h2 { color: #686b9f !important; } .main-home .about-list .note--yellow p { color: #fff !important; } .main-home .about-list .note h2 { margin: 0; padding: 0; margin-bottom: 5px; font-size: 20px; line-height: 22px; font-weight: 700; color: #fff; } .main-home .about-list .note p { margin: 0; margin-bottom: 30px; opacity: 0; height: 0; overflow: hidden; padding: 0; font-size: 20px; line-height: 22px; color: #eea041; transition: all 0.3s; } @media (max-width: 991px) { .main-home .about-list .note h2 { margin-bottom: 0; font-size: 15px; line-height: 15px; } .main-home .about-list .note p { font-size: 13px; margin-bottom: 0; } } .main-home .articles { padding-top: 90px; } @media (max-width: 991px) { .main-home .articles { padding-top: 20px; } } .main-home .articles .tabs { margin-bottom: 100px; display: flex; flex-wrap: wrap; justify-content: center; } .main-home .articles .tabs .active { position: relative; z-index: 1; } .main-home .articles .tabs .active .button { background-color: #686b9f; border-color: #686b9f; font-size: 24px; font-weight: 700; } .main-home .articles .tabs .active:first-of-type { margin-right: -40px; } .main-home .articles .tabs .active:last-of-type { margin-left: -40px; } @media (max-width: 1199px) { .main-home .articles .tabs { margin-bottom: 70px; } .main-home .articles .tabs .active:first-of-type { margin-right: -25px; } .main-home .articles .tabs .active:last-of-type { margin-left: -25px; } } @media (max-width: 991px) { .main-home .articles .tabs { max-width: 290px; margin: 0 auto; margin-bottom: 0; padding-top: 40px; padding-bottom: 60px; } .main-home .articles .tabs li { width: 45%; } .main-home .articles .tabs li a { padding: 15px; min-width: 150px; font-size: 12px; line-height: 15px; } .main-home .articles .tabs .active a.button { padding: 15px; min-width: 150px; font-size: 12px; line-height: 15px; } .main-home .articles .tabs .active:first-of-type { margin: 0; } .main-home .articles .tabs .active:last-of-type { margin: 0; } } .main-home .articles .tab { min-width: 270px; font-size: 20px; font-weight: 500; padding: 30px; border-radius: 30px; } @media (max-width: 1199px) { .main-home .articles .tab { min-width: 200px; padding: 20px; } } @media (max-width: 767px) { .main-home .articles .tab { margin-bottom: 20px; } } @media (max-width: 1199px) { .main-home .articles { padding-bottom: 70px; } } .main-home .articles-list { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; } .main-home .articles-list li { position: relative; width: 23%; max-width: 380px; margin-right: 20px; padding: 20px; border-radius: 30px; background-color: #fff; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.16); } .main-home .articles-list li .button { min-width: 120px; position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); } .main-home .articles-list li:nth-child(4n) { margin-right: 0; } .main-home .articles-list li .img-wrap { position: relative; top: -45px; } @media (max-width: 1199px) { .main-home .articles-list { justify-content: center; } .main-home .articles-list li { width: 40%; margin-bottom: 85px; } } @media (max-width: 767px) { .main-home .articles-list li { width: 100%; margin-bottom: 85px; margin-right: 0; } } @media (max-width: 991px) { .main-home .articles-list li { display: none; } .main-home .articles-list li:first-of-type, .main-home .articles-list li:nth-child(2) { display: block; } } .main-home .articles-list .top-info { position: absolute; right: 20px; top: 20px; background-color: rgba(255, 255, 255, 0.7); display: flex; justify-content: space-between; padding: 10px; min-width: 120px; align-items: center; margin-left: auto; border-radius: 30px; } @media (max-width: 767px) { .main-home .articles-list .top-info { min-width: auto; right: auto; left: 50%; transform: translateX(-50%); } } .main-home .articles-list .top-info p { margin: 0; padding: 0; font-size: 14px; line-height: 17px; font-weight: 300; color: #eea041; padding-left: 20px; background-repeat: no-repeat; background-position: left center; } .main-home .articles-list .top-info .comments { margin-right: 5px; background-image: url("../img/comment.svg"); } .main-home .articles-list .top-info .views { background-image: url("../img/view.svg"); } .main-home .articles-list .date { display: inline-block; position: absolute; bottom: 10px; left: 20px; min-width: 95px; font-size: 14px; line-height: 16px; color: #fff; padding: 10px; border-radius: 30px; background-color: rgba(223, 158, 75, 0.85); } @media (max-width: 767px) { .main-home .articles-list li { margin-bottom: 55px; } .main-home .articles-list img { display: block; min-height: 110px; border-radius: 30px; -o-object-fit: cover; object-fit: cover; border: 1px solid #ecac5c; } .main-home .articles-list .date { left: 50%; transform: translateX(-50%); } .main-home .articles-list .content { margin-top: -25px; } .main-home .articles-list .content h3, .main-home .articles-list .content p { font-size: 14px; } } .main-home .news-list { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; } .main-home .news-list .news-item { position: relative; width: 31%; min-height: 400px; margin-right: 20px; padding: 20px 0; border-radius: 30px; background-color: #fff; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.16); } .main-home .news-list .news-item img { display: block; margin: 0 auto; } .main-home .news-list .news-item .content { width: 100%; } @media (min-width: 1700px) { .main-home .news-list .news-item { min-height: auto; } } @media (max-width: 1199px) { .main-home .news-list .news-item { width: 47%; margin-bottom: 50px; } } @media (max-width: 767px) { .main-home .news-list .news-item { width: 100%; margin-right: 0; } } @media (max-width: 1199px) { .main-home .news-list { justify-content: center; } } .main-home .content { display: flex; flex-direction: column; } @media (max-width: 991px) { .main-home .content .button { order: 1; } } .main-home .content h3 { margin: 0; margin-bottom: 20px; padding: 0; font-size: 18px; line-height: 23px; font-weight: 700; color: #5f5f5f; } @media (min-width: 1700px) { .main-home .content h3 { width: 85%; } } .main-home .content p { margin: 0; margin-bottom: 30px; padding: 0; font-size: 16px; line-height: 18px; color: #5f5f5f; } @media (min-width: 1700px) { .main-home .content p { width: 80%; } } .main-home .tab-content { display: flex; flex-direction: column; } .main-home .center-btn { margin: 95px auto; width: 15%; padding: 20px; font-size: 20px; border-radius: 30px; font-weight: 300; } .main-home .center-btn:hover, .main-home .center-btn:focus { transition: all 0.3s ease; background-color: #eea041; color: #fff; } @media (max-width: 1199px) { .main-home .center-btn { margin: 0; order: 1; width: 50%; margin: 0 auto; max-width: 200px; } } @media (max-width: 991px) { .main-home .center-btn { padding: 15px; font-weight: 700; } } .main-home .arrows { display: flex; margin-top: 95px; max-width: 160px; justify-content: space-between; } @media (max-width: 767px) { .main-home .arrows { min-width: 120px; max-width: 110px; width: 37%; } } .main-home .holding { padding: 0; } .main-home .holding .carousel { padding: 0; } .main-home .holding .arrows { padding: 0 160px; margin-top: -120px; width: 42%; min-width: 440px; max-width: 600px; } @media (min-width: 1700px) { .main-home .holding .arrows { width: 29%; } } @media (max-width: 1199px) { .main-home .holding .arrows { width: 51%; } } @media (max-width: 991px) { .main-home .holding .arrows { padding: 0 45px; min-width: 150px; max-width: 250px; margin-top: -110px; } } @media (max-width: 767px) { .main-home .holding .arrows { padding: 0 0; width: 40%; min-width: 160px; max-width: 160px; } } .main-home .holding .item { min-height: 650px; background-repeat: no-repeat; background-size: cover; } .main-home .holding .item.slide-1 { background-image: url("../img/slider-1.jpg"); } .main-home .holding .item.slide-2 { background-image: url("../img/slider-2.png"); } .main-home .holding .item.slide-3 { background-image: url("../img/slider-3.png"); } .main-home .holding .item .home-container { display: flex; flex-direction: column; justify-content: center; min-height: 650px; padding: 0 160px; padding-bottom: 40px; } @media (max-width: 991px) { .main-home .holding .item .home-container { padding: 0 50px; } .main-home .holding .item .button { margin: 0; font-size: 20px; font-weight: 700; padding: 15px; } .main-home .holding .item .arrows { padding: 0; } } @media (max-width: 767px) { .main-home .holding .item .home-container { padding: 0 15px; } } .main-home .holding .content { display: flex; flex-direction: column; justify-content: center; padding-top: 30px; min-height: 350px; } @media (min-width: 1700px) { .main-home .holding .content { width: 50%; max-width: 900px; } } .main-home .holding .content .subheading + p { min-height: 70px; } .main-home .holding .content .button { margin-top: auto; width: 30%; border-radius: 30px; } @media (max-width: 1199px) { .main-home .holding .content { width: 100%; } } @media (max-width: 991px) { .main-home .holding .content { padding-left: 20px; } .main-home .holding .content h2 { font-size: 33px; line-height: 40px; } .main-home .holding .content .subheading { margin-bottom: 40px; font-size: 20px; line-height: 24px; font-weight: 700; } } @media (max-width: 767px) { .main-home .holding .content { min-height: auto; } .main-home .holding .content .subheading ~ p { display: none; } .main-home .holding .content .button { padding: 15px; max-width: 100px; width: 10%; min-width: 185px; } .main-home .holding .content p { font-size: 14px; line-height: 16px; } .main-home .holding .content p b { font-size: 14px; line-height: 16px; } } .main-home .holding h2 { margin: 0; padding: 0; margin-bottom: 15px; font-size: 35px; line-height: 40px; font-weight: 700; color: #fff; } .main-home .holding .button { min-width: 260px; padding: 20px; } .main-home .holding p { margin: 0; width: 81%; margin-bottom: 20px; padding: 0; font-size: 14px; font-weight: 300; color: #fff; } .main-home .holding p b { display: inline-block; color: #e39636; font-size: 20px; line-height: 23px; font-weight: 700; } .main-home .holding .subheading { color: #e39636; } @media (max-width: 1199px) { .main-home .holding p { font-size: 18px; } } .main-home .slider-arrow { position: relative; width: 75px; display: flex; justify-content: center; align-items: center; height: 75px; border-radius: 50%; border: 2px solid #eea041; background-color: transparent; opacity: 1; background-image: none; } .main-home .slider-arrow svg { fill: #eea041; } .main-home .slider-arrow:hover, .main-home .slider-arrow:focus { background-color: #eea041; transform: scale(1.1); } .main-home .slider-arrow:hover svg, .main-home .slider-arrow:focus svg { fill: #fff; } .main-home .slider-arrow--blue { border: 2px solid #686b9f; } .main-home .slider-arrow--blue svg { fill: #686b9f; } .main-home .slider-arrow--blue:hover, .main-home .slider-arrow--blue:focus { background-color: #686b9f; } .main-home .slider-arrow--next svg { transform: rotate(180deg); } .main-home .about-us { padding-top: 150px; padding-bottom: 135px; } .main-home .about-us .container { display: flex; flex-direction: column; } .main-home .about-us h2 { position: relative; margin: 0 auto; margin-bottom: 45px; padding: 20px; min-width: 375px; text-align: center; font-size: 30px; line-height: 35px; font-weight: 700; } .main-home .about-us h2::after { content: ""; position: absolute; top: 75px; left: 50%; width: 1px; z-index: 1; height: 1384px; background-color: #eea041; } .main-home .about-us ul { margin: 0; max-width: 85%; padding: 0; list-style: none; display: flex; flex-wrap: wrap; } .main-home .about-us ul li { position: relative; z-index: 20; background-color: #fff; margin-bottom: 44px; min-width: 800px; max-width: 1050px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; border-radius: 30px; padding: 50px; } .main-home .about-us ul li .content { padding-top: 20px; width: 40%; } .main-home .about-us ul li .count { font-size: 200px; line-height: 200px; font-weight: 700; } .main-home .about-us ul .blue { margin: 0 auto; margin-bottom: 44px; border: 1px solid #686b9f; border-left: 35px solid #686b9f; color: #686b9f; } .main-home .about-us ul .blue a { width: 6%; min-width: 130px; font-size: 14px; font-weight: 700; } .main-home .about-us ul .yellow { border: 1px solid #e39636; border-right: 35px solid #e39636; margin-left: auto; color: #e39636; } .main-home .about-us ul h3 { margin: 0; margin-bottom: 20px; padding: 0; font-size: 24px; line-height: 27px; font-weight: 700; color: #686b9f; } .main-home .about-us ul p { width: 90%; margin: 0; margin-bottom: 25px; padding: 0; font-size: 14px; line-height: 18px; font-weight: 400; } @media (max-width: 1199px) { .main-home .about-us { padding-top: 100px; padding-bottom: 80px; } .main-home .about-us ul { margin: 0 auto; } .main-home .about-us ul li .count { font-size: 150px; } } @media (max-width: 991px) { .main-home .about-us { padding-top: 50px; padding-bottom: 70px; } .main-home .about-us ul li { min-width: 100%; } .main-home .about-us ul li:nth-child(2) h3 { text-align: center; } .main-home .about-us ul li.yellow { margin: 0 auto; margin-bottom: 44px; } .main-home .about-us ul li .count { font-size: 100px; } } @media (max-width: 767px) { .main-home .about-us h2 { min-width: auto; margin-bottom: 43px; font-size: 21px; line-height: 23px; padding: 15px 20px; border-radius: 30px; } .main-home .about-us h2::after { top: 54px; } .main-home .about-us ul { width: 100%; max-width: 100%; } .main-home .about-us ul li { width: 100%; padding: 40px 30px; justify-content: center; } .main-home .about-us ul li .content { width: 100%; } .main-home .about-us ul li.blue, .main-home .about-us ul li.yellow { width: 90%; margin-bottom: 45px; } .main-home .about-us ul li .count { font-size: 100px; line-height: 100px; order: -1; } .main-home .about-us ul li .button { font-size: 14px; margin: 0; } .main-home .about-us ul li.yellow h3 { text-align: center; } .main-home .about-us ul li.yellow .button { max-width: 230px; margin: 0 auto; font-size: 20px; } } .main-home .projects { padding-top: 60px; padding-bottom: 100px; background-image: url("../img/projects-bg.jpg"); background-repeat: no-repeat; background-size: cover; } .main-home .projects .arrows { min-width: 160px; } @media (max-width: 991px) { .main-home .projects { background-position: center; } .main-home .projects .arrows { min-width: 110px; max-width: 140px; } } .main-home .projects .carousel-inner { margin-bottom: 55px; box-shadow: 4px 8px 12px 0px rgba(0, 0, 0, 0.16); border-radius: 30px; } .main-home .projects h2 { margin: 0; margin-bottom: 35px; padding: 0; font-size: 30px; line-height: 33px; font-weight: 700; text-align: center; color: #686b9f; } .main-home .projects .item { background-color: #fff; border-radius: 30px; } .main-home .projects .item .wrap { display: flex; } .main-home .projects .item .wrap img { align-self: flex-start; display: block; } @media (max-width: 1199px) { .main-home .projects .item .wrap { flex-direction: column; } .main-home .projects .item .wrap img { margin: 20px auto; } } .main-home .projects .item .center { width: 55%; padding: 25px 35px; } .main-home .projects .item .center p { width: 85%; margin-bottom: 55px; } @media (max-width: 1199px) { .main-home .projects .item .center { width: 100%; } } .main-home .projects .item p { margin: 0; padding: 0; width: 40%; font-size: 18px; font-weight: 400; } .main-home .projects .item table tr td { padding-right: 30px; padding-bottom: 20px; } .main-home .projects .item table tr td:first-of-type { font-size: 14px; font-weight: 700; color: #686b9f; } .main-home .projects .item table tr td:last-of-type { font-size: 14px; font-weight: 700; color: #5f5f5f; } .main-home .projects .item .right { border-top-right-radius: 30px; background-color: #f9f9f9; padding: 50px; } .main-home .projects .item .right p { margin: 0; padding: 0; font-size: 14px; width: 100%; } .main-home .projects .item .right .subheading { margin: 0; margin-bottom: 30px; padding: 0; font-size: 20px; line-height: 23px; font-weight: 400; color: #eea041; } .main-home .projects .bottom { display: flex; justify-content: space-between; align-items: center; } .main-home .projects .bottom .arrows { margin: 0; } @media (max-width: 1199px) { .main-home .projects { padding-bottom: 40px; } .main-home .projects .button { width: 60%; font-size: 20px; font-weight: 700; min-width: 150px; max-width: 300px; margin: 0 auto; margin-top: 30px; order: 1; } .main-home .projects .carousel-inner { margin-bottom: 30px; height: 500px; } .main-home .projects .wrap .right { display: none; } .main-home .projects .arrows { margin: 0 auto; min-width: 170px; max-width: 200px; } .main-home .projects .item .wrap img { width: 127px; margin: 0; max-height: 80px; -o-object-fit: cover; object-fit: cover; border-radius: 20px; } .main-home .projects .item .center { padding: 20px; height: 500px; } .main-home .projects .item .center p { width: 100%; margin-bottom: 30px; font-size: 18px; line-height: 20px; font-weight: 700; color: #5f5f5f; } .main-home .projects .item table tr { display: flex; flex-direction: column; } .main-home .projects .item table tr td:first-of-type { padding-bottom: 0; } .main-home .projects .item table tr td:last-of-type { font-weight: 300; } .main-home .projects .bottom { flex-direction: column; } } .main-home .news { padding-top: 100px; padding-bottom: 125px; } @media (max-width: 639px) { .main-home .news { padding-top: 30px; padding-bottom: 60px; } .main-home .news .slick-list { box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.16); border-radius: 30px; } .main-home .news .news-item { position: relative; box-shadow: none; margin-bottom: 30px; } .main-home .news .news-item.slick-active { z-index: 10; } } @media (min-width: 640px) and (max-width: 1199px) { .main-home .news .slick-list { box-shadow: none; } .main-home .news .top-info { padding-top: 10px !important; border-top-left-radius: 20px; border-top-right-radius: 20px; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.16); } .main-home .news .news-item { margin-right: 25px; box-shadow: none; } } .main-home .news h2 { margin: 0; margin-bottom: 45px; padding: 0; font-size: 30px; line-height: 33px; font-weight: 400; text-align: center; color: #eea041; } @media (max-width: 767px) { .main-home .news h2 { width: 80%; margin: 0 auto; margin-bottom: 50px; font-weight: 700; } } .main-home .news .top-info { display: flex; justify-content: space-between; background-color: #fff; padding: 0 20px; padding-bottom: 10px; } .main-home .news .top-info p { margin: 0; padding: 0; font-size: 14px; line-height: 22px; font-weight: 300; padding-left: 40px; } .main-home .news .top-info .category { background-image: url("../img/video.svg"); background-repeat: no-repeat; } .main-home .news .top-info .date { font-weight: 500; color: #eea041; } .main-home .news .content { display: flex; flex-direction: column; padding: 20px 30px; padding-right: 20px; background-color: #fff; position: absolute; bottom: -30px; border-radius: 30px; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.16); } .main-home .news .content h3 { margin: 0; min-height: 68px; padding: 0; font-size: 18px; margin-bottom: 30px; } @media (min-width: 1700px) { .main-home .news .content h3 { min-height: 45px; } } @media (max-width: 1199px) { .main-home .news .content h3 { min-height: 30px; margin-bottom: 10px; } } @media (max-width: 991px) { .main-home .news .content { min-height: 207px; padding-bottom: 0; } .main-home .news .content .button { margin: 0; margin-top: auto; margin-bottom: 10px; padding: 15px; margin-left: auto; border-radius: 15px; } } .main-home .news .content p { margin: 0; margin-bottom: 30px; padding: 0; font-size: 14px; font-weight: 300; } @media (max-width: 1199px) { .main-home .news .content p { margin-bottom: 20px; } } .main-home .news .content a { display: block; margin-top: auto; min-width: 120px; margin-left: auto; } .home-footer { background-color: #eeeeee; } .home-footer .button { display: inline-block; margin: 0; padding: 15px 20px; min-width: 200px; border-radius: 20px; border: 0; background-color: #fff; border: 1px solid #eea041; color: #eea041; text-align: center; font-size: 16px; line-height: 20px; font-weight: 700; } .home-footer .button--yellow { background-color: #eea041; color: #fff; } @media (max-width: 991px) { .home-footer .button { font-size: 13px; line-height: 13px; order: -1; margin: 0 auto; } } .home-footer .top { padding-top: 50px; display: flex; flex-wrap: wrap; justify-content: space-between; } .home-footer .top .col-left { display: flex; flex-wrap: wrap; width: 40%; justify-content: space-between; } .home-footer .top .col-right { width: 25%; margin-left: auto; } @media (max-width: 1199px) { .home-footer .top .col-left { width: 50%; } } @media (max-width: 991px) { .home-footer .top { width: 80%; margin: 0 auto; } .home-footer .top form { max-width: 300px; margin: 0 auto; } } @media (max-width: 767px) { .home-footer .top { width: 100%; } .home-footer .top .contacts { margin-bottom: 25px; } } .foot-name-bl{ margin: 0; padding: 0; margin-bottom: 20px; font-size: 18px; line-height: 20px; font-weight: 700; color: #797cb0; } .home-footer .top h3 { margin: 0; padding: 0; margin-bottom: 20px; font-size: 18px; line-height: 20px; font-weight: 700; color: #797cb0; } .home-footer .top td { font-size: 14px; font-weight: 400; } .home-footer .top td:first-of-type { color: #797cb0; padding-right: 40px; } .home-footer .top td:last-of-type { color: #5f5f5f; } .home-footer .top td:last-of-type a { color: #5f5f5f; } .home-footer .top ul { margin: 0; padding: 0; list-style: none; } .home-footer .top ul a { font-size: 14px; font-weight: 700; color: #797cb0; } @media (max-width: 991px) { .home-footer .top { flex-direction: column; } .home-footer .top .col-left { width: 100%; margin-bottom: 40px; justify-content: space-between; } .home-footer .top .col-right { width: 100%; } } @media (min-width: 1700px) { .home-footer .top .col-right { width: 20%; } .home-footer .top .col-left { width: 33%; } } @media (max-width: 767px) { .home-footer .top .col-left { max-width: 600px; } } .home-footer .subscribe { width: 100%; } @media (max-width: 767px) { .home-footer .subscribe { max-width: 300px; margin: 0 auto; } } .home-footer .subscribe input { outline: 0; width: 100%; margin-bottom: 15px; opacity: 1; display: block; padding: 20px 30px; color: #5f5f5f; font-size: 14px; line-height: 18px; border-radius: 30px; background-color: #fff; border: none; } .home-footer .subscribe input::-webkit-input-placeholder { opacity: 1; color: #5f5f5f; font-size: 14px; line-height: 18px; } .home-footer .subscribe input::-moz-placeholder { opacity: 1; color: #5f5f5f; font-size: 14px; line-height: 18px; } .home-footer .subscribe input:-ms-input-placeholder { opacity: 1; color: #5f5f5f; font-size: 14px; line-height: 18px; } .home-footer .subscribe input::-ms-input-placeholder { opacity: 1; color: #5f5f5f; font-size: 14px; line-height: 18px; } .home-footer .subscribe input::placeholder { opacity: 1; color: #5f5f5f; font-size: 14px; line-height: 18px; } .home-footer .subscribe button { width: 100%; padding: 20px; border-radius: 30px; font-size: 18px; font-weight: 700; } .home-footer .bottom { margin-top: 60px; display: flex; flex-wrap: wrap; justify-content: space-between; } @media (max-width: 991px) { .home-footer .bottom { justify-content: center; text-align: center; } .home-footer .bottom .col-left { width: 80%; margin: 0 auto; } .home-footer .bottom .col-right .social-list { margin: 0 auto; margin-bottom: 20px; } } .home-footer .bottom .col-right { margin-top: -65px; } .home-footer .bottom .social-list { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; min-width: 165px; margin-bottom: 20px; width: 50%; margin-left: auto; } .home-footer .bottom .social-list svg { fill: #686b9f; } .home-footer .bottom .social-list a { display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; border-width: 1px; border-style: solid; border-radius: 50%; border-color: #686b9f; background-color: #fff; } .home-footer .bottom .social-list a:hover, .home-footer .bottom .social-list a:focus { background-color: #686b9f; transition: all 0.3s ease; } .home-footer .bottom .social-list a:hover svg, .home-footer .bottom .social-list a:focus svg { fill: #fff; transition: all 0.3s ease; } @media (max-width: 991px) { .home-footer .bottom .social-list { margin: 0 auto; margin-bottom: 20px; width: auto; max-width: 150px; } } @media (max-width: 767px) { .home-footer .bottom .social-list { width: 40%; margin-right: 10px; } .home-footer .bottom .social-list input { padding: 10px; } } @media (max-width: 500px) { .home-footer .bottom .social-list { order: 1; margin: 0 auto; margin-top: 10px; } } .home-footer .youtube { display: flex; } .home-footer .youtube .ytb { position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; border-width: 1px; border-style: solid; border-radius: 50%; border-color: #e65648; background-color: #fff; } .home-footer .youtube .ytb svg { fill: #e65648; } .home-footer .youtube .ytb:hover, .home-footer .youtube .ytb:focus { background-color: #e65648; transition: all 0.3s ease; } .home-footer .youtube .ytb:hover svg, .home-footer .youtube .ytb:focus svg { fill: #fff; transition: all 0.3s ease; } .home-footer .youtube p { margin: 0; position: relative; padding: 13px; background-color: #fff; font-size: 14px; font-weight: 300; color: #5f5f5f; text-align: center; border-radius: 30px; min-width: 330px; } @media (max-width: 1199px) { .home-footer .youtube p { min-width: auto; width: 100%; margin-left: auto; } } @media (max-width: 991px) { .home-footer .youtube p { margin: 0 auto; max-width: 300px; padding-left: 35px; } } .home-footer .footer-top { padding-bottom: 20px; } @media (max-width: 1199px) { .home-footer .footer-top .col-right { width: 30%; } } @media (max-width: 991px) { .home-footer .footer-top .col-right { order: 1; width: 60%; margin: 0 auto; } .home-footer .footer-top .col-right .social-list { display: none; } } @media (max-width: 991px) { .home-footer .footer-top .col-right { width: 80%; } .home-footer .footer-top .col-right input { padding: 15px 25px; font-size: 18px; line-height: 18px; color: #5f5f5f; } .home-footer .footer-top .col-right input::-webkit-input-placeholder { font-size: 18px; line-height: 18px; color: #5f5f5f; } .home-footer .footer-top .col-right input::-moz-placeholder { font-size: 18px; line-height: 18px; color: #5f5f5f; } .home-footer .footer-top .col-right input:-ms-input-placeholder { font-size: 18px; line-height: 18px; color: #5f5f5f; } .home-footer .footer-top .col-right input::-ms-input-placeholder { font-size: 18px; line-height: 18px; color: #5f5f5f; } .home-footer .footer-top .col-right input::placeholder { font-size: 18px; line-height: 18px; color: #5f5f5f; } .home-footer .footer-top .bottom { margin-top: 30px; margin-bottom: 30px; } .home-footer .footer-top .bottom .col-left { order: 2; width: 100%; margin-top: 35px; margin-bottom: 15px; padding: 0 20px; } .home-footer .footer-top .bottom .col-left p { font-size: 14px; font-weight: 700; text-align: left; color: #5f5f5f; max-width: 300px; margin: 0 auto; } } .home-footer .footer-bottom { padding: 45px 0; background-color: #fff; } .home-footer .footer-bottom .center { display: flex; flex-direction: column; text-align: center; } .home-footer .footer-bottom .center p { margin: 0; margin-bottom: 10px; padding: 0; font-size: 13px; line-height: 15px; font-weight: 700; color: #adadad; } .home-footer .footer-bottom .center span { font-size: 14px; font-weight: 300; line-height: 17px; color: #5f5f5f; } .home-footer .wrap { display: flex; justify-content: space-between; } @media (max-width: 767px) { .home-footer .wrap { flex-wrap: wrap; justify-content: space-between; align-items: center; } .home-footer .wrap .logo { margin-bottom: 20px; } .home-footer .wrap .center { order: 1; margin-bottom: 20px; } } @media (max-width: 991px) { .home-header { border: 0; } .home-header .main-nav { padding: 0; } .home-header .header-top { position: relative; padding: 0; border: 0; } .home-header .title { margin-bottom: 0; width: 100%; border-top: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3; } .home-header .title p { font-size: 17px; margin: 10px 0; margin-right: 15px; color: #5f5f5f; } .home-header .top-left { width: 100%; order: 1; padding: 0 40px; padding-bottom: 0 !important; } .home-header .top-right { margin: 0; display: flex; } .home-header .mob-top { padding: 10px 40px; min-height: 35px; width: 100%; background-color: #eeeeee; display: flex; justify-content: space-between; align-items: center; order: -1; } .home-header .mob-bottom { width: 100%; max-width: 400px; padding: 11px 40px; padding-right: 15px; display: flex; justify-content: space-between; align-items: baseline; margin: 0 auto; justify-content: center; } .home-header .mob-bottom .address { margin: 0; } .home-header .mob-bottom .phone-number { margin: 0; } .home-header .lang { order: -3; margin: 0; margin-left: 40px; } .home-header .winner { position: absolute; top: 3px; left: 40px; display: block; flex-grow: 0; width: 35px; } .home-header .main-nav .social-list { order: -3; min-width: auto; width: 40%; max-width: 80px; margin: 0; margin-left: auto; } .home-header .main-nav .social-list a { display: flex; width: 20px; height: 20px; padding: 3px; } .home-header .main-nav .social-list img { display: block; } .home-header .main-nav .fb svg { width: 6px; } .home-header .main-nav .tlg img{ height:20px; width:20px; max-height: initial; max-width: initial; } .home-header { padding-top: 0; } .home-header .logo { width: 100px; } .home-header .menu-wrap { position: fixed; top: 20px; right: 0; transform: translate3d(100%, 0, 0); z-index: 10; background-color: rgba(121, 124, 176, 0.82); transition: all 0.3s; visibility: hidden; overflow: auto; /*min-height: 100vh;*/ } .home-header .menu-wrap.open { border-top-left-radius: 20px; border-bottom-left-radius: 20px; width: 55%; visibility: visible; overflow: visible; transform: translate3d(0, 0, 0); transition: transform 0.5s; } .home-header .wrap-right form { position: absolute; top: 95px; right: 100px; width: 25%; height: 25px; } .home-header .wrap-right form input { height: 25px; margin-bottom: 0; background-position: right; } .main-home .slick-dots { margin: 0; padding: 0; list-style: none; width: 30%; margin: 0 auto; margin-top: 20px; display: flex; justify-content: center; } .main-home .slick-dots li { margin-right: 10px; } .main-home .slick-dots li.slick-active button { transform: scale(1.5); background-color: #eea041; } .main-home .slick-dots button { margin: 0; padding: 0; border: 0; background-color: #d0d0d0; border-radius: 50%; font-size: 0; width: 10px; height: 10px; } .main-home .about-list { display: block; } .main-home .about-list a { height: 100%; } .main-home .about .down { width: 33px; height: 55px; } .main-home .articles { padding-bottom: 20px; } .main-home .about .container { padding: 0; } .home-footer .footer-top .bottom { margin-bottom: 0; } .home-footer .footer-top .col-right { width: 100%; } .home-footer .footer-top .bottom .col-left { padding: 0; } } @media (max-width: 767px) { .home-footer .wrap .logo { width: 30%; } .home-footer .wrap .footer-c { width: 20%; margin-top: -15px; } .home-footer .center { margin: 0 auto; width: 100%; } .main-home .articles-list { justify-content: space-between; } .main-home .articles-list li { width: 100%; } .main-home .articles-list li h3 { line-height: 17px; } .main-home .articles-list li:nth-child(1), .main-home .articles-list li:nth-child(2) { display: block; } .main-home .about-list .about-item { top: 20px; } .main-home .about-list .about-item:hover .note, .main-home .about-list .about-item:focus .note { padding: 20px; } .main-home .about-list .about-item .note { padding: 20px; } .main-home .about-list .about-item.slick-active { top: 0; height: 310px; } } @media (max-width: 639) { .main-home .about-list { display: flex; } } @media (max-width: 369px) { .home-header .logo { width: 80px; top: -10px; position: relative; } } @media (min-width: 768px) and (max-width: 991px) { .home-header .top-left, .home-header .top-right { width: 50%; border-bottom: 1px solid #c3c3c3; } .home-header .top-right { order: 1; } .home-header .top-right .mob-top { background-color: transparent; } .home-header .burger { top: 80px; } .home-header .title { border: 0; } .home-header .title p { font-size: 15px; } .home-header .mob-bottom .phone-number { font-size: 15px; } .home-header .winner { width: 50px; left: 50%; transform: translateX(-50%); } .home-header .lang { margin-left: 50px; } .home-header .mob-top { min-height: 60px; } .home-header .main-nav .social-list { max-width: 150px; width: 40%; } .home-header .main-nav .social-list a, .home-header .main-nav .tlg img { width: 35px; height: 35px; } .home-header .main-nav .social-list .fb svg { width: 10px; } .home-header .logo { width: 120px; margin-bottom: 10px; } .home-header .lang { margin-left: 0; } .home-header .mob-bottom .address { order: 0; margin: 0; } .home-header .wrap-right form { position: relative; top: 46px; right: 110px; max-width: 160px; } } @media (min-width: 768px) and (max-width: 991px) { .home-header .mob-bottom { margin-right: 50px; } } @media (min-width: 559px) and (max-width: 767px) { .home-header .mob-bottom { margin-top: -41px; margin-bottom: 10px; } .home-header .wrap-right form { top: 70px; } .home-header .burger { top: 60px; } } @media (max-width: 368px) { .main-home .holding .arrows { margin-left: 20px; } } @media (min-width: 768px) and (max-width: 991px) { .main-home .holding .arrows { padding: 0 35px; min-width: 150px; max-width: 230px; margin-top: -90px; } } @media (max-width: 369px) { .home-header .mob-top, .home-header .mob-bottom, .home-header .top-left { padding: 10px 15px; } .main-home .articles-list li { padding: 5px; } .home-header .winner { left: 15px; } .main-home .articles-list .top-info .comments { background-size: 12px; } .main-home .articles-list .top-info .views { background-size: 12px; } } @media (max-width: 1699px) { .main-home .learning .desc { width: 85%; } .main-home .learning ul { width: 74%; } .main-home .learning ul li a { min-width: 270px; } .main-home .directions .container.home-container { width: 1360px !important; } .main-home .directions .tabs a { min-width: 200px; } .main-home .reviews .top-info { width: 50%; } .main-home .consultation .content { width: 50%; } .main-home .consultation .center input { width: 260px; } } @media (max-width: 1360px) { .main-home .learning { padding-top: 80px; padding-bottom: 80px; } .main-home .learning h2 { font-size: 36px; margin-bottom: 0px; } .main-home .learning .subheading { font-size: 20px; } .main-home .learning .desc { font-size: 16px; } .main-home .directions .container.home-container { width: 1170px !important; } .main-home .directions .directions-list li { justify-content: flex-start; } .main-home .directions .directions-list li .button { min-width: 200px; } .main-home .directions .directions-list li div, .main-home .directions .directions-list li .name { padding: 20px; } .main-home .directions .directions-list li .name { width: 460px; } .main-home .features .features-list .features-items { padding: 0; } .main-home .features .features-list .content .button { margin: 0 auto; } } @media (max-width: 1199px) { .main-home .directions .container.home-container { width: auto !important; } .main-home .centre .centre-certificate { position: static; width: 35%; } .main-home .centre h1 { width: 100% !important; margin-bottom: 20px !important; } .main-home .learning ul { width: auto; max-width: 770px; margin: 0 auto; } .main-home .learning ul li a { min-width: 200px; } .main-home .reviews .reviews-list { margin-bottom: 0; } .main-home .reviews .reviews-list .slick-track { min-height: 360px; } .main-home .reviews .reviews-list .top-info { width: 32%; } .main-home .consultation { padding-bottom: 60px; } .main-home .consultation .content { width: 65%; } .main-home .consultation .content h2 { font-size: 30px; margin-bottom: 30px; } .main-home .consultation .content p { font-size: 18px; } .main-home .consultation .col { margin-bottom: 50px; } .main-home .consultation .col img { width: 300px; } .main-home .consultation form { width: 50%; margin: 0 auto; padding: 30px; } .main-home .consultation form h3 { margin-bottom: 30px; } .main-home .consultation form .center { width: 65%; flex-direction: column; margin: 0 auto; } .main-home .consultation form .center div { text-align: center; } .main-home .consultation form .center .button, .main-home .consultation form .center input { padding: 10px 20px; display: inline-block; width: 210px; min-width: 210px; margin: 0 auto; margin-bottom: 10px; } .main-home .directions { overflow: hidden; } .main-home .directions .tab-pane .button { display: none; } .main-home .directions .tab-pane .arrows { display: flex; margin: 0 auto; } .main-home .directions .tabs { width: 85%; margin: 0 auto; } .main-home .directions .tabs li { width: 25%; } .main-home .directions .tabs a { padding: 15px; width: 95%; min-width: 150px; } .main-home .directions .directions-list { display: block; } .main-home .directions .directions-list li { width: 100%; border: 0; } .main-home .directions .directions-list li .date, .main-home .directions .directions-list li .time, .main-home .directions .directions-list li .count { min-width: 100px; } .main-home .directions .directions-list li .date span, .main-home .directions .directions-list li .time span, .main-home .directions .directions-list li .count span { font-size: 15px; } .main-home .directions .directions-list li div:last-child .button { display: block; font-size: 14px; min-width: 200px; } .main-home .directions .directions-list li .name { width: 325px; display: flex; flex-direction: column; } .main-home .directions .directions-list li .name p { width: 85%; font-size: 14px; padding-right: 0; } .main-home .directions .directions-list li .name a { position: static; font-size: 14px; } .main-home .features .features-list li { margin-bottom: 40px; } .main-home .features .features-list li .content { width: 85%; margin: 0 auto; } .main-home .features .features-list img { display: none; } .main-home .reviews .bottom { margin: 0; } } @media (max-width: 991px) { .main-home .centre { padding-top: 40px; } .main-home .centre .centre-certificate { width: 35%; margin: 0; height: auto; } .main-home .learning { padding-top: 40px; } .main-home .learning h2 { font-size: 26px; } .main-home .learning ul { max-width: 620px; } .main-home .learning ul a { padding: 15px; } .main-home .learning .subheading { font-size: 18px; margin-bottom: 10px; } .main-home .learning .desc { margin-bottom: 40px; } .main-home .learning h3 { font-size: 24px; margin-bottom: 30px; } .main-home .features .features-list li .content p { width: 77%; margin: 0 auto; } .main-home .features .features-list li:nth-child(2) .content p { width: 77%; margin: 0 auto; } .main-home .features .features-list h2 { font-size: 26px; margin-bottom: 20px; } .main-home .features .features-list ul p { font-size: 16px; } .main-home .reviews { padding-top: 30px; padding-bottom: 40px; } .main-home .reviews h2 { font-size: 26px; margin-bottom: 20px; } .main-home .reviews .reviews-list .top-info { width: 70%; } .main-home .reviews .reviews-list img { display: block; width: 100px; height: 90px; top: -35px; } .main-home .reviews .reviews-list .date { font-size: 14px; order: 1; margin-left: auto; } .main-home .reviews .reviews-list .name { font-size: 16px; } .main-home .reviews .reviews-list .content p { font-size: 13px; } .main-home .reviews .bottom { align-items: center; } .main-home .reviews .bottom .button { margin: 0; } .main-home .directions { padding-bottom: 40px; } .main-home .directions h2 { font-size: 26px; margin-bottom: 20px; } .main-home .directions .directions-list li div:last-child { padding: 0; flex-grow: 1; } .main-home .directions .directions-list li div:last-child .button { min-width: 140px; max-width: 260px; width: 100%; } .main-home .directions .directions-list li .date, .main-home .directions .directions-list li .count, .main-home .directions .directions-list li .time { padding: 0; min-width: 80px; } .main-home .directions .directions-list li .name { width: 295px; } .main-home .directions .directions-list li .name p { font-size: 13px; } .main-home .directions .directions-list li .name a { font-size: 11px; } .main-home .consultation .content { width: 53%; } .main-home .consultation .content h2 { font-size: 24px; margin-bottom: 20px; } .main-home .consultation .content p { width: 100%; font-size: 14px; } .main-home .consultation form { width: 75%; } .main-home .consultation form h3 { width: 90%; margin: 0 auto; margin-bottom: 20px; font-size: 22px; } .main-home .consultation form .center .button { order: 1; padding: 15px; } } @media (max-width: 767px) { .main-home .centre { padding-top: 20px; } .main-home .centre .content { width: 100%; } .main-home .centre .content img { display: block; margin: 20px auto; } .main-home .centre .centre-certificate { position: static; width: 65%; max-width: 240px; margin: 0 auto; } .main-home .centre h1 { margin-bottom: 10px; font-size: 22px; line-height: 25px; text-align: center; } .main-home .centre .subheading { text-align: center; } .main-home .centre .desc { font-size: 14px; text-align: center; width: 100%; } .main-home .learning { padding-top: 20px; padding-bottom: 40px; background-image: none; } .main-home .learning h2 { font-size: 20px; } .main-home .learning h3 { margin-bottom: 20px; font-size: 18px; } .main-home .learning .subheading { font-size: 12px; line-height: 16px; width: 47%; margin: 0 auto; margin-bottom: 20px; } .main-home .learning .desc { margin-bottom: 30px; font-size: 14px; line-height: 18px; } .main-home .learning ul { width: 80%; max-width: 250px; margin: 0 auto; flex-direction: column; } .main-home .learning ul li { margin-bottom: 10px; } .main-home .learning ul a { min-width: 100%; width: 100%; padding: 18px; } .main-home .features .features-list .content .button { padding: 15px; font-size: 15px; max-width: 250px; min-width: 200px; } .main-home .features .features-list ul li { padding-left: 0; padding-top: 60px; margin-bottom: 15px; } .main-home .features .features-list ul li p { text-align: center; font-size: 14px; width: 100%; } .main-home .features .features-list ul li p::before { top: 0; left: 50%; transform: translateX(-50%); width: 60px; height: 60px; background-size: 60px; } .main-home .features .features-list h2 { text-align: center; font-size: 18px; margin-bottom: 20px; } .main-home .directions { padding-bottom: 40px; } .main-home .directions .tab-pane .arrows { min-width: 165px; max-width: 160px; margin-top: -30px; } .main-home .directions h2 { font-size: 20px; line-height: 25px; margin-bottom: 20px; } .main-home .directions .tabs { justify-content: center; } .main-home .directions .tabs li { width: 49%; } .main-home .directions .directions-list li { height: 300px; } .main-home .directions .directions-list li .name { width: 100%; min-width: 100%; } .main-home .directions .directions-list li .name p { width: 100%; margin: 0 auto; } .main-home .directions .directions-list li .time, .main-home .directions .directions-list li .date, .main-home .directions .directions-list li .count { width: 30%; } .main-home .reviews { padding-top: 0; padding-bottom: 40px; } .main-home .reviews h2 { font-size: 20px; margin-bottom: 20px; } .main-home .reviews .reviews-list img { left: 50%; transform: translateX(-50%); } .main-home .reviews .reviews-list .top-info { width: 100%; align-items: center; margin-top: -70px; } .main-home .reviews .reviews-list .date { margin-bottom: 0; font-size: 12px; line-height: 14px; } .main-home .reviews .reviews-list .name { margin: 0; font-size: 14px; line-height: 14px; } .main-home .reviews .bottom { flex-direction: column; } .main-home .reviews .bottom .arrows { order: -2; margin: 0 auto; margin-bottom: 20px; } .main-home .reviews .bottom .button { margin: 0 auto; } .main-home .consultation img { margin: 0 auto; } .main-home .consultation form { width: 100%; } .main-home .consultation form h3 { width: 80%; margin: 0 auto; margin-bottom: 20px; font-size: 18px; } .main-home .consultation form .center { width: 100%; } .main-home .consultation .content { width: 100%; padding-top: 0; } .main-home .consultation .content h2 { font-size: 20px; text-align: center; } .main-home .consultation .content p { padding: 0; text-align: center; margin-bottom: 10px; } } @media (max-width: 1700px) { .main-home .centre h1 { width: 80%; margin: 0; } } @font-face { font-family: "Helvetica"; src: url("../fonts/HelveticaRegular.woff"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Helvetica"; src: url("../fonts/HelveticaBold.woff"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Helvetica"; src: url("../fonts/HelveticaMedium.woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Helvetica"; src: url("../fonts/HelveticaLight.woff"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Helvetica"; src: url("../fonts/HelveticaThin.woff"); font-weight: 100; font-style: normal; font-display: swap; } .search .news { background-color: #f9f9f9; } .search .news-item { background-color: #f9f9f9; } .search-top { display: flex; flex-direction: column; padding-top: 80px; padding-bottom: 35px; background-color: #fafbfd; background-image: url("../img/search-bg.jpg"); background-repeat: no-repeat; background-size: cover; } .search-top .container > p { margin: 0 auto; padding: 0; text-align: center; margin-bottom: 20px; font-size: 18px; line-height: 24px; font-weight: 700; color: #5f5f5f; } .search h1 { margin: 0 auto; margin-bottom: 20px; font-size: 30px; line-height: 38px; font-weight: 700; text-align: center; color: #eea041; } .search .news h2 { font-weight: 700; } .search-form { max-width: 815px; margin: 0 auto; position: relative; margin-bottom: 40px; } .search-form input { display: block; margin: 0; padding: 25px; padding-left: 60px; background-color: #fff; border: 1px solid #eea041; border-radius: 25px; background-image: none; width: 100%; } .search-form input:focus { outline: 0; } .search-form button { position: absolute; top: 60%; left: 25px; transform: translateY(-50%); width: 27px; height: 27px; border: none; background-color: transparent; background-image: url("../img/search.svg"); background-repeat: no-repeat; background-size: 27px; opacity: 0.5; } .search .down { display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; margin: 0 auto; height: 75px; width: 45px; padding: 5px; background-color: #fafbfd; border: 1px solid #eea041; border-radius: 30px; } .search .down:hover, .search .down:focus { background-color: #eea041; border-color: #eea041; } .search .down:hover::after, .search .down:focus::after { border-top-color: #fff; } .search .down::after { content: ""; position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%); border: 10px solid transparent; border-top: 10px solid #eea041; } .search-results { padding-top: 125px; background-color: #f9f9f9; } .search-wrap { display: flex; flex-wrap: wrap; padding-bottom: 80px; } .search-left { width: 25%; margin-right: 25px; } .search-right { width: 58%; } .search .tabs { display: flex; flex-direction: column; } .search .tabs li { margin-bottom: 10px; } .search .tabs li:hover a, .search .tabs li:focus a { background-color: #eea041; border-color: #eea041; color: #fff; } .search .tabs li:hover a svg, .search .tabs li:focus a svg { fill: #fff; } .search .tabs li svg { fill: #eea041; } .search .tabs li.disabled { opacity: 0.7; } .search .tabs li.disabled:hover a, .search .tabs li.disabled:focus a { background-color: #fff; color: #5f5f5f; border-color: #5f5f5f; } .search .tabs li.disabled:hover a svg, .search .tabs li.disabled:focus a svg { fill: #eea041; } .search .tabs li.active a[href^="#"] { background-color: #eea041; border-color: #eea041; color: #fff; font-weight: 700; } .search .tabs li.active a[href^="#"] svg { fill: #fff; } .search .tabs .tab { display: flex; justify-content: center; align-items: center; width: 100%; padding: 20px; background-color: #fff; font-size: 20px; line-height: 28px; font-weight: 300; text-align: center; color: #5f5f5f; border: 1px solid #5f5f5f; border-radius: 30px; } .search .tabs .tab .center { display: flex; justify-content: space-between; align-items: center; width: 185px; margin: 0 auto; } .search .tabs .tab .center span { display: block; margin-right: auto; margin-left: auto; text-align: center; } .search .tab-pane.active .search-list { display: flex; flex-direction: column; } .search-list { margin: 0; padding: 0; list-style: none; display: none; } .search-list.all { display: flex; flex-direction: column; } .search-list li { position: relative; margin-bottom: 40px; padding: 20px 35px; background-color: #fff; border-radius: 30px; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.16); } .search-list li:last-of-type { margin-bottom: 0; } .search-list li .top { display: flex; justify-content: space-between; } .search-list li h3 { margin: 0; margin-left: 15px; margin-bottom: 20px; padding: 0; font-size: 18px; line-height: 26px; font-weight: 700; color: #5f5f5f; } .search-list li .category { margin-left: auto; display: flex; justify-content: space-between; align-items: center; font-size: 14px; line-height: 20px; font-weight: 700; color: #797cb0; } .search-list li .category svg { margin-right: 10px; fill: #eea041; } .search-list li p { max-width: 690px; margin: 0; margin-bottom: 40px; margin-left: 15px; padding: 0; font-size: 16px; line-height: 20px; font-weight: 300; color: #5f5f5f; } .search-list .date { font-size: 14px; line-height: 20px; font-weight: 300; color: #adadad; } .search-list .bottom { display: flex; justify-content: space-between; align-items: center; } .search-list .button { position: absolute; right: 40px; bottom: -20px; display: inline-block; margin: 0; min-width: 125px; padding: 15px; border-radius: 20px; border: 0; text-align: center; font-size: 14px; line-height: 20px; font-weight: 700; background-color: #686b9f; color: #fff; } @media (max-width: 991px) { .search-list .button { font-size: 13px; line-height: 13px; } } .search .pagination { max-width: 220px; margin: 90px 0; margin-left: auto; display: flex; } .search .pagination svg { fill: #adadad; } .search .pagination li { margin-right: 5px; } .search .pagination li:last-of-type { margin-right: 0; } .search .pagination li.pag-arrow a { border-color: transparent; background-color: transparent; } .search .pagination li.pag-arrow--next svg { transform: rotate(180deg); } .search .pagination li.pagination-item a { width: 35px; height: 35px; border-radius: 50%; background-color: #fff; font-size: 16px; line-height: 20px; color: #adadad; border: 1px solid #adadad; } .search .pagination li.pagination-item a:hover, .search .pagination li.pagination-item a:focus { background-color: #eea041; border-color: #eea041; color: #fff; } .search .pagination li.active a { background-color: #eea041; border-color: #eea041; color: #fff; } @media (max-width: 1199px) { .search .news { padding-top: 20px; } .search .news-list .news-item { padding-top: 0; } .search-form { max-width: 600px; } .search-list li .category { margin-bottom: 15px; } .search .pagination { margin: 40px auto; } } @media (max-width: 992px) { .search-results { padding-top: 40px; } .search-right { width: 100%; } .search-left { width: 50%; margin: 0 auto; margin-bottom: 20px; } } @media (max-width: 767px) { .search h1 { font-size: 24px; line-height: 30px; } .search .news h2 { margin-bottom: 20px; font-size: 20px; line-height: 24px; } .search .news-list .news-item { background-color: #fff; } .search-form input { padding: 20px; } .search-left { width: 100%; } .search .tabs .tab { padding: 15px; font-size: 18px; line-height: 20px; } .search .tabs .tab .center { width: 160px; } .search-list li h3, .search-list li p { margin-left: 0; margin-bottom: 10px; } } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .f-item-w .h2 a{ color: #000; } .f-item-w:hover .h2 a{ color: #141776; } .header-top .logo_1c { /*margin: 10px;*/ max-width: 40px; height: max-content; } @media (max-width: 992px) { .header-top .logo_1c { margin:10px 0; } } #getFromGM .modal-dialog { background-color: transparent; } .modal-dialog > .form-thanks{ background-color: #fff; } .programs-page .news-list .news-item a:link {color:#337ab7} /* --- НАЧАЛО СТИЛЕЙ НОВОГО МЕНЮ KODERLINE --- */ /* Переменные для удобного управления цветами */ :root { --kl-color-text: #5f5f5f; --kl-color-primary: #eea041; --kl-color-secondary: #686b9f; --kl-color-secondary-light: #797cb0; --kl-color-background: #f9f9fd; --kl-color-white: #ffffff; --kl-menu-transition: all 0.3s ease; } /* Основной контейнер и навигация Скрываем старое меню и показываем новое */ .menu-wrap { display: none; } /* Скрываем старый мобильный контейнер */ .site-nav { display: none; } /* Скрываем старую навигацию */ .koder-menu-container { width: 100%; } .koder-nav { width: 100%; } .koder-nav__list { margin: 0; padding: 0; list-style: none; display: flex; justify-content: space-between; align-items: center; width: 100%; } /* Стили для пунктов меню (десктоп) */ .koder-nav__item { position: relative; padding: 20px 5px; } .koder-nav__link { font-family: "Helvetica", "Arial", sans-serif; font-size: 15px; font-weight: 400; text-transform: uppercase; color: var(--kl-color-text); text-decoration: none; padding: 10px; display: block; transition: var(--kl-menu-transition); } .koder-nav__item:hover > .koder-nav__link { color: var(--kl-color-primary); } /* Скрываем кнопки для мобильных на десктопе */ .koder-nav__toggle-btn, .koder-menu-close-btn, .koder-menu-header { display: none; } /* Выпадающие подменю (десктоп) */ .koder-nav__submenu { position: absolute; top: 100%; left: 0; z-index: 1000; min-width: 250px; padding: 10px; margin: 0; list-style: none; background-color: var(--kl-color-background); border: 1px solid #e0e0e0; border-top: 2px solid var(--kl-color-primary); border-radius: 0 0 8px 8px; /* Анимация появления */ opacity: 0; visibility: hidden; transform: translateY(10px); transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease; } .koder-nav__item:hover > .koder-nav__submenu { opacity: 1; visibility: visible; transform: translateY(0); } .koder-nav__submenu-item a { display: block; padding: 12px 15px; font-size: 14px; color: var(--kl-color-text); text-decoration: none; border-radius: 5px; transition: var(--kl-menu-transition); white-space: nowrap; } .koder-nav__submenu-item a:hover { background-color: var(--kl-color-secondary); color: var(--kl-color-white); } /* Вложенные подменю */ .koder-nav__submenu-item--has-children { position: relative; } .koder-nav__submenu-nested { display: none; /* В десктопной версии можно реализовать появление по аналогии с основным */ } /* АДАПТАЦИЯ МЕНЮ (Планшеты и мобильные) */ @media (max-width: 991px) { /* Скрываем десктопное меню */ .koder-nav { display: none; } /* Показываем контейнер для мобильного меню, когда он активен */ .koder-menu-container.is-open { display: block; position: fixed; top: 0; right: 0; width: 85%; max-width: 320px; height: 100%; background-color: var(--kl-color-secondary); z-index: 9999; overflow-y: auto; transform: translateX(100%); animation: slideIn 0.4s forwards; } @keyframes slideIn { from { transform: translateX(100%); } to { transform: translateX(0); } } .koder-menu-container.is-open .koder-nav { display: block; padding-top: 20px; } .koder-menu-header { display: flex; justify-content: flex-end; padding: 15px; } .koder-menu-close-btn { display: block; font-size: 36px; font-weight: 300; line-height: 1; color: var(--kl-color-white); background: none; border: none; cursor: pointer; } /* Располагаем пункты меню вертикально */ .koder-nav__list { flex-direction: column; align-items: flex-start; } .koder-nav__item { width: 100%; padding: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .koder-nav__item > a.koder-nav__link { color: var(--kl-color-white); padding: 15px 20px; text-transform: none; font-size: 16px; } /* Показываем кнопку-стрелку для раскрытия подменю */ .koder-nav__toggle-btn { display: block; position: absolute; top: 0; right: 0; width: 60px; height: 52px; background: none; border: none; cursor: pointer; } /* Рисуем стрелку с помощью псевдо-элементов */ .koder-nav__toggle-btn::before { content: ''; position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; border-style: solid; border-color: var(--kl-color-white); border-width: 0 2px 2px 0; transform: translate(-50%, -75%) rotate(45deg); transition: transform 0.3s ease; } .koder-nav__item.is-open > .koder-nav__toggle-btn::before { transform: translate(-50%, -25%) rotate(225deg); /* Стрелка вверх */ } /* Скрываем и стилизуем подменю на мобильных */ .koder-nav__submenu { position: static; opacity: 1; visibility: visible; transform: none; display: none; /* Начальное состояние - скрыто */ width: 100%; min-width: 100%; background-color: rgba(0, 0, 0, 0.15); border: none; border-radius: 0; padding: 0; } /* Показываем подменю, когда у родителя есть класс .is-open */ .koder-nav__item.is-open > .koder-nav__submenu { display: block; } .koder-nav__submenu-item a { color: #e0e0e0; padding: 12px 20px 12px 35px; /* С отступом */ font-size: 14px; border-radius: 0; } .koder-nav__submenu-item a:hover { background-color: rgba(255, 255, 255, 0.1); color: var(--kl-color-white); } /* Стили для вложенных подменю на мобильных */ .koder-nav__submenu-nested { list-style: none; padding: 0; margin: 0; background-color: rgba(0, 0, 0, 0.1); display: none; /* Скрыто по умолчанию */ } .koder-nav__submenu-item.is-open > .koder-nav__submenu-nested { display: block; } .koder-nav__submenu-nested a { padding-left: 50px; font-style: italic; } } /* --- КОНЕЦ СТИЛЕЙ НОВОГО МЕНЮ KODERLINE --- */ /* --- СТИЛИ ДЛЯ ПОИСКА И КНОПКИ CTA --- */ /* Контейнер для правого блока в шапке */ .koder-header-actions { display: flex; align-items: center; justify-content: flex-end; gap: 20px; /* Расстояние между поиском и кнопкой */ width: 35%; /* Занимает доступное место */ margin-left: auto; } /* Стилизация контейнера поиска */ .koder-search { position: relative; width: 100%; max-width: 250px; } /* Иконка поиска */ .koder-search::before { content: ''; position: absolute; top: 50%; left: 15px; transform: translateY(-50%); width: 18px; height: 18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23adadad'%3E%3Cpath d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; transition: var(--kl-menu-transition); z-index: 1; cursor: pointer; /* Делаем иконку кликабельной */ } /* Эффект при наведении на иконку поиска */ .koder-search:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23eea041'%3E%3Cpath d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E"); transform: translateY(-50%) scale(1.1); /* Небольшое увеличение при наведении */ } /* Изменение цвета иконки при фокусе на поле ввода */ .koder-search.is-focused::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23eea041'%3E%3Cpath d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E"); } /* Стилизация самого поля ввода */ #title-search-input { width: 100%; height: 42px; padding: 10px 20px 10px 45px; /* Отступ слева для иконки */ border: 1px solid #c3c3c3; border-radius: 21px; /* Полностью скругленные края */ background-color: var(--kl-color-background); color: var(--kl-color-text); font-size: 14px; outline: none; transition: var(--kl-menu-transition); } #title-search-input:focus { border-color: var(--kl-color-primary); background-color: var(--kl-color-white); } /* Скрытие кнопки submit в форме поиска */ #title-search button[type="submit"] { display: none !important; visibility: hidden !important; opacity: 0 !important; position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; } /* Стилизация кнопки "Обратный звонок" */ .koder-cta-button { padding: 12px 25px; border: none; border-radius: 21px; background-color: var(--kl-color-primary); color: var(--kl-color-white); font-family: "Helvetica", "Arial", sans-serif; font-size: 14px; font-weight: 700; text-transform: uppercase; white-space: nowrap; cursor: pointer; transition: var(--kl-menu-transition); } .koder-cta-button:hover { filter: brightness(1.1); transform: scale(1.03); } /* Адаптация для мобильных устройств */ @media (max-width: 991px) { .koder-header-actions { /* На мобильных этот блок скрывается вместе со старым .wrap-right, так как бургер-меню открывает свою панель. Оставляем стили на случай, если вы захотите его показать. */ display: none; } }

Вебинары

1C:Документооборот

1С:ERP

1С:Зарплата и управление персоналом

1С:Управление небольшой фирмой

1С:Управление торговлей

1С:Управление Холдингом

Администрирование 1С

Бухгалтерский учет

Бюджетирование

Для разработчиков 1С

Казначейство

МСФО

Налоговый учет

Обзор конфигураций 1С

Проектные технологии 1С

Связаться с нами

Получать свежие
статьи

Тел:	+7 (495) 374 55 29
Email:	1c@koderline.ru
Тендеры:	tender@koderline.ru
Для жалоб и предложений:	k@koderline.ru
Адрес:	107023, г. Москва ул. Большая Семеновская, д. 43

Вебинары

Связаться с нами

Получать свежие статьи

Получать свежие
статьи