Файл: Курсовой проект дисциплина Основы вёрстки вебдокументов Наименование темы Разработка вебсайта Прием березовой чаги в Вологодской области.doc

Скачать файл
Заказать решение

ВУЗ: Не указан

Категория: Не указан

Дисциплина: Не указана

Добавлен: 28.04.2024

Просмотров: 12

Скачиваний: 0

ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.


















Закупаем чагу у населения






Закупаем сырую чагу у населения в любых объемах. Осуществляем бесплатный самовывоз от 1500 кг.






Подробности






























alt="Как продать березовую чагу">







Как продать березовую чагу






Чагу, лучше всего продавать в сыром виде, предварительно очистив от коры и древесины. Рубить, измельчать – не нужно.






Подробности

























Цена приема чаги за 1 кг






Принимаем сырую чагу от 45 рублей за 1 кг. Стоимость может возрастать в зависимости от: объема, чистоты, частоты поставок, размера, влажности и места сбора.





Подробности



























1   2   3   4

Прайс лист на скупку чаги






Если вы занимаетесь заготовкой чаги и заинтересованы в её продаже, мы готовы предложить вам – самые лучшие и выгодные цены.
































































Наименование Описание Цена
Крошка Очищенная от коры и древесины от 30 руб
Чага сырая Не очищенная от коры и древесины от 40 руб
Чага сырая Очищенная от коры и древесины 45 - 55 руб и выше
Чага крупная, штучная Очищенная, сырая, весом не менее 3 кг от 55 руб












Этапы приема березовой чаги













  1. Прием и выгрузка




    По вашему прибытию на склад, мы приступаем к разгрузке транстпорта и приему чаги.






  2. Осмотр и взвешивание




    Визуально осматриваем березовый гриб и начинаем взвешивание на откалиброванных, электронных весах (в вашем присутствии).






  3. Подсчет и расчет




    Подсчитываем общую цену принятой чаги и рассчитываемся с вами наличными или онлайн переводом на банковскую карту (по вашему усмотрению).






  4. Пожелаем вам удачных сборов




    Всем сборщикам чаги мы желаем удачи и здоровья. Ценим и уважаем ваш труд. Стараемся улучшать, развивать приемные пункты во всех регионах северо-западной части РФ.



















Информация для сборщиков чаги






Полезная информация для сборщиков чаги, статьи, ответы на самые распространенные вопросы.




















Как продать чагу дорого




Чтобы продать сырую чагу максимально дорого, необходимо очистить

её от грязи, коры и древесины, а затем...


Подробности



















Как собирать чагу




Принято считать, что собирать березовую чагу следует весной или осенью. В это время года, она наиболее заметна...


Подробности







На вкладке «Цены», в шапке, располагается информация «Как продать березовую чагу», а также цены. Эта страница похоже по коду, как и статьи, поэтому я напишу код один раз. (Рисунок 2(а), Рисунок 2(б))


Рисунок 2 – Страница «Цены» (а)



Рисунок 2 – Страница «Цены» (б)

Код содержимого страницы:











1   2   3   4

Как продать чагу – цены






Если вы занимаетесь заготовкой чаги и заинтересованы в её продаже, мы готовы предложить вам – самые лучшие и выгодные цены. Мы ценим вас, уважаем ваш труд, поможем вывезти чагу из удаленных регионов. Оплата – сразу на месте, незамедлительно!


































































Наименование Описание Цена
Крошка Очищенная от коры и древесины от 30 руб
Чага сырая Не очищенная от коры и древесины от 40 руб
Чага сырая Очищенная от коры и древесины 45 - 55 руб и выше
Чага крупная, штучная Очищенная, сырая, весом не менее 3 кг от 55 руб


Объем чаги на продажу




Мы закупаем чагу от 20кг. Для примера:

20кг — с легкостью помещаются в

обычные

хозяйственные мешки (из под сахара, картошки и.т.д).


