.title-bg {background: #000;}.title .image img {transform: translateY(-50%); top: 50%; right: -15%; z-index: -1; width: 100%;}@media screen and (min-width: 576px) {	.title .image img {transform: translateY(-25%);}}@media screen and (min-width: 992px) {	.title .image img {transform: translate(0%, -32%); left: -50%; width: 230%;}}.time-item {position: relative; display: flex; flex-direction: column;}.time-item::before {width: 150px;}.time-item::before {content: ''; background: center no-repeat; width: 160px; height: 160px; align-self: center; flex-shrink: 0;}.time-item.item-1::before {background-image: url("/images/pages/sozdanie-sajtov/001.png");}.time-item.item-2::before {background-image: url("/images/pages/sozdanie-sajtov/002.png");}.time-item.item-3::before {background-image: url("/images/pages/sozdanie-sajtov/003.png");}.time-item.item-4::before {background-image: url("/images/pages/sozdanie-sajtov/004.png");}@media (min-width: 576px) {    .time-card {background: var(--bs-dark); color: #fff;}}@media (max-width: 575.98px) {    .time-card {box-shadow: none;}}@media (max-width: 767.98px) {    .time-img {width: 100%; height: auto;}}@media (min-width: 768px) {    .time-img {margin-bottom: -22px;}}@media (min-width: 992px) {    .time-item {flex-direction: row;}    .time-card {margin-top: -6rem; animation: timeUp 1s forwards;}}@media (min-width: 1200px) {    .time-ol {margin-bottom: 3rem;}    .time-img {position: absolute; bottom: 0; left: 0;}}@keyframes timeUp {    from {        transform: translateY(0);    }    to {        transform: translateY(-3rem);    }}.price-card {box-shadow: 0 4px 24px rgba(189, 197, 200, 0.7);}.price {padding-top: 9rem;}.price::before {background: #fff;}.price-img::after {content: ''; display: block; background: center no-repeat; height: 185px;}.price-img.item-1::after {background-image: url("/images/pages/sozdanie-sajtov/007.png");}.price-img.item-2::after {background-image: url("/images/pages/sozdanie-sajtov/008.png");}.price-img.item-3::after {background-image: url("/images/pages/sozdanie-sajtov/009.png");}.price-img.item-4::after {background-image: url("/images/pages/sozdanie-sajtov/010.png");}@media (min-width: 992px) {    .price {padding-bottom: 9rem;}}@media (min-width: 1400px) {    .price::after {background: url("/images/pages/sozdanie-sajtov/031.png") right top no-repeat;}}.discount-container {background: rgba(0, 0, 0, .7); padding-top: 2rem; padding-bottom: 2rem;}@media (min-width: 768px) {    .discount-container {margin-top: -4rem;}    .io-on .io-discount {transform: translateY(4rem);}}@media (min-width: 992px) {    .discount-container {padding: 2rem 10rem;}}@media (min-width: 1200px) {    .discount-container {padding: 2rem 10rem;}    .discount::before, .discount::after {position: absolute; transform: translateY(-50%); top: 50%; z-index: -1;}    .discount-site::before {content: url("/images/pages/sozdanie-sajtov/032.png"); left: 0;}    .discount-site::after {content: url("/images/pages/sozdanie-sajtov/033.png"); right: 0;}    .discount-context:before {content: url("/images/pages/kontekstnaya-reklama/016.png"); left: 0;}    .discount-context::after {content: url("/images/pages/kontekstnaya-reklama/017.png"); right: 0;}    .discount-support:before {content: url("/images/pages/tekhnicheskaya-podderzhka/023.png"); left: 0;}    .discount-support::after {content: url("/images/pages/tekhnicheskaya-podderzhka/024.png"); right: -10rem; top: 0; z-index: 0;}}.secret-line {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}.secret-line::before, .secret-line::after {content: ''; position: absolute; transform-origin: 50% 50%; top: 0; right: 0; bottom: 0; left: 0; border: solid var(--bs-primary); border-radius: 50%;}.secret-line::before {border-width: 4px 4px 0 0;}.secret-line::after {border-width: 0 0 4px 4px;}.secret-line.item-1::before {animation: secretLine1RotateBefore 13s linear infinite;}.secret-line.item-1::after {animation: secretLine1RotateAfter 13s linear infinite;}.secret-line.item-2::before {animation: secretLine2RotateBefore 15s linear infinite;}.secret-line.item-2::after {animation: secretLine2RotateAfter 15s linear infinite;}@keyframes secretLine1RotateBefore {    0% {        transform: rotateZ(-45deg) rotateX(0); z-index: -1;    }    100% {        transform: rotateZ(-45deg) rotateX(-360deg); z-index: 0    }}@keyframes secretLine1RotateAfter {    0% {        transform: rotateZ(-45deg) rotateX(0); z-index: 0;    }    100% {        transform: rotateZ(-45deg) rotateX(-360deg); z-index: -1;    }}@keyframes secretLine2RotateBefore {    0% {        transform: rotateZ(45deg) rotateX(0); z-index: -1;    }    100% {        transform: rotateZ(45deg) rotateX(-360deg); z-index: 0    }}@keyframes secretLine2RotateAfter {    0% {        transform: rotateZ(45deg) rotateX(0); z-index: 0;    }    100% {        transform: rotateZ(45deg) rotateX(-360deg); z-index: -1;    }}.steps {min-height: 1050px!important;}.steps::before {top: auto; height: 100%; background: url("/images/pages/sozdanie-sajtov/020.jpg") center bottom no-repeat; background-size: 100% 100%;}.steps-toggle {display: flex; align-items: center; text-align: start; width: 100%; font-size: 1.25rem; font-family: "Russo One", Arial, sans-serif; color: #fff;}.steps-toggle::before {margin-right: 1rem; filter: brightness(0%) invert(100%); width: 50px;}.steps-toggle::after {content: ''; border: 10px solid transparent; border-top: 15px solid #fff; margin-top: 10px; margin-left: .5rem}.steps-toggle.active::after {border: 10px solid transparent; border-bottom: 15px solid #fff; margin-top: -10px;}@media (min-width: 768px) {    .steps::after {top: auto; height: 100%; background: linear-gradient(to bottom, #FFFFFF, rgba(255, 255, 255, 0.9) 12%, rgba(255, 255, 255, 0.6) 24%, rgba(255, 255, 255, 0.3) 48%, transparent);}    .steps-toggle::after {border: none; margin: 0;}    .steps-toggle.active::after {border: none; margin: 0;}    .steps-toggle.active {border: 1px solid var(--bs-primary);}    .steps-accordion {height: 45rem;}    .steps-item {position: absolute; transform: translateY(-50%); top: 50%; right: 0; left: 30%;}    .steps-toggle {width: 25%; flex-direction: column; text-align: center;}    .deactivated .steps-left {animation: fade-left reverse forwards;}    .deactivated .steps-right {animation: fade-right reverse forwards;}    .activated .steps-left {animation: fade-right forwards;}    .activated .steps-right {animation: fade-left forwards;}    .steps-left, .steps-right {animation-duration: .5s!important;}}@media (min-width: 992px) {    .steps-toggle::after {content: ''; background: radial-gradient(circle closest-side, #fff, transparent);}    .steps-accordion {height: 40rem;}    .steps-toggle {width: auto;}    .steps-item {height: 500px; top: auto; right: 0; bottom: 0; left: 0; transform: none;}}.advantages-toggle {color: #fff; font-size: 1.5rem; border: 1px solid #fff; width: 100%; display: flex; align-items: center;}.advantages-toggle > .num {margin-right: 1rem;}.advantages-item {color: #fff;}@media (min-width: 992px) {    .advantages {height: 660px;}    .advantages-toggle {font-size: 1rem; border: none; flex-wrap: wrap;}    .advantages-toggle.active::after {position: absolute; top: 2rem; right: 1rem; bottom: 0; left: 2rem; border: 1px solid var(--bs-primary); z-index: -1; content: '';}    .advantages-toggle {box-shadow: none !important;}    .advantages-toggle:focus::after {box-shadow: 0 0 0 0.25rem rgba(252, 179, 22, .25);}    .advantages-toggle::before {content: ''; width: 80%; height: 100px; background: center no-repeat; background-size: contain;}    .advantages-toggle > .num {font-size: 2rem; width: 20%; margin-right: 0;}    .advantages {background: linear-gradient(to right, var(--bs-dark) 50%, #fff 50%);}    .advantages-item {position: absolute; background: center bottom no-repeat; top: 0; right: 0; bottom: 0; left: 0; transform: translateX(100%); color: var(--bs-dark);}    .advantages-item::before {background: center bottom no-repeat; background-size: contain; opacity: .4; position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; content: '';}    .advantages-accordion > .item-1 *::before {background-image: url("/images/pages/sozdanie-sajtov/039.png");}    .advantages-accordion > .item-2 *::before {background-image: url("/images/pages/sozdanie-sajtov/040.png");}    .advantages-accordion > .item-3 *::before {background-image: url("/images/pages/sozdanie-sajtov/041.png");}    .advantages-accordion > .item-4 *::before {background-image: url("/images/pages/sozdanie-sajtov/042.png");}    .advantages-accordion > .item-5 *::before {background-image: url("/images/pages/sozdanie-sajtov/043.png");}    .advantages-accordion > .item-6 *::before {background-image: url("/images/pages/sozdanie-sajtov/044.png");}    .advantages-accordion > .item-7 *::before {background-image: url("/images/pages/sozdanie-sajtov/045.png");}    .advantages-accordion > .item-8 *::before {background-image: url("/images/pages/sozdanie-sajtov/046.png");}    .advantages-accordion > .item-9 *::before {background-image: url("/images/pages/sozdanie-sajtov/047.png");}}.portfolio::before {top: auto; height: 400px; background: #fff;}.portfolio-section {display: flex; flex-direction: column; justify-content: center;}@media (min-width: 768px) {    .portfolio-h-wrapper {position: absolute; top: 200px; left: 100px;}    .portfolio-h-wrapper::before, .portfolio-h-wrapper::after, .portfolio-h::before, .portfolio-h::after {        content: 'portfolio'; position: absolute;    }    .portfolio-h::before, .portfolio-h::after, .portfolio-h, .portfolio-h-wrapper {        transform: translateX(0); transition: .3s;    }    .portfolio-h-wrapper:hover {transform: translateX(20px);}    .portfolio-h-wrapper:hover > .portfolio-h {transform: translateX(80px);}    .portfolio-h-wrapper:hover > .portfolio-h::before, .portfolio-h-wrapper:hover > .portfolio-h::after {transform: translateX(-40px);}    .portfolio-h::before, .portfolio-h::after {left: -50px; color: #9F7416}    .portfolio-h-wrapper::before, .portfolio-h-wrapper::after {left: -100px; color: #715516;}    .portfolio-h::before {top: -3rem;}    .portfolio-h::after {bottom: -3rem;}    .portfolio-h-wrapper::before {top: -6rem;}    .portfolio-h-wrapper::after {bottom: -6rem;}    .portfolio-section {min-height: calc(100vh - 3rem); min-height: calc(var(--vh, 1vh) * 100 - 3rem);}    .portfolio-header::before {content: url("/images/pages/002.png"); position: absolute; right: 60%; bottom: 0;}    .portfolio-header::after {content: url("/images/pages/001.png"); position: absolute; left: 50%; bottom: 0;}}@media (min-width: 992px) {    .portfolio::after {top: auto; height: 1200px; left: 50%; background: #fff;}}@media (min-height: 1080px) and (min-width: 768px) {.portfolio-section {min-height: 1080px;}}@media (max-height: 660px) and (min-width: 768px) {.portfolio-section {min-height: 660px;}}.bonus::after {background: url("/images/pages/sozdanie-sajtov/012.png") center no-repeat;}.title-bg {background: #000;}.title-bottom .image img {max-width: 100%;}