html {
	-webkit-text-size-adjust: 100%;
	box-sizing: border-box
}

body,
html {
	height: 100%
}

body {
	margin: 0
}

*,
:after,
:before {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	box-sizing: inherit
}

h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
ul {
	margin: 0
}

ol,
ul {
	list-style: none;
	padding: 0
}

main {
	display: block
}

a {
	background-color: transparent
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

img {
	border-style: none
}

figure,
form {
	margin: 0
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
	-webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
	border-style: none;
	padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
	outline: 1px dotted ButtonText
}

[type=checkbox],
[type=radio] {
	box-sizing: border-box;
	padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

input[type=number] {
	-moz-appearance: textfield
}

input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
	-webkit-text-fill-color: inherit;
	;
	-webkit-box-shadow: none;
	transition: background-color 5000s ease-in-out 0s
}

.defaultLink {
	background-color: transparent;
	border: none;
	color: #fff;
	cursor: pointer;
	display: var(--defaultLinkDisplay, inline);
	font-size: 14px;
	font-weight: 500;
	line-height: var(--defaultLinkLineHeight, 1.14);
	padding: 0;
	position: relative;
	text-decoration: none
}

.defaultLink_small {
	font-size: 12px
}

.defaultLink_yellow:before {
	background-color: #fadb14;
	bottom: 0;
	content: "";
	display: block;
	height: 1px;
	left: 0;
	position: absolute;
	transform: scaleX(0);
	transition: transform .3s ease;
	width: 100%
}

.defaultLink_yellow:hover:before {
	transform: scaleX(1)
}

.defaultLink_orange:before {
	background-color: #227faa;
	bottom: 0;
	content: "";
	display: block;
	height: 1px;
	left: 0;
	position: absolute;
	transform: scaleX(0);
	transition: transform .3s ease;
	width: 100%
}

.defaultLink_orange:hover:before {
	transform: scaleX(1)
}

.defaultLink_black {
	color: #222
}

.defaultLink_black:before {
	background-color: #227faa;
	bottom: 0;
	content: "";
	display: block;
	height: 1px;
	left: 0;
	position: absolute;
	transform: scaleX(0);
	transition: transform .3s ease;
	width: 100%
}

.defaultLink_black:hover:before {
	transform: scaleX(1)
}

.defaultLink_deepBlack {
	color: #000
}

.defaultLink_deepBlack:before {
	background-color: #103b4f;
	bottom: 0;
	content: "";
	display: block;
	height: 1px;
	left: 0;
	position: absolute;
	transform: scaleX(0);
	transition: transform .3s ease;
	width: 100%
}

.defaultLink_deepBlack:hover:before {
	transform: scaleX(1)
}

.defaultLink_blue {
	color: #103b4f
}

.defaultLink_blue:before {
	background-color: #103b4f;
	bottom: 0;
	content: "";
	display: block;
	height: 1px;
	left: 0;
	position: absolute;
	transform: scaleX(0);
	transition: transform .3s ease;
	width: 100%
}

.defaultLink_blue:hover:before {
	transform: scaleX(1)
}

.defaultLink_greySimpleHover {
	color: #909090;
	text-decoration: underline;
	transition: color .3s ease
}

.defaultLink_greySimpleHover:hover {
	color: #103b4f
}

.customButton {
	--btnFontWeight: 500;
	--btnFontSize: 16px;
	--btnLineHeight: 1.5;
	--btnTextColor: #222;
	--btnPaddingHorizontal: 24px;
	--btnPaddingVertical: 16px;
	--btnBorderWidth: 1px;
	--btnBorderColor: transparent;
	--btnOutlineWidth: 4px;
	--btnOutlineColor: transparent;
	--btnRadius: 4px;
	--btnAnimationTime: 0.2s;
	--btnBackgroundColor: #e9e9e9;
	--btnIconSize: 20px;
	background-color: var(--btnBackgroundColor);
	border: 0;
	border-radius: var(--btnRadius);
	box-shadow: 0 0 0 var(--btnBorderWidth) var(--btnBorderColor) inset;
	color: var(--btnTextColor);
	cursor: pointer;
	display: inline-block;
	font-family: inherit;
	font-size: var(--btnFontSize);
	font-weight: var(--btnFontWeight);
	line-height: var(--btnLineHeight);
	margin: 0;
	outline: var(--btnOutlineWidth) solid var(--btnOutlineColor);
	outline-offset: 0;
	padding: var(--btnPaddingVertical) var(--btnPaddingHorizontal);
	text-align: center;
	transition: color var(--btnAnimationTime), outline-color var(--btnAnimationTime), background-color var(--btnAnimationTime), box-shadow var(--btnAnimationTime)
}

.customButton_small {
	--btnFontSize: 14px;
	--btnLineHeight: 1.43;
	--btnPaddingHorizontal: 16px;
	--btnPaddingVertical: 8px
}

.customButton_medium {
	--btnFontSize: 16px;
	--btnLineHeight: 1.5;
	--btnPaddingHorizontal: 20px;
	--btnPaddingVertical: 8px
}

.customButton_large {
	--btnFontSize: 16px;
	--btnLineHeight: 1.5;
	--btnPaddingHorizontal: 24px;
	--btnPaddingVertical: 16px
}

.customButton_primary {
	--btnTextColor: #fff;
	--btnBorderWidth: 1px;
	--btnBorderColor: transparent;
	--btnOutlineColor: transparent;
	--btnBackgroundColor: #227faa
}

@media not all and (hover:none) {
	.customButton_primary:hover {
		--btnBorderWidth: 2px;
		--btnBackgroundColor: #e55725
	}
}

.customButton_primary:focus-visible,
.customButton_primary[data-state=focus] {
	--btnBorderWidth: 2px;
	--btnOutlineColor: #feddb9;
	--btnBackgroundColor: #e55725
}

.customButton_primary:active,
.customButton_primary[data-state=active] {
	--btnBorderWidth: 2px;
	--btnBackgroundColor: #e16803
}

.customButton_primary:disabled,
.customButton_primary[data-state=disabled],
.customButton_primary[disabled] {
	--btnBackgroundColor: #fcc58a
}

.customButton_secondary {
	--btnTextColor: #103b4f;
	--btnBorderWidth: 1px;
	--btnBorderColor: #c1ccf9;
	--btnOutlineColor: transparent;
	--btnBackgroundColor: #fff
}

@media not all and (hover:none) {
	.customButton_secondary:hover {
		--btnBorderWidth: 2px;
		--btnBorderColor: #6d87f1
	}
}

.customButton_secondary:focus-visible,
.customButton_secondary[data-state=focus] {
	--btnBorderWidth: 2px;
	--btnBorderColor: #6d87f1;
	--btnOutlineColor: #d5ddfb
}

.customButton_secondary:active,
.customButton_secondary[data-state=active] {
	--btnBorderWidth: 2px;
	--btnBorderColor: #103b4f
}

.customButton_secondary:disabled,
.customButton_secondary[data-state=disabled],
.customButton_secondary[disabled] {
	--btnTextColor: #6d87f1;
	--btnBorderColor: #e9e9e9
}

.customButton_clear {
	--btnTextColor: #103b4f;
	--btnBorderWidth: 1px;
	--btnBorderColor: transparent;
	--btnOutlineColor: transparent;
	--btnBackgroundColor: #fff
}

@media not all and (hover:none) {
	.customButton_clear:hover {
		--btnBorderWidth: 2px;
		--btnBackgroundColor: #f5f6fe
	}
}

.customButton_clear:focus-visible,
.customButton_clear[data-state=focus] {
	--btnBorderWidth: 2px;
	--btnBackgroundColor: #f5f6fe
}

.customButton_clear:active,
.customButton_clear[data-state=active] {
	--btnTextColor: #2548d6;
	--btnBorderWidth: 2px;
	--btnBackgroundColor: #c1ccf9
}

.customButton_clear:disabled,
.customButton_clear[data-state=disabled],
.customButton_clear[disabled] {
	--btnTextColor: #c1ccf9
}

.customButton [disabled],
.customButton:disabled {
	cursor: not-allowed;
	pointer-events: none
}

.customButton__inner {
	align-items: center;
	display: flex;
	justify-content: center;
	pointer-events: none;
	white-space: nowrap
}

.customButton__icon {
	display: flex;
	height: var(--btnIconSize);
	justify-content: center;
	width: var(--btnIconSize)
}

.customButton__icon svg {
	height: auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	width: 100%
}

.customButton__icon_processing {
	opacity: 0;
	position: absolute;
	transition: opacity var(--btnAnimationTime);
	user-select: none
}

[data-state=processing] .customButton__icon_processing {
	opacity: 1
}

[data-state=processing] .customButton__icon:not(.customButton__icon_processing) {
	opacity: 0;
	user-select: none
}

.customButton__text {
	opacity: 1;
	transition: opacity var(--btnAnimationTime)
}

[data-state=processing] .customButton__text {
	opacity: 0;
	user-select: none
}

.howItWorks__list {
	grid-gap: 96px;
	counter-reset: section;
	display: grid
}

@media (min-width:768px) {
	.howItWorks__list {
		grid-gap: 48px;
		grid-template-columns: repeat(3, 1fr);
		max-width: none
	}
}

@media (min-width:1200px) {
	.howItWorks__list {
		grid-gap: 50px
	}
}

@media (min-width:768px) {
	.howItWorks__list_withoutArrow {
		grid-gap: 28px
	}
}

@media (min-width:1200px) {
	.howItWorks__list_withoutArrow {
		grid-gap: 22px
	}
}

@media (min-width:768px) {
	.howItWorks__list_withoutArrow .howItWorks__item:not(:last-child):after {
		content: none
	}
}

.howItWorks__item {
	position: relative
}

.howItWorks__item:not(:last-child):after {
	background-image: url(c2b96d581f4495f8af27.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	bottom: -65px;
	content: "";
	height: 18px;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: 67px
}

@media (min-width:768px) {
	.howItWorks__item:not(:last-child):after {
		bottom: auto;
		left: auto;
		right: -58px;
		top: 50%;
		transform: translateX(0) translateY(-50%) rotate(-90deg)
	}
}

.howItWorks__itemHdr {
	padding-top: 32px;
	position: relative
}

@media (min-width:768px) {
	.howItWorks__itemHdr {
		min-height: 80px
	}
}

@media (min-width:1200px) {
	.howItWorks__itemHdr {
		min-height: auto;
		padding-left: 32px;
		padding-top: 0
	}
}

.howItWorks__itemHdr:before {
	background-color: #227faa;
	border-radius: 100%;
	color: #fff;
	content: counter(section);
	counter-increment: section;
	font-weight: 600;
	height: 24px;
	left: 50%;
	position: absolute;
	text-align: center;
	top: 0;
	transform: translateX(-50%);
	width: 24px
}

@media (min-width:1200px) {
	.howItWorks__itemHdr:before {
		left: 0;
		transform: none
	}
}

.logo {
	--logoDisplay: flex;
	--logoWidth: 100%;
	--logoHeight: auto
}

.logo__container {
	display: var(--logoDisplay)
}

.logo__img {
	height: var(--logoHeight);
	width: var(--logoWidth)
}

.defaultSlider {
	--prevBtnIndent: -58px;
	--nextBtnIndent: -58px;
	--maxWidth: none;
	--paginationBottomIndent: -24px;
	--paginationColor: #227faa;
	max-width: var(--maxWidth);
	width: 100%
}

@media (min-width:576px) {
	.defaultSlider {
		--maxWidth: 540px
	}
}

@media (min-width:768px) {
	.defaultSlider {
		--maxWidth: 720px
	}
}

@media (min-width:992px) {
	.defaultSlider {
		--maxWidth: 960px
	}
}

@media (min-width:1200px) {
	.defaultSlider {
		--maxWidth: 1140px
	}
}

.defaultSlider .splide__arrows {
	display: none
}

@media (min-width:1320px) {
	.defaultSlider .splide__arrows {
		display: block
	}
}

.defaultSlider .splide__arrow {
	background-color: transparent;
	border-radius: 0;
	height: 32px;
	opacity: 1;
	width: 32px
}

.defaultSlider .splide__arrow:hover {
	opacity: .7
}

.defaultSlider .splide__arrow--prev {
	left: var(--prevBtnIndent)
}

.defaultSlider .splide__arrow--next {
	right: var(--nextBtnIndent)
}

.defaultSlider .splide__arrowImg {
	height: 100%;
	width: 100%
}

.defaultSlider .splide__pagination {
	bottom: var(--paginationBottomIndent)
}

.defaultSlider .splide__pagination__page {
	background-color: transparent;
	display: block;
	height: 14px;
	margin: 0 1px;
	opacity: 1;
	position: relative;
	width: 14px
}

.defaultSlider .splide__pagination__page:before {
	background-color: #000;
	border-radius: 99px;
	content: "";
	height: 6px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 6px
}

.defaultSlider .splide__pagination__page.is-active {
	transform: scale(1)
}

.defaultSlider .splide__pagination__page.is-active:before {
	background-color: var(--paginationColor)
}

.defaultSlider .splide__pagination__page.is-active:after {
	border: 1px solid #222;
	border-radius: 100%;
	content: "";
	height: 14px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 14px
}

.reviewCard {
	--paddings: 16px;
	padding: var(--paddings)
}

@media (min-width:992px) {
	.reviewCard {
		--paddings: 16px 25px
	}
}

.reviewCard__inner {
	border-radius: 16px;
	box-shadow: 0 4px 15px rgba(47, 84, 235, .15);
	padding: 16px
}

.reviewCard__info {
	height: auto;
	max-width: 740px;
	transition: max-height .3s linear
}

@media (min-width:768px) {
	.reviewCard__info {
		height: auto
	}
}

.reviewCard__info_collapsed {
	height: 316px;
	overflow: hidden;
	position: relative
}

@media (min-width:768px) {
	.reviewCard__info_collapsed {
		height: auto
	}
}

.reviewCard__info_collapsed:after {
	background-color: #fff;
	bottom: 0;
	content: "...";
	height: 16px;
	left: 0;
	position: absolute;
	width: 100%
}

@media (min-width:768px) {
	.reviewCard__info_collapsed:after {
		content: none
	}
}

.reviewCard__collapseBtn {
	-webkit-tap-highlight-color: transparent;
	background-color: transparent;
	border: 1px solid #c1ccf9;
	border-radius: 4px;
	color: #103b4f;
	cursor: pointer;
	font-family: inherit;
	font-size: 16px;
	line-height: 1.5;
	outline: none;
	padding: 6px 24px;
	text-decoration: none
}

@media (min-width:768px) {
	.reviewCard__collapseBtn {
		display: none
	}
}

.reviewCard__collapseBtn_open .reviewCard__collapseBtnInner:before {
	transform: rotate(-45deg)
}

.reviewCard__collapseBtn_open .reviewCard__collapseBtnInner:after {
	transform: rotate(45deg)
}

.reviewCard__collapseMore {
	display: inline
}

.reviewCard__collapseBtn_open .reviewCard__collapseMore,
.reviewCard__collapseLess {
	display: none
}

.reviewCard__collapseBtn_open .reviewCard__collapseLess {
	display: inline
}

.reviewCard__collapseBtnInner {
	display: block;
	padding-left: 28px;
	position: relative
}

.reviewCard__collapseBtnInner:before {
	left: 3px;
	transform: rotate(45deg)
}

.reviewCard__collapseBtnInner:after,
.reviewCard__collapseBtnInner:before {
	background-color: #103b4f;
	content: "";
	height: 2px;
	position: absolute;
	top: 10px;
	width: 11px
}

.reviewCard__collapseBtnInner:after {
	left: 10px;
	transform: rotate(-45deg)
}

.customSelect {
	font-size: 0;
	line-height: 0
}

.customSelect__select {
	appearance: none;
	background-color: #fff;
	background-image: url(287d2692679a68a951b4.svg);
	background-position: right 16px center;
	background-repeat: no-repeat;
	background-size: 17px 17px;
	border: 1px solid transparent;
	border-radius: 4px;
	box-sizing: border-box;
	color: #222;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
	height: 56px;
	line-height: 1.43;
	outline: 0;
	padding: 16px
}

.homeImprovements {
	grid-gap: 8px;
	display: grid;
	grid-template-columns: repeat(20, 1fr);
	list-style: none;
	margin: 0;
	max-width: 1143px;
	padding: 0;
	width: 100%
}

@media (min-width:768px) {
	.homeImprovements {
		grid-gap: 16px
	}
}

@media (min-width:992px) {
	.homeImprovements {
		grid-gap: 32px
	}
}

.homeImprovements__item {
	grid-column: span 10
}

@media (min-width:768px) {
	.homeImprovements__item {
		grid-column: span 5
	}
}

@media (min-width:992px) {
	.homeImprovements__item {
		grid-column: span 4
	}

	.homeImprovements__item:last-child {
		/*grid-column:9/13 */
	}
}

.homeImprovements__link {
	background-color: #fff;
	border-radius: 16px;
	box-shadow: 0 4px 15px rgba(47, 84, 235, .15);
	transition: box-shadow .2s linear
}

.homeImprovements__link:hover {
	box-shadow: 0 4px 15px rgba(47, 84, 235, .25)
}

.homeImprovements__txt {
	color: #103b4f;
	font-size: 16px;
	line-height: 1.5;
	min-height: 48px
}

.verticalsList__title {
	line-height: 1.25
}

@media (min-width:992px) {
	.verticalsList__title {
		line-height: 1.4
	}
}

.verticalsList__projects {
	max-width: 420px;
	min-height: 148px;
	width: calc(100vw - 32px)
}

@media (min-width:375px) {
	.verticalsList__projects {
		min-height: 84px
	}
}

.verticalsList__projects .customSelect__select {
	background-color: #f5f6fe
}

.verticalsList__projects.invalid .customSelect__select {
	border-color: #b00
}

.verticalsList__projects.invalid .verticalsList__captionBlock {
	display: block
}

.verticalsList__projects.invalid .verticalsList__caption {
	color: #b00;
	margin-bottom: 4px;
	padding-left: 16px;
	padding-top: 4px
}

.verticalsList__controlsBox {
	display: flex;
	flex-direction: column
}

@media (min-width:375px) {
	.verticalsList__controlsBox {
		flex-direction: row
	}
}

.verticalsList__btn {
	margin-top: 8px
}

@media (min-width:375px) {
	.verticalsList__btn {
		margin-left: 8px;
		margin-top: 0
	}
}

@media (min-width:1200px) {
	.verticalsList__btn {
		margin-left: 16px
	}
}

.verticalsList__captionBlock {
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	transform: translateZ(0);
	white-space: nowrap
}

.verticalsList__caption {
	color: #646464;
	display: block;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.42;
	padding-top: 8px;
	white-space: nowrap
}

.header {
	background-color: #103b4f;
	background-image: url(633e38b77f6a7c83c337.svg);
	background-position: top 30px center;
	background-repeat: no-repeat;
	background-size: 667px 324px;
	display: flex;
	flex-direction: column
}

@media (min-width:375px) {
	.header {
		background-position: top;
		background-size: 900px auto
	}
}

@media (min-width:768px) and (min-height:420px) {
	.header {
		background-image: url(96da435f64db0ba1e0b0.svg);
		background-position: bottom;
		background-size: auto 90%;
		min-height: 550px
	}
}

@media (min-width:1680px) and (min-height:420px) {
	.header {
		background-size: auto 96%
	}
}

@media (min-height:800px) {
	.header {
		min-height: auto
	}
}

@media (min-width:1024px) {
	.header {
		min-height: 560px
	}
}

@media (min-width:1366px) {
	.header {
		min-height: 575px
	}
}

.header__container {
	align-items: center;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	position: relative
}

.header__stickyTitle {
	display: none;
	margin-top: 5px;
	padding-right: 16px
}

.header__projects {
	max-width: 420px;
	min-height: 148px;
	width: calc(100vw - 32px)
}

@media (min-width:375px) {
	.header__projects {
		min-height: 84px
	}
}

.header__projects.invalid .customSelect__select {
	border-color: #227faa
}

.header__projects.invalid .header__captionBlock {
	display: block
}

.header__projects.invalid .header__caption {
	color: #227faa;
	margin-bottom: 4px;
	padding-left: 16px;
	padding-top: 4px
}

.header__controlsBox {
	display: flex;
	flex-direction: column
}

@media (min-width:375px) {
	.header__controlsBox {
		flex-direction: row
	}
}

.header__btn {
	margin-top: 8px
}

@media (min-width:375px) {
	.header__btn {
		margin-left: 8px;
		margin-top: 0
	}
}

@media (min-width:1200px) {
	.header__btn {
		margin-left: 16px
	}
}

.header__captionBlock {
	line-height: 20px;
	transform: translateZ(0)
}

.header__caption,
.header__captionBlock {
	font-size: 14px;
	font-weight: 500;
	white-space: nowrap
}

.header__caption {
	color: #c1ccf9;
	display: block;
	line-height: 1.42;
	padding-top: 8px
}

.header__wrapper {
	padding: env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);
	width: 100%
}

.header__content,
.header__wrapper {
	display: flex;
	flex-direction: column;
	flex-grow: 1
}

.header__content {
	align-items: center;
	justify-content: center;
	padding-top: 120px;
}

@media (min-width:768px) and (min-height:420px) {
	.header__content {
		padding-bottom: 86px;
		padding-top: 50px
	}
}

@media (min-width:992px) and (min-height:420px) {
	.header__content {
		padding-bottom: 105px;
		padding-top: 68px
	}
}

@media (min-width:1366px) and (min-height:420px) {
	.header__content {
		padding-bottom: 68px
	}
}

@media (min-width:1680px) and (min-height:420px) {
	.header__content {
		padding-bottom: 100px;
		padding-top: 55px
	}
}

.header__title {
	color: #fff;
	font-size: 23px;
	font-weight: 600;
	line-height: 1.17;
	margin: auto 0;
	max-width: 100%;
	text-align: center
}

@media (min-width:375px) {
	.header__title {
		margin: 0 0 20px
	}
}

@media (min-width:375px) and (min-height:560px) {
	.header__title {
		font-size: 27px;
		line-height: 1.22
	}
}

@media (min-width:768px) {
	.header__title {
		margin-bottom: 32px;
		max-width: 376px
	}
}

@media (min-width:992px) {
	.header__title {
		max-width: 490px
	}
}

@media (min-width:1112px) {
	.header__title {
		max-width: 532px
	}
}

@media (min-width:1366px) {
	.header__title {
		font-size: 35px;
		line-height: 1.37;
		max-width: 660px
	}
}

@media (min-width:1440px) {
	.header__title {
		max-width: 700px
	}
}

.header__navigation {
	padding-top: 4px
}

@media (min-width:768px) {
	.header__navigation {
		padding-top: 9px
	}
}

.header__img {
	display: none;
	flex-grow: 1;
	margin-bottom: 16px;
	pointer-events: none;
	width: 100%
}

@media (min-width:350px) {
	.header__img {
		background-image: url(../img/handy.png);
		background-position: 50%;
		background-repeat: no-repeat;
		-webkit-background-size: 100%;
		background-size: contain;
		display: block
	}
}

@media (min-height:760px) {
	.header__img {
		height: 378px
	}
}

@media (min-width:768px) {
	.header__img {
		bottom: 0;
		height: 368px;
		margin-bottom: 0;
		position: absolute;
		right: 0;
		width: 172px
	}
}

@media (min-width:1024px) {
	.header__img {
		height: 422px;
		right: 20px;
		width: 198px
	}
}

.header__logo {
	--logoWidth: 162px;
	--logoHeight: 34px
}

@media (min-width:768px) {
	.header__logo {
		--logoWidth: 202px;
		--logoHeight: 40px
	}

	.header__logo .logo__img_small {
		display: none
	}
}

.header__logo .logo__img_medium {
	display: none
}

@media (min-width:768px) {
	.header__logo .logo__img_medium {
		display: block
	}
}

.header__zipTitle {
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.25;
	margin-bottom: 16px;
	text-align: center
}

@media (min-width:1366px) {
	.header__zipTitle {
		font-size: 23px;
		line-height: 1.39
	}
}

.dot {
	color: #227faa
}

.subtitle {
	display: block
}

.sticky {
	flex-direction: row;
	justify-content: center
}

.sticky .customSelect {
	max-width: 263px
}

.sticky .customSelect__select {
	height: 39px;
	padding: 8px 16px
}

.sticky .header__stickyTitle {
	display: none
}

@media (min-width:992px) {
	.sticky .header__stickyTitle {
		display: block
	}
}

.sticky .header__btn {
	height: 39px;
	margin-left: 8px;
	margin-top: 0
}

@media (min-width:375px) {
	.sticky .header__btn {
		margin-left: 8px
	}
}

@media (min-width:1200px) {
	.sticky .header__btn {
		margin-left: 16px
	}
}

.sticky+.header__captionBlock {
	display: none
}

/*!
 * SlickNav Responsive Mobile Menu v1.0.10
 * (c) 2016 Josh Cope
 * licensed under MIT
 */
.slicknav_btn,
.slicknav_nav .slicknav_item {
	cursor: pointer
}

.slicknav_menu,
.slicknav_menu * {
	box-sizing: border-box
}

.slicknav_btn {
	position: relative;
	display: block;
	vertical-align: middle;
	float: right;
	padding: .438em .625em;
	line-height: 1.125em
}

.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar {
	margin-top: .188em
}

.slicknav_menu .slicknav_menutxt {
	display: block;
	line-height: 1.188em;
	float: left;
	color: #fff;
	font-weight: 700;
	text-shadow: 0 1px 3px #000
}

.slicknav_menu .slicknav_icon {
	float: left;
	width: 1.125em;
	height: .875em;
	margin: .188em 0 0 .438em
}

.slicknav_menu .slicknav_icon:before {
	background: 0 0;
	width: 1.125em;
	height: .875em;
	display: block;
	content: "";
	position: absolute
}

.slicknav_menu .slicknav_no-text {
	margin: 0
}

.slicknav_menu .slicknav_icon-bar {
	display: block;
	width: 1.125em;
	height: .125em;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .25);
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .25);
	box-shadow: 0 1px 0 rgba(0, 0, 0, .25)
}

