/* Start:/obrazovateny-process/style.css?176025581313387*/
.obrprocess-section-parelax {
padding-top: 180px;
padding-bottom: 60px;
}
.obrprocess-section-parelax-text{
font-style: normal;
font-weight: 700;
font-size: 26px;
line-height: 140%;
text-transform: uppercase;
color: #FFFFFF;
text-align: right;
max-width: 1110px;
margin-left: auto;margin-right: 0;
}
.obrprocess-section-parelax-text span {
color: rgba(255, 90, 30, 1);
}
.orientyry-obrpro-wrapper {
margin-top: 120px;
margin-bottom: 120px;
overflow: hidden;
}
.orientyry-obrpro {
position: relative;
width:700px;
}
.orientyry-obrpro-right {
position: absolute;
right: -100px;
top: 0;
transform: translateX(100%);
width: 470px;
display: flex;
}
.orientyry-obrpro-right img {
width: 100%;
}
.orientyry-obrpro-items {
display: flex;
display: flex;
margin-top: 40px;
gap: 60px;
flex-wrap: wrap;
}
.orientyry-obrpro-item {
width: calc(50% - 30px);
}
.orientyry-obrpro-item-title{
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 130%;
text-transform: uppercase;
max-width: 245px;
display: flex;
align-items: flex-end;
height: 42px;
}
.orientyry-obrpro-item-text {
color: #575756;
margin-top: 15px;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 130%;
}
.textinleftslider .wunderstart-big-blue-block-text {
margin-left: auto;
margin-right: 0;
font-size: 18px;
}
.textinleftslider .wunderstart-big-blue-block-text1 {
margin-bottom: 0;
}
.textinleftslider .wunderstart-big-blue-block-image {
right: auto;
left: 0;
}
.obrazpro-slider {
width: 100%;
position: relative;
height: 100%;
}
.obrazpro-slider .slick-track , .obrazpro-slider .slick-list {
height: 100%;
}
.obrazpro-slider .slick-prev{
bottom: 41px;
left: auto;
right: 540px;
top: auto;
transform: none;
z-index: 3;
width: 36px;
height: 36px;
}
.obrazpro-slider .slick-next{
bottom: 41px;
z-index: 3;
left: auto;
right: 487px;
top: auto;
transform: none;
width: 36px;
height: 36px;
}
.obrazpro-slider .slick-prev svg, .obrazpro-slider .slick-next svg{
width: 36px;
height: 36px;
}
.section_titlespamor span {
color: #FF5A1E;
}
.obrmodel-wraperobrrez-items {
margin-top: 160px;
display: flex;
flex-wrap: wrap;
gap:80px;
}
.obrmodel-wraperobrrez-item {
width: calc(50% - 40px);
}
.obrmodel-wraperobrrez-item:nth-child(2n-1) {
margin-top: -120px;
}
.obrmodel-wraperobrrezimg {
width: 100%;
display: flex;
margin-bottom: 24px;
}
.obrmodel-wraperobrrezimg img {
width: 100%;
}
.obrmodel-wraperobrrez-title {
font-style: normal;
font-weight: 700;
font-size: 22px;
line-height: 140%;
text-transform: uppercase;
color: #000;
max-width: 400px;
margin-bottom: 14px;
}
.obrmodel-wraperobrrez-item .orientyry-obrpro-item-text {
max-width: 80%;
}
.mtn120 {
margin-top: 120px;
}
.mbn120 {
margin-bottom: 120px;
}
.osobenprocessobrpro-items {
margin-top: 44px;
display: flex;
flex-direction: column;
gap: 30px;
}
.osobenprocessobrpro-ddop-text {
display: none;
}
.osobenprocessobrpro-item {
width: 100%;
display: flex;
transition: 0.3s;
align-items: flex-start;
background: #DCDCDC;
border-radius: 12px;
gap: 30px;
box-sizing: border-box;
padding: 30px 30px 30px 24px;
}
.osobenprocessobrpro-item-left {
display: flex;
align-items: center;
gap: 30px;
width: 360px;
}
.osobenprocessobrpro-right {
width: calc(100% - 390px);
padding-left: 30px;
flex-direction: column;
justify-content: center;
box-sizing: border-box;
border-left: 1px solid #FF5A1E;
}
.osobenprocessobrpro-icon {
width: 70px;
display: flex;
align-items: center;
justify-content: center;
}
.osobenprocessobrpro-icon img {
max-width: 100%;
}
.osobenprocessobrpro-titlebut {
max-width: calc(100% - 120px);
}
.osobenprocessobrpro-title {
font-style: normal;
font-weight: 700;
font-size: 22px;
line-height: 140%;
text-transform: uppercase;
color: #000;
max-width: 400px;
transition: 0.3s;
margin-bottom: 5px;
}
.osobenprocessobrpro-button1, .osobenprocessobrpro-button2 {
font-style: normal;
font-weight: 750;
font-size: 14px;
line-height: 24px;
/* identical to box height, or 225% */
letter-spacing: 0.01em;
text-transform: uppercase;
display: block;
text-decoration: none;
color: #FFFFFF;
font-family: ALS Gorizont Variable!important;
/* Rectangle 315 */
transition: 0.3s;
box-sizing: border-box;
padding: 3px 36px 0 36px;
width: fit-content;
background: #FF5A1E;
border: 2px solid #FF5A1E;
border-radius: 12px;
cursor: pointer;
}
.osobenprocessobrpro-button1:hover , .osobenprocessobrpro-button2:hover {
background: #fff;
color:#000;
transition: 0.3s;
}
.osobenprocessobrpro-osntext {
transition: 0.3s;/* Учебный год поделен на модули и длится 10 месяцев (с сентября по июнь включительно), что делает процесс обучения эффективнее. Каждый из 5 модулей имеет собственную тематику и направлен на развитие ключевых навыков, необходимых в современном мире, благодаря чему учиться становится еще интереснее */
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 140%;
/* or 130% */
width: 100%;
color: #000000;
}
.osobenprocessobrpro-item:hover, .acriveitemobrpro {
transition: 0.3s;
background: #0C0E2F;
} .acriveitemobrpro {
align-items: flex-start;
transition: 0.3s;
}
.osobenprocessobrpro-item {
transition: 0.3s;
}
.osobenprocessobrpro-item:hover .osobenprocessobrpro-title, .osobenprocessobrpro-item:hover .osobenprocessobrpro-osntext,
.acriveitemobrpro .osobenprocessobrpro-title, .acriveitemobrpro .osobenprocessobrpro-osntext{
transition: 0.3s;
color:#fff;
}
.zakrytosobrpro {
padding-left: 50px;
position: relative;
margin-top: 20px;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 140%;
text-decoration: underline;
color: #FF5A1E;
transition: 0.3s;
}
.zakrytosobrpro:hover {
color:#fff;
transition: 0.3s;
}
.zakrytosobrpro:before {
/* Group 339 */
content: '';
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
position: absolute;
width: 20px;
height: 20px;
top: 50%;
left: 14px;
transform: translateY(-50%);
transition: 0.3s;
}
.zakrytosobrpro:hover:before {
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
transition: 0.3s;
}
.osobenprocessobrpro-ddop-text {
transition: 0.3s;/* Учебный год поделен на модули и длится 10 месяцев (с сентября по июнь включительно), что делает процесс обучения эффективнее. Каждый из 5 модулей имеет собственную тематику и направлен на развитие ключевых навыков, необходимых в современном мире, благодаря чему учиться становится еще интереснее */
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 140%;
/* or 130% */
width: 100%;
color: #fff;
padding-top: 20px;
}
.osobenprocessobrpro-ddop-text ul {
margin: 0;
padding: 0;
display: flex
;
flex-direction: column;
gap: 4px;
list-style: none;
}
.osobenprocessobrpro-ddop-text ul li {
position: relative;
padding-left: 18px;
}
.osobenprocessobrpro-ddop-text ul li:before {
content: '>';
color: #FF5A1E;
font-weight: 600;
position: absolute;
top: 0;
left: 0;
}
@media(max-width: 1300px) {
}
@media(max-width: 985px){
.obrmodel-wraperobrrez-items {
gap:30px;
}.obrmodel-wraperobrrez-item {
width: calc(50% - 15px);
}
.obrazpro-slider .slick-next {
right: 50%;
transform: translateX(50px);
}
.obrazpro-slider .slick-prev {
right: 50%;
transform: translateX(-50px);
}
.orientyry-obrpro {
width: 100%;
}.orientyry-obrpro-right {
position: static;
right: -100px;
top: 0;
transform: none;
width: 100%;
display: flex
;
margin-top: 40px;
}
.obrprocess-section-parelax {
background-attachment: inherit!important;
}
.osobenprocessobrpro-item {
flex-direction: column;
}
.osobenprocessobrpro-right {
width: 100%;
padding-left: 0;
border-left: none;
border-top: 1px solid #FF5A1E;
padding-top: 20px;
transition: 0.3s;
}
.textinleftslider .wunderstart-big-blue-block-text {
font-size: 16px;
}
.mtn120 {
margin-top: 70px;
}
.mbn120 {
margin-bottom: 70px;
}
.obrmodel-wraperobrrez-items {
margin-top: 25px;
}
.obrmodel-wraperobrrez-item:nth-child(2n-1) {
margin-top: 0;
}
.obrmodel-wraperobrrez-item {
width: 100%;
}
.obrmodel-wraperobrrez-item .orientyry-obrpro-item-text {
max-width: 100%;
}
.orientyry-obrpro-item-text , .osobenprocessobrpro-osntext, .osobenprocessobrpro-ddop-text {
font-size: 14px;
line-height: 130%;
}
.orientyry-obrpro-item-text {
margin-top: 10px;
}
.obrmodel-wraperobrrez-title {
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 130%;
text-transform: uppercase;
color: #000;
max-width: 400px;
margin-bottom: 10px;
}
.obrazpro-slider .slick-prev svg, .obrazpro-slider .slick-next svg, .obrazpro-slider .slick-prev , .obrazpro-slider .slick-next {
width: 24px;
height: 24px;
}
.obrazpro-slider .slick-next {
right: 15px;
transform: none;
bottom:20px;
}
.obrazpro-slider .slick-prev {
right: 50px;
transform: none;
bottom:20px;
}
.orientyry-obrpro-wrapper {
margin-top: 70px;
margin-bottom: 70px;
}
.orientyry-obrpro-items {
gap:14px;
}.orientyry-obrpro-item {
width: calc(50% - 7px);
}
.orientyry-obrpro-item-title{
ont-style: normal;
font-weight: 550;
font-size: 14px;
line-height: 130%;
color: #000000;
margin-bottom: 5px;
}
.obrprocess-section-parelax {
background-size: cover!important;
padding-top: 80px;
padding-bottom: 40px;
}
.obrprocess-section-parelax-text {
font-size: 16px;
line-height: 130%;
}
.osobenprocessobrpro-item {
padding: 14px;
}
.osobenprocessobrpro-item-left {
width: 100%;
gap:20px;
}
.osobenprocessobrpro-icon {
width: 50px;
}.osobenprocessobrpro-titlebut {
max-width: calc(100% - 70px);
}
.osobenprocessobrpro-title {
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 130%;
}.osobenprocessobrpro-item {
gap:20px;
}
}
/* End */
/* /obrazovateny-process/style.css?176025581313387 */