/* GLOBAL STYLES */
:root {
	--page-background: #20202b;
	--border-radius: 20px;
	--button-border-radius: 12px;
	--row-bg-dark: #1b1b25;
	--title-color: #fff;
	--text-color: #aaa;
	--ink-form-brd-radius: 12px !important;
	--row-gap: 60px;
	--title-color: #fff;
	--gallery-gutter: 40px;
}

/* BACKGROUND */
html, body .main-page-wrapper , .footer-container , .website-wrapper {
	background-color: var(--page-background) !important;
}


/* BLOCKS LAYOUTS */
.section {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	margin-left: calc(-1 * var(--row-gap) / 2);
	margin-right: calc(-1 * var(--row-gap) / 2);
	align-items: stretch;
	padding-top: 80px;
	padding-bottom: 80px;
}
.section.first-section {
	padding-top: 40px;
}
.row_item {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	flex: 1 1 auto;
	padding-left: calc(var(--row-gap) / 2);
	padding-right: calc(var(--row-gap) / 2);
}
.row_inner {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
}
.main-page-wrapper {
	padding-top: 0 !important;
}
.site-content {
	margin-bottom: 0 !important;
}


/* TITLES */
.hero-title {
	font-size: 50px;
	font-weight: 500;
	color: var(--title-color);
	line-height: 120%;
	margin-bottom: 20px;
}
.big-title {
	font-size: 40px;
	font-weight: 500;
	color: var(--title-color);
	line-height: 120%;
	margin-bottom: 20px;
}
.medium-title {
	font-size: 32px;
	font-weight: 500;
	color: var(--title-color);
	line-height: 120%;
	margin-bottom: 40px;
}
.small-title {
	font-size: 24px;
	font-weight: 500;
	color: var(--title-color);
	line-height: 120%;
	margin-bottom: 10px;
}
.mini-title {
	font-size: 18px;
	font-weight: 500;
	color: var(--title-color);
	line-height: 1;
	margin-bottom: 10px;
}
.subtitle {
	font-size: 24px;
	font-weight: 400;
	color: var(--ink-primary-color);
	line-height: 120%;
	margin-bottom: 10px;
}


/* TEXT */
.text {
	font-size: 20px;
	font-weight: 400;
	color: #CECECE;
	line-height: 140%;
	margin-bottom: 40px;
}
.text.small {
	font-size: 16px;
	margin-bottom: 0;
}