.slicknav_menu:after,
.slicknav_menu:before {
	content: " ";
	display: table
}

.slicknav_menu:after {
	clear: both
}

.slicknav_nav li,
.slicknav_nav ul {
	display: block
}

.slicknav_nav .slicknav_arrow {
	font-size: .8em;
	margin: 0 0 0 .4em
}

.slicknav_nav .slicknav_item a {
	display: inline
}

.slicknav_nav .slicknav_row,
.slicknav_nav a {
	display: block
}

.slicknav_nav .slicknav_parent-link a {
	display: inline
}

.slicknav_menu {

	font-size: 16px;

	padding: 5px
}

.slicknav_nav,
.slicknav_nav ul {
	list-style: none;
	overflow: hidden;
	padding: 0
}

.slicknav_menu .slicknav_icon-bar {
	background-color: #fff
}

.slicknav_btn {
	background: #e55725;
	background-size: 200% auto;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	margin: 0;
	border-radius: 8px;
	transition: all 0.3s ease-in-out;
}

.slicknav_icon .slicknav_icon-bar {
	display: block;
	width: 100%;
	height: 3px;
	width: 22px;
	background-color: white;
	border-radius: 6px;
	margin: 4px auto !important;
	transition: all 0.1s ease-in-out;
}

.slicknav_icon .slicknav_icon-bar:first-child {
	margin-top: 0 !important;
}

