:root {
--padding:calc(50% - 640px);
}
@media (max-width: 1440px) {
:root {
--padding: 24px;
}
}
#mainHeader {
display:flex;
padding:28px var(--padding);
position:fixed;
z-index:10;
top:0;
width:100%;
left:0;
background:rgba(255,255,255,0.7);
align-items:center;
justify-content:space-between;
transition:all .3s ease;
}
#mainHeader.scroll {
background:rgba(255,255,255,1);
}
#mainHeader .search {
height: 22px;
width: 22px;
cursor: pointer;
border: none;
box-shadow: none;
background: url('data:image/svg+xml;utf8,') no-repeat center / contain;
}
#searchOpen {
display:none;
}
#searchOpen:checked ~ #mainMenu {
width:0;
flex-grow:0;
overflow:hidden;
}
#searchForm {
display:flex;
width:0;
flex-grow:0;
overflow:hidden;
transition:all 0.5s linear;
}
#searchForm .search {
display:none;
}
#searchForm input {
width:calc(100% - 5rem);
display:block;
border:none;
background:none;
color:#333;
border-bottom:1px solid rgba(51,51,51,0.1);
}
#searchOpen:checked~#searchForm {
flex-grow:2;
width:auto;
}
#searchOpen:checked~#searchForm .search {
display:inline-block;
}
#searchOpen:checked~ .search {
margin-right:12px;
background-image:url('data:image/svg+xml;utf8,');
background-size:18px;
}
#mainLogo {
width:198px;
height:81px;
display:block;
background:url('/template/img/ranepa-logo.svg') no-repeat center / contain;
margin-right:24px;
}
#vsguLogo {
width:61px;
height:61px;
display:block;
background:url('/template/img/vsgulogo.svg') no-repeat center / contain;
margin-right:24px;
}
#headText {
font-weight: 700;
font-size: 22px;
line-height: 34px;
color: #921A1D;
flex-grow:1;
}
#headText h1 {
font-weight: 700;
font-size: 22px;
line-height: 34px;
color: #921A1D;
padding:0;
text-align:left;
}
#mainMenu {
display:flex;
align-items:center;
}
#mainMenu a {
display:block;
margin-left:24px;
font-size: 14px;
line-height: 16px;
color: #1E313B;
white-space: nowrap;
}
.noTouch #mainMenu .active {
color:#921A1D;
}
.touch #mainMenu .active {
font-weight:700;
}
#mainSlider {
display:flex;
position:relative;
width:100%;
height:647px;
background:no-repeat center / cover;
padding:0 var(--padding) 32px;
align-items:flex-end;
}
#mainSlider .lister {
display:flex;
align-items:center;
justify-content:flex-start;
opacity:0.99;
z-index:2;
}
#mainSlider .lister .point {
display:block;
width:25px;
height:25px;
background:#FFFFFF;
margin-right:12px;
border-radius:50%;
cursor:pointer;
opacity: 0.99;
z-index: 3;
}
#mainSlider .lister .point.active {
background:#951A1D;
}
#mainSlider .lister .image {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:no-repeat center / cover;
opacity:0;
z-index:-1;
transition:all .3s ease;
display:flex;
flex-direction:column;
justify-content:flex-end;
padding:0 var(--padding) 117px;
align-items:flex-start;
}
#mainSlider .lister .point.active + .image {
opacity:1;
z-index:1;
}
#mainSlider .lister .image .text {
display:block;
margin-bottom:24px;
font-weight: 600;
font-size: 40px;
line-height: 57px;
color: #FFFFFF;
/*max-width:420px;*/
}
#mainSlider .lister .image .button {
padding:16px 33px;
display:block;
background: #921A1D;
box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.05);
border-radius: 8px;
font-size: 16px;
line-height: 24px;
color: #FFFFFF;
}
h2 {
font-weight: 600;
font-size: 40px;
line-height: 34px;
text-align: center;
color: #1E313B;
}
#mainProgram {
padding:100px var(--padding);
background:#ffffff fixed;
}
#mainProgram nav {
display:flex;
justify-content:space-between;
padding-top:60px;
}
#mainProgram a {
display:block;
width:308px;
font-family: 'Helios';
font-weight: 400;
font-size: 24px;
line-height: 34px;
text-align: center;
color: #1E313B;
box-shadow:0px 6px 28px rgba(0, 0, 0, 0.05);
border-radius: 16px;
margin-left:16px;
}
#mainProgram a:first-of-type {
margin-left:0;
}
#mainProgram a .image {
border-radius: 16px 16px 0 0;
width:100%;
height:162px;
background:no-repeat center top / cover;
display:block;
}
#mainProgram a .title {
border-radius: 0 0 16px 16px;
padding:20px 32px 32px;
background:white;
display:block;
}
.noTouch #mainProgram a:hover {
box-shadow:0px 12px 28px rgba(0, 0, 0, 0.1);
color: #921A1D;
}
#mainFeatures {
padding:100px var(--padding);
background:#E7E7E7 fixed;
}
#mainFeatures ul {
padding-top:60px;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
#mainFeatures ul li {
width:287px;
text-align:center;
margin:0 50px 60px;
}
#mainFeatures ul li:before {
content:'';
display:block;
width:100%;
height:100px;
margin-bottom:24px;
background:no-repeat center top / contain;
}
#mainFeatures ul li:nth-of-type(1):before{
background-image:url('data:image/svg+xml;utf8,');
}
#mainFeatures ul li:nth-of-type(2):before{
background-image:url('data:image/svg+xml;utf8,');
}
#mainFeatures ul li:nth-of-type(3):before{
background-image:url('data:image/svg+xml;utf8,');
}
#mainFeatures ul li:nth-of-type(4):before{
background-image:url('data:image/svg+xml;utf8,');
}
#mainFeatures ul li:nth-of-type(5):before{
background-image:url('data:image/svg+xml;utf8,');
}
#mainFeatures ul li:nth-of-type(6):before{
background-image:url('data:image/svg+xml;utf8,');
}
.noTouch #mainFeatures ul li:nth-of-type(1):hover:before{
background-image:url('data:image/svg+xml;utf8,');
}
.noTouch #mainFeatures ul li:nth-of-type(2):hover:before{
background-image:url('data:image/svg+xml;utf8,');
}
.noTouch #mainFeatures ul li:nth-of-type(3):hover:before{
background-image:url('data:image/svg+xml;utf8,');
}
.noTouch #mainFeatures ul li:nth-of-type(4):hover:before{
background-image:url('data:image/svg+xml;utf8,');
}
.noTouch #mainFeatures ul li:nth-of-type(5):hover:before{
background-image:url('data:image/svg+xml;utf8,');
}
.noTouch #mainFeatures ul li:nth-of-type(6):hover:before{
background-image:url('data:image/svg+xml;utf8,');
}
#mainFeatures ul li .header {
display:block;
font-family: 'Helios';
font-weight: 700;
font-size: 20px;
line-height: 27px;
color: #1E313B;
margin-bottom:8px;
}
#mainFeatures ul li .text {
font-size: 14px;
line-height: 21px;
color: #1E313B;
}
#mainNews {
padding:100px var(--padding);
background:#FFFFFF fixed;
text-align:center;
}
form.subscribe {
display:flex;
align-items:stretch;
justify-content:center;
padding-bottom:64px;
}
.subscribe span, a.subscribe{
display:block;
font-size: 18px;
line-height: 21px;
text-decoration: underline;
color: #921A1D;
cursor:pointer;
}
a.subscribe {
width:150px;
margin:0 auto 24px;
text-align:center;
}
.subscribe p{
font-size: 18px;
line-height: 21px;
}
.subscribe input {
width:100%;
max-width:394px;
font-family: 'Roboto';
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #A5A5A5;
padding:16px 24px;
border: 1px solid #A5A5A5;
border-right:none;
box-shadow:0px 3px 15px rgba(0, 0, 0, 0.05);
border-radius: 8px 0 0 8px;
}
.subscribe input.filled {
border: 1px solid #1E313B;
color: #1E313B;
}
.subscribe button {
flex-grow:0;
border: 1px solid #A5A5A5;
border-left:none;
box-shadow:0px 3px 15px rgba(0, 0, 0, 0.05);
border-radius: 0 8px 8px 0;
cursor:pointer;
background:#A5A5A5;
padding: 16px 19px;
font-size: 16px;
line-height: 24px;
color: #FFFFFF;
}
.subscribe input.filled + button {
border: 1px solid #1E313B;
background:#921A1D;
}
.subscribe input, .subscribe button,.subscribe.active span {
display:none;
}
.subscribe.active input, .subscribe.active button {
display:block;
}
#mainNews .subscribe{
margin-top:24px;
}
#mainNews .panel {
height:452px;
overflow:hidden;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
#mainNews .panel .newsItem {
width:243px;
height:452px;
display:flex;
flex-direction:column;
justify-content:flex-end;
align-items:center;
padding:24px;
font-size: 22px;
line-height: 28px;
letter-spacing: 0.42px;
color: #FFFFFF;
border-radius: 16px 16px 0px 0px;
position:relative;
background:no-repeat center / cover;
margin-bottom:24px;
flex-shrink:0;
margin-left: 16px;
}
#mainNews .panel .newsItem:first-of-type{
margin-left: 0px;
}
#mainNews .panel .newsItem:before {
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:0;
background:linear-gradient(0deg, rgba(0,0,0,1),rgba(0,0,0,0));
}
#mainNews .panel .newsItem .title,#mainNews .panel .newsItem a {
position:relative;
z-index:1;
}
#mainNews .panel .newsItem a {
display:block;
margin-top:12px;
font-size: 16px;
line-height: 24px;
color:#FFFFFF;
}
#mainNews .panel .newsItem a:after {
content:'';
display:inline-block;
width:16px;
height:16px;
margin-left:4px;
background:url('data:image/svg+xml;utf8,') no-repeat center;
}
.nextPage {
display:flex;
justify-content:center;
}
#mainNews > .more, .btn-more, .programBody .btn-more{
display:inline-block;
padding:8px 16px;
border: 1px solid #A5A5A5;
box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.05);
border-radius: 8px;
font-size: 16px;
line-height: 24px;
color: #A5A5A5;
margin-top:24px;
text-decoration:none;
}
#mainPrograms .wrapper {
display:flex;
justify-content:space-between;
align-items:stretch;
padding:60px var(--padding) 0;
flex-wrap:wrap;
}
#mainPrograms .oneProgramMain {
display:block;
padding:24px;
width:100%;
max-width:405px;
background:#FFFFFF;
flex-shrink:0;
margin-bottom:24px;
position:relative;
display:flex;
flex-direction:column;
align-items:stretch;
border-radius:16px;
}
#mainPrograms .oneProgramMain .law {
position:absolute;
padding:6px 12px;
background: #F99B1C;
border-radius: 100px;
font-size: 14px;
line-height: 21px;
color: #F6F6F6;
top:48px;
left:48px;
}
#mainPrograms .oneProgramMain .image {
display:block;
height:236px;
background:no-repeat center / cover;
border-radius:16px;
margin-bottom:40px;
}
#mainPrograms .oneProgramMain .form {
display:block;
font-size: 14px;
line-height: 21px;
color: #1E313B;
margin-bottom:12px;
}
#mainPrograms .oneProgramMain .date {
display:block;
font-size: 16px;
line-height: 21px;
color: #1E313B;
margin-bottom:12px;
}
#mainPrograms .oneProgramMain .title {
display:block;
font-family: 'Helios';
font-size: 24px;
line-height: 34px;
color: #1E313B;
margin-bottom:12px;
flex-grow:1;
}
#mainPrograms .oneProgramMain .mainParent {
display:block;
font-family: 'Helios';
font-size: 16px;
line-height: 24px;
color: #1E313B;
margin-bottom:40px;
}
#mainPrograms .oneProgramMain .button {
display:block;
text-align:center;
padding:8px 0;
background: #A5A5A5;
box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.05);
border-radius: 8px;
font-size: 16px;
line-height: 24px;
color: #FFFFFF;
}
#mainPrograms .oneProgramMain:hover {
box-shadow: 0px 12px 28px rgba(0, 0, 0, 0.1);
}
#mainPrograms .oneProgramMain:hover .button {
background: #921A1D;
}
#mainPrograms .oneProgramMain:nth-of-type(1) .image {
background-image:url('/images/articles/08a4a11738138b87a5b1c8a1f1683b03.jpg');
}
#mainPrograms .oneProgramMain:nth-of-type(2) .image {
background-image:url('/images/articles/b8cb99beb13af782a95d997949d41f85.jpg');
}
#mainPrograms .oneProgramMain:nth-of-type(3) .image {
background-image:url('/images/articles/e89a39b6c2160a5da8ccb46fa20f8916.jpg');
}
#mainPrograms .oneProgramMain:nth-of-type(4) .image {
background-image:url('/images/articles/08a4a11738138b87a5b1c8a1f1683b03.jpg');
}
#mainPrograms .oneProgramMain:nth-of-type(5) .image {
background-image:url('/images/articles/b8cb99beb13af782a95d997949d41f85.jpg');
}
#mainPrograms .oneProgramMain:nth-of-type(6) .image {
background-image:url('/images/articles/e89a39b6c2160a5da8ccb46fa20f8916.jpg');
}
main {
padding:0 var(--padding);
}
h1 {
padding:60px var(--padding) 24px;
font-weight: 600;
font-size: 32px;
line-height: 38px;
text-align: center;
color: #1E313B;
}
main a {
color:#921A1D;
text-decoration:underline;
}
#pdopage {
padding: 60px var(--padding) 0;
}
#pdopage .newsItem {
display:flex;
align-items:flex-start;
margin-bottom:32px;
}
#pdopage .newsItem .image, .newsBody main .image {
display:block;
width:243px;
height:175px;
background:no-repeat center / cover;
border-radius: 16px;
margin-right:48px;
flex-shrink:0;
}
#pdopage .newsItem p .date,.newsBody main .date {
font-size: 14px;
line-height: 28px;
letter-spacing: 0.42px;
color: #1E313B;
display:block;
margin-bottom:12px;
}
#pdopage .newsItem p .title {
font-weight: 700;
font-size: 18px;
line-height: 26px;
letter-spacing: 0.42px;
color: #1E313B;
display:block;
margin-bottom:12px;
}
#pdopage .newsItem p .description {
font-size: 16px;
line-height: 24px;
letter-spacing: 0.42px;
color: #1E313B;
display:block;
margin-bottom:12px;
}
#pdopage .newsItem p a {
font-size: 16px;
line-height: 24px;
letter-spacing: 0.42px;
color: #921A1D;
text-decoration:underline;
}
.newsBody main {
display:flex;
align-items:flex-start;
}
.newsBody main p, .newsBody main ul {
font-size: 16px;
line-height: 24px;
letter-spacing: 0.42px;
}
.newsBody .subscribe {
margin:100px auto 24px;
}
.newsBody h1 {
padding:0 var(--padding) 60px;
}
.programMenu {
padding:0 0 24px;
display: flex;
overflow:auto;
align-items:center;
justify-content:center;
flex-wrap: wrap;
max-width: 1280px;
margin: 0 auto 24px;
}
.programMenu a {
display:block;
margin: 0 16px;
font-size: 14px;
line-height: 22px;
color: #A5A5A5;
border-bottom:1px solid transparent;
white-space:nowrap;
}
.programMenu a.active {
color:#921A1D;
border-bottom-color:#921A1D;
}
#workers {
display:flex;
align-items:flex-start;
justify-content:space-between;
flex-wrap:wrap
}
#workers:after {
content:'';
display:block;
width:350px;
height:0;
}
#workers .oneWorker {
display:block;
width:350px;
margin-bottom:53px;
text-align:center;
}
#workers .oneWorker .image {
width:200px;
height:200px;
margin:0 auto 32px;
background:no-repeat center top / cover;
border-radius:16px;
}
#workers .oneWorker h3 {
font-family: 'Helios';
font-weight: 700;
font-size: 24px;
line-height: 27px;
color: #1E313B;
margin-bottom:8px;
}
#workers .oneWorker .place {
font-size: 18px;
line-height: 26px;
color: #1E313B;
margin-bottom:16px;
}
.profList {
display:flex;
flex-wrap:wrap;
justify-content:space-between;
padding:24px 0 0;
}
.profList.center {
justify-content:center;
}
.profList:after {
content:'';
display:block;
width:410px;
height:0;
}
.profList.center:after {
content:none;
}
.profList li {
width:410px;
position:relative;
margin-bottom:24px;
padding-left:60px;
min-height:42px;
}
.profList.center li {
margin:0 12px 24px;
width:auto;
}
.profList li:before {
content:none;
}
.profList li a {
display:block;
position:absolute;
left:0;
top:0;
width:35px;
height:42px;
text-decoration:none;
background:no-repeat center / contain;
}
.profList li a.pdf {
background-image:url('data:image/svg+xml;utf8,');
}
.profList li a.docx {
background-image:url('data:image/svg+xml;utf8,');
}
.profList li a.jpg {
background-image:url('data:image/svg+xml;utf8,');
}
.profList li strong {
display:block;
margin-bottom:8px;
}
main h2 {
font-weight: 500;
font-size: 32px;
line-height: 38px;
color: #1E313B;
margin:100px 0 24px;
}
.newsBody h2 {
margin-top:40px;
text-align:left;
}
#documentsBody h2 {
margin-top:60px;
}
#documentsBody p {
margin:0 auto 12px;
max-width:768px;
}
main h3 {
text-align:center;
font-weight: 700;
font-size: 18px;
line-height: 26px;
color: #1E313B;
margin:32px 0 24px;
}
main h4 {
margin:24px 0 12px;
font-weight:700;
}
main p {
margin-bottom:12px;
}
main > ol {
counter-reset:list;
padding-left:64px;
}
main > ol > li {
position:relative;
margin-bottom:16px;
font-size:18px;
}
main > ol > li:before {
content:counter(list);
counter-increment: list;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
width:40px;
height:40px;
background:#E7E7E7;
color:#921A1D;
font-size:24px;
font-family:'Roboto';
position:absolute;
left:-64px;
top:0;
}
ol ol,.newsText ol {
counter-reset:list1;
}
main > ol > li > ol, main > ol > li > ul {
font-size:14px;
}
ol ol > li:before, .newsText ol > li:before {
content:counter(list1) '. ';
counter-increment: list1;
}
.troubles > li {
padding-left:64px;
position:relative;
margin-bottom:16px;
}
.troubles > li:before {
content:counter(list);
display:flex;
width:40px;
height:40px;
align-items:center;
justify-content:center;
border-radius:50%;
font-size: 24px;
line-height: 28px;
color: #921A1D;
background: #E7E7E7;
position:absolute;
left:0;
top:0;
}
main .detailed, main .undetailed {
width:120px;
margin:24px auto;
display:none;
font-size: 14px;
line-height: 21px;
text-align: center;
text-decoration-line: underline;
color: #921A1D;
cursor:pointer;
}
main .detailed:after,main .undetailed:after {
content:'';
display:inline-block;
margin-left:4px;
width:24px;
height:9px;
background:url('data:image/svg+xml;utf8,') no-repeat center;
}
main .detailed:after {
transform:rotate(180deg);
}
main .detailed.closed, main .undetailed {
display:block;
}
main .detailed.closed ~ *, main .detailed.closed ~ main .undetailed {
display:none;
}
main ul {
margin:4px 0 0;
font-size: 14px;
line-height: 21px;
}
main ul > li:before {
content: ' • ';
}
main ol ol, main ol ul, .newsText ol {
margin:4px 0 0;
padding-left:12px;
}
.oneProgram {
margin-bottom:65px;
position:relative;
padding:24px;
background:#FFFFFF;
}
.oneProgram:before {
content:'';
display:block;
width: calc(100% - 48px);
top:-32px;
left:24px;
height:1px;
background:#A5A5A5;
position:absolute;
}
.oneProgram:first-of-type:before {
content:none;
}
.oneProgram:hover {
box-shadow: 0px 6px 28px rgba(0, 0, 0, 0.05);
}
.oneProgram .law, .programHeader .law{
display:inline-block;
padding:6px 12px;
background: #F99B1C;
border-radius: 100px;
font-size: 14px;
line-height: 21px;
color: #F6F6F6;
margin-bottom:32px;
}
.oneProgram .date {
display:block;
font-size: 16px;
line-height: 21px;
color: #1E313B;
margin-bottom:16px;
}
.oneProgram .header {
display:flex;
align-items:flex-start;
justify-content:space-between;
margin-bottom:32px;
}
.oneProgram .title {
margin-right:32px;
font-family: 'Helios';
font-weight: 700;
font-size: 24px;
line-height: 34px;
color: #921A1D;
text-decoration:none;
display:block;
}
.oneProgram .button {
background: #A5A5A5;
box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.05);
border-radius: 8px;
font-size: 16px;
line-height: 24px;
color: #FFFFFF;
padding:12px 16px;
text-decoration:none;
display:block;
white-space:nowrap;
}
.noTouch .oneProgram:hover a.button/*, .touch .oneProgram a.button*/ {
background: #921A1D;
}
.oneProgram ul, .programHeader ul{
columns:2;
text-align:left;
}
.oneProgram ul li, .programHeader ul li {
margin-bottom:12px;
}
.oneProgram ul li:before{
content:none;
}
.programMain {
padding-bottom:100px;
}
.programHeader {
padding:130px var(--padding) 32px;
text-align:center;
}
.programHeader .date {
display:block;
margin-bottom:16px;
font-size: 16px;
line-height: 21px;
color: #1E313B;
text-align: left;
}
.programHeader h1 {
padding:0;
margin-bottom:24px;
text-align: left;
}
.programHeader ul {
margin-bottom:32px;
}
.progData {
display:grid;
grid-template-columns:1fr 1fr;
grid-gap:24px;
}
.oneProgram .progData {
grid-gap:8px;
}
.progData .progItem {
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
min-height:180px;
padding:40px;
gap:10px;
background: #F6F6F6;
border-radius:16px;
text-align: left;
}
.oneProgram .progData .progItem {
padding: 8px 16px 8px 16px;
gap: 4px;
border-radius: 16px;
height:auto;
}
.progData .progItem .header {
color: #801214;
font-size:20px;
font-weight:300;
}
.progData .progItem .text {
font-size:24px;
}
.progData .progItem .text span{
font-size:20px;
display:block;
}
.oneProgram .progData .progItem .header,.oneProgram .progData .progItem .text,.oneProgram .progData .progItem .text span{
font-size:14px;
margin-bottom:0;
}
.programMain .oneProgram .date {
display:inline-block;
padding:6px 16px;
}
.programMain .oneProgram::before {
content:none;
}
.programMain .oneProgram {
border: 1px solid #B8C7CF;
border-radius:24px;
margin-bottom:32px;
}
.programHeader .button {
background: #921A1D;
box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.05);
border-radius: 24px;
font-size: 24px;
line-height: 24px;
color: #FFFFFF;
padding:32px 0;
display:block;
margin-top:32px;
text-transform:uppercase;
text-decoration:none;
}
.programMain h2 {
text-align:left;
margin: 0 0 32px;
}
.programMain .abitur {
display:block;
counter-reset:list;
font-weight:600;
}
.programMain .abitur li:before {
content:counter(list);
counter-increment: list;
font-weight:200;
}
.programMain .planLink {
display:block;
padding: 32px;
border-radius: 24px;
border: 1px solid #951A1D;
color:#951A1D;
text-transform:uppercase;
text-align:center;
font-size: 24px;
font-weight: 700;
line-height: 24px;
letter-spacing: 0.02em;
}
.learnTarget ul{
display:flex;
gap:32px;
list-style-type:none;
}
.learnTarget li {
display:block;
width:100%;
flex-grow:1;
max-width:405px;
font-weight: 500;
line-height: 29.6px;
text-align: center;
color:#fff;
border-radius:32px;
background:url('data:image/svg+xml;utf8,') no-repeat center 40px / auto 46px #38373E;
}
.learnTarget li:before {
content:none;
}
.programMain .return {
margin:0 0 72px 0;
}
.programMain h3 {
text-align:left;
margin-top:0;
}
.programMain .value {
padding:72px 56px;
border-radius:16px;
background:url('../img/value_pc.jpg') no-repeat center / cover;
color:#FFFFFF;
}
.programMain .value h2 {
color:#fff;
font-size:32px;
margin-top:0;
}
.programMain .value li {
display:inline-block;
margin-bottom:24px;
position:relative;
padding-left:40px;
font-size: 20px;
font-weight: 700;
}
.programMain .value li:before {
content:'';
display:block;
width:24px;
height:24px;
position:absolute;
left:0;
background:url('data:image/svg+xml;utf8,') no-repeat center / contain;
}
.programMain .value .button {
display:block;
color: #231F20;
background:#fff;
padding:32px;
text-align:center;
border-radius:24px;
cursor:pointer;
font-size:24px;
line-height:24px;
text-transform:uppercase;
text-decoration:none;
font-weight:700;
}
.programMain .conditions {
display:flex;
gap:32px;
}
.programMain .conditions .block {
background: #F6F6F6;
padding: 40px 40px 32px 40px;
flex-grow:1;
width:100%;
}
.finalDoc {
background: #F6F6F6;
display:flex;
}
.finalDoc a {
display:block;
background:#951A1D;
color:#fff;
text-transform:uppercase;
text-align:center;
width:100%;
flex-grow:1;
text-decoration:none;
}
.finalDoc .left {
width:100%;
flex-grow:1;
}
.finalDoc a:before {
content:'';
display:inline-block;
vertical-align:middle;
background:url('data:image/svg+xml;utf8,') no-repeat center / contain;
}
.toSubscribe {
display:flex;
background:#951A1D;
color:#fff;
}
.toSubscribe a {
color:#951A1D;
text-decoration:none;
text-transform:uppercase;
display:block;
flex-grow:1;
width:100%;
background:#fff;
text-align:center;
}
.toSubscribe a:before {
content:'';
display:inline-block;
vertical-align:middle;
background:url('data:image/svg+xml;utf8,') no-repeat center / contain;
}
@media (max-width:1023px) {
.programMain h2 {
font-size:24px;
font-weight:600;
}
.programMain h3 {
font-size:24px;
font-weight:500;
}
.programHeader {
margin-bottom:48px;
}
.programBody .programHeader {
text-align:left;
}
.programHeader .button {
font-size:16px;
padding:16px 0;
text-align:center;
}
.programMain .abitur {
margin-bottom:48px;
}
.programMain .abitur li {
display:flex;
align-items:center;
gap:16px;
margin-bottom:16px;
padding: 24px 16px;
border-radius: 16px;
background:#FAFAFA;
}
.programMain .abitur li:before {
font-size:40px;
}
.programMain .abitur li span {
display:block;
}
.programMain .value {
background-image:url('../img/value_mob.jpg');
}
.programMain .value li {
font-size:16px;
}
.programMain .value li:before {
top:50%;
transform:translateY(-50%);
width:16px;
height:16px;
}
.progData {
grid-template-columns:1fr;
grid-gap:8px;
}
.progData .progItem {
padding:16px 24px;
height:auto;
}
.progData .progItem:nth-of-type(3){
margin-bottom:8px;
}
.progData .progItem .header {
font-size:14px;
}
.progData .progItem .text {
font-size:16px;
}
.programMain .value {
margin-bottom:48px;
padding:24px 16px;
}
.programMain .value h2 {
font-size:24px;
}
.programMain .conditions {
flex-direction:column;
margin-bottom:48px;
gap:32;
}
.programMain .conditions .block {
border-radius:16px;
padding:24px 16px;
}
.programMain .conditions p {
font-size: 16px;
font-weight: 600;
line-height: 23.6px;
}
.programMain .conditions p span{
font-weight:400;
display:block;
}
.programMain .conditions li {
font-size: 16px;
line-height: 23.6px;
}
.programMain .conditions li:before {
margin-right:8px;
}
.programMain .programContent {
margin-bottom:48px;
font-size:20px;
}
.learnTarget ul{
flex-direction:column;
margin-bottom:48px;
}
.programMain .planLink {
margin-bottom:48px;
padding:16px 32px;
font-size:16px;
}
.learnTarget li {
max-width:none;
padding:84px 24px 24px;
font-size:16px;
background-position:center 24px;
background-size:auto 32px;
}
.programMain .value .button {
font-size:16px;
padding:16px;
}
.programBody #pdopage, .programBody .oneProgram {
padding:0;
}
.finalDoc {
flex-direction:column;
padding:24px 16px 32px;
gap:24px;
margin-bottom:48px;
border-radius:16px;
}
.finalDoc .left .header{
font-size:24px;
font-weight:600;
display:block;
padding-left:67px;
margin-bottom:4px;
min-height: 51px;
background:url('data:image/svg+xml;utf8,') no-repeat left center / 51px;
}
.finalDoc .left .description {
font-size:12px;
}
.finalDoc a {
padding:16px;
border-radius:24px;
}
.finalDoc a:before {
width:32px;
height:20px;
margin-right:16px;
}
.toSubscribe {
flex-direction:column;
padding:16px;
border-radius:16px;
gap:16px;
margin-bottom:48px;
}
.toSubscribe .header {
text-align:center;
font-size:24px;
font-weight:600;
}
.toSubscribe a {
padding:16px;
border-radius:16px;
}
.toSubscribe a:before {
width:32px;
height:20px;
margin-right:16px;
}
.programMain .return {
width:100%;
}
.programBody .oneProgram {
border: 1px solid #B8C7CF;
padding:24px 16px;
border-radius:24px;
margin-bottom:32px;
}
.programBody .oneProgram:before {
content:none;
}
.oneProgram .button {
width:100%;
text-align:center;
text-transform:uppercase;
}
}
@media (min-width:1024px) {
.programMain .planLink {
margin-bottom:72px;
}
.learnTarget {
margin-bottom:72px;
}
.learnTarget li {
padding:112px 40px 32px;
font-size:20px;
}
.programMain .programContent {
margin-bottom:64px;
font-size:20px;
}
.programMain .conditions {
display:flex;
gap:32px;
align-items:flex-start;
margin-bottom:72px;
}
.programMain h3 {
font-size:24px;
}
.programMain .conditions .block:nth-of-type(2) {
border-radius:16px;
}
.programMain .conditions p {
font-size: 20px;
font-weight: 600;
line-height: 29.6px;
}
.programMain .conditions p span{
font-weight:400;
display:block;
}
.programMain .conditions li {
font-size: 20px;
line-height: 29.6px;
}
.programMain .abitur {
display:flex;
gap:16px;
margin-bottom:72px;
}
.programMain .abitur li {
background: #FAFAFA;
padding:32px;
border-radius:16px;
width:25%;
font-size:20px;
}
.programMain .abitur li:before {
display:block;
font-size:64px;
}
.programMain .value {
margin-bottom:72px;
}
.programMain .value ul {
columns:2;
column-gap:32px;
margin-bottom:32px;
padding-top:32px;
}
.programMain .value li {
padding-top:4px;
}
.programMain .value li:before {
top:0;
}
.finalDoc {
margin-bottom:72px;
padding:40px 40px 32px;
border-radius:24px;
gap:24px;
align-items:center;
}
.finalDoc .left {
display:block;
padding-left:113px;
height: 89px;
background:url('data:image/svg+xml;utf8,') no-repeat left center / 89px;
}
.finalDoc .header {
display:block;
font-size:32px;
font-weight:600;
margin-bottom:4px;
}
.finalDoc .description {
font-size:16px;
}
.finalDoc a {
font-size:24px;
font-weight:600;
padding:32px;
border-radius:24px;
}
.finalDoc a:before {
width: 43px;
height: 25.69px;
margin-right:24px;
}
.toSubscribe {
gap:32px;
border-radius:24px;
padding:32px 48px;
align-items:center;
margin-bottom:72px;
}
.toSubscribe .header {
font-size:32px;
font-weight:600;
width: max-content;
flex-shrink: 0;
padding-right: 30px;
}
.toSubscribe a {
padding:32px;
border-radius:24px;
font-weight:700;
font-size:24px;
}
.toSubscribe a:before {
margin-right:24px;
width:52px;
height:32px;
}
#subscribeForm input {
margin-bottom:32px;
}
}
#graphMain {
display:flex;
}
#calendar {
max-width:386px;
margin-right:48px;
width:100%;
}
#calendar > a {
display:block;
margin-top:24px;
text-align:center;
}
#programList .oneProgram {
display:flex;
flex-direction:column;
align-items:flex-start;
}
#programList .oneProgram h2 {
margin-bottom:32px;
}
#programList .oneProgram ul {
columns:1;
}
.return {
display:block;
padding:8px 16px;
text-align:center;
width:245px;
border: 1px solid #A5A5A5;
box-shadow:0px 3px 15px rgba(0, 0, 0, 0.05);
border-radius: 8px;
font-size: 16px;
line-height: 24px;
color: #A5A5A5;
text-decoration:none;
margin:48px auto 0;
}
.filters {
display:flex;
align-items:center;
white-space:nowrap;
width:100%;
overflow:auto;
padding-bottom: 20px;
margin-bottom: -20px;
}
.filters p {
display:flex;
align-items:center;
}
.filters p:first-of-type{
margin-right:28px;
}
.filters span {
font-size: 14px;
line-height: 20px;
letter-spacing: 0.25px;
color: #1E313B;
margin-right:12px;
}
.filters a {
text-decoration:none;
display:block;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.25px;
color: #A5A5A5;
padding:2px 8px;
margin-right:16px;
border: 1px solid #A5A5A5;
border-radius: 16px;
}
.filters a.selected {
padding-right:36px;
background:url('data:image/svg+xml;utf8,') no-repeat right center #A5A5A5;
color: #FFFFFF;
}
#contactsBody img{
max-width:100%;
}
#contactsBody main {
display:grid;
grid-template-areas:"table img" "map map";
}
#contactsBody main .contacts {
grid-area: table;
align-self: start;
}
#contactsBody main .map {
grid-area: img;
justify-self: end;
}
#contactsBody main iframe {
width: 100%;
height: 515px;
margin-top: 32px;
grid-area: map;
}
.inform {
border: 1px solid #919191;
width:100%;
}
.inform td, .inform th {
border: 1px solid #919191;
padding: 8px;
}
.inform th {
text-align:center;
font-weight:700;
}
.inform .grey td {
background:#eaeaea;
text-align:center;
font-weight:700;
}
.inform td:nth-of-type(5) {
width:170px;
}
.inform .period {
white-space:nowrap;
}
.mainForm {
padding:120px var(--padding) 100px;
}
.mainForm p {
padding-bottom:149px;
background:url('data:image/svg+xml;utf8,') no-repeat center bottom;
font-size: 14px;
line-height: 21px;
text-align: center;
margin-top:20px;
}
.mainForm h3 {
font-size:40px;
margin-bottom:60px;
text-align:center;
font-weight:600;
}
.mainForm form {
display:block;
width:100%;
max-width:627px;
margin:60px auto 0;
}
.mainForm form legend {
font-weight: 600;
font-size: 18px;
line-height: 24px;
color: #921A1D;
display:block;
margin-bottom:10px;
}
.mainForm form .radio {
display:flex;
align-items:center;
justify-content:center;
}
.mainForm form .radio input {
display:none;
}
.mainForm form .radio label{
display:flex;
margin:0 16px;
padding-bottom:32px;
font-size: 14px;
line-height: 20px;
color: #1E313B;
align-items:center;
cursor:pointer;
}
.mainForm form .radio label:before {
display:inline-block;
content:'';
width:24px;
height:24px;
border: 1px solid #A5A5A5;
border-radius:50%;
margin-right:8px;
}
.mainForm form .radio :checked + label:before {
border:6px solid #921A1D;
width:12px;
height:12px;
}
.mainForm form .checkbox input {
display:none;
}
.mainForm form .checkbox label{
padding-bottom:12px;
font-size: 14px;
line-height: 20px;
cursor:pointer;
display:block;
}
.policyZhopa {
font-size:10px;
padding:0 0 12px 32px;
display:block;
}
.mainForm form .checkbox label a, .policyZhopa a, .cookie a{
color:#921A1D;
text-decoration:underline;
}
.mainForm form .checkbox label:before {
display:inline-block;
content:'';
width:22px;
height:22px;
border: 1px solid #A5A5A5;
margin-right:8px;
vertical-align:middle;
}
.mainForm form .checkbox :checked + label:before {
border:6px solid #921A1D;
width:12px;
height:12px;
}
.mainForm form input[name="name"], .mainForm form input.text,
.mainForm form input[type="tel"],
.mainForm form input[type="email"], .mainForm form select, .mainForm form .count {
display:block;
width:100%;
margin-bottom:12px;
font-family: 'Roboto';
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #A5A5A5;
padding:16px 24px;
border: 1px solid #A5A5A5;
box-shadow:0px 3px 15px rgba(0, 0, 0, 0.05);
border-radius: 8px;
}
.mainForm form input[name="name"].filled,.mainForm form input.text.filled,
.mainForm form input[type="tel"].filled,
.mainForm form input[type="email"].filled, .mainForm form select.filled, .mainForm form .count.filled,
.mainForm form input[name="name"]:focus,
.mainForm form input[type="tel"]:focus,
.mainForm form input[type="email"]:focus, .mainForm form select:focus, .mainForm form .count:focus{
color: #1E313B;
border-color:#1E313B;
}
.mainForm form select {
padding-right:50px;
}
.mainForm form select {
background:url('data:image/svg+xml;utf8,') no-repeat calc(100% - 30px) center;
}
.mainForm form .count {
display:flex;
margin-bottom:32px;
}
.mainForm form .count input {
display:block;
flex-grow:1;
font-family: 'Roboto';
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #A5A5A5;
}
.mainForm form .count.filled input {
color: #1E313B;
}
.mainForm form .count .down {
cursor:pointer;
display:block;
width:32px;
height:24px;
border-right:1px solid #A5A5A5;
background:url('data:image/svg+xml;utf8,') no-repeat left center;
}
.mainForm form button {
display:block;
background: #921A1D;
box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.05);
border-radius: 24px;
padding:24px 0;
text-align:center;
font-size: 24px;
font-weight:600;
line-height: 24px;
color: #FFFFFF;
width:100%;
}
.mainForm form button:disabled {
background:#A5A5A5;
}
.mainForm form .count .up {
cursor:pointer;
display:block;
width:31px;
height:24px;
background:url('data:image/svg+xml;utf8,') no-repeat right center;
}
.mainForm form p {
text-align:center;
font-size: 14px;
line-height: 21px;
}
#mainFooter {
padding:60px var(--padding) 80px;
background:#921A1D;
font-size: 14px;
line-height: 16px;
color: #FFFFFF;
display:flex;
align-items:flex-start;
justify-content:space-between;
}
#mainFooter .text p {
margin-bottom:16px;
}
#mainFooter .text a {
color:#FFFFFF;
}
#mainFooter .social a {
display:inline-block;
width:24px;
height:24px;
margin-left:12px;
background:no-repeat center;
}
#mainFooter .social .vk {
margin-left:0;
background-image:url('data:image/svg+xml;utf8,');
}
#mainFooter .social .yt {
background-image:url('data:image/svg+xml;utf8,');
}
#mainFooter .social .tg {
background-image:url('data:image/svg+xml;utf8,');
}
.ui-widget.ui-widget-content {
border:none;
box-shadow: 0px 6px 28px rgba(0, 0, 0, 0.05);
}
.ui-datepicker {
width:auto;
padding:0;
}
.ui-datepicker td {
padding:8px 17px;
font-size: 14px;
line-height: 24px;
text-align: center;
color: #1E313B;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
background:none;
border:none;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
color:#1E313B;
}
@media (max-width: 1440px) {
#headText, #headText h1{
font-size:20px;
line-height:22px;
}
#mainNews .panel {
justify-content:space-around;
}
#mainNews .panel .newsItem {
margin-left:5px;
margin-right:5px;
}
#mainNews .panel .newsItem:first-of-type {
margin-left:5px;
}
#mainPrograms .wrapper {
justify-content:space-around;
}
}
@media (max-width: 1210px) {
#mainFeatures ul {
justify-content:space-around;
}
#mainFeatures ul li {
margin-left:10px;
margin-right:10px;
}
}
@media (max-width: 1024px) {
#mainHeader {
padding:12px 16px 10px;
}
#mainHeader:before {
content:'';
flex-grow:1;
order:1;
}
#mainLogo {
margin-right:12px;
width:90px;
height:28px;
}
#vsguLogo {
margin-right:12px;
width:28px;
height:28px;
}
#searchOpen:checked ~ #mainLogo, #searchOpen:checked ~ #headText, #searchOpen:checked ~ #vsguLogo{
display:none;
}
#headText, #headText h1 {
font-size: 8px;
line-height: 10px;
width:124px;
}
#mainMenu {
display:none;
position:absolute;
padding:12px 16px;
background:#921A1D;
top:100%;
left:0;
width:100%;
z-index:2;
}
#mainMenu a {
display:block;
font-size: 10px;
line-height: 12px;
color: #FFFFFF;
}
.menuOpen {
display:block;
order:2;
width:20px;
height:20px;
background:url('data:image/svg+xml;utf8,') no-repeat center;
}
.menuOpen.active {
background-image:url('data:image/svg+xml;utf8,');
}
.menuOpen.active + #mainMenu {
display:flex;
}
#mainSlider {
height:calc(80 * var(--vh, 1vh));
}
#mainSlider .lister .image {
padding-bottom:78px;
}
#mainSlider .lister .image .button {
padding: 6px 19px;
font-size: 13px;
}
#mainSlider .lister .image .text {
font-size: 21px;
line-height: 26px;
margin-bottom: 12px;
}
#mainProgram nav {
width:100%;
overflow:auto;
}
#mainProgram a {
margin-right:16px;
}
#pdopage .newsItem {
flex-direction:column;
}
#pdopage .newsItem .image, .newsBody main .image {
margin-right:0;
margin-bottom:32px;
}
.programMenu {
justify-content:flex-start;
}
.oneProgram .header {
flex-direction: column;
}
.oneProgram .header .title {
margin-right:0;
margin-bottom:24px;
}
.oneProgram ul, .programHeader ul {
columns:1;
}
.newsBody main {
display:block;
}
main h2, h2 {
font-size: 28px;
line-height: 34px;
}
#contactsBody main {
display:block;
}
#mainNews .panel {
overflow:auto;
justify-content:center;
}
#calendar {
margin-right:0;
margin-bottom:48px;
}
#graphMain {
display:block;
}
.ui-datepicker td {
padding:8px 6px;
}
.filters {
display:block;
padding-bottom: 0;
margin-bottom: 0;
}
.filters p {
width:100%;
overflow:auto;
padding-bottom: 10px;
}
.filters p:first-of-type{
margin-right:0;
}
#mainFooter {
flex-direction:column;
}
#mainFooter .social {
order:-1;
margin-bottom:16px;
}
}
#waiter {
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
background:rgba(255,255,255,0.2);
z-index:101;
display:flex;
align-items:center;
justify-content:center;
}
@keyframes preloader {
to {background-position: -704px center}
}
#waiter:after {
content:'';
width:64px;
height:64px;
display:block;
background:url('/template/img/loader.png') no-repeat 0 center;
animation: preloader 2s infinite steps(11, end);
}
#waiter ~ * {
filter:blur(10px);
}
#naczproektdemografiyaMain {
padding-bottom:70px;
}
#naczproektdemografiyaMain + .mainForm {
display:none;
}
.grafik {
padding-top:120px;
}
.grafik #mainSlider {
display:none;
}
.mainBody iframe {
max-width:100%;
}
.textMain {
overflow:auto;
}
.formWrapper {
position:fixed;
top:0;
left:0;
overflow:auto;
width:100%;
height:100%;
display:flex;
align-items:center;
justify-content:center;
background: #53535352;
backdrop-filter:blur(10px);
z-index:100;
}
.formWrapper .mainForm, #subscribeForm {
background:#fff;
padding:48px;
border-radius:24px;
}
.hided {
display:none;
}
.regions .show {
background: #A5A5A5;
box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.05);
border-radius: 8px;
font-size: 16px;
line-height: 24px;
color: #FFFFFF;
padding: 12px 16px;
text-decoration: none;
display: block;
white-space: nowrap;
max-width:max-content;
margin:12px 0;
cursor:pointer;
}
.touch .regions .show, .noTouch .regions .show:hover {
background: #921A1D;
}
.regions ul {
list-style-type:none;
display:none;
}
.regions ul li{
padding:5px 10px;
}
.regions .show.unshow, .regions .show.main.active {
display:none;
}
.regions .show.main.active + .show.unshow {
display:block;
}
.regions .show.main.active ~ ul {
display:block;
}
/*СберА*/
.oneProgram .progData.sbera .progItem {
flex-direction:row;
gap:16px;
align-items:center;
justify-content:flex-start;
text-decoration:none;
}
.sbera .progItem span {
flex-grow:1;
color:#1E313B;
text-decoration:none;
}
.sbera .progItem:hover span {
color:#921A1D;
}
.sbera .progItem:before {
content:'';
height:100%;
width:180px;
background:no-repeat center / cover #ccc;
border-radius:8px;
flex-shrink:0;
}
.sbera .progItem:nth-of-type(1):before{
background-image:url('../img/sbera/photo_5321303698099530214_x.jpg');
}
.sbera .progItem:nth-of-type(2):before{
background-image:url('../img/sbera/photo_5321303698099530231_x.jpg');
}
.sbera .progItem:nth-of-type(3):before{
background-image:url('../img/sbera/photo_5323465973614895677_x.jpg');
}
.sbera .progItem:nth-of-type(4):before{
background-image:url('../img/sbera/photo_5323465973614895436_y.jpg');
}
.sbera .progItem:nth-of-type(5):before{
background-image:url('../img/sbera/photo_5323465973614895460_y.jpg');
}