/* Start:/peresadka-poezd-avtobus-v-kerchi/lib/style.css?17834363837790*/
.transfer {padding-top: 180px; padding-bottom: 100px;}
.transfer h2 {font-size: 27px; line-height: 34px; margin-bottom: 20px;}
.transfer__icon-arrow {transition: 0.3s;}

.transfer__head {display: grid; grid-template-columns: 1fr 588px; gap: 46px; align-items: center; padding-bottom: 120px;}
.transfer__head-title {font-size: 40px; line-height: normal; margin-bottom: 15px;}
.transfer__head-desc p:last-child {margin-bottom: 0;}
.transfer__head-img {border-radius: 193px;}

.transfer__links {margin-bottom: 130px;}
.transfer__links-wrap {display: grid; grid-template-columns: 524px repeat(2, 1fr); gap: 20px;}
.transfer__links-link {position: relative; padding: 20px 20px 50px; text-decoration: none; color: inherit; cursor: pointer; border-radius: 15px; box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.08);}
.transfer__links-link.transfer__links-link--gsx {color: #ffffff; background: #882051;}
.transfer__links-icon {display: block; width: auto; height: 48px; margin-bottom: 15px;}
.transfer__links-subtitle {font-size: 18px; line-height: 26px; font-weight: 800; margin-bottom: 5px;}
.transfer__links-link .transfer__icon-arrow {position: absolute; right: 24px; bottom: 24px; color: #882051;}
.transfer__links-link.transfer__links-link--gsx .transfer__icon-arrow {color: inherit;}
.transfer__links-link:hover .transfer__icon-arrow,
.transfer__links-link:focus .transfer__icon-arrow,
.transfer__links-link:active .transfer__icon-arrow {transform: rotate(45deg);}

.transfer-modal {display: none;}
.transfer-modal.fancybox-content {width: 780px; max-width: 780px; padding: 0; border-radius: 20px; user-select: auto;}
.transfer-modal__inner {position: relative; width: 100%; height: 100%; padding: 30px;}
.transfer-modal .fancybox-close-small {display: none;}
.transfer-modal__close {position: absolute; top: 17.25px; right: 17.25px; content: ""; width: 20px; height: 20px; background: url(/local/templates/gse/img/icon/icon-close-gray.svg); user-select: none; cursor: pointer;}
.transfer-modal h2 {font-size: 24px; line-height: 30px;}
.transfer-modal__btn-wrap {display: flex; align-items: center; justify-content: center; gap: 20px;}
.transfer-modal__btn.btn {display: flex; align-items: center; justify-content: center; font-weight: 600; min-width: 220px; min-height: 46px; padding: 11px; border: 0; background: #F8F8F8;}

.transfer-price .transfer-modal__close {display: none;}
.transfer-price h2 {margin-bottom: 15px;}
.transfer-price__list {display: flex; flex-direction: column; gap: 10px; list-style-type: none; padding: 0; margin: 0 0 20px 0;}
.transfer-price__list-item {position: relative; padding: 0 0 0 25px; margin: 0;}
.transfer-price__list-item::before {position: absolute; content: ""; top: 7px; left: 5px; width: 10px; height: 10px; border-radius: 100%; background: #882051;}

.transfer__howto {margin-bottom: 130px;}
.transfer__howto-wrap {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
.transfer__howto-subwrap {display: flex; flex-direction: column; gap: 20px;}
.transfer__howto-block {flex-grow: 1; padding: 20px; border-radius: 15px; box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.08);}
.transfer__howto-block--attention {display: flex; flex-direction: column; justify-content: space-between; gap: 15px;}
.transfer__howto-suptitle {margin-bottom: 0; color: #6B6B6B;}
.transfer__howto h3,
.transfer__howto h4 {font-size: 18px; line-height: 26px; font-weight: 800;}
.transfer__howto h3 {margin-bottom: 15px;}
.transfer__howto h4 {margin-top: 15px; margin-bottom: 5px;}
.transfer__howto-title-arrow {display: flex; align-items: center; gap: 7px;}
.transfer__howto-title-arrow .transfer__icon-arrow {color: #882051; transform: rotate(45deg);}
.transfer__howto-title-attention {display: flex; align-items: center; gap: 12.4px;}
.transfer__howto-list-dots,
.transfer__howto-list-dash {display: flex; flex-direction: column; list-style-type: none; margin: 0; padding: 0;}
.transfer__howto-list-dots {padding-left: 11px;}
.transfer__howto-list-item-dots {position: relative; padding-left: 21.5px; padding-bottom: 16px; border-left: 1.5px solid #E0E0E0;}
.transfer__howto-list-item-dots:last-child {padding-bottom: 0; border-left: 0;}
.transfer__howto-list-item-dots::before {position: absolute; content: ""; top: 0; left: -12px; width: 24px; height: 24px; background: url(/peresadka-poezd-avtobus-v-kerchi/lib/../img/icon-list-interm.svg) 50% 50% / contain no-repeat;}
.transfer__howto-list-item-dots:last-child::before {background-image: url(/peresadka-poezd-avtobus-v-kerchi/lib/../img/icon-list-final.svg);}
.transfer__howto-list-dash {gap: 0;}
.transfer__howto-schemes {display: flex; flex-direction: column; gap: 15px;}
.transfer__howto-scheme {display: flex; align-items: center; gap: 10px; padding: 10px 20px 10px 15px; color: #882051; background: #F8F8F8; border-radius: 10px; cursor: pointer;}
.transfer__howto-scheme svg {flex-shrink: 0; margin-left: auto;}
.transfer__howto-scheme:hover svg,
.transfer__howto-scheme:focus svg,
.transfer__howto-scheme:active svg {transform: rotate(45deg);}

.transfer__faq .content__inner {max-width: 770px;}
.transfer__faq .quest__item {margin-bottom: 15px;}
.transfer__faq .quest__collapse {border-radius: 15px;}
.transfer__faq .quest__header {padding: 0;}
.transfer__faq .content__inner .quest__header-title {font-size: 16px; line-height: 25px; padding: 20px 49px 20px 30px;}
.transfer__faq .content__inner .quest__header-title::after {right: 35px;}
.transfer__faq .content__inner .quest__content {font-size: 16px; line-height: 25px; padding: 0 30px 20px;}

@media (max-width: 1220px) {
	.transfer {padding-top: 80px; padding-bottom: 60px;}
	.transfer h2 {font-size: 21px; line-height: 28px; margin-bottom: 15px;}

	.transfer__head {grid-template-columns: 1fr; gap: 20px; align-items: stretch; padding-bottom: 50px;}
	.transfer__head-title {font-size: 27px; line-height: 34px; margin-bottom: 10px;}
	.transfer__head-img {border-radius: 108.32px;}

	.transfer__links {margin-bottom: 60px;}
	.transfer__links-wrap {grid-template-columns: 1fr; gap: 15px;}
	.transfer__links-link {padding: 15px 15px 45px;}
	.transfer__links-icon {margin-bottom: 10px;}
	.transfer__links-subtitle {font-size: 16px; line-height: 24px;}
	.transfer__links-link .transfer__icon-arrow {right: 19px; bottom: 19px;}

	.transfer-modal.fancybox-content {width: 100%; max-width: unset; border-radius: 0;}
	.transfer-modal__inner {padding: 54px 15px 15px;}
	.transfer-modal h2 {font-size: 21px; line-height: 28px; margin-bottom: 10px;}
	.transfer-modal__btn-wrap {gap: 15px;}
	.transfer-modal__btn.btn {min-width: unset; width: 100%;}

	.transfer-price .transfer-modal__close {display: block;}
	.transfer-price__list {gap: 8px; margin-bottom: 15px;}
	.transfer-price__list-item {padding-left: 20px;}
	.transfer-price__list-item::before {left: 3px; width: 8px; height: 8px;}

	.transfer__howto {margin-bottom: 60px;}
	.transfer__howto-wrap {grid-template-columns: 1fr; gap: 15px;}
	.transfer__howto-subwrap {gap: 15px;}
	.transfer__howto-block {padding: 15px;}
	.transfer__howto-block--attention {justify-content: flex-start;}
	.transfer__howto h3,
	.transfer__howto h4 {font-size: 16px;}
	.transfer__howto-list-dots {padding-left: 10.5px;}
	.transfer__howto-list-item-dots {padding-left: 22px; padding-bottom: 15px;}
	.transfer__howto-scheme {padding: 10px 11px 10px 12px;}
	.transfer__howto-scheme svg {align-self: flex-end; margin-bottom: 4px;}

	.transfer__faq .quest__item {margin-bottom: 9px;}
	.transfer__faq .content__inner .quest__header-title {font-size: 14px; line-height: 20px; padding: 15px 34px 15px 15px;}
	.transfer__faq .content__inner .quest__header-title::after {top: 26px; right: 20px;}
	.transfer__faq .content__inner .quest__content {font-size: 14px; line-height: 20px; padding: 0 15px 15px;}
}

/* End */
/* /peresadka-poezd-avtobus-v-kerchi/lib/style.css?17834363837790 */