.slicknav_icon .slicknav_icon-bar:last-child {
	margin-bottom: 0 !important;
}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(1) {
	transform: rotate(-45deg) translate(-5px, 5px);
}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(2) {
	opacity: 0;
}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(3) {
	transform: rotate(45deg) translate(-5px, -5px);
}

.slicknav_nav {
	clear: both;
	color: #fff;
	margin: 0;
	font-size: .875em
}

.slicknav_nav ul {
	margin: 0 0 0 20px
}

.slicknav_nav .slicknav_row,
.slicknav_nav a {
	padding: 5px 10px;
	margin: 2px 5px
}

.slicknav_nav .slicknav_row:hover {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #ccc;
	color: #fff
}

.slicknav_nav a {
	text-decoration: none;
	color: #fff
}

.slicknav_nav a:hover {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #ccc;
	color: #222
}

.slicknav_nav .slicknav_txtnode {
	margin-left: 15px
}

.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
	padding: 0;
	margin: 0
}

.slicknav_brand {
	float: left;
	color: #fff;
	font-size: 18px;
	line-height: 30px;
	padding: 7px 12px;
	height: 44px
}

.navbar {
	padding: 20px 0;
	align-items: center;
}

.navbar-brand {
	padding: 0;
	margin: 0;
}

.main-menu .nav-menu-wrapper {
	flex: 1;
	text-align: center;
	margin: 0 20px;
}