/* BUTTONS */
.btn {
  box-shadow: none !important;
}
.btn.primary-button {
	border-radius: var(--button-border-radius);
  background-color: var(--ink-primary-color);
  text-transform: none;
  font-size: 16px;
  font-weight: 500;
  padding: 20px 30px;
  color: #fff;
	width: max-content;
}
.btn.secondary-button {
  border: 2px solid var(--ink-primary-color);
  border-radius: var(--button-border-radius);
  background-color: transparent;
  text-transform: none;
  font-size: 16px;
  font-weight: 400;
  padding: 20px 30px;
  color: #fff;
  transition: .3s;
}
.btn.cta-button {
  border-radius: var(--button-border-radius);
  background-color: #fff;
  text-transform: none;
  font-size: 16px;
  font-weight: 400;
  padding: 20px 30px;
  color: #000;
  transition: .3s;
}
.btn.call-button:before {
  content: "";
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: 0px;
  left: 0;
  transition: .3s;
  width: 17px;
  height: 17px;
  background-image: url(/wp-content/uploads/call.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.btn.primary-button:hover {
	background: #ff4d00;
}
.btn.secondary-button:hover {
	background: var(--ink-primary-color);
}

/* HEADER */
.ink-nav[class*="ink-style-"]>li:hover>a {
	color: var(--ink-primary-color) !important;
	font-weight: 700;
}
.ink-nav[class*="ink-style-"]>li:is(.current-menu-item,.ink-active,.active)>a {
	color: #fff !important;
}


/* OTHER */
.wpforms-confirmation-container {
	background: #29d12930;
    padding: 20px;
    border-radius: var(--border-radius);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    color: white;
}
.wpforms-confirmation-container p {
	margin: 0;
}
.section.first-section.contact .form-row .row_inner {
	background: var(--page-background);
}
.masonry-item {
	width: calc(33.333% - 27px);
	margin-bottom: var(--gallery-gutter);
}
.masonry-gallery {
	opacity: 0;
	margin-bottom: -40px;
}
.masonry-gallery.is-ready {
	opacity: 1;
	transition: opacity .5s ease;
}
.number-list-number {
	display: flex;
	align-items: center;
  justify-content: center;
	font-size: 24px;
  font-weight: 500;
	color: var(--ink-primary-color);
	border: 2px solid;
	border-radius: 100%;
	width: 40px;
  height: 40px;
}
.number-list-item {
	display: flex;
	align-items: flex-start;
	gap: 20px;
}
.number-list {
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.checkmark-list {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.checkmark-list .checkmark-list-item {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #fff;
	margin-bottom: 0;
}
.row_item.single-offer-flex .image_row img {
	height: 100%;
	object-fit: cover;
}
.row_item.single-offer-flex .row_inner {
	gap: var(--row-gap);
}
.row_item.single-offer-flex .row_inner:first-child {
	flex: 0 0 500px;
}
.row_item.single-offer-flex {
	flex-direction: row;
	flex-wrap: nowrap;
	gap: var(--row-gap);
}
.ink-nav>li:is(.ink-has-children,.menu-item-has-children)>a {
	cursor: default;
}
.footer-links {
	list-style: none;
	padding: 0;
	margin-bottom: 0;
}
.footer-links a {
	color: #cecece;
	font-size: 16px;
}
.section.footer .row_item:not(:first-child) {
	align-content: flex-end;
}
.copyrights a {
	color: #777 !important;
}
.copyrights {
	margin-top: 10px;
}
.footer-logo {
	max-width: 200px;
	margin-bottom: 20px;
}
.info-box.contact-box {
	margin-bottom: 40px;
}
.info-box.contact-box .info-box-content a {
	font-size: 18px;
	font-weight: 500;
	color: var(--ink-primary-color) !important;
	line-height: 140%;
}
.info-box.contact-box .info-box-content {
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.info-box.contact-box .text.small {
	margin-bottom: 0;
}
.info-box.contact-box {
	flex-direction: row;
	gap: 20px;
}
.cta-small .btn.cta-button {
	color: var(--ink-primary-color);
	font-weight: 500;
}
.cta-small .btn.call-button:before {
	filter: invert(75%) sepia(91%) saturate(2902%) hue-rotate(12deg) brightness(105%) contrast(103%);
}
.cta-small .text {
	color: #fff;
	margin-bottom: 20px;
}
.cta-small .small-title {
	margin-bottom: 20px !important;
}
.cta-small {
	padding: 40px;
	background: #F44900;
  background: linear-gradient(90deg, rgba(244, 73, 0, 1) 0%, rgba(231, 0, 10, 1) 100%);
	border-radius: var(--border-radius);
	margin-top: auto;
}
.wpforms-container {
	margin-bottom: 0 !important;
}
.section.contact .form-row .row_inner {
	padding: 40px;
	background: var(--row-bg-dark);
	border-radius: var(--border-radius);
}
.section.contact .small-title {
	margin-bottom: 40px;
}
.box-flex-row-2 {
	display: flex;
	flex-wrap: wrap;
  gap: 20px;
	margin-bottom: 40px;
}
.box-flex-row-2 .info-box {
	flex: 1 1 calc((100% - 20px) / 2);
}
.section.about .image_row .row_inner {
	gap: 20px;
}
.section.about .image_row {
	flex-direction: row;
  flex-wrap: nowrap;
	gap: 20px;
	align-items: center;
}
.section:not(.fullwidth) + .section.cta {
	padding-top: 0;
}
.numbers-single {
	display: flex;
	gap: 0px;
	flex-direction: column;
	font-size: 28px;
	font-weight: 500;
	color: var(--ink-primary-color);
}
.numbers-single .text.small {
	margin-bottom: 0;
}
.numbers-row {
	display: flex;
	gap: 40px;
	margin-top: 40px;
}
.row_inner.flex-row-3 {
	flex-wrap: wrap;
	flex-direction: row;
	gap: 40px;
}
.row_inner.flex-row-3 > div {
	flex: 1 1 calc((100% - 80px) / 3);
}
.info-box-content {
	flex: 1 1;
}
.info-box.small-box {
	flex-direction: row;
	gap: 10px;
}
.info-box.small-box .info-box-image {
	margin-bottom: 0px;
	width: 36px;
	height: 36px;
	border-radius: 8px;
}
.info-box.small-box .info-box-image img {
	max-width: 18px;
}
.info-box.border-box {
	border: 2px solid #4B4B62;
	border-radius: var(--border-radius);
	padding: 40px;
}
.info-box.border-box .btn {
	width: 100%;
	margin-top: auto;
}
.info-box {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.info-box .text:not(:last-child) {
	margin-bottom: 20px;
}
.info-box .info-box-image {
	background: var(--ink-primary-color);
	border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
	margin-bottom: 20px;
	width: 50px;
	height: 50px;
}
.info-box .info-box-image img {
	width: auto;
	max-width: 24px;
	box-shadow: none !important;
	border-radius: 0 !important;
}
.section .title-row {
	text-align: center;
}
.section.about {
	align-items: center;
}
.section.cta .row_inner {
	border-radius: var(--border-radius);
	text-align: center;
	align-items: center;
	background: #F44900;
background: linear-gradient(90deg,rgba(244, 73, 0, 1) 0%, rgba(231, 0, 10, 1) 100%);
	padding: 40px;
}
.section.cta .text {
	color: #fff;
	margin-bottom: 20px;
}
.section.cta a {
	width: max-content;
	margin: 0 auto;
}
.badge {
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	display: flex;
	align-items: center;
	gap: 10px;
	line-height: 1;
	padding: 10px 20px;
	background: var(--ink-primary-color);
	width: max-content;
	border-radius: var(--border-radius);
	margin-bottom: 20px;
}
.image_row img {
	border-radius: var(--border-radius);
	box-shadow: 5px 5px 10px 10px rgb(0 0 0 / 20%);
}
.buttons-row {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.section.hero {
	align-items: center;
}
.section.bg-dark::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    background: var(--row-bg-dark);
}
.number-list-content {
	flex: 1 1;
}
.section.cta .row_inner .big-title br {
		display: none;
	}


/* RESPONSIVE */
@media (max-width: 1024px) {
:root {
	--row-gap: 40px;
	--gallery-gutter: 20px;
}
	.ink-heading , .mobile-nav .ink-nav-opener {
		border: 0 !important;
	}
	.ink-nav-mobile>li>a, .ink-nav-mobile>li>ul li>a {
		text-transform: none;
		font-size: 16px;
		border-bottom: 0;
	}
	.ink-nav-mobile>li.menu-item-has-children>a {
		flex: 0 0;
	}
	.mobile-nav .ink-nav-opener {
		flex: 1 1;
		justify-content: flex-start;
	}
	.mobile-nav .ink-nav-opener.ink-active {
		background: transparent !important;
		color: white !important;
	}
	.row_item.single-offer-flex .row_inner:first-child {
    flex: 0 0 40%;
}
}
@media (max-width: 800px) {
	.single-offer-flex .info-box {
		display: block;
	}
	.single-offer-flex  .info-box-image {
		float: left;
		margin-right: 20px;
	}
	.row_item.single-offer-flex .row_inner:nth-child(1) {
		order: 2;
	}
	.row_item.single-offer-flex .row_inner:nth-child(2) {
		order: 1;
	}
	.row_item.single-offer-flex .row_inner:nth-child(3) {
		order: 3;
	}
	.row_item.single-offer-flex .row_inner {
		gap: 40px;
	}
	.row_item.single-offer-flex {
		flex-direction: column;
		gap: 40px;
	}
	.section.footer .row_item:not(:first-child) {
    align-content: flex-start;
}
	.hero-title {
		font-size: 40px;
	}
	.big-title {
		font-size: 34px;
	}
	.title-row .text {
		margin-bottom: 0;
	}
	.hero-title br {
		display: none;
	}
	.row_inner.flex-row-3 > div {
    flex: 1 1 calc((100% - 40px) / 3);
}
	.section.hero .row_item:not(.hero-image) {
		order: 1;
	}
	.section {
		flex-direction: column;
		gap: var(--row-gap);
	}
	.section.hero {
		padding-top: 20px;
	}
	[class*=" col-"] {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
	.image_row img {
		max-height: 400px;
		object-fit: cover;
	}
}
@media (max-width: 600px) {
	:root {
        --row-gap: 20px;
	}
	.masonry-item {
    width: calc(50% - 10px);
    margin-bottom: var(--gallery-gutter);
}
	.number-list-number {
		font-size: 20px;
		width: 34px;
		height: 34px;
	}
	.checkmark-list {
		margin-bottom: 40px;
	}
	.checkmark-list .checkmark-list-item img {
		max-height: 12px;
	}
	.section.contact .form-row .row_inner {
		padding: 40px 20px;
	}
	.wpforms-container .wpforms-form .wpforms-field-container {
		gap: 20px;
	}
	.home .section.contact .title-row {
		display: none;
}
	.box-flex-row-2 .info-box {
    flex: 1 1 100%;
}
	.numbers-single {
		font-size: 24px;
	}
	.numbers-single .text.small {
		font-size: 14px;
		margin-top: -4px;
	}
	.section {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.badge {
		padding: 8px 16px;
		font-size: 14px;
	}
	.hero-title br {
        display: block;
    }
	.info-box.border-box {
		padding: 20px;
	}
	.row_inner.flex-row-3 {
		gap: 20px;
	}
	.row_inner.flex-row-3 > div {
        flex: 1 1 100%;
    }
	.hero-title {
		font-size: 36px;
	}
	.big-title {
		font-size: 30px;
		margin-bottom: 10px;
	}
	.small-title {
    font-size: 24px;
	}
	.subtitle {
		font-size: 20px;
	}
	.text {
		font-size: 16px;
	}
	.text.small {
		font-size: 14px;
	}
	.section.cta .row_inner .big-title br {
		display: block;
	}
	.section.footer {
		gap: 40px;
	}
}