Чистота и размер




Если чага очищена от коры (бересты) и древесины, тогда она ценится дороже. Однако, если вы собираете её впервые и с трудом представляете, что такое чистая или грязная – позвоните нам или напишите. Мы обязательно у вас её примем, какой бы она не была!


Статьи о березовой чаге





Полезные статьи о березовой чаге для начинающих сборщиков и не только. Из данного материала вы узнаете много новой познавательной информации. Если у вас появились вопросы, позвоните нам или напишите.









На странице «Статьи» находится полезная информация для сборщиков березовой чаги. Код каждой ячейки статьи одинаковый, поэтому я вставлю его 1 раз. (рисунок 3)



Рисунок 3 – «Статьи»

Код ячейки статьи:

На странице «Контакты» находятся, непосредственно, контакты по которым можно связаться с компанией. (Рисунок 4)



Рисунок 4 – «Контакты»

Код страницы «Контакты»:














placeholder="Ваше имя">














placeholder="Ваш email">


















placeholder="Ваш номер телефона (необязательно)">


















placeholder="Cообщение">



































  • г. Вологда,

    ул. Гагарина 144







  • +7 (953) 512-00-63








  • href="https://vk.com/id250686796"> ВК











Код CSS:

:focus,:active { outline: none;}html { /* autoprefixer: off */ min-height: fill-available;}html,body { height: 100%; font-size: 100%; line-height: 1; font-size: 1rem; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}input,button,textarea { font-family: inherit;}nav,footer,header,aside,article,section { display: block;}input::-ms-clear { display: none;}button { cursor: pointer;}button::-moz-focus-inner { padding: 0; border: 0;}ul { padding: 0; margin: 0;}ul li { list-style: none;}ol { padding: 0; margin: 0;}ol li { list-style: none;}img { vertical-align: top; max-width: 100%; height: auto;}a { -webkit-transition: 0.3s; transition: 0.3s;}a,a:visited { text-decoration: none;}a:hover { text-decoration: none; -webkit-transition: 0.3s; transition: 0.3s;}a:active:focus,a:focus { outline: 0; outline-color: transparent; outline-width: 0; outline-style: none; -webkit-box-shadow: 0 0 0 0 rgba(0, 123, 255, 0); box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);}@-webkit-keyframes fadeInFromNone { 0% { display: none; opacity: 0; } 1% { display: block; opacity: 0; } 100% { display: block; opacity: 1; }}@keyframes fadeInFromNone { 0% { display: none; opacity: 0; } 1% { display: block; opacity: 0; } 100% { display: block; opacity: 1; }}.d-none { display: none;}@font-face { font-family: "Roboto"; font-display: swap; src: url("../fonts/Roboto-Light.eot"); src: local("☺"), url("../fonts/Roboto-Light.woff") format("woff"), url("../fonts/Roboto-Light.ttf") format("truetype"), url("../fonts/Roboto-Light.svg") format("svg"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-weight: 300; font-style: normal;}@font-face { font-family: "Roboto"; font-display: swap; src: url("../fonts/Roboto-Regular.eot"); src: local("☺"), url("../fonts/Roboto-Regular.woff") format("woff"), url("../fonts/Roboto-Regular.ttf") format("truetype"), url("../fonts/Roboto-Regular.svg") format("svg"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-weight: 400; font-style: normal;}@font-face { font-family: "Roboto"; font-display: swap; src: url("../fonts/Roboto-Medium.eot"); src: local("☺"), url("../fonts/Roboto-Medium.woff") format("woff"), url("../fonts/Roboto-Medium.ttf") format("truetype"), url("../fonts/Roboto-Medium.svg") format("svg"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-weight: 500; font-style: normal;}.container { width: 100%; padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem); margin-right: auto; margin-left: auto;}@media screen and (min-width: 576px) { .container { max-width: 540px; }}@media screen and (min-width: 768px) { .container { max-width: 720px; }}@media screen and (min-width: 992px) { .container { max-width: 960px; }}@media screen and (min-width: 1200px) { .container { max-width: 1140px; }}@media screen and (min-width: 1400px) { .container { max-width: 1320px; }}.row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) / -2); margin-left: calc(var(--bs-gutter-x) / -2);}.row > * { -webkit-box-sizing: border-box; box-sizing: border-box; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) / 2); padding-left: calc(var(--bs-gutter-x) / 2); margin-top: var(--bs-gutter-y);}.col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.6666666667%;}@media screen and (max-width: 992px) { .col-md-8 { width: 100%; }}.col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%;}.col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%;}.col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.3333333333%;}.col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%;}.col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.3333333333%;}.md-form { position: relative; margin-top: 1.5rem; margin-bottom: 1.5rem;}.mb-0 { margin-bottom: 0;}.w-100 { width: 100%;}.form-control { display: block; width: 100%; padding: 0.6rem 0.75rem; font-size: 1rem; font-weight: 300; line-height: 1.5; color: rgba(255, 255, 255, 0.95); background-color: transparent; background-clip: padding-box; border: none; border-bottom: 1px solid #4b5260; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;}.mt-5 { margin-top: 3rem;}.my-4 { margin: 2.5rem 0;}@media screen and (max-width: 992px) { .my-4 { text-align: right; }}.mb-4 { margin-bottom: 1.5rem;}.mb-5 { margin-bottom: 3rem;}#breadcrumb { font-size: 0.8em; list-style: none; display: inline-block; padding-left: 0px;}@media screen and (max-width: 768px) { #breadcrumb { display: none; }}#breadcrumb .icon { font-size: 0.8em;}#breadcrumb li { float: left;}#breadcrumb li a { color: #fff; display: block; background: #4b5b7e; text-decoration: none; position: relative; height: 34px; line-height: 34px; padding: 0 10px 0 5px; text-align: center; margin-right: 18px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}#breadcrumb li:first-child a { padding-left: 15px; border-radius: 4px 0 0 4px;}#breadcrumb li:first-child a:before { border: none;}#breadcrumb li:last-child a { padding-right: 15px; border-radius: 0 4px 4px 0;}#breadcrumb li:last-child a:after { border: none;}#breadcrumb li a:before,#breadcrumb li a:after { content: ""; position: absolute; top: 0; border: 0 solid #4b5b7e; border-width: 17px 10px; width: 0; height: 0;}#breadcrumb li a:before { left: -20px; border-left-color: transparent;}#breadcrumb li a:after { left: 100%; border-color: transparent; border-left-color: #4b5b7e;}#breadcrumb li a:hover { background-color: #59698d;}#breadcrumb li a:hover:before { border-color: #59698d; border-left-color: transparent;}#breadcrumb li a:hover:after { border-left-color: #59698d;}#breadcrumb li a:active { background-color: #4b5b7e;}#breadcrumb li a:active:before { border-color: #4b5b7e; border-left-color: transparent;}#breadcrumb li a:active:after { border-left-color: #4b5b7e;}#breadcrumb li.current a { pointer-events: none; cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: 0.65;}body { font-family: "Roboto", sans-serif; background-color: rgba(53, 56, 73, 0.95); padding: 0; margin: 0; letter-spacing: 1px;}.bar { display: inline-block; cursor: pointer; -webkit-transition: 0.4s; transition: 0.4s;}.bar__icon { width: 25px; height: 3px; background-color: white; margin: 5px 0;}@media screen and (min-width: 993px) { .bar { display: none; }}.menu__list { display: -webkit-box; display: -ms-flexbox; display: flex;}@media screen and (max-width: 992px) { .menu__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }}@media screen and (max-width: 993px) { .menu__list_theme-1 { background-color: rgba(53, 56, 73, 0.95); padding: 2rem 2rem; }}.menu__link { color: white; padding: 12px 15px; text-transform: uppercase; font-size: 15px; font-weight: 300;}.menu__link:hover { color: rgba(255, 255, 255, 0.75);}@media screen and (max-width: 992px) { .menu__link { display: block; padding: 5px 0; letter-spacing: 1px; padding: 1rem 0; font-size: 1.1rem; }}@media screen and (max-width: 992px) { .menu { display: none; position: absolute; top: 100px; left: 0; border: 2px solid #ffbd5b; }}@media screen and (max-width: 992px) { .menu_mobile { display: block; width: 100%; -webkit-animation: fadeInFromNone 0.4s ease-out; animation: fadeInFromNone 0.4s ease-out; }}.wrap { background-color: rgba(53, 56, 73, 0.3); -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.17); box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.17);}.wrap__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}@media screen and (max-width: 992px) { .wrap__row { position: relative; }}.logo { padding: 13px 0;}.logo__brand { height: 70px; width: 245px; display: block;}.slider__row { width: 100%; min-height: calc(90vh - 96px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center;}.slider__block-1 { margin: 0 auto; width: 100%;}.slider__title { width: 70%; color: white; text-transform: uppercase; font-weight: 500; margin: 0 auto;}@media screen and (max-width: 576px) { .slider__title { width: 100%; font-size: 1.4rem; line-height: 2em; }}@media screen and (min-width: 577px) { .slider__title { font-size: 1.5rem; line-height: 1.5em; }}@media screen and (min-width: 992px) { .slider__title { font-size: 2rem; }}@media screen and (min-width: 1200px) { .slider__title { font-size: 2.5rem; }}.slider__text { width: 80%; margin: 1rem auto; text-transform: uppercase; color: white; font-weight: 300; line-height: 2em; letter-spacing: 1px;}@media screen and (max-width: 576px) { .slider__text { font-size: 13px; width: 100%; }}@media screen and (min-width: 577px) { .slider__text { font-size: 14px; width: 100%; }}@media screen and (min-width: 992px) { .slider__text { font-size: 16px; width: 80%; }}.h1-hr { border-bottom: 2px solid rgba(255, 255, 255, 0.125); width: 80%; margin: 0 auto; margin-top: 10px;}.contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto;}.contacts__city { color: #ffbd5b; padding: 0 16px; font-size: 1.3rem; font-weight: 300;}@media screen and (max-width: 577px) { .contacts__city { font-size: 1rem; }}.contacts__number { padding: 0 16px;}@media screen and (max-width: 770px) { .contacts { display: block; line-height: 230%; }}.contacts__phone { color: #ffbd5b; font-size: 1.3rem; font-weight: 300; padding: 16px;}.inform__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 30px 0;}.inform__task { padding: 1.1rem 1.7rem 1rem 1.7rem; font-size: 0.73rem; background-color: #59698d; margin: 0 10px; color: white; text-transform: uppercase; letter-spacing: 1px; line-height: 17px; font-weight: 300; border-radius: 0.125rem; -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.27); box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.27);}.inform__task:hover { background-color: #4b5b7e; color: rgba(255, 255, 255, 0.8);}.block-1 { background-color: #4c5c96; -webkit-transform: skewY(-2deg); transform: skewY(-2deg); -webkit-box-shadow: 0 0.125rem 0.25rem rgba(76, 92, 150, 0.07); box-shadow: 0 0.125rem 0.25rem rgba(76, 92, 150, 0.07);}.block-2 { background-color: #45558d; margin: -40px 0;}@media screen and (max-width: 992px) { .block-2 { padding: 40px 0; }}.block-3 { background-color: #4c5c96; -webkit-transform: skewY(2deg); transform: skewY(2deg); -webkit-box-shadow: 0 0.125rem 0.25rem rgba(76, 92, 150, 0.07); box-shadow: 0 0.125rem 0.25rem rgba(76, 92, 150, 0.07);}.content__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}.inner { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 60%; text-align: right;}@media screen and (max-width: 992px) { .inner { width: 100%; margin: 80px 0; text-align: left; }}@media screen and (min-width: 1200px) { .inner { width: 45%; }}.inner__title { -webkit-transform: skewY(2deg); transform: skewY(2deg);}.inner__title-3 { -webkit-transform: skewY(-2deg); transform: skewY(-2deg);}.inner__title-link { text-transform: uppercase; font-weight: 500; color: rgba(255, 255, 255, 0.95); font-size: 23px; letter-spacing: 1px; display: block;}@media screen and (max-width: 992px) { .inner__title-link { line-height: 35px; }}@media screen and (min-width: 1200px) { .inner__title-link { font-size: 1.7rem; }}.inner__text { -webkit-transform: skewY(2deg); transform: skewY(2deg);}.inner__text-3 { -webkit-transform: skewY(-2deg); transform: skewY(-2deg);}.inner__text-p { color: rgba(255, 255, 255, 0.95); margin-top: 1.5rem; margin-bottom: 0.3rem; font-size: 1rem; line-height: 2rem; letter-spacing: 1px; font-weight: 300;}@media screen and (min-width: 1200px) { .inner__text-p { font-size: 1.1rem; }}.inner__link { -webkit-transform: skewY(2deg); transform: skewY(2deg);}.inner__link-3 { -webkit-transform: skewY(-2deg); transform: skewY(-2deg);}.inner__link-more { color: #ffbd5b; display: block; font-size: 1.1rem; letter-spacing: 1px; padding: 15px 0;}.inner__link-more:hover { color: #ffc90e; text-decoration: underline;}.inner__link-more::before { content: url(../img/arrow-right.svg); padding-right: 0.5rem; position: relative; top: 1px;}@media screen and (max-width: 992px) { .inner__link-more { text-align: right; }}.picture { text-align: center; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 40%; -webkit-transform: skewY(2deg); transform: skewY(2deg); margin: 80px 0; padding: 10px 16px;}@media screen and (max-width: 992px) { .picture { display: none; }}.picture__img { border-radius: 50%; border: 5px solid #dee2e6; max-width: 100%; height: auto; -webkit-box-shadow: 0 0.125rem 0.25rem rgba(27, 30, 43, 0.27); box-shadow: 0 0.125rem 0.25rem rgba(27, 30, 43, 0.27);}.picture__img-3 { border-radius: 50%; border: 5px solid #dee2e6; max-width: 100%; height: auto; -webkit-box-shadow: 0 0.125rem 0.25rem rgba(27, 30, 43, 0.27); box-shadow: 0 0.125rem 0.25rem rgba(27, 30, 43, 0.27);}.picture-2 { text-align: center; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 40%; margin: 80px 0; padding: 50px 16px;}.picture-2__img { border-radius: 50%; border: 5px solid #dee2e6; max-width: 100%; height: auto; -webkit-box-shadow: 0 0.125rem 0.25rem rgba(27, 30, 43, 0.27); box-shadow: 0 0.125rem 0.25rem rgba(27, 30, 43, 0.27);}@media screen and (max-width: 992px) { .picture-2 { display: none; }}.picture-3 { text-align: center; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 40%; -webkit-transform: skewY(-2deg); transform: skewY(-2deg); margin: 80px 0; padding: 10px 16px;}.picture-3__img { border-radius: 50%; border: 5px solid #dee2e6; max-width: 100%; height: auto; -webkit-box-shadow: 0 0.125rem 0.25rem rgba(27, 30, 43, 0.27); box-shadow: 0 0.125rem 0.25rem rgba(27, 30, 43, 0.27);}@media screen and (max-width: 992px) { .picture-3 { display: none; }}.cost__title { color: rgba(255, 255, 255, 0.95); font-size: 40px; font-weight: 500; line-height: 2rem; margin: 25px 0;}@media screen and (max-width: 993px) { .cost__title { line-height: 45px; font-size: 35px; }}.cost__text { color: rgba(255, 255, 255, 0.95); font-size: 1.1rem; font-weight: 300; letter-spacing: 1px; line-height: 2rem; margin: 30px 0 0 0;}@media screen and (max-width: 993px) { .cost { width: 100%; margin: 15px 0; }}.price { margin: 80px;}@media screen and (max-width: 993px) { .price { width: 100%; margin: 80px 0; line-height: 2rem; }}.h2-hr { border-bottom: 2px solid rgba(255, 255, 255, 0.125); margin-bottom: 1.1rem;}table.table-3 { border-collapse: collapse; border-spacing: 0; width: 100%; margin: 30px 0;}table.table-3 th { text-align: left; padding: 1.1rem; border: 1px solid #54586d; color: #ffbd5b; background-color: rgba(53, 56, 73, 0.95); font-weight: 300;}table.table-3 td { text-align: left; padding: 1.1rem; border: 1px solid #54586d; color: rgba(255, 255, 255, 0.95); background-color: rgba(53, 56, 73, 0.3); font-weight: 300;}@media screen and (max-width: 993px) { table.table-3 { border: 0; width: 100%; } table.table-3 thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } table.table-3 tr { border-bottom: 1px solid #54586d; display: block; margin-bottom: 30px; } table.table-3 td { display: block; text-align: right; } table.table-3 td::before { content: attr(data-label); float: left; text-transform: uppercase; } table.table-3 td:last-child { border-bottom: 0; }}.step { background-color: #313949; -webkit-box-shadow: 0 0.125rem 0.25rem rgba(27, 30, 43, 0.37); box-shadow: 0 0.125rem 0.25rem rgba(27, 30, 43, 0.37); padding-bottom: 1rem;}.step__title { line-height: 3rem; font-weight: 500; font-size: 40px; color: rgba(255, 255, 255, 0.95); padding: 75px 0 20px 0;}@media screen and (max-width: 576px) { .step__title { font-size: 24px; padding: 50px 0 20px 0; }}.stepper__list { margin: 60px 0; position: relative;}@media screen and (max-width: 993px) { .stepper__list { width: 95%; }}.stepper__list:before { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; px; background-color: #50a1ff;}@media screen and (max-width: 993px) { .stepper__list:before { left: 0; }}.stepper__item { width: 50%; padding: 16px 40px 16px 0; position: relative;}@media screen and (max-width: 993px) { .stepper__item { width: 100%; }}.stepper__item:nth-child(even) { margin-left: 50%; padding: 16px 0 16px 40px;}@media screen and (max-width: 993px) { .stepper__item:nth-child(even) { margin: 0; padding: 16px 0 16px 24px; }}.stepper__item_first:before { content: ""; position: absolute; right: -8px; top: 1.7rem; display: inline-block; width: 16px; height: 16px; border-radius: 50%; border: 2px solid #50a1ff; background-color: #fff;}@media screen and (max-width: 993px) { .stepper__item_first:before { left: -8px; }}@media screen and (max-width: 576px) { .stepper__item_first:before { top: 1.5rem; }}.stepper__item_second::before { content: ""; position: absolute; left: -8px; top: 1.7rem; display: inline-block; width: 16px; height: 16px; border-radius: 50%; border: 2px solid #50a1ff; background-color: #fff;}@media screen and (max-width: 576px) { .stepper__item_second::before { top: 1.5rem; }}.stepper__title { color: #ffbd5b; font-weight: 400; font-size: 1.85rem; line-height: 50px; margin-bottom: 0.8rem;}@media screen and (max-width: 576px) { .stepper__title { font-size: 1.5rem; line-height: 1.2; }}@media screen and (min-width: 576px) { .stepper__title { line-height: 1.3; }}.stepper__title_h3 { text-align: right;}@media screen and (max-width: 993px) { .stepper__title_h3 { text-align: left; padding-left: 24px; }}.stepper__text { color: rgba(255, 255, 255, 0.95); font-size: 1.2rem; line-height: 30px; font-weight: 300; margin-bottom: 1rem;}@media screen and (max-width: 576px) { .stepper__text { font-size: 1rem; }}.stepper__text_p { text-align: right;}@media screen and (max-width: 993px) { .stepper__text_p { text-align: left; padding-left: 24px; }}.info-collect__row { margin: 90px 0 50px 0;}.info-collect_indent { padding-top: 90px;}.info-collect__title { color: rgba(255, 255, 255, 0.95); font-weight: 500; margin: 25px 0;}.info-collect__title_indent-price { margin: 10px 0;}@media screen and (min-width: 768px) { .info-collect__title { line-height: 45px; font-size: 35px; }}@media screen and (max-width: 767px) { .info-collect__title { font-size: 28px; line-height: 1.4; }}.info-collect__text { color: rgba(255, 255, 255, 0.95); font-size: 1.2rem; font-weight: 300; letter-spacing: 1px; line-height: 2rem; margin: 20px 0 0 0;}.info-collect__text_indent-price { margin: 10px 0 25px 0;}@media screen and (min-width: 768px) { .info-collect__text { font-size: 1.2rem; }}@media screen and (max-width: 767px) { .info-collect__text { font-size: 1rem; }}.block-post { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; margin-bottom: 2.5rem;}.block-post_indent-contact { margin: 70px 0;}@media screen and (max-width: 768px) { .block-post_indent-contact { margin: 40px 0 30px 0; }}@media screen and (max-width: 768px) { .block-post { width: 100%; }}.block-post_dark { background-color: #313949; -webkit-box-shadow: 0 0.125rem 0.25rem rgba(27, 30, 43, 0.47); box-shadow: 0 0.125rem 0.25rem rgba(27, 30, 43, 0.47); height: 100%;}.block-post__new { padding: 1.5rem 0.87rem;}.block-post__title { color: #ffbd5b; font-weight: 400; font-size: 24px; letter-spacing: 1px; padding: 1rem 0; display: block;}@media screen and (max-width: 501px) { .block-post__title { font-size: 22px; line-height: 1.4; }}.block-post__text { color: rgba(255, 255, 255, 0.95); font-size: 1.2rem; margin: 1rem 0; line-height: 1.7; font-weight: 300; letter-spacing: 1px;}@media screen and (max-width: 501px) { .block-post__text { font-size: 1rem; }}.block-post__link-more { color: #ffbd5b; display: block; font-size: 1.1rem; letter-spacing: 1px; padding: 15px 0; text-align: right; margin-bottom: 15px; -ms-flex-item-align: end; align-self: flex-end;}@media screen and (max-width: 501px) { .block-post__link-more { font-size: 1rem; }}.block-post__link-more:hover { color: #ffc90e; text-decoration: underline;}.block-post__link-more::before { content: url(../img/arrow-right.svg); padding-right: 0.5rem; position: relative; top: 1px;}@media screen and (max-width: 992px) { .block-post__link-more { text-align: right; }}.block-post__link-more_blog { color: #ffbd5b; display: block; font-size: 1.1rem; letter-spacing: 1px; padding: 15px 0; text-align: right; margin-bottom: 15px; -ms-flex-item-align: end; align-self: flex-end;}@media screen and (max-width: 501px) { .block-post__link-more_blog { font-size: 1rem; }}.block-post__link-more_blog:hover { color: #ffc90e; text-decoration: underline;}.block-post__link-more_blog::before { content: url(../img/arrow-right-circle.svg); padding-right: 0.5rem; position: relative; top: 7px;}@media screen and (max-width: 992px) { .block-post__link-more_blog { text-align: right; }}.basement { border-bottom: 2px solid rgba(255, 255, 255, 0.125); background-color: rgba(53, 56, 73, 0.95);}.basement_contact-dark { background-color: #3f4252;}.icons { text-align: center;}@media screen and (max-width: 992px) { .icons { width: 100%; }}.icons__text { color: rgba(255, 255, 255, 0.95); font-weight: 300; letter-spacing: 0.1rem; line-height: 1.5; font-size: 1.1rem; padding: 0.87rem; display: block;}@media screen and (max-width: 768px) { .icons__text { font-size: 1rem; padding: 0; }}@media screen and (max-width: 520px) { .icons__text { padding: 00.87rem; }}.icons__text-st { color: rgba(255, 255, 255, 0.95); font-weight: 300; letter-spacing: 0.1rem; line-height: 1; font-size: 1.1rem;}@media screen and (max-width: 768px) { .icons__text-st { font-size: 1rem; }}a.icons__text:hover { color: rgba(255, 255, 255, 0.75);}.img-d-block { display: block; margin: 1rem auto;}.qqq { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}@media screen and (min-width: 992px) { .qqq { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }}@media screen and (max-width: 991px) { .qqq { -webkit-box-orient: initial; -webkit-box-direction: initial; -ms-flex-direction: initial; flex-direction: initial; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }}@media screen and (max-width: 520px) { .qqq { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }}.footer-hr { border-bottom: 2px solid rgba(255, 255, 255, 0.125); margin: 3rem 0 2rem 0;}.copyright { color: #6f7786; font-weight: 300; display: block; margin: 4rem 0 5.3rem; letter-spacing: 1px; font-size: 1rem; text-align: center;}.blog { background-color: #2e3141;}.blog_indent { padding-bottom: 5rem;}.blog::before { background-image: url(../img/tring.svg); left: 0; top: -6.5em; background-repeat: no-repeat; background-size: 100% 100%; content: ""; background-color: #3f4252; display: block; height: 6.5em; width: 100%; -webkit-box-shadow: inset 0 -1px 0 0 #2e3141, 0 1px 0 0 #2e3141; box-shadow: inset 0 -1px 0 0 #2e3141, 0 1px 0 0 #2e3141;}.blog::after { background-image: url(../img/tring.svg); -webkit-transform: scaleY(-1); transform: scaleY(-1); background-color: rgba(53, 56, 73, 0.95); left: 0; background-repeat: no-repeat; background-size: 100% 100%; content: ""; display: block; height: 6.5em; position: absolute; width: 100%; -webkit-box-shadow: inset 0 -1px 0 0 #2e3141, 0 1px 0 0 #2e3141; box-shadow: inset 0 -1px 0 0 #2e3141, 0 1px 0 0 #2e3141;}.chaga-price { background-color: #2e3141;}.chaga-price_indent { padding-bottom: 5rem;}.chaga-price::before { background-image: url(../img/tring.svg); left: 0; top: -6.5em; background-repeat: no-repeat; background-size: 100% 100%; content: ""; background-color: #3f4252; display: block; height: 6.5em; width: 100%; -webkit-box-shadow: inset 0 -1px 0 0 #2e3141, 0 1px 0 0 #2e3141; box-shadow: inset 0 -1px 0 0 #2e3141, 0 1px 0 0 #2e3141;}.chaga-price::after { background-image: url(../img/tring.svg); -webkit-transform: scaleY(-1); transform: scaleY(-1); background-color: #3f4252; left: 0; background-repeat: no-repeat; background-size: 100% 100%; content: ""; display: block; height: 6.5em; position: absolute; width: 100%; -webkit-box-shadow: inset 0 -1px 0 0 #2e3141, 0 1px 0 0 #2e3141; box-shadow: inset 0 -1px 0 0 #2e3141, 0 1px 0 0 #2e3141;}

Смотрите также файлы