.main-menu .nav-menu-wrapper>ul {
	align-items: center;
	display: inline-flex;
}

.main-menu ul li {
	margin: 0;
	position: relative;
}

.main-menu ul li.nav-item a {
	font-size: 16px;
	font-weight: 500;
	line-height: normal;
	padding: 15px !important;
	color: var(--text-color);
	text-transform: capitalize;
	transition: all 0.3s ease-in-out;
}

.main-menu ul li.submenu>a:after {
	content: '\f107';
	font-family: 'FontAwesome';
	font-weight: 900;
	font-size: 14px;
	margin-left: 8px;
	margin-top: 4px;
}

.main-menu ul li a:hover,
.main-menu ul li a:focus {
	color: #e55725;
}

.main-menu ul ul {
	visibility: hidden;
	opacity: 0;
	transform: scale(1, 0.8);
	transform-origin: top;
	padding: 0;
	margin: 0;
	list-style: none;
	width: 300px;
	border-radius: 20px;
	position: absolute;
	left: 0;
	top: 100%;
	background:#E55725 ;
	text-align: left;
	transition: all 0.3s ease-in-out;
}

.main-menu ul li.submenu:first-child ul {
	width: 230px;
}

.main-menu ul ul ul {
	left: 100%;
	top: 0;
	text-align: left;
}

