.pep-order.icons-contact {
height: 383px;
display: flex;
align-items: center;
justify-content: center;
}
.pep-order.icons-contact .pep-order__line {
margin-bottom: 45px;
margin-top: 45px;
}
.pep-order-icons-contact {
display: flex;
align-items: center;
justify-content: center;
column-gap: 80px;
}
.pep-order__icons-contact__icon a {
display: flex;
align-items: center;
box-sizing: border-box;
width: 316px;
height: 63px;
border-radius: 15px;
border: 4px solid #fff;
padding-left: 70px;
font-size: 19px;
line-height: 1;
font-weight: 500;
color: #fff;
} 
.pep-order__icons-contact__icon a br {
display: none;
}
.pep-order__icons-contact__icon a:hover,
.pep-order__icons-contact__icon a:focus {
opacity: 0.6;
color: #fff;
}
.pep-order__icons-contact__icon.max a {
background-color: #22b14c;
background-image: url(//chelyabinsk.student-servis.com/wp-content/uploads/2026/01/zakazat-v-mah-mini.png);
background-position: left 15px center;
background-repeat: no-repeat;
background-size: auto auto;
}
.pep-order__icons-contact__icon.telegram a {
background-color: #00a2e8;
background-image: url(//chelyabinsk.student-servis.com/wp-content/uploads/2025/04/t.png);
background-position: left 15px center;
background-repeat: no-repeat;
background-size: auto auto;
}
.get-price-form__title__wrap {
position: relative;
pointer-events: none;
}
.get-price-form__title__wrap:before {
width: 175px;
height: 114px;
position: absolute;
left: -40px;
top: -30px;
content: "";
background-image: url(//chelyabinsk.student-servis.com/wp-content/themes/student-servis/img/onlain.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 90% auto;
}
.get-price-form__text {
padding-top: 30px;
padding-bottom: 40px;
font-size: 30px;
font-weight: 500;
color: #fff;
text-align: center;
}
.top-form .get-price-form__title {
position: relative;
width: max-content;
margin-left: auto;
margin-right: auto;
color: #c5fcb0;
}
.top-form .get-price-form__title:before {
width: 100%;
height: 8px;
position: absolute;
left: 0px;
bottom: -15px;
margin-left: auto;
margin-right: auto;
content: "";
transform: rotate(358deg);
border-radius: 5px;
}
.get-price-form__icons {
display: flex;
justify-content: space-between;
}
.get-price-form__icon {
width: 23%;
}
.get-price-form__icon a {
width: 100%;
display: flex;
align-items: center;
box-sizing: border-box;
height: 65px;
border-radius: 45px;
border: 4px solid #fff;
padding-left: 75px;
font-size: 26px;
line-height: 1;
font-weight: 500;
color: #fff;
}
.get-price-form__icon.max a {
background-color: #22b14c;
background-image: url(//chelyabinsk.student-servis.com/wp-content/uploads/2026/01/zakazat-v-mah-mini.png);
background-position: left 15px center;
background-repeat: no-repeat;
background-size: auto auto;
}
.get-price-form__icon.telegram a {
background-color: #32a7d6;
background-image: url(//chelyabinsk.student-servis.com/wp-content/uploads/2025/04/t.png);
background-position: left 15px center;
background-repeat: no-repeat;
background-size: auto auto;
}
.get-price-form__icon.vk a {
background-color: #4c75a3;
background-image: url(//chelyabinsk.student-servis.com/wp-content/themes/student-servis/img/vk_icon1.png);
background-position: left 15px center;
background-repeat: no-repeat;
background-size: auto auto;
}
.get-price-form__icon.email a {
background-color: #3e45b1;
background-image: url(//chelyabinsk.student-servis.com/wp-content/themes/student-servis/img/e1.png);
background-position: left 15px center;
background-repeat: no-repeat;
background-size: 46px;
}
.get-price-form__icon.email a span {
text-align: center; width: calc(100% - 45px)
}
.get-price-form__icon.email a:hover {
color: #ddd;
}
.modal-form.top-form {
padding-bottom: 30px !important;
border-radius: 30px !important;
}
.modal-container-form {
border-radius: 30px !important;
}
.get-price-form__icons {
width: 95%;
margin: auto;
}
.get-price-form__title br {
display: none;
}
.get-price-form__text span {
display: none;
}
.get-price-form__text-bottom {
display: none;
}
.wrap-footer-soc {
display: none;
}
.kak-rabotaem {
position: relative;
padding-bottom: 60px;
padding-top: 60px
}
.kak-rabotaem__fon {
position: absolute;
content: "";
top: 0;
left: 50%;
transform: translateX(-50%);
width: 1950px;
height: 100%; 
}
.kak-rabotaem__fon::before {
content: "";
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 100vw;
height: 100%;
background: #aad1ea;
z-index: -1;
}
.kak-rabotaem__fon svg {
margin-top: 0px !important;
width: 103%;
}
.kak-rabotaem__inner__title { text-align: center;
font-size: 50px;
font-weight: 700;
margin-bottom: 80px;
position: relative;
text-transform: uppercase;
}
.kak-rabotaem__inner__row__item__info__text,
.kak-rabotaem__inner__row__item__info__title {
max-width: 500px;
margin-left: auto;
}
.kak-rabotaem__inner__row__item__info__title {
font-size: 24px;
margin-bottom: 16px;
font-weight: 600;
}
.kak-rabotaem__inner__row__item__info__text {
font-size: 22px;
}
.kak-rabotaem__inner__row__item:nth-child(even) .kak-rabotaem__inner__row__item__info__text,
.kak-rabotaem__inner__row__item:nth-child(even) .kak-rabotaem__inner__row__item__info__title {
margin-left: 0;
}
.kak-rabotaem__inner__title__color {
color: #8f50f5;
font-size: clamp(30px, 3.6vw, 40px);
}
.kak-rabotaem__inner__row {
display: flex;
flex-direction: column;
}
.kak-rabotaem__inner__row__item__info {
box-sizing: border-box;
width: 50%;
position: relative;
padding-bottom: 50px;
}
.kak-rabotaem__inner__row__item__info:before {
width: 50px;
aspect-ratio: 1;
background-color: #fff;
border: 2px solid #0366b7;
color: #0366b7;
font-size: 20px;
position: absolute;
content: '';
right: -25px;
top: 0;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
z-index: 2;
}
.kak-rabotaem__inner__row__item:nth-child(even) .kak-rabotaem__inner__row__item__info:before {
right: 0px;
left: -25px;
}
.kak-rabotaem__inner__row__item:nth-child(even) .kak-rabotaem__inner__row__item__info {
margin-left: auto;
padding-left: 56px;
}
.kak-rabotaem__inner__row__item:nth-child(odd) .kak-rabotaem__inner__row__item__info {
text-align: right;
padding-right: 56px;
}
.kak-rabotaem__inner__row {
counter-reset: section;
}
.kak-rabotaem__inner__row__item__info:before {
counter-increment: section;
content: counter(section);
}
.kak-rabotaem__inner__row__item__info__img {
width: 250px;
border-width: 2px;
border-radius: 15px;
overflow: hidden;
}
.kak-rabotaem__inner__row__item__info__img picture {
width: 100%;
display: block;
}
.kak-rabotaem__inner__row__item__info__img source {
width: 100%;
display: block;
}
.kak-rabotaem__inner__row__item__info__img img {
width: 100%;
display: block;
height: auto;
}
.kak-rabotaem__inner__row__item:nth-last-child(1) .kak-rabotaem__inner__row__item__info {
margin-top: -100px;
position: relative;
padding-left: 80px;
}
.kak-rabotaem__inner__row__item:nth-last-child(1) .kak-rabotaem__inner__row__item__info:after {
display: none;
}
.kak-rabotaem__inner__row__item:nth-last-child(1) .kak-rabotaem__inner__row__item__info:before {
content: "";
position: absolute;
top: 100px;
left: -50px;
background-image: url(//chelyabinsk.student-servis.com/wp-content/themes/student-servis/img/arrow.png);
background-position: center center;
background-repeat: repeat;
background-size: auto auto;
width: 97px;
height: 19px;
border: 0px solid #000000;
border-radius: 0;
background-color: transparent;
}
.kak-rabotaem__inner__row__item .kak-rabotaem__inner__row__item__info:after {
position: absolute;
right: -2px;
top: 0;
width: 4px;
height: 100%;
content: '';
background-color: #fff;
z-index: 1;
}
.kak-rabotaem__inner__row__item:nth-last-child(odd) .kak-rabotaem__inner__row__item__info:after {
left: -2px;
}
.kak-rabotaem__inner__row__item:nth-last-child(2) .kak-rabotaem__inner__row__item__info:after {
display: none !important;
}
.yznat-ceny-i-srok {
position: relative;
padding-top: 50px;
padding-bottom: 50px;
}
.yznat-ceny-i-srok:before {
content: "";
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 100vw;
height: 100%;
background: #70b7df;
z-index: -1;
}
.yznat-ceny-i-srok__title {
margin-bottom: 10px;
font-size: 50px;
line-height: 1.3;
font-weight: 700;
text-transform: uppercase;
text-align: center;
color: #fff;
position: relative; margin-left: auto;
margin-right: auto;
}
.kak-rabotaem__inner__row__item:last-of-type .kak-rabotaem__inner__row__item__info {
padding-bottom: 0
}
.yznat-ceny-i-srok__text {
text-align: center;
color: #FFF;
font-size: 60px; margin-bottom: 35px;
margin-top: 10px;
}
.yznat-ceny-i-srok__icon__wrap {
display: flex;
align-items: center;
justify-content: space-between;
width: 90%;
margin-left: auto;
margin-right: auto;
}
.yznat-ceny-i-srok__icon {
width: 20%;
}
.yznat-ceny-i-srok__icon a {
display: flex;
align-items: center;
box-sizing: border-box;
width: 100%;
height: 63px;
border-radius: 35px;
border: 1px solid #fff;
padding-left: 45px;
font-size: 18px;
line-height: 1;
font-weight: 500;
color: #fff;
text-align: center;
justify-content: center;
}
.yznat-ceny-i-srok__icon a:hover {
opacity: 0.6;
color: #fff;
}
.yznat-ceny-i-srok__icon.max a {
background-color: #6539b2;
background-image: url(//chelyabinsk.student-servis.com/wp-content/uploads/2026/01/napisat-v-mah.png);
background-position: left 10px center;
background-repeat: no-repeat;
background-size: 40px;
}
.yznat-ceny-i-srok__icon.vk a {
background-color: #4c75a3;
background-image: url(//chelyabinsk.student-servis.com/wp-content/uploads/2026/01/napisat-nam-v-kontakte.png);
background-position: left 10px center;
background-repeat: no-repeat;
background-size: 40px auto !important;
}
.yznat-ceny-i-srok__icon.telegram a {
background-image: url(//chelyabinsk.student-servis.com/wp-content/uploads/2026/01/napisat-v-telegramm.png);
background-color: #35a5d5 !important;
background-size: 40px auto !important;
background-position: left 10px center;
background-repeat: no-repeat;
}
.yznat-ceny-i-srok__icon.email a {
background-color: #3e45b1;
background-image: url(//chelyabinsk.student-servis.com/wp-content/uploads/2026/01/napisat-na-email.png);
background-position: left 15px center;
background-repeat: no-repeat;
background-size: 30px auto !important;
}
.block-text {
padding-top: 50px;
padding-bottom: 50px;
text-align: left;
}
.block-text__title {
font-size: 40px;
line-height: 1;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 40px;
color: #4a65fe;
text-align: center;
background-color: #C1EFFE;
padding: 5px 10px;
transform: rotate(-1deg);
display: table;
margin: 0 auto;
margin-bottom: 30px;
}
.block-text__text {
font-size: 22px;
} @media screen and (max-width: 1200px) {
.kak-rabotaem {
overflow: hidden;
width: calc(100% + 40px);
margin-left: -20px;
box-sizing: border-box;
padding-left: 20px;
padding-right: 20px;
}
.kak-rabotaem__inner__title {
font-size: 30px;
}
.kak-rabotaem__inner__title { margin-bottom: 60px; }
.kak-rabotaem__inner__row__item__info__title {
font-size: 22px; }
.kak-rabotaem__inner__row__item__info__text {
font-size: 20px;
}
.kak-rabotaem__inner__row__item__info__text br {
display: none;
}
.pep-order-icons-contact {
column-gap: 20px;
}
.yznat-ceny-i-srok__icon a {
font-size: 17px;
}
.yznat-ceny-i-srok__icon {
width: 24%;
}
.yznat-ceny-i-srok__title {
font-size: 30px;
}
.yznat-ceny-i-srok__text {
font-size: 30px; padding-top: 20px;
padding-bottom: 20px;
margin-top: 0;
margin-bottom: 10px;
}
.yznat-ceny-i-srok__title {
width: auto;
}
.block-text__title {
font-size: 30px;
}
.block-text__text {
font-size: 16px;
line-height: 24px;
}
} @media screen and (max-width: 950px) {
.get-price-form__icons {
margin-bottom: 10px;
width: auto;
display: flex;
justify-content: center;
gap:30px
}
.get-price-form__icon {
width: 70px;
aspect-ratio: 1;
border-radius: 50%;
overflow: hidden;
}
.get-price-form__icon.telegram a {
background-image: url(//chelyabinsk.student-servis.com/wp-content/themes/student-servis/img/t8.png);
background-color: #35a5d5 !important;
background-size: 50% auto !important;
}
.get-price-form__icon.vk a {
background-image: url(//chelyabinsk.student-servis.com/wp-content/themes/student-servis/img/vk27.png);
background-size: 70% auto !important;
}
.get-price-form__icon a {
height: 100%;
border-radius: 50%; padding-left: 0;
font-size: 0px;
background-position: center center !important;
background-size: 60% auto !important;
padding: 0!important;
font-size: 0!important;
}
} @media screen and (max-width: 850px) {
.yznat-ceny-i-srok__icon__wrap {
width: 290px;
}
.yznat-ceny-i-srok__icon {
width: auto;
}
.yznat-ceny-i-srok__icon a {
font-size: 0;
width: 50px;
aspect-ratio: 1;
border-radius: 50%;
overflow: hidden;
border: 0px solid #fff;
width: auto;
background-position: center center !important;
background-size: 60% auto !important;
padding-left: 0px !important;
}
.yznat-ceny-i-srok__icon.vk a {
background-size: 70% auto !important;
}
}
@media screen and (max-width: 700px) {
.kak-rabotaem__inner__row__item__info__text,
.kak-rabotaem__inner__row__item__info__title {
margin-left: 0;
}
.pep-order.icons-contact {
height: auto;
}
.pep-order.icons-contact .pep-order__line {
margin-bottom: 25px;
margin-top: 25px;
}
.pep-order-icons-contact {
flex-direction: column;
row-gap: 10px;
}
.pep-order__icons-contact__icon a br {
display: block;
}
.pep-order__icons-contact__icon a {
width: 236px;
border: 2px solid #fff;
padding-left: 95px;
}
.pep-order__icons-contact__icon a {
background-position: left 25px center !important;
}
.modal-form.top-form {
padding-left: 0 !important;
padding-right: 0 !important;
padding-top: 0 !important;
}
.get-price-form__title__wrap {
background-color: #fff;
clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
padding-bottom: 15px;
padding-top: 20px;
box-sizing: border-box;
}
div.top-form .get-price-form__title {
font-size: 27px!important;
text-align: center;
display: inline-block;
color: #4c75a3;
width: calc(100% - 100px);
left: 0;
margin-left: 50px;
margin-right: 50px;
}
.get-price-form__title br {
display: block;
line-height: 0;
}
.get-price-form__title__wrap:before {
width: 85px;
left: 0;
}
.get-price-form__text {
width: 100%;
box-sizing: border-box;
margin-top: 26px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 13px;
padding-bottom: 30px;
padding-left: 40px;
text-align: left;
border-right: 0;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
font-size: 26px;
line-height: 40px;
padding-right: 40px;
}
.get-price-form__text span {
width: 60px;
display: inline-block;
line-height: 0;
height: 10px;
position: relative;
}
.get-price-form__text span img {
position: absolute;
width: 60px;
top: -32px;
}
.top-form .get-price-form__title:before {
display: none !important;
}
.top-form .get-price-form__title:after {
display: none !important;
}
.get-price-form__icons {
margin-bottom: 50px!important;
margin-left: 40px;
margin-right: 40px;
width: auto;
}
.get-price-form__icon {
width: 50px;
aspect-ratio: 1;
border-radius: 50%;
overflow: hidden;
border: 0px solid #fff;
}
.get-price-form__icon.telegram a {
background-image: url(//chelyabinsk.student-servis.com/wp-content/themes/student-servis/img/t8.png);
background-color: #35a5d5 !important;
background-size: 50% auto !important;
}
.get-price-form__icon.vk a {
background-image: url(//chelyabinsk.student-servis.com/wp-content/themes/student-servis/img/vk27.png);
background-size: 70% auto !important;
}
.get-price-form__icon a {
height: 100%;
border-radius: 0;
border: 0px solid #fff;
padding-left: 0;
font-size: 0px;
background-position: center center !important;
background-size: 60% auto !important;
}
.get-price-form__text-bottom {
display: block; }
.get-price-form__text-bottom__inner {
background-color: #fff;
text-align: center;
font-size: 18px;
color: #4c75a3;
font-weight: 700;
border-radius: 10px;
height: 50px;
width: 90%;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
}
.modal-form.top-form {
padding-bottom: 30px !important;
border-radius: 0px !important;
}
.modal-container-form {
border-radius: 0px !important;
}
.top-form .modal-close-form {
color: #fff;
display: flex;
justify-content: center;
align-items: center;
background-color: #70b7df;
width: 32px;
height: 32px;
font-size: 30px;
top: -20px;
right: -10px;
z-index: 11111111;
position: relative;
}
.get-price-form__text-bottom__inner span {
width: 35px;
display: inline-block;
margin-left: 5px;
}
.get-price-form__text-bottom__inner span img {
width: 100%;
height: auto;
}
.modal-container-form {
margin-top: 30px !important;
width: 90% !important;
}
.wrap-footer-soc {
display: block;
position: fixed;
right: 10px;
bottom: 80px;
z-index: 1;
}
.wrap-footer-soc__bth {
width: 50px;
aspect-ratio: 1;
border-radius: 50%;
background-image: url(//chelyabinsk.student-servis.com/wp-content/themes/student-servis/img/per.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 60% auto;
background-color: #00b8ec;
z-index: 1;
position: relative;
}
.open .wrap-footer-soc__bth {
background-image: url(//chelyabinsk.student-servis.com/wp-content/themes/student-servis/img/close.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 50% auto;
}
.wrap-footer-soc__panel {
visibility: hidden;
transition: 0.4s;
position: absolute;
top: -50px;
left: 0;
opacity: 0;
display: flex;
flex-direction: column;
row-gap: 10px;
}
.open .wrap-footer-soc__panel {
top: -120px;
visibility: visible;
opacity: 1;
transition: 0.4s;
}
.wrap-footer-soc__panel a {
width: 50px;
aspect-ratio: 1;
border-radius: 50%;
font-size: 0;
}
.wrap-footer-soc__panel a.Telegram {
background-color: #2ca4d7;
background-image: url(//chelyabinsk.student-servis.com/wp-content/themes/student-servis/img/te3.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 70% auto;
}
.wrap-footer-soc__panel a.Max {
background-color: #6539b2;
background-image: url(//chelyabinsk.student-servis.com/wp-content/uploads/2026/01/zakazat-mah-mini.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 60% auto;
}
.kak-rabotaem {
height: auto;
padding-bottom: 10px;
padding-top: 40px;
}
.kak-rabotaem__fon svg {
display: none;
}
.kak-rabotaem__fon {
width: 110vw;
background-color: #aad1ea;   }
.kak-rabotaem__inner {
z-index: 1;
position: relative;
}
.kak-rabotaem__fon:before {          }
.kak-rabotaem__fon:after {
content: "";
position: absolute;
bottom: -60px;
width: 100%;
left: 0;
height: 60px;
background-image: url(//chelyabinsk.student-servis.com/wp-content/themes/student-servis/img/Ellipse_24__.png);
background-position: center bottom;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.kak-rabotaem__inner__row__item .kak-rabotaem__inner__row__item__info {
text-align: left !important;
padding-right: 0 !important;
padding-left: 76px !important;
}
.kak-rabotaem__inner__row__item__info {
width: 100%;
}
.kak-rabotaem__inner__row__item__info:before {
left: 5px !important;
}
.kak-rabotaem__inner__row__item .kak-rabotaem__inner__row__item__info:after {
left: 29px !important;
}
.kak-rabotaem__inner__row__item .kak-rabotaem__inner__row__item__info:after {
width: 2px;
}
.kak-rabotaem__inner__row__item__info__img {
width: 180px;
height: auto !important;
}
.kak-rabotaem__inner__row__item:nth-last-child(1) .kak-rabotaem__inner__row__item__info {
margin-top: -30px;
padding-left: 120px !important;
}
.kak-rabotaem__inner__row__item:nth-last-child(1) .kak-rabotaem__inner__row__item__info:before {
transform: rotate(75deg);
top: 40px;
left: 25px !important;
}
.kak-rabotaem__fon {
z-index: 1;
}
.kak-rabotaem__inner__row__item__info__title {
font-size: 20px;
}
.kak-rabotaem__inner__row__item__info__text {
font-size: 16px;
}
.kak-rabotaem__inner__title {
font-size: 30px; 
}
.yznat-ceny-i-srok__title br {
display: block;
}
} @media screen and (max-width: 360px) {
.get-price-form__text {
font-size: 20px;
}
} .wpcf7 .wpcf7-form .pop-up_form {
letter-spacing: 0px;
text-shadow: none;
}
.fwbold-black {
font-family: "DINRoundPro-Bold-Black";
}
.gallery img {
display: block;
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
.gallery .gallery-item {
padding: 3px;
}
.m-footer-menu {
display: none;
} .alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
white-space: nowrap;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}  div.owl-carousel>div.owl-nav>div.owl-prev {
left: -35px;
}
div.owl-carousel>div.owl-nav>div.owl-next {
right: -50px;
}
div.owl-carousel>div.owl-nav>div.owl-prev:hover,
div.owl-carousel>div.owl-nav>div.owl-prev {
background-image: URL(img/ar-left.png);
}
div.owl-carousel>div.owl-nav>div.owl-next:hover,
div.owl-carousel>div.owl-nav>div.owl-next {
background-image: URL(img/ar-right.png);
}
div.owl-carousel>div.owl-nav>div.owl-prev:hover,
div.owl-carousel>div.owl-nav>div.owl-next:hover,
div.owl-carousel>div.owl-nav>div.owl-prev,
div.owl-carousel>div.owl-nav>div.owl-next {
position: absolute;
background-color: transparent;
width: 40px;
height: 40px;
top: 40%;
background-position: center;
background-repeat: no-repeat;
border-radius: 50%;
z-index: 10000;
}
div.wpcf7-validation-errors,
div.wpcf7-mail-sent-ok {
background-color: #fff; }
.page-numbers,
.pagination {
display: inline-block;
padding-left: 0;
}
.page-numbers>li,
.pagination>li {
display: inline
}
.page-numbers li .current,
.pagination li.active span {     border-bottom: 3px solid #337ab7;
}
.page-numbers>li>a,
.page-numbers>li>span,
.pagination>li>a,
.pagination>li>span {
position: relative;
float: left;
padding: 7px 14px;
line-height: 1.428571429;
text-decoration: none;
color: #337ab7;  margin-left: -1px;  font-weight: bold;
font-size: 20px;
}
.page-numbers>li:first-child>a,
.page-numbers>li:first-child>span,
.pagination>li:first-child>a,
.pagination>li:first-child>span {
margin-left: 0;  }
.page-numbers>li:last-child>a,
.page-numbers>li:last-child>span,
.pagination>li:last-child>a,
.pagination>li:last-child>span {  }
.page-numbers>li>a:focus,
.page-numbers>li>a:hover,
.page-numbers>li>span:focus,
.page-numbers>li>span:hover,
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
z-index: 2;
color: #23527c;  }
.pag-wrap { margin-bottom: 30px;
}
.pag-wrap nav {
display: block;
max-width: 610px;
margin: 0 auto;
text-align: center;
}
.page-pag-wrap {
display: block;
max-width: 525px;
margin: 0 auto;
}
.breadcrumb { }
.popup-cont-2 h3,
.popup-cont-3 h3 {
color: #0FA6E4;
margin-top: 0px;
}
.breadcrumb span a { color: #0061B0;
}
.breadcrumb span {
color: #0061B0;
}
.h1-all-pages {
text-align: center; color: #a015fe;
margin-top: 20px;
margin-bottom: 40px;
font-weight: 700;
}
.wrap-blue-sq {
color: #fff;
background-color: #4d91dd;
padding: 15px;
text-align: center;
border-radius: 10px;
}
.wrap-blue-sq h3 { text-transform: uppercase;
text-shadow: 1px 1px 2px #0FA6E4, 0 0 1px #0FA6E4;
margin-top: 5px;
margin-bottom: 5px;
}
.wrap-blue-sq .small {
font-size: 14px;
margin-bottom: 0px;
}
.pr-sr { margin-bottom: 0px;
font-size: 24px;
}
.pr-sr span.small {
font-size: 14px;
font-family: "DINRoundPro";
}
.wrap-blue-zag {
position: relative;
min-height: 60px;
}
.wrap-blue-zag h3 {
position: absolute;
top: 30%;
font-weight: bold;
left: 50%;
-webkit-transform: translate(-50%, -30%);
-ms-transform: translate(-50%, -30%);
transform: translate(-50%, -30%);
}
.wlr div.col-md-3:nth-child(3) .wrap-blue-zag h3 {
top: 30%;
-webkit-transform: translate(-50%, -30%);
-ms-transform: translate(-50%, -30%);
transform: translate(-50%, -30%);
}
thead tr th {
text-transform: uppercase;
color: #0061B0;
padding: 10px;
}
a.page-price-hs {
text-transform: uppercase;
color: #0061B0;
font-size: 16px;
}
.page-price-nu {
text-transform: none !important;
}
thead tr th:hover {
cursor: pointer;
}
a.page-price-hs:hover,
a.page-price-hs:active,
a.page-price-hs:focus {
text-decoration: none;
}
.row-wrapper {
margin-top: 10px;
margin-bottom: 10px;
}
.book-list {
width: 50px;
height: 50px;
float: left;
margin-right: 7px;
}
thead tr td div.book-list {
height: 1px;
}
.book-list img,
.row-wrapper>td:nth-child(1) img {
width: 55px;
display: block;
max-width: 100%;
height: auto;
float: left;
padding-top: 10px;
padding-right: 10px;
}
.page-price-zakaz,
.page-price-zakaz:hover,
.page-price-zakaz:active,
.page-price-zakaz:focus {
text-decoration: none;
color: #fff;
background-color: #4d91dd;
display: block;
width: 100%;
padding: 5px;
border-radius: 10px;
font-size: 16px;
}
.row-wrapper>div:nth-child(1) {
margin-top: 5px;
}
.row-wrapper>div:nth-child(2) {
margin-top: 5px;
}
.row-wrapper>div:nth-child(3) {
margin-top: 5px;
}
.wrap-pr-table {
margin-top: 20px;
}
.table-striped {
width: 100%;
}
#search-text {
width: 100%;
border: 2px solid #70b7df;
border-radius: 5px;
margin: 20px 0px;
padding: 5px 10px;
}
.under-table {
margin: 50px 0px;
}
.under-table p {
color: #0061B0;
margin-bottom: 0px;
}
.text-container { line-height: 1.7
}
.text-container img {
max-width: 100%;
height: auto;
}
.text-container ul {
display: block;
list-style: inside disc;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 40px;
}
.stati-date {
background:
#fff;
display: table;
border-radius: 55px;
margin: 0 auto;
border: 3px solid #71a8ee;
line-height: 20px;
}
.blog-category-thumbnail {
position: relative;
height: 328px;
overflow: hidden;
}
.blog-category-thumbnail {
display: flex;
justify-content: center;
border-radius: 8px;
}
.blog-category-thumbnail>a {
width: 100%;
}
.blog-category-art-top {
min-height: 200px;
}
.images-to-content-blog-a {
background-color: #a015fe;
color: #fff;
position: absolute;
right: 0;
left: 0;
bottom: 0;
font-size: 18px;
width: 100%;
text-align: center;
padding: 2px 0px 20px 0px; }
.images-to-content-blog-a a h3 {
display: flex;
align-items: center;
justify-content: center;
}
.grid-raticles img {
display: block;
width: 100%;
height: auto;
max-width: 100%;
border-radius: 6px 6px 0 0;
}
.h3-wrap {
min-height: 69px;
}
.grid-raticles .h3-wrap h3 {
font-size: 17px;
margin-top: 10px;
margin-bottom: 11px; line-height: 20px;
padding: 0px 20px;
font-weight: bold;
height: 59px;
overflow: hidden;
color: #FFF; text-align: center;
}
.post-views {
margin-left: 10px;
background: url(//chelyabinsk.student-servis.com/wp-content/themes/student-servis/img/view-icon.jpg) no-repeat 0px 5px;
font-size: 13px;
padding-left: 20px;
background-size: 18px;
float: left;
color: #0060B1;
text-transform: uppercase;
margin-right: 5px;
}
.post-date {
background: url(//chelyabinsk.student-servis.com/wp-content/themes/student-servis/img/date-monthly.jpg) no-repeat 0px 3px;
float: left;
color: #0060B1;
text-transform: uppercase;
}
.post-date {
font-size: 13px;
padding-left: 18px;
background-size: 15px;
margin-top: 0px;
margin-left: 7px;
}
.post-category a {
float: right;
background: url(//chelyabinsk.student-servis.com/wp-content/themes/student-servis/img/catalog-icon.jpg) no-repeat 0px 3px;
font-size: 11px;
padding-left: 16px;
background-size: 13px;
margin-right: 8px;
line-height: 20px;
color: #0060B1;
font-weight: bold;
margin-left: 5px;
}
.post-ext {
font-size: 15px;
line-height: 23px;
color: #000;
height: 135px;
overflow: hidden;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 20px; }
.grid-raticles {
padding-bottom: 20px;
margin-bottom: 40px;
border-bottom: 1px dotted #ddd;
padding: 0px 0px 10px 0px;
background-color: #fff;
border-radius: 10px;
border: 4px solid #a015fe;
}
a.art-link:hover,
a.art-link:active,
a.art-link:focus {
text-decoration: none;
}
#toTop {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
background-color: #000;
text-align: center;
opacity: 0.5;
padding: 10px 15px;
position: fixed;
bottom: 3%;
left: calc(50% - 21px) !important;
cursor: pointer;
display: none;
color: #fff;
line-height: 24px;
font-size: 24px;
}
#toTop:hover {
background-color: #000;
opacity: 1;
}
#js-carousel-6 .js-prev {
width: 5%;
background: url(//chelyabinsk.student-servis.com/wp-content/themes/student-servis/img/categori-prev.png?v=1) no-repeat 0 38px;
background-size: 30px;
float: left;
display: block;
height: 80px;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#js-carousel-6 .js-next {
width: 5%;
background: url(//chelyabinsk.student-servis.com/wp-content/themes/student-servis/img/categori-next.png?v=1) no-repeat 100% 38px;
background-size: 30px;
float: left;
display: block;
height: 80px;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#js-carousel-6 {
margin-bottom: 35px;
overflow: hidden;
margin-left: 5px;
margin-right: 5px;
}
ul.blog-categiries {
margin: 0;
padding: 0;
float: left;
width: 90%
}
ul.blog-categiries span {   line-height: 17px;
color: #FFF;
text-transform: uppercase;
font-size: 14px;
font-weight: 600;
text-align: center;
display: block;
width: 100%;
font-family: 'Verdana', geneva;
}
ul.blog-categiries li:hover {
box-shadow: 0 0px 3px 4px rgba(66, 64, 66, 0.4);
}
ul.blog-categiries li a:hover {
text-decoration: none;
color: #fff;
}
ul.blog-categiries li a {
text-decoration: none;
color: #fff;
width: 100%;
display: flex;
align-items: center;
}
ul.blog-categiries li {
text-decoration: none;
box-shadow: 0 0px 3px 2px rgba(66, 64, 66, 0.4);
padding: 10px;
height: 105px;
margin: 3px;
background: #fff;
border-radius: 10px;
font-family: "DINRoundPro";
font-size: 16px; border: 3px solid #0FA6E4;
background: #0FA6E4;
list-style: none;
}
ul.blog-categiries li img {
height: 80px;
width: auto !important;
margin-left: 7px;
}
.text-container-blog {
padding: 10px
}
.imgblock-blog {
margin-left: -20px;
margin-top: -20px;
margin-right: -20px;
position: relative;
margin-bottom: 20px;
}
.imgblock-blog:has(img) {
margin-bottom: 30px;
min-height: 200px;
}
.imgblock-blog img {
margin: 0 auto;
display: block;
max-width: 60%;
height: 100%;
width: 100%;
object-fit: cover;
}
.images-to-content-blog {
background-color: rgba(160, 21, 254, 0.6);
color: #fff;
border-radius: 2px;
position: absolute;
right: 0;
bottom: 0;
font-size: 18px;
width: 100%;
text-align: center;
}
.images-to-content-blog h1 {
margin: 0;
padding: 0; }
.clearfix-blog {
height: 20px
}
ul.blog-categiries-single li {
display: flex;
width: 100%;
border-bottom: 1px dashed #acc9ee;
padding-bottom: 5px;
margin-bottom: 5px;
}
ul.blog-categiries-single img {
height: 60px;
margin-right: 10px;
float: left;
}
ul.blog-categiries-single li a {
width: 100%;
}
ul.blog-categiries-single span {
height: 60px;
vertical-align: middle;
display: table-cell;
line-height: 17px;
}
ul.blog-categiries-single li:last-of-type {
border: none;
padding-bottom: 0;
margin-bottom: 0;
}
.metablock-blog {
background: #fff;
display: table;
border-radius: 55px;
margin: 0 auto;
border: 3px solid #71a8ee;
line-height: 20px;
}
.metablock-blog span {
border-right: 1px solid #5578cc;
padding-right: 10px; text-align: center;
float: left;
}
.metablock-blog span:last-of-type {
border: none;
padding-right: 10px;
}
.blog-share {
display: table;
width: 100%;
border: 1px solid #cbd1d5;
padding: 0 10px;
border-radius: 5px;
margin-top: 30px;
}
.blog-ya-share {
float: left;
margin: 13px 0;
margin-bottom: 1px;
}
.blog-wp-ulike {
float: right
}
.blog-ya-share .ya-share2__badge {
width: 34px;
text-align: center;
}
.blog-stati-sd-single li {
position: relative;
padding: 10px 0
}
.blog-stati-sd-single li img {
max-width: 100%;
height: auto;
}
.images-sd-blog {
background-color: rgba(44, 136, 217, 0.8);
color: #fff;
border-radius: 2px;
position: absolute;
right: 0;
bottom: 0;
font-size: 16px;
padding: 5px;
line-height: 17px;
width: 100%;
text-align: center;
}
.blog-related img {
max-width: 100%;
}
ul.blog-related {
margin: 0;
padding: 0;
}
ul.blog-related li {
text-decoration: none;
box-shadow: 0 0px 3px 2px rgba(66, 64, 66, 0.4);
padding: 10px;
margin: 3px;
background: #fff;
border-radius: 10px;
font-size: 16px; list-style: none;
position: relative;
height: 299px;
}
ul.blog-related .carousel-item-content {
color: #fff;
border-radius: 2px;
position: absolute;
right: 0;
bottom: 0;
font-size: 17px;
padding: 15px;
width: 100%;
text-align: center;
background-color: rgba(44, 136, 217, 0.8);
}
#js-carousel-6 .owl-carousel button.owl-dot {
width: 12px;
height: 12px;
border-radius: 50%;
background: #4678f0;
margin: 0 3px;
border: none;
}
#js-carousel-6 .owl-carousel button.owl-dot.active {
background: orange;
}
#js-carousel-6 .owl-dots {
text-align: center;
margin-top: 10px;
}
#js-carousel-6 .metablock-blog span {
padding-right: 19px
}
#js-carousel-6 .metablock-blog {
margin-top: 13px
}
.blog-related-title {
font-size: 30px;
display: block;
margin-bottom: 20px;
text-align: center;
color: #0FA6E4;
margin-top: 60px;
}
.plashka-top {
background-color: rgba(15, 166, 228, 0.17);
border-radius: 2px;
font-size: 18px;
padding: 10px;
width: 100%;
box-shadow: 3px 3px 8px #0fa6e4;
color: #0060b1;
}
.plashka-bottom {
background-color: rgba(86, 159, 224, 0.28);
border-radius: 2px;
font-size: 18px;
padding: 10px;
width: 100%;
box-shadow: 5px 5px 10px #4f81b7;
color: #0060b1;
}
.sity-term-column {
overflow: hidden;
margin-bottom: 50px;
width: 100%
}
.sity-term-column a {
float: left;
width: 24%;
margin: 0.3%;
color: #0060B1;
}
.sity-terms {
background: #fff;
padding: 20px;
box-shadow: 0 0px 9px 0 rgba(66, 12, 65, 0.3);
}
.sity-terms .tag-title {
font-weight: bold;
font-size: 22px;
padding-left: 4px;
color: #0060B1;
}
.adress-container strong,
.adress-container strong {
font-size: 18px;
}
.adress-container {
background: url(//chelyabinsk.student-servis.com/wp-content/themes/student-servis/img/map22.png) no-repeat 0px 0px;
background-size: 53px;
padding-left: 70px;
color: #0060B1;
height: 50px;
display: table-cell;
vertical-align: middle;
}
.kontact-block {
margin: 15px 0;
}
.city-container {
background: url(//chelyabinsk.student-servis.com/wp-content/themes/student-servis/img/map33.png) no-repeat 0px 0px;
background-size: 50px;
padding-left: 60px;
color: #a015fe;
font-weight: 500; height: 50px;
display: table-cell;
vertical-align: middle;
}
.info-container {
background: #a015fe;
background-size: 50px;
color: #FFF;
vertical-align: middle;
width: 100%;
text-transform: uppercase; padding: 20px;
border-radius: 10px;
font-family: 'ProstoOne', sans-serif;
text-align: center;
font-weight: 600;
font-size: 18px;
}
.mail-container {
background: url(//chelyabinsk.student-servis.com/wp-content/themes/student-servis/img/mail22.png) no-repeat 0px 0px;
background-size: 50px;
padding-left: 60px;
height: 50px;
display: table-cell;
vertical-align: middle;
font-weight: 500;
color: #a015fe;
}
.times-container {
background: url(//chelyabinsk.student-servis.com/wp-content/themes/student-servis/img/time22.png?v2) no-repeat 0px 0px;
background-size: 50px;
padding-left: 60px;
height: 50px;
display: table-cell;
vertical-align: middle;
color: #0060B1;
}
.phone-container {
background: url(//chelyabinsk.student-servis.com/wp-content/themes/student-servis/img/phone-header2.png) no-repeat 0px 0px;
background-size: 50px;
padding-left: 60px;
color: #a015fe;
font-weight: 500;
height: 50px;
display: table-cell;
vertical-align: middle;
}
.max-container {
background: url(//chelyabinsk.student-servis.com/wp-content/themes/student-servis/img/zakazat-v-mah-mini.png) no-repeat 0px 4px;
background-size: 47px;
padding-left: 60px;
display: table-cell;
vertical-align: middle;
height: 55px;
color: #6539b2;
font-weight: bold;
padding-right: 15px;
}
.vk-container {
background: url(//chelyabinsk.student-servis.com/wp-content/themes/student-servis/img/vk22.png) no-repeat 0px 4px;
background-size: 49px;
padding-left: 60px;
height: 55px;
font-weight: bold;
color: #0060B1;
height: 50px;
display: table-cell;
vertical-align: middle;
padding-right: 15px;
}
.telegram-container {
background: url(//chelyabinsk.student-servis.com/wp-content/uploads/2025/04/t.png) no-repeat 0px 0px;
background-size: 49px;
padding-left: 60px;
display: table-cell;
vertical-align: middle;
height: 55px;
color: #00a2e8;
font-weight: bold; padding-right: 15px;
}
.kontact-block-line {
display: table;
margin-bottom: 40px;
margin-left: 2px;
}
.phone-container a,
.times-container {
color: #a015fe;
font-weight: 500;
}
.std-city-select {
font-size: 13px;
color: #0FA6E4;
font-weight: bold;
cursor: pointer;
margin-top: 10px;
margin-bottom: -11px;
height: 22px;
}
.std-city-window {
background: #fff;
position: absolute;
width: 250px;
height: 130px;
border: 2px solid #0FA6E4;
z-index: 1000;
padding: 20px;
top: 26px;
border-radius: 5px;
font-size: 17px;
color: #0FA6E4;
font-weight: bold;
display: none;
}
.std-city-window:before {
content: '';
border: 11px solid transparent;
border-bottom: 11px solid #0FA6E4;
display: block;
width: 0;
height: 0;
top: -22px;
left: 116px;
position: absolute;
}
.std-city-container {
position: relative;
text-transform: none;
}
.std-city-select-link {
display: flex;
justify-content: center;
}
.std-clink {
border-radius: 2px;
cursor: pointer;
text-align: center;
background: #0FA6E4;
padding: 3px 16px;
text-transform: uppercase;
color: #fff;
font-size: 15px;
font-weight: bold;
display: table;
margin: 20px 10px 10px 10px;
}
.std-city-select-link a:hover {
color: #fff;
text-decoration: none
}
.modal-window-city {
background: rgba(26, 27, 35, 0.8);
display: none;
height: 100%;
width: 100%;
left: 0;
top: 0;
position: fixed;
overflow-y: scroll;
z-index: 999999
}
.modal-container-city {
background: #fff;
display: block;
margin: 10% auto;
margin-top: 10%;
width: 100%;
z-index: 9999;
opacity: 0;
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
height: auto;
max-width: 600px;
padding-bottom: 5px;
margin-top: 70px;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
min-height: 300px;
border: 3px solid #70b7df;
z-index: 1000;
padding: 20px;
top: 33px;
border-radius: 5px;
font-size: 17px;
color: #70b7df;
overflow: hidden;
}
.modal-visible-city {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.modal-close-city {
display: table;
cursor: pointer;
float: right;
padding: 1px 8px;
border-radius: 50%;
font-size: 45px;
padding: 0;
line-height: 0;
color: #70b7df;
margin-top: 5px;
font-weight: normal;
clear: both;
}
.modal-container-city select,
.modal-container-city input {
color: #000;
font-weight: normal;
border: 1px solid #70b7df;
padding: 7px;
width: 46%;
margin-top: 15px;
margin-left: 2%;
margin-right: 2%;
padding: 4px;
border-radius: 4px;
}
#std-modal-search {
display: flex;
width: 100%;
}
.std-city-load a {
margin: 1%;
float: left;
width: 47%;
font-weight: bold;
cursor: pointer;
}
.std-city-load {
margin: 15px 5px 5px 5px;
}
.std-city-container-m {
position: relative;
margin-top: -12px;
}
.std-city-container-m .std-city-select {
display: block;
padding-top: 4px;
color: #fff;
font-weight: bold;
padding-right: 0;
font-size: 12px;
}
.std-city-container-m .std-city-window::before {
left: 33px;
}
.std-city-container-m .std-city-window {
top: 37px;
}
.container-subject-search {
background-color: #0FA6E4;
padding: 20px;
box-shadow: 0 0px 9px 0 rgba(66, 12, 65, 0.8);
border: 3px solid #fff;
border-radius: 20px;
width: 60%;
margin-right: 20%;
margin-left: 20%;
margin-top: 20px;
margin-bottom: 20px;
position: relative;
}
.row-mod .container-subject-search {
width: 100%;
margin-right: 0;
margin-left: 0;
padding: 5px;
border-radius: 12px;
}
.row-mod .container-subject-search input {
padding: 5px;
}
.row-mod .book-search {
top: 7px;
right: 7px;
background: #fff url(//chelyabinsk.student-servis.com/wp-content/themes/student-servis/img/search-submit.png?v2) no-repeat scroll 14px 4px;
height: 28px !important;
background-size: 18px;
}
.row-mod .book-search:hover {
background: #f2f2f2 url(//chelyabinsk.student-servis.com/wp-content/themes/student-servis/img/search-submit.png?v2) no-repeat scroll 14px 4px;
background-size: 18px;
}
.book-search {
background: #fff url(//chelyabinsk.student-servis.com/wp-content/themes/student-servis/img/search-submit.png?v2) no-repeat scroll 14px 6px;
height: 35px !important;
width: 52px !important;
cursor: pointer;
position: absolute;
right: 22px;
top: 22px;
transition: all .5s ease 0;
z-index: 2;
border: 2px solid #0FA6E4 !important;
background-size: 20px;
}
.book-search:hover {
background: #f2f2f2 url(//chelyabinsk.student-servis.com/wp-content/themes/student-servis/img/search-submit.png?v2) no-repeat scroll 14px 6px;
background-size: 20px;
}
.container-subject-search input {
border: none;
padding: 8px;
border-radius: 7px;
width: 100%;
font-size: 18px;
}
.subject-search-result ul {
background: #fff;
padding: 20px;
position: absolute;
left: 5px;
right: 5px; z-index: 1111;
border: 2px solid #0FA6E4;
}
.subject-search-result {
position: relative;
}
.subject-search-result a {
margin-bottom: 7px;    display: table;
}
.post-navigation {
list-style: none;
padding-left: 0px;
}
.post-navigation li {
display: inline-block;
}
.post-navigation li:nth-child(1) i {
padding-right: 5px;
display: block;
width: 20px;
float: right;
position: absolute;
top: 9px;
left: 0px;
}
.post-navigation li:nth-child(2) i {
padding-left: 5px;
display: block;
width: 20px;
float: right;
position: absolute;
top: 9px;
right: 0px;
}
.post-navigation li a,
.post-navigation li a:active,
.post-navigation li a:focus,
.post-navigation li a:hover {
color: #000;
font-size: 14px;
}
.post-navigation li a i {
color: rgba(44, 136, 217, 0.8);
}
span.wpcf7-not-valid-tip {
margin-top: -5px !important;
margin-bottom: 10px !important;
}
.similar-services-name {
font-size: 18px;
font-family: "DINRoundPro-Bold";
text-transform: uppercase;
margin-bottom: 20px;
color: #2397f9;
text-align: center;
}
ul.similar-services li:hover {
box-shadow: 0 0px 3px 4px rgba(66, 64, 66, 0.4);
}
ul.similar-services li a:hover {
text-decoration: none;
color: #fff;
}
ul.similar-services li a {
text-decoration: none;
color: #fff;
width: 100%;
text-transform: uppercase;
font-weight: bold;
font-size: 13px;
height: 40px;
display: table-cell;
vertical-align: middle;
text-align: center;
}
ul.similar-services li {
text-decoration: none;
box-shadow: 0 0px 3px 2px rgba(66, 64, 66, 0.4);
border-radius: 10px;
font-size: 16px;
padding: 4px;
border: 3px solid #0FA6E4;
background: #0FA6E4;
list-style: none; width: 22.5%;
height: 52px;
overflow: hidden;
margin: 1%;
display: inline-block;
}
ul.similar-services {
margin: 0;
padding: 0;
overflow: hidden;
margin-bottom: 0px;
text-align: center; }
ul.similar-city li a:hover {
text-decoration: none;
color: #1267c1;
}
ul.similar-city li a {
text-decoration: none;
color: #0FA6E4;
width: 100%;  font-size: 16px;   text-align: left;
}
ul.similar-city li {
text-decoration: none;
border-radius: 10px;
font-size: 16px;
padding: 4px;
list-style: none;
width: 22.5%;
overflow: hidden;
margin: 1%;
display: inline-table;
text-align: left;
}
ul.similar-city {
margin: 0;
padding: 0;
overflow: hidden; text-align: center; }
.form-rasch-vk-all {
margin-top: 20px
}
.form-rasch-pd-home {
margin-bottom: 75px;
margin-top: 40px
}
.form-rasch-pd-price {
margin-bottom: 75px;
margin-top: 40px
}
.form-rasch-pd-all {
margin-bottom: 30px;
margin-top: 30px;
}
.form-home-main {
margin-bottom: 35px;
}
.services-items li {
margin: 0 1%;
list-style: none;
margin-bottom: 7px;
float: left;
width: 23%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.no-trim {
white-space: normal !important;
}
.services-items li a {
text-decoration: none;
max-width: 180px;
line-height: 19px;
}
.services-items li a:hover {
text-decoration: underline
}
ul.services-items {
padding: 0;
margin-left: -11px;
margin-right: -11px;
overflow: hidden;
}
.services-items-bottom {
margin-bottom: 40px
}
.services-items-bottom { }
.shagi-wrap {
margin-bottom: 20px
}
.services-blue-title {
font-size: 25px;
margin: 10px 0 0;
text-transform: uppercase;
color: #0FA6E4;
text-align: center; }
.subject-blue-title {
margin-top: 40px;
margin-bottom: 20px;
}
.subject-section {
margin-bottom: 20px;
overflow: hidden;
column-count: 3;
column-gap: 22px;
-moz-column-count: 2;
-moz-column-gap: 22px;
-webkit-column-count: 2;
-webkit-column-gap: 22px;
}
.subject-column a {
display: block;
clear: both;
}
.subject-column {
padding: 10px 10px 10px 0px;
display: table;
margin: 1% 1% 1% 0;
}
.subject-title {
color: #0FA6E4;
font-weight: bold;
font-size: 20px;
}
.subject-section-name {
text-transform: uppercase;
color: #0FA6E4;
font-size: 25px;
text-align: center; margin-top: 40px;
margin-bottom: 20px;
}
.karta-level-1 {
clear: both;
display: block;
font-size: 22px;
font-weight: bold;
color: #337ab7;
}
.karta-level-2 {
clear: both;
display: block;
font-size: 16px; margin-left: 20px;
}
.karta-level-3 {
clear: both;
display: block;
font-size: 14px;
font-weight: bold;
margin-left: 40px;
}
.karta {
column-count: 2;
column-gap: 22px;
-moz-column-count: 2;
-moz-column-gap: 22px;
-webkit-column-count: 2;
-webkit-column-gap: 22px;
margin-bottom: 10px;
padding: 11px 22px;
}
.karta-box-serch {
padding: 11px 22px;
padding-bottom: 0;
}
.karta-box {
display: table;
margin-bottom: 20px;
}
.sub-cat_spr-items {
margin-left: 20px;
margin-top: 3px;
}
.sub-cat_spr-items a {
font-size: 15px;
}
.sub-cat_spr-items li {
list-style: none;
margin-bottom: 5px;
}
.sub-cat_spr-more-items {
border-bottom: 1px dashed #7497cc;
color: #3a70c4;
display: table;
font-size: 13px;
margin-top: 11px;
cursor: pointer;
}
.wpcf7 form.sent .wpcf7-response-output {
border: none !important;
}
.wpcf7-list-item-label::before {
content: " ";
color: #000;
display: inline-block;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
margin-right: 7px;
position: relative;
text-align: center;
text-indent: 0px;
width: 20px;
height: 20px;
background: #fff;
border: 1px solid #e3e3e3;
vertical-align: middle;
color: #0fa6e4; border-radius: 5px;
}
input:checked+.wpcf7-list-item-label::before {
content: "\2713";
font-size: 15px;
padding-top: 2px;
}
.wpcf7-list-item-label { }
.wpcf7-not-valid {
border: 1px #ff0000 solid !important;
}
.search-item {
border-bottom: 1px solid #cac3c3;
padding: 10px;
display: block;
font-size: 17px;
}
.search-item-type {
font-size: 14px;
font-weight: normal;
color: #777474;
}
.container-flex {
display: flex;
justify-content: space-between;
width: 100%;
align-items: center;
margin-top: 15px;
}
.search-box-input {
width: 322px;
min-width: 322px;
margin-right: 6px
}
#search-box-input {
border: 2px solid #0FA6E4;
background: #fff;
display: flex;
border-radius: 5px;
width: 100%;
}
.search-box-submit {
background: #fff url(//chelyabinsk.student-servis.com/wp-content/themes/student-servis/img/search-submit.png?v2) no-repeat scroll 19px 6px;
height: 30px;
width: 70px;
cursor: pointer;
transition: all .5s ease 0;
border: none;
border-left: 2px solid #0FA6E4;
background-size: 20px;
border-radius: 0px 5px 5px 0px;
}
.search-box-submit:hover {
background: #f7f7f7 url(//chelyabinsk.student-servis.com/wp-content/themes/student-servis/img/search-submit.png?v2) no-repeat scroll 19px 6px;
background-size: 20px;
}
.search-box-text {
border: none;
padding: 1px 3px 3px 3px;
width: 100%;
border-radius: 7px;
font-size: 15px;
}
.search-box-home {
display: block;
float: right;
margin-top: 10px;
width: 322px;
}
.m-search-container-main {
display: none;
width: 100%;
position: fixed;
top: 74px;
right: 0;
z-index: 6777777;
background: #0FA6E4;
padding: 22px;
border: 2px solid #FFF;
}
.m-search-container {
display: none;
width: 100%;
position: fixed;
top: 74px;
right: 0;
z-index: 6777777;
background: #0FA6E4;
padding: 22px;
border: 2px solid #FFF;
}
.menu-item #search-box-input {
margin: 10px 40px;
width: auto; }
.wpcf7-textarea {
font-family: 'Roboto', sans-serif !important;
padding: 17px 13px !important;
margin-bottom: 5px;
border: 1px solid #f7f3f3;
line-height: 15px;
color: #888585 !important;
font-size: 15px !important;
border: none;
border-radius: 5px;
width: 100%;
opacity: 1 !important;
background-color: #fff;
height: 44px;
max-width: 100%;
min-height: 44px;
-moz-transition: height 1s ease;
-webkit-transition: height 1s ease;
-o-transition: height 1s ease;
transition: height 1s ease;
overflow-y: hidden;
}
.wpcf7-textarea:focus {
height: 118px !important;
}
.col-md-8-mod {
padding-left: 0 !important;
padding-right: 0 !important;
}
.zxc img {
max-width: 100%;
height: auto;
}
div.wpcf7 .ajax-loader {
display: none
}
.qa-items {
background: #fff;
padding: 10px;
box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
border-radius: 5px;
}
.qa-item {
border-bottom: 1px solid #d8e5f0;
}
.qa-item:last-of-type {
border-bottom: none;
}
.qa-question {
color: #337ab7;
position: relative;
font-size: 17px;
cursor: pointer;
padding: 10px;
}
.qa-question:hover {
background: #f3f6fd;
}
.qa-question::after {
position: absolute;
right: 10px;
top: 18px;
display: block;
content: '';
width: 11px;
height: 7px;
background: url(//chelyabinsk.student-servis.com/wp-content/themes/student-servis/img/blue-bottom.svg) no-repeat;
transition: .3s ease all;
transform: rotate(180deg);
}
.qa-question_active:hover {
background: #fff;
}
.qa-question_active::after {
transform: rotate(0);
}
.qa-answer {
display: none;
}
.qa-box-name {
font-size: 18px;
font-family: "DINRoundPro-Bold";
text-transform: uppercase;
margin-bottom: 30px;
color: #2397f9;
text-align: center;
margin-top: 40px;
}
.download-doc {
background: url(//chelyabinsk.student-servis.com/wp-content/uploads/2021/04/download-doc.png) no-repeat 0px 3px;
background-size: 50px;
padding-left: 78px;
display: flex;
height: 55px;
align-items: center;
font-size: 17px;
color: #0060b1;
}
.download-file {
display: flex;
justify-content: space-between;
align-items: center;
background: #f4f4f4;
padding: 20px;
border-radius: 10px; }
.download-btn {
background: #70b7df;
color: #fff;
padding: 10px 20px;
border-radius: 5px;
margin-right: 10px;
display: table;
}
.download-btn:hover {
background: #54a5d2;
color: #fff;
}
.download-title {
font-size: 17px;
margin-bottom: 10px; }
.text ol,
.text-container ol {
list-style-type: none;
counter-reset: num;
margin: 0 0 0 25px;
padding: 5px 0 5px 0;
margin-bottom: 15px;
}
.text ol li,
.text-container ol li {
position: relative;
margin: 0 0 0 0;
padding: 0 0 5px 0;
}
.text ol li:before,
.text-container ol li:before {
content: counter(num)'. ';
counter-increment: num;
display: inline-table;
position: absolute;
top: 0px;
left: -26px;
width: 20px;
color: #0060b1;
text-align: right;
}
.text p span+.list-13 {
margin-top: -10px;
}
.text ul,
.text-container ul {
margin-bottom: 15px;
}
.text ul li,
.text-container ul li {
list-style-type: none;
margin: 0 0 0 0;
padding: 0 0 5px 0;
}
.text ul li:before,
.text-container ul li:before {
color: #0060b1;
content: "• ";
padding-right: 4px;
}
.blog-share li::before {
content: none !important;
}
.section-pn {
display: flex;
justify-content: space-between;
margin-top: 25px;
gap: 25px
}
.section-prev-page {
flex: 1;
background: #fff;
padding: 20px;
box-shadow: 0 0px 9px 0 rgba(66, 12, 65, 0.3);
margin-bottom: 5px;
border-radius: 10px;
padding-left: 35px;
background: #fff url(//chelyabinsk.student-servis.com/wp-content/themes/student-servis/img/s-arrow.png) no-repeat 5px 50%;
background-size: 25px;
}
.section-next-page {
flex: 1;
text-align: right;
background: #fff;
padding: 20px;
box-shadow: 0 0px 9px 0 rgba(66, 12, 65, 0.3);
margin-bottom: 5px;
border-radius: 10px;
padding-right: 35px;
background: #fff url(//chelyabinsk.student-servis.com/wp-content/themes/student-servis/img/s-arrow-r.png) no-repeat calc(100% - 3px) 50%;
background-size: 26px;
}
.section-prev-page:hover,
.section-next-page:hover {
box-shadow: 0 0px 9px 0 rgba(66, 12, 65, 0.6);
}
.section-pn-name {
font-size: 19px;
color: #000;
display: table;
margin-bottom: 10px;
width: 100%;
}
.right-column-sticky {
position: sticky;
top: 30px;
margin-bottom: 5px;
}
.modal-window-form,
.modal-window-wpcf7submit {
background: rgba(26, 27, 35, 0.8);
display: none;
height: 100%;
width: 100%;
left: 0;
top: 0;
position: fixed;
overflow-y: scroll;
z-index: 999999
}
.modal-container-form {
display: block;
margin: 10% auto;
width: 98%;
z-index: 999999999999999;
opacity: 0;
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
height: auto;
max-width: 1100px;
margin-top: 70px;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
min-height: 300px;
border: 3px solid #70b7df;
z-index: 9999999999999999999999;
border-radius: 5px;
border: 1px none #1e73be;
box-shadow: 1px 1px 35px 0px rgba(2, 2, 2, 0.27);
background: #70b7df;  }
.modal-form {
position: absolute;
left: 0;
right: 0;
top: 0;
z-index: 99999999999999999999999999;
background: #a015fe;
padding: 40px 40px;
transform-origin: 100% 0;
border-radius: 5px;
padding-bottom: 15px;
}
.modal-visible-form {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.modal-close-form {
display: table;
cursor: pointer;
float: right;
padding: 1px 8px;
border-radius: 50%;
font-size: 45px;
padding: 0;
line-height: 0;
color: #fff;
margin-top: 5px;
font-weight: normal;
clear: both;
}
.modal-container-wpcf7submit {
display: block;
margin: 10% auto;
width: 98%;
z-index: 9999;
opacity: 0;
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s;
-o-transition: .4s;
transition: .4s;
height: auto;
max-width: 1100px;
margin-top: 70px;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
min-height: 200px;
border: 3px solid #70b7df;
z-index: 1000;
padding: 40px 20px;
top: 33px;
border-radius: 5px;
border: 4px solid #000;
background: #fff;
overflow: hidden;
font-size: 18px;
text-align: center;
position: relative;
z-index: 50000000;
}
.modal-visible-wpcf7submit {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.modal-close-wpcf7submit {
display: table;
cursor: pointer;
float: right;
padding: 1px 8px;
border-radius: 50%;
font-size: 45px;
padding: 0;
line-height: 0;
color: #000;
margin-top: 0px;
font-weight: normal;
clear: both;
}
.modal-close-wpcf7submit-name {
font-size: 40px;
color: #505051;
margin-bottom: 6px;
}
.get-price-form__consent {
display: flex;
}
.get-price-form__consent::before {
content: "\2713";
font-size: 16px;
color: #70b7df;
text-align: center;
display: inline-block;
width: 19px;
height: 19px;
min-width: 19px;
min-height: 19px;
font-weight: 700;
line-height: 19px;
background: #fff;
border-radius: 3px;
margin-right: 4px;
}
.acceptance_text {
color: #fff;
margin-top: 2px;
font-size: 14px;
}
.reviews__title {
transform: translateZ(0);
}
.pinned-wrap {
transform: translateZ(0);
}
@media (max-width: 719px) {
.jumbo-mbl__title {
transform: scaleX(1.54);
}
}
.recommended-uslugi {
margin-bottom: 20px;
}
.text-block-1 {
border: 1px solid #067cd6;
border-radius: 10px;
padding: 12px;
margin: 20px 0;
position: relative;
}
.text-block-1::before {
position: absolute;
background: #fff url(//chelyabinsk.student-servis.com/wp-content/themes/student-servis/img/quote.svg) no-repeat 0px 0;
background-size: 25px;
background-position: 50% 50%;
content: "";
display: table;
height: 33px;
width: 43px;
left: -18px;
top: -17px;
}
.text-block-1::after {
position: absolute;
background: #fff url(//chelyabinsk.student-servis.com/wp-content/themes/student-servis/img/quote.svg) no-repeat 0px 0;
background-size: 25px;
background-position: 50% 50%;
content: "";
display: table;
height: 33px;
width: 43px;
right: -18px;
bottom: -17px;
}
div[data-block="1"] {
display: block;
align-items: center;
background-color: #eaf6f4;
border-radius: 8px;
padding: 10px;
position: relative;
margin-top: 20px;
margin-bottom: 20px;
padding-left: 60px;
}
div[data-block="1"]::before {
content: "";
position: absolute;
left: 20px;
display: inline-flex;
min-width: 24px;
width: 24px;
height: 24px;
top: calc(50% - 12px);
align-items: center;
justify-content: space-between;
background: #3DA2E0 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="%23fff" d="M9 16.2l-3.5-3.5L4 14l5 5 10-10-1.5-1.5z"/></svg>') no-repeat center;
margin-right: 15px;
background-size: 22px;
border-radius: 3px;
}
div[data-block="2"] {
margin: 20px 0;
padding: 25px 25px 25px 70px;
position: relative;
font-style: normal;
overflow: hidden;
background: #e3f2fd;
color: #0d47a1;
}
div[data-block="2"]::before {
content: "\f130";
font-family: "dashicons", monospace;
font-size: 40px;
display: inline-block;
opacity: .4;
vertical-align: top;
float: left;
font-style: normal;
line-height: 40px;
margin-right: 7px;
position: absolute;
left: 15px;
top: calc(50% - 20px);
}
div[data-block="3"] {
border-left: 3px solid #067cd6;
padding: 10px;
padding-left: 10px;
margin: 20px 0;
padding-left: 20px;
font-style: italic;
}
ul[data-list="2"] {
margin-top: 20px;
margin-bottom: 20px;
padding: 0;
list-style: none;
}
ul[data-list="2"] li {
position: relative;
border: 1px solid #067cd6;
background: #FAFAFA;
padding: 16px 20px 16px 28px;
margin: 12px 0 12px 40px;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
ul[data-list="2"] li:hover {
background: #F0F5FB;
border: 1px solid #067cd6;
}
ul[data-list="2"] li:before {
line-height: 32px;
position: absolute;
top: 8px;
left: -40px;
width: 40px;
font-size: 0;
background: #77AEDB;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
content: "-";
}
ul[data-list="2"] li:hover:before {
width: 46px;
background: #337AB7;
}
ul[data-list="2"] li:after {
position: absolute;
left: 0;
top: 8px;
content: "";
height: 0;
width: 0;
border: 16px solid transparent;
border-left-color: #77AEDB;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s
}
ul[data-list="2"] li:hover:after {
margin-left: 6px;
border-left-color: #337AB7;
}
ul[data-list="1"] {
padding: 0;
list-style: none;
margin-top: 20px;
margin-bottom: 20px;
}
ul[data-list="1"] li {
padding: 5px 5px 5px 20px;
position: relative;
}
ul[data-list="1"] li:before {
padding-right: 10px;
font-weight: normal;
font-size: 27px;
line-height: 0;
content: "\203A";
color: #337AB7;
position: absolute;
left: 0;
top: 14px;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s
}
ul[data-list="1"] li:hover:before {
margin-left: 6px;
}
ul[data-list="3"] {
padding: 0;
list-style: none;
margin-top: 20px;
margin-bottom: 20px;
}
ul[data-list="3"] li {
padding: 5px 5px 5px 25px;
position: relative;
}
ul[data-list="3"] li:before {
padding-right: 10px;
font-weight: normal;
font-size: 27px;
line-height: 0;
content: "–";
color: #067cd6;
position: absolute;
left: 0;
top: 18px;
}
ul[data-list="4"] {
padding: 0;
list-style: none;
margin-top: 20px;
margin-bottom: 20px;
}
ul[data-list="4"] li {
padding: 5px 5px 5px 25px;
position: relative;
}
ul[data-list="4"] li:before {
padding-right: 10px;
font-weight: normal;
font-size: 16px;
line-height: 0;
content: "\2713";
color: #067cd6;
font-weight: 700;
position: absolute;
left: 0;
top: 17px;
}
ol[data-list="ol1"] {
padding: 0;
list-style: none;
counter-reset: li;
margin-top: 20px;
margin-bottom: 20px;
}
ol[data-list="ol1"] li {
position: relative;
padding: 12px 20px 12px 28px;
margin-left: 0;
transition-duration: 0.3s;
}
ol[data-list="ol1"] li:before {
border: 6px solid transparent;
line-height: 30px;
position: absolute;
top: 3px;
left: -30px;
width: 42px;
text-align: center;
font-size: 13px;
font-weight: bold;
color: #ADCEE9;
counter-increment: li;
content: counter(li);
transition-duration: 0.3s;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
ol[data-list="ol1"] li:hover:before {
color: #337AB7;
}
ol[data-list="ol1"] li:after {
position: absolute;
top: 2px;
left: -30px;
width: 42px;
height: 42px;
border: 6px solid #DDDDDD;
border-radius: 50%;
content: '';
opacity: 0.5;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
ol[data-list="ol1"] li:hover:after {
opacity: 1;
border: 6px solid #ADCEE9;
}
blockquote[data-quote="2"] {
position: relative;
padding: 10px 10px;
margin: 20px auto;
border-top: 1px solid #067cd6;
border-bottom: 1px solid #067cd6;
}
blockquote[data-quote="2---"]::after {
font-family: Times, sans-serif;
font-weight: bold;
position: absolute;
content: "”";
color: #BFE2FF;
font-size: 80px;
line-height: 0;
bottom: -8px;
right: 20px;
text-shadow: 2px 0 0 #337AB7, -2px 0 0 #337AB7, 0 2px 0 #337AB7, 0 -2px 0 #337AB7, 1px 1px #337AB7, -1px -1px 0 #337AB7, 1px -1px 0 #337AB7, -1px 1px 0 #337AB7;
}
blockquote[data-quote="1"] {
position: relative;
padding: 10px 55px;
margin: 20px auto; border: 1px solid #067cd6;
}
blockquote[data-quote="1"]:before,
blockquote[data-quote="1"]:after {
position: absolute;
color: #BFE2FF;
font-size: 70px;
font-family: Times, sans-serif;
line-height: 80px;
}
blockquote[data-quote="1"]:before {
content: '“';
left: 12px;
top: calc(50% - 22px);
height: 44px;
line-height: 70px;
}
blockquote[data-quote="1"]:after {
content: '”';
right: 10px;
top: calc(50% - 22px);
height: 44px;
line-height: 70px;
}
blockquote[data-quote="3"] {
border-left: 6px solid #BFE2FF;
margin: 20px auto;
padding: 10px 24px;
position: relative;
}
blockquote[data-quote="3"]:after {
content: "”";
position: absolute;
top: calc(50% - 15px);
left: -15px;
color: #337AB7;
font-size: 50px;
font-family: Times, sans-serif;
font-weight: bold;
line-height: 50px;
background: #fff;
height: 30px;
}
blockquote[data-quote="4"] {
width: 80%;
margin: 20px auto;
text-align: center;
font-style: italic;
font-weight: bold;
position: relative
}
blockquote[data-quote="4"]:before {
content: "\f122";
font-family: "dashicons";
font-size: 100px;
display: inline-block;
opacity: .02;
vertical-align: top;
float: left;
font-style: normal;
line-height: 40px;
margin-right: 7px;
position: absolute;
left: 0;
top: 25%
}
span[data-border_bottom="blue"] {
text-decoration: none;
border-bottom: 1px solid #2787d6;
}
blockquote p:last-of-type {
margin-bottom: 0
}
#main-menu-icons-search,
.main-menu-btn-modal,
#main-menu-city,
#main-menu-form-search {
display: none!important;
}
#main-menu {
display: flex;
align-items: center;
justify-content: space-between;
z-index: 10;
align-items: center;
padding-top: 20px;
padding-bottom: 20px; 
gap: 30px;
}
#main-menu-right  img {
height: 65px;
transition: transform 0.2s ease;
}
#main-menu-right  img:hover{
transform: rotate(5deg);
}
#logo {
height:68px;
display: flex;
align-items: center;
line-height: 0;
aspect-ratio: 1000 / 200;
}
#logo  a{
display: flex;
align-items: center;
}
#logo img {
width: auto;
height: auto; 
max-height: 100%;
min-width: 100%;
margin-left: -4px;
margin-top: -1px;
}
#main-menu-city {
max-width: 175px;
margin-left: 10px;
min-width: 100px;
}
#main-menu-city .modal-open-city {
color: #0061b0;
font-size: 17px;
display: flex;
align-items: center;
line-height: 1;
}
#main-menu-city .fa {
margin-right: 10px;
font-size: 28px;
color: #6caadd;
}
#main-menu-right {
display: flex;
justify-content: space-between;
align-items: center;
gap:40px; }
#main-menu-icons-search {
cursor: pointer;
color: #2b5b8f;
border: 2px solid #2b5b8f;
margin-left: 10px;
}
#main-menu-form-search {
display: none;
min-width: 400px;
}
.fas {
display: none
}
.menu-cons {
border-bottom: none !important;
padding-bottom: 0 !important;
} 
.menu-cons a {
opacity: .7;
font-size: 14px;
font-weight: 400
}
.examples-works-scroll,
.modal-open-form-home {
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
height: 40px;
color: #fff!important; 
padding: 0 20px;
border-radius: 5px;
background: #e10408;
text-align: center;
width: 100%;
font-size: 15px;	
margin: 10px 0;
cursor: pointer;
text-transform: uppercase
}
.examples-works-scroll {
background: #2b5b8f;
}
#m-main-menu-form-search {
display: flex!important;
width: 100%!important;
border: 2px solid #f1b2f2;
border-radius: 10px;
overflow: hidden;
margin-top: 40px;
}
#m-main-menu-form-search  .main-menu-form-submit{
width: 50px;
height: 50px;
background:  url(//chelyabinsk.student-servis.com/wp-content/themes/student-servis/img/11h.png) no-repeat;
background-position: 50%;
background-size: 42px;
border: none;
}
#m-main-menu-form-search  .main-menu-form-submit:hover{
opacity: .7
}
#m-main-menu-form-search  .main-menu-form-input{
width: calc(100% - 50px);
height: 50px;
min-width: auto;
background: none; border: none;
padding: 13px;
font-size: 16px; }
#m-logo {
height: 40px;
overflow: hidden
}
#m-logo img {
height: 45px;
}
.m-menu-icon { 
display: flex;
cursor: pointer;
flex-direction: column;
justify-content: center;
background: #78ABE5;
width: 65px;
border-radius: 50%;
align-items: center;
height:65px;
min-width: 65px;
gap: 6px;
}
.t_1,
.t_2,
.t_3 {
width: 28px;
height: 3px;
background-color: #a015fe;
transition: 0.4s;
border-radius: 4px;
box-shadow: 1px 1px 0px 1px #fff;
}
.m-menu-closed .t_1 {
transform: rotate(-45deg) translate( -7px,  7px);
width: 30px;
}
.m-menu-closed .t_2 {
opacity: 0;
}
.m-menu-closed .t_3 {
transform: rotate(45deg) translate(-6px, -7px);
width: 30px;
}
#header-inner {
justify-content: space-between;
}
#user {
margin-left: 0px;
}
.menu-wrapper {
display: none;
position: absolute; 
top: 108px;
left: 0;
right: 0;
z-index: 11;
border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;
box-shadow: 0px 5px 5px 0px rgba(34, 60, 80, 0.2);
}
.main-menu-icons-contact {
display: none
}
.menu-wrapper-blocks {
display: flex;
flex-wrap: wrap;
gap: 30px;
margin: 30px 0;
}
.menu-wrapper-block {
max-height: 190px;
width: calc(100%/3 - 20px);
border-radius: 15px;
background-position-x: right !important;
background-size: 160px !important;
position: relative;
aspect-ratio: 1 / 1;
}
.menu-wrapper-block:hover {
opacity: .8
}
.menu-wrapper-block  span{
position: absolute;
background: #a015fe;
padding: 5px 12px;
border-radius: 10px;
color: #fff;
font-size: 20px;
bottom: -12px;
left: 50%;
transform: translateX(-50%);
box-shadow: 0px 0px 5px 4px #a015fe;
min-width: 140px;
text-align: center;
}
#menu {
margin: 30px 0; 
padding: 0 5px;
overflow-y: auto; 
}
#menu .modal-open-form a {
padding: 12px;
text-align: center;
display: block;
justify-content: center;
color: #fff;
border-radius: 5px;
background: #e10408;
text-align: center;
font-size: 16px;
}
#menu>li  {
padding: 12px 0px;
font-size: 16px;
display: block;
border-bottom: 1px dashed #ddd;
list-style: none;
} 
#menu>li:last-of-type  {
border-bottom: none;
}
#menu>li>a {
width: 100%;
display: flex;
justify-content: space-between;
font-weight: 500;
}
#menu a {
color: #fff;
}
#menu>li>a .fa-angle-down {
font-weight: 600;
transition: .3s;
font-size: 22px
}
.m-menu-active .fa {
transform: rotate(-180deg);
}
.sub-menu {
width: 100%;
padding-top: 4px;
display: none;
}
.sub-menu li {
margin: 5px 0;
padding: 4px 0px;
list-style: none;
} 
.sub-menu ul {
width: 100%;
padding: 0 20px;
}
.sub-menu ul:after {
display: none
}
.sub-menu ul:before {
display: none
}
#menu  #main-menu-icons-contact {
display: none
} 
.main-menu-city .modal-open-city { background:  url(//chelyabinsk.student-servis.com/wp-content/themes/student-servis/img/13h.png) no-repeat 0px 10px;
font-size: 16px;
background-size: 55px;
padding-left: 65px;
margin-top: 20px;
padding-top: 30px;
padding-bottom: 5px;
margin-bottom: 20px;
}
.main-menu-city .modal-open-city:hover {
cursor: pointer;
opacity: .8
}
.m-serch {
border: none!important;
}
ul.list-red-mark {
list-style: none;
padding-left: 0;
}
ul.list-red-mark li {
display: flex;
align-items: flex-start; }
ul.list-red-mark li::before {
content: "•";    color: #0061b0;
margin-right: 10px;
flex-shrink: 0;  
} .page404-wrapper {
display: flex;
justify-content: center;
align-items: center;
min-height: 85vh;
padding: 50px 20px;
background: #f4f7f6;
}
.page404-box {
background: linear-gradient(135deg, #8a00d6 0%, #4b0082 50%, #1a0a2e 100%);
border-radius: 30px;
box-shadow: 0 25px 60px rgba(75, 0, 130, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.2); 
max-width: 1200px; 
width: 100%;
padding: 70px 50px;
text-align: center;
position: relative;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.page404-box::before {
content: '';
position: absolute;
top: -50%; left: -50%;
width: 200%; height: 200%;
background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 60%);
pointer-events: none;
}
.page404-code {
font-size: 170px;
font-weight: 900;
line-height: 0.9;
margin-bottom: 20px;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
text-shadow: 0 0 30px rgba(255, 255, 255, 0.3);
animation: pulse-glow 3s ease-in-out infinite;
position: relative;
z-index: 2;
}
@keyframes pulse-glow {
0%, 100% { transform: scale(1); text-shadow: 0 0 30px rgba(255, 255, 255, 0.3); }
50% { transform: scale(1.03); text-shadow: 0 0 50px rgba(255, 255, 255, 0.6); }
}
.page404-emoji {
font-size: 90px;
line-height: 1;
margin-bottom: 20px;
display: inline-block;
animation: float-emoji 3s ease-in-out infinite;
filter: drop-shadow(0 15px 25px rgba(0,0,0,0.4));
position: relative;
z-index: 2;
}
@keyframes float-emoji {
0%, 100% { transform: translateY(0) rotate(-5deg); }
50% { transform: translateY(-15px) rotate(5deg); }
}
.page404-title {
font-size: 38px;
font-weight: 800;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
margin-bottom: 15px;
position: relative;
z-index: 2;
}
.page404-subtitle {
font-size: 20px;
color: rgba(255, 255, 255, 0.85) !important;
margin-bottom: 50px;
line-height: 1.5;
position: relative;
z-index: 2;
}
.page404-btns {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
position: relative;
z-index: 2;
max-width: 850px; 
margin: 0 auto;
}
.page404-btns a {
display: flex;
align-items: center;
justify-content: center;
gap: 8px; padding: 18px 25px;
background: #ffffff;
color: #4b0082 !important;
-webkit-text-fill-color: #4b0082 !important;
text-decoration: none !important;
border-radius: 50px;
font-weight: 800;
font-size: 16px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.page404-btns a:hover {
transform: translateY(-5px) scale(1.02);
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4);
background: #f4f7f6;
}
.page404-btns a.btn-home {
grid-column: 1 / -1;
background: transparent;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
border: 2px solid #ffffff;
box-shadow: none;
margin-top: 10px;
}
.page404-btns a.btn-home:hover {
background: #ffffff;
color: #4b0082 !important;
-webkit-text-fill-color: #4b0082 !important;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}
@media (max-width: 767px) {
.page404-box { padding: 40px 20px; border-radius: 20px; }
.page404-code { font-size: 110px; }
.page404-emoji { font-size: 70px; }
.page404-title { font-size: 26px; }
.page404-subtitle { font-size: 16px; margin-bottom: 30px; }
.page404-btns { grid-template-columns: 1fr; gap: 15px; }
.page404-btns a { padding: 15px 20px; font-size: 15px; }
} .block-knopki-sots-setej-3 .yznat-ceny-i-srok__title span {
background-color: transparent !important;
padding: 0 !important;
} .block-knopki-sots-setej-3 .yznat-ceny-i-srok__title,
.block-knopki-sots-setej-3 .yznat-ceny-i-srok__title span {
color: #5b21b6 !important;
} .block-knopki-sots-setej-3 .yznat-ceny-i-srok__text,
.block-knopki-sots-setej-3 .yznat-ceny-i-srok__text span {
color: #374151 !important;
}