.main-menu ul li:hover>ul {
	visibility: visible;
	opacity: 1;
	transform: scale(1, 1);
	padding: 5px 0;
}

.main-menu ul li.submenu ul li.submenu>a:after {
	content: '\f105';
	float: right;
}

.main-menu ul ul li {
	margin: 0;
	padding: 0;
}

.main-menu ul ul li.nav-item a {
	color: white;
	padding: 6px 20px !important;
	transition: all 0.3s ease-in-out;
}

.main-menu ul ul li a:hover,
.main-menu ul ul li a:focus {
	color: white;
	background-color: transparent;
	padding: 6px 20px 6px 23px !important;
}

.main-menu ul li.highlighted-menu {
	display: none;
}

.responsive-menu,
.navbar-toggle {
	display: none;
}

.responsive-menu {
	top: 0;
	position: relative;
}

.slicknav_btn {
	background: #e55725;;
	background-size: 200% auto;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	margin: 0;
	border-radius: 8px;
	transition: all 0.3s ease-in-out;
}

.slicknav_icon .slicknav_icon-bar {
	display: block;
	width: 100%;
	height: 3px;
	width: 22px;
	background-color: white;
	border-radius: 6px;
	margin: 4px auto !important;
	transition: all 0.1s ease-in-out;
}

.slicknav_icon .slicknav_icon-bar:first-child {
	margin-top: 0 !important;
}

.slicknav_icon .slicknav_icon-bar:last-child {
	margin-bottom: 0 !important;
}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(1) {
	transform: rotate(-45deg) translate(-5px, 5px);
}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(2) {
	opacity: 0;
}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(3) {
	transform: rotate(45deg) translate(-5px, -5px);
}

.slicknav_menu {
	position: absolute;
	width: 100%;
	padding: 0;
	background-color: #e55725;;

}
.btn-default.btn-default {
	position: relative;
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	line-height: 1em;
	text-transform: capitalize;
	background: #103b4f;
	color: white;
	border-radius: 100px;
	padding: 17px 30px;
	margin-right: 50px;
	border: none;
	transition: all 0.5s ease-in-out;
	z-index: 1;
}
.btn-default.btn-default:hover{
	background-color:#E55725 ;
}


.slicknav_menu ul {
	margin: 5px 0;
}

.slicknav_menu ul ul {
	margin: 0;
}

.slicknav_nav .slicknav_row,
.slicknav_nav li a {
	position: relative;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.02em;
	text-transform: capitalize;
	padding: 6px 20px;
	color: white;
	line-height: normal;
	margin: 0;
	border-radius: 0 !important;
	transition: all 0.3s ease-in-out;
}

.slicknav_nav a:hover,
.slicknav_nav a:focus,
.slicknav_nav .slicknav_row:hover {
	background-color: transparent;
	color: #e55725;
}

.slicknav_menu ul ul li a {
	padding: 6px 20px 6px 30px;
}

.header-sticky {
	position: relative;
	top: 0;
	z-index: 100;
	background-color: white;
}


.slicknav_arrow {
	font-size: 0 !important;
}

.slicknav_arrow:after {
	content: '\f107';
	font-family: 'FontAwesome';
	font-weight: 900;
	font-size: 12px;
	margin-left: 8px;
	color: white;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.3s ease-out;
}

.slicknav_open>a .slicknav_arrow:after {
	transform: translateY(-50%) rotate(-180deg);
	color: #e55725;
}

@media (max-width:991px) {
	.main-menu ul li.highlighted-menu {
		display: block;
	}

	.slicknav_nav li,
	.slicknav_nav ul {
		display: block;
	}

	.responsive-menu,
	.navbar-toggle {
		display: block;
	}

}