:root {

  --white: #ffffff;
  --black: #000000;
	--text: #162B32;
	
  --primary: #3A53AD;
	--primary-light: #3A53AD;

	--secondary: #FF5657;
	--secondary-light: #FF5657;

  --dark: #162B32;
	--gray-dark: #909294;
  --gray: #DEE2E6;
  --gray-light: #EEF3F6;
  --gray-lightest: #F7F7F7;

	--yellow: #FEEA19;
  --success: #198754;
  --info: #0dcaf0;
  --warning: #ffc107;
  --danger: #dc3545;

	--font-family: 'OpenSans', sans-serif;
	--font-family-secondary: 'Akrobat', sans-serif;

	--shadow: 0 1rem 2rem rgba(0,0,0,0.05);
	--shadow-sm: 0 0.5rem 1rem rgba(0,0,0,0.05);
	--shadow-xs: 0 0.25rem 0.5rem rgba(0,0,0,0.05);
	--transition: all 0.3s ease-in-out;

	--form-placeholder: var(--dark);
	--form-placeholder-opacity: 0.5;

	--m-xs: 0.25rem;
	--m-sm: 0.5rem;
	--m-md: 0.75rem;
	--m: 1rem;

	--my-xs: 0.25rem 0;
	--my-sm: 0.5rem 0;
	--my-md: 0.75rem 0;
	--my: 1rem 0;

	--p-xs: 0.25rem;
	--p-sm: 0.5rem;
	--p-md: 0.75rem;
	--p: 1rem;

	--py-xs: 0.25rem 0;
	--py-sm: 0.5rem 0;
	--py-md: 0.75rem 0;
	--py: 1rem 0;

	--lh-1: 1;
	--lh-xs: 1.05;
	--lh-sm: 1.25;
	--lh-md: 1.5;
	--lh: 1.6;

	--radius: 2px;
}

@font-face {
  font-family: "Akrobat";
  font-weight: 900;
  font-style: normal;
  src: url("../fonts/Akrobat/Akrobat-Black/Akrobat-Black.eot");
  src: url("../fonts/Akrobat/Akrobat-Black/Akrobat-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Akrobat/Akrobat-Black/Akrobat-Black.woff") format("woff"), url("../fonts/Akrobat/Akrobat-Black/Akrobat-Black.ttf") format("truetype");
}

@font-face {
  font-family: "Akrobat";
  font-weight: bold;
  font-style: normal;
  src: url("../fonts/Akrobat/Akrobat-Bold/Akrobat-Bold.eot");
  src: url("../fonts/Akrobat/Akrobat-Bold/Akrobat-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Akrobat/Akrobat-Bold/Akrobat-Bold.woff") format("woff"), url("../fonts/Akrobat/Akrobat-Bold/Akrobat-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "Akrobat";
  font-weight: 600;
  font-style: normal;
  src: url("../fonts/Akrobat/Akrobat-SemiBold/Akrobat-SemiBold.eot");
  src: url("../fonts/Akrobat/Akrobat-SemiBold/Akrobat-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Akrobat/Akrobat-SemiBold/Akrobat-SemiBold.woff") format("woff"), url("../fonts/Akrobat/Akrobat-SemiBold/Akrobat-SemiBold.ttf") format("truetype");
}

@font-face {
  font-family: "Akrobat";
  font-weight: 500;
  font-style: normal;
  src: url("../fonts/Akrobat/Akrobat-Regular/Akrobat-Regular.eot");
  src: url("../fonts/Akrobat/Akrobat-Regular/Akrobat-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Akrobat/Akrobat-Regular/Akrobat-Regular.woff") format("woff"), url("../fonts/Akrobat/Akrobat-Regular/Akrobat-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Akrobat";
  font-weight: 300;
  font-style: normal;
  src: url("../fonts/Akrobat/Akrobat-Light/Akrobat-Light.eot");
  src: url("../fonts/Akrobat/Akrobat-Light/Akrobat-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Akrobat/Akrobat-Light/Akrobat-Light.woff") format("woff"), url("../fonts/Akrobat/Akrobat-Light/Akrobat-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Akrobat";
  font-weight: 100;
  font-style: normal;
  src: url("../fonts/Akrobat/Akrobat-Thin/Akrobat-Thin.eot");
  src: url("../fonts/Akrobat/Akrobat-Thin/Akrobat-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Akrobat/Akrobat-Thin/Akrobat-Thin.woff") format("woff"), url("../fonts/Akrobat/Akrobat-Thin/Akrobat-Thin.ttf") format("truetype");
}

@font-face {
  font-family: "OpenSans";
  font-weight: 800;
  font-style: normal;
  src: url("../fonts/OpenSans/OpenSansExtraBold/OpenSansExtraBold.eot");
  src: url("../fonts/OpenSans/OpenSansExtraBold/OpenSansExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/OpenSansExtraBold/OpenSansExtraBold.woff") format("woff"), url("../fonts/OpenSans/OpenSansExtraBold/OpenSansExtraBold.ttf") format("truetype");
}

@font-face {
  font-family: "OpenSans";
  font-weight: 800;
  font-style: italic;
  src: url("../fonts/OpenSans/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.eot");
  src: url("../fonts/OpenSans/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.woff") format("woff"), url("../fonts/OpenSans/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.ttf") format("truetype");
}

@font-face {
  font-family: "OpenSans";
  font-weight: bold;
  font-style: normal;
  src: url("../fonts/OpenSans/OpenSansBold/OpenSansBold.eot");
  src: url("../fonts/OpenSans/OpenSansBold/OpenSansBold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/OpenSansBold/OpenSansBold.woff") format("woff"), url("../fonts/OpenSans/OpenSansBold/OpenSansBold.ttf") format("truetype");
}

@font-face {
  font-family: "OpenSans";
  font-weight: bold;
  font-style: italic;
  src: url("../fonts/OpenSans/OpenSansBoldItalic/OpenSansBoldItalic.eot");
  src: url("../fonts/OpenSans/OpenSansBoldItalic/OpenSansBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/OpenSansBoldItalic/OpenSansBoldItalic.woff") format("woff"), url("../fonts/OpenSans/OpenSansBoldItalic/OpenSansBoldItalic.ttf") format("truetype");
}

@font-face {
  font-family: "OpenSans";
  font-weight: 600;
  font-style: normal;
  src: url("../fonts/OpenSans/OpenSansSemiBold/OpenSansSemiBold.eot");
  src: url("../fonts/OpenSans/OpenSansSemiBold/OpenSansSemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/OpenSansSemiBold/OpenSansSemiBold.woff") format("woff"), url("../fonts/OpenSans/OpenSansSemiBold/OpenSansSemiBold.ttf") format("truetype");
}

@font-face {
  font-family: "OpenSans";
  font-weight: 600;
  font-style: italic;
  src: url("../fonts/OpenSans/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.eot");
  src: url("../fonts/OpenSans/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.woff") format("woff"), url("../fonts/OpenSans/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.ttf") format("truetype");
}

@font-face {
  font-family: "OpenSans";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/OpenSans/OpenSansRegular/OpenSansRegular.eot");
  src: url("../fonts/OpenSans/OpenSansRegular/OpenSansRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/OpenSansRegular/OpenSansRegular.woff") format("woff"), url("../fonts/OpenSans/OpenSansRegular/OpenSansRegular.ttf") format("truetype");
}

@font-face {
  font-family: "OpenSans";
  font-weight: normal;
  font-style: italic;
  src: url("../fonts/OpenSans/OpenSansItalic/OpenSansItalic.eot");
  src: url("../fonts/OpenSans/OpenSansItalic/OpenSansItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/OpenSansItalic/OpenSansItalic.woff") format("woff"), url("../fonts/OpenSans/OpenSansItalic/OpenSansItalic.ttf") format("truetype");
}

@font-face {
  font-family: "OpenSans";
  font-weight: 300;
  font-style: normal;
  src: url("../fonts/OpenSans/OpenSansLight/OpenSansLight.eot");
  src: url("../fonts/OpenSans/OpenSansLight/OpenSansLight.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/OpenSansLight/OpenSansLight.woff") format("woff"), url("../fonts/OpenSans/OpenSansLight/OpenSansLight.ttf") format("truetype");
}

@font-face {
  font-family: "OpenSans";
  font-weight: 300;
  font-style: italic;
  src: url("../fonts/OpenSans/OpenSansLightItalic/OpenSansLightItalic.eot");
  src: url("../fonts/OpenSans/OpenSansLightItalic/OpenSansLightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/OpenSansLightItalic/OpenSansLightItalic.woff") format("woff"), url("../fonts/OpenSans/OpenSansLightItalic/OpenSansLightItalic.ttf") format("truetype");
}

/*
[class^=col]>*:last-child {
  margin-bottom: 0;
}
*/

body {
  margin: 0;
  font-family: var(--font-family);
  font-size: 1rem;
  font-weight: 400;
  line-height: var(--lh);
  color: var(--text);
	background: var(--gray-lightest);
	/*
	-webkit-user-select: none;
	-moz-user-select: none;
	 -ms-user-select: none;
			 user-select: none;
	*/
}

@media (max-width: 576px) {
	body {
		font-size: 0.9375rem;
	}
}

* {
	outline: none !important;
}

a {
	color: var(--primary);
	transition: var(--transition);
}

a:hover {
	color: var(--primary);
}

p {
	margin-bottom: 1.5rem;
}

@media (max-width: 576px) {
	p {
		margin-bottom: 1.25rem;
	}
}

* > p:last-child {
	margin-bottom: 0;
}

b, strong {
	color: var(--dark);
}

ol, ul, dl {
	margin-top: 0;
	margin-bottom: 1.25rem;
}

ul {
	margin-left: 0;
	margin-right: 0;
	padding: 0;
}

ul li {
	position: relative;
	margin: 0;
	margin-bottom: 0.5rem;
	padding: 0;
	padding-left: 1.25rem;
	list-style: none;
}

ul li:before {
	position: absolute;
	content: '';
	width: 0.375rem;
	height: 0.375rem;
	border-radius: 0.5rem;
	background: var(--secondary);
	left: 0;
	top: 0.5625rem;
}


h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {	
	color: var(--dark);
	font-family: var(--font-family-secondary);
  font-weight: 500;
  line-height: var(--lh-xs);
	letter-spacing: 0;	
	text-transform: none;			
	margin-bottom: 1.5rem;
}

h4, .h4,
h5, .h5,
h6, .h6 {	
  font-weight: 600;
}

@media (max-width: 576px) {
	h1, .h1,
	h2, .h2,
	h3, .h3,
	h4, .h4,
	h5, .h5,
	h6, .h6 {
		margin-bottom: 1.25rem;
	}
}

h1 span, .h1 span,
h2 span, .h2 span,
h3 span, .h3 span,
h4 span, .h4 span,
h5 span, .h5 span,
h6 span, .h6 span {
	font-weight: 700;	
  color: var(--dark);
}

h1, .h1 {
	font-size: calc(1.75rem + 1.2vw) !important; 
}
h2, .h2 {
	font-size: calc(1.75rem + 1vw) !important;
}
h3, .h3 {
	font-size: calc(1.25rem + 0.6vw) !important;
}
h4, .h4 {
	font-size: calc(1.25rem + 0.6vw) !important;
}
h5, .h5 {
	font-size: calc(1.125rem + 0.3vw) !important;
}
h6, .h6 {
	font-size: 1rem !important;
}

@media (min-width: 1200px) {
	h1, .h1 {
    font-size: 3.5rem !important;
	}
	h2, .h2 {
    font-size: 3.25rem !important;
	}
	h3, .h3 {
    font-size: 2rem !important;
	}
	h4, .h4 {
    font-size: 2rem !important;
	}
	h5, .h5 {
    font-size: 1.25rem !important;
	}
	h6, .h6 {
    font-size: 1.125rem !important;
	}
}

.bg_primary {
	background: var(--primary);
}

.bg_secondary {
	background: var(--secondary);
}

.bg_dark {
	background: var(--dark);
}

.bg_gray {
	background: var(--gray-lightest);
}

.bg_white {
	background: var(--white);
}
.bg_image {
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 0;
}

.bg_overlay {
	position: relative;
}

.bg_overlay:before {
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	background: var(--dark);
	opacity: 0.35;
}

.lh_1 {
	line-height: 1 !important;
}
.lh_xs {
	line-height: --lh-xs !important;
}

.lh_sm {
	line-height: --lh-sm !important;
}

.lh_md {
	line-height: --lh-ms !important;
}

.text_white {
	color: var(--white) !important;
}

.text_black {
	color: var(--black) !important;
}

.text_dark {
	color: var(--dark) !important;
}

.text_primary {
	color: var(--primary) !important;
}

.text_secondary {
	color: var(--secondary) !important;
}

.text_normal {
	text-transform: none !important;
}

.text_uppercase {
	text-transform: uppercase !important;
}

.text_justify {
	text-align: justify;
}

.link_white {
	color: var(--white);
}

.link_white:hover {
	color: var(--secondary);
}

.fw_normal {
	font-weight: 400 !important;
}

.fw_bold {
	font-weight: bold !important;
}

.fade {
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.fade:not(.show) {
  opacity: 0;
}

.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: 1050;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 100%;
  visibility: hidden;
  background-color: var(--white);
  background-clip: padding-box;
  outline: 0;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: 16rem;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}

.offcanvas.showing, .offcanvas.show:not(.hiding) {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
  visibility: visible;
}

.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: var(--dark);
}

.offcanvas-backdrop.fade {
  opacity: 0;
}

.offcanvas-backdrop.show {
  opacity: 0.5;
}

.offcanvas__content {
	padding: 2rem 2rem;
}

.offcanvas__logo img {
	height: 4rem !important;
}

.offcanvas__phone {
	align-items: start;
}

@media (max-width : 1400px) {
	.offcanvas-sidebar {	
		padding-left: 0;
		width: 16rem !important;
	}
}

.btn {
  position: relative;
	min-width: 8rem;
  max-width: 100%;	
	height: 4rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
  padding: 0 2rem;
  border-radius: var(--radius);
  border: 2px solid var(--secondary);
  background: var(--secondary);
  color: var(--white);
	font-family: var(--font-family-secondary);
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.15;
	letter-spacing: 0.5px;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  vertical-align: middle;
  box-shadow: none;
  outline: none;
  cursor: pointer;
	box-shadow: none;
	white-space: nowrap;	
  transition: var(--transition);
}

.btn_sm {
	min-width: auto;
	height: 3rem;
	padding: 0 1.5rem;
}

.btn_100 {
	width: 100%;
}

.btn:hover {
	color: var(--white);
}

@media (max-width : 576px) {
	.btn {
		width: 100%;
	}	
}

.container {
	position: relative;
	z-index: 1;
}

/*
@media (min-width: 1400px) {
	.container-xxl, 
	.container-xl, 
	.container-lg, 
	.container-md, 
	.container-sm, 
	.container {
		max-width: 1140px;
	}
}
*/

@media (max-width: 576px) {
	.container {
			padding: 0 1.5rem;
	}
}

.wrap {
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
}

.wrap_100 {
	min-height: calc(100vh);
	display: flex;
	align-items: center;
}

.header {
	position: relative;
	background: var(--white);	
	padding: 1rem 0;
	z-index: 10;
	box-shadow: var(--shadow);
}

@media (max-width: 576px) {
	.header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
	}
	.wrap_page,
	.wrap_offer {
		margin-top: 4.75rem;
	}
}

.header__content {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.logo a {
	display: block;
}

.logo img {
	width: auto;
	height: 3.5rem;
}

@media (max-width : 576px) {
	.logo img {
		height: 2.75rem;
	}
}

.nav {
	position: relative;	
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
}

@media (max-width : 1200px) {
	.header__nav {
		display: none !important;
	}
}

.nav__item {
	margin: 0;
	padding: 0;
	list-style: none;
}

.nav__item:before {
	display: none;
}

.nav__item + .nav__item {
	margin-left: 1.5rem;
}

.nav__link {
	display: flex;
	align-items: center;
	padding: 0;
	font-size: 1.25rem;
	font-family: var(--font-family-secondary);
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	color: var(--dark);	
	transition: var(--transition);
}

.nav__link a:hover {
	color: var(--primary);
}

.nav__item_active .nav__link {
	color: var(--primary);
}

.nav__divider {
	height: 1.75rem;
	border-right: 1px solid var(--gray);
}

.nav_column {
	flex-direction: column;
	align-items: start;
}

.nav_column .nav__item + .nav__item {
	margin-left: 0;
}

.nav_column .nav__item a {
	padding: 0.5rem 0;
}

.navbar-clone {
  position: fixed !important;
  z-index: 1010;
  top: 0;
  left: 0;
	right: 0;
  -webkit-transform: translateY(-150%);
      -ms-transform: translateY(-150%);
          transform: translateY(-150%);
  -webkit-transition: all 0.5s ease-in-out, padding-right 0s;
  -o-transition: all 0.5s ease-in-out, padding-right 0s;
  transition: all 0.5s ease-in-out, padding-right 0s;
  background: var(--white) !important;
}

.navbar-stick {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-box-shadow: var(--shadow);
          box-shadow: var(--shadow);
}

.header__action {
	display: flex;
	align-items: center;
}

.nav__contact {
	display: flex;
	flex-direction: column;
	text-align: right;
}

.nav__phone,
.nav__email {
	font-size: 1.25rem;
	font-family: var(--font-family-secondary);
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	color: var(--dark);	
	transition: var(--transition);
}

.nav__phone {
	color: var(--primary);
	font-size: 1.5rem;
	font-weight: 700;
}

@media (min-width : 1200px) {
	.header__toggle {
		display: none !important;
	}
}

.toggle {
	position: relative;
	height: 2rem;
	width: 2rem;
	margin-left: 2rem;
	cursor: pointer;
	outline: none;
	z-index: 10;
}

.toggle__line {
  position: absolute;
  display: block;
  width: 2rem;
  height: 0.125rem;
  background-color: var(--primary);
  left: 50%;
  top: 50%;
  margin-left: -1rem;
  transition: var(--transition);
}

.toggle .toggle__line:first-child {
  margin-top: -8px;
}

.toggle .toggle__line:nth-child(2) {
  margin-top: -1px;
}

.toggle .toggle__line:nth-child(3) {
  margin-top: 6px;
}

.toggle_close .toggle__line:first-child {
  margin-top: -7px;
  -webkit-transform: translateY(6px) rotate(45deg);
  -ms-transform: translateY(6px) rotate(45deg);
  transform: translateY(6px) rotate(45deg);
}

.toggle_close .toggle__line:nth-child(2) {
  opacity: 0;
}

.toggle_close .toggle__line:nth-child(3) {
  margin-top: 5px;
  -webkit-transform: translateY(-6px) rotate(-45deg);
  -ms-transform: translateY(-6px) rotate(-45deg);
  transform: translateY(-6px) rotate(-45deg);
}

hr {
	border-color: var(--dark);
	opacity: 0.15;
}
.wrap_offer {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 680px;
	background-size: cover;
	background-position: right center;
}

.bg_gradient:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: linear-gradient(90deg, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 70%);
}

.offer_subtitle {
	display: flex;
	flex-wrap: wrap;
}

.offer_subtitle span {
	font-weight: 700;	
	padding: 0.5rem 1rem;
	margin-right: 1rem;
	margin-bottom: 1rem;
	text-transform: uppercase;
	border: 2px dashed var(--primary);
	border-radius: var(--radius);
}

.offer__btn {
	margin-top: 2.5rem;
}

@media (max-width: 576px) {
	.wrap_offer {
		min-height: auto;
	}
	.wrap_offer:before {
		position: absolute;
		content: '';
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: var(--white);
		opacity: 0.85;
	} 
	.offer_subtitle span {
		padding: 0.5rem 0.5rem;
		margin-right: 0.5rem;
		margin-bottom: 0.5rem;
	}
}

.title_white {
	color: var(--white);
}

.subtitle {
	font-family: var(--font-family-secondary);
  font-weight: 600;
  line-height: 1.05;
	letter-spacing: 1.5px;	
	color: var(--secondary);
	text-transform: uppercase;
	margin-bottom: 0.5rem;
}

.subtitle_white {
	color: var(--white);
}

.about_mb {
	margin-bottom: -3.75rem;
	z-index: 10;
}

.news_mt {
	margin-top: 3.75rem;
}

.news_mt-2 {
	z-index: 10;
	margin-top: -15rem;
}

.news_pb {
	padding-bottom: 15rem;
}

.band_pb {
	padding-bottom: 3.25rem;
}

.brand_mt {
	margin-top: -3.25rem;
}

.delivery_pb {
	padding-bottom: 7.25rem !important;
}

.service_pt {
	padding-top: 7.25rem !important;
}

.swiper-slide {
	height: auto !important;
}

.swiper-content {
	height: 100% !important
}

.swiper__btn {
	display: flex;
	margin-right: 1.5rem;
}

.swiper__prev,
.swiper__next {
	height: 4rem;
	width: 4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--gray-lightest);
	transition: var(--transition);
	-webkit-user-select: none;
	-moz-user-select: none;
	 -ms-user-select: none;
			 user-select: none;
}

.swiper__prev:hover,
.swiper__next:hover {
	background: var(--gray-light);
}

.swiper__prev {
	margin-right: 0.5rem;
}

.swiper__pagination {
	display: flex;
	height: 4rem;
	align-items: center;
}

.swiper__pagination .swiper-pagination-bullet {
	background: var(--gray);
	opacity: 1;
	transition: var(--transition);
}

.swiper__pagination .swiper-pagination-bullet-active {
	position: relative;
	background: var(--dark);
	opacity: 1;
}

/*
.swiper__pagination .swiper-pagination-bullet-active:before {
	position: absolute;
	content: '';
	background: var(--gray);
	width: 1rem;
	height: 1rem;
	border-radius: 1rem;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: -1;
}
*/

.image {
	position: relative;
	overflow: hidden;
	border-radius: var(--radius);
}

.image img {
	width: 100%;
	height: auto;
	border-radius: var(--radius);
}

.image_100 {	
	width: 100%;
	height: 100%;
}

.image_100 img {
	width: 100%;	
	max-width: 100%;
	height: 100%;
	object-fit: cover;
}

.teaser {
	position: relative;
	display: flex;
	align-items: center;
	background: var(--white);
	border-radius: var(--radius);
	padding: 2rem 2rem;
	box-shadow: var(--shadow);
	height: 100%;
}

.teaser__icon {
	flex: none;
	margin-right: 1rem;
}

.teaser__icon img {
	width: 3.5rem;
	height: auto;
}

.teaser__text {
	/*
	font-family: var(--font-family-secondary);
	font-size: 1.3125rem;
	font-weight: 600;
	line-height: var(--lh-xs);
	*/
	margin-bottom: 0;
}

@media (max-width: 576px) {
	.teaser {
		padding: 1.75rem;
	}
	.teaser__icon img {
		width: 3rem;
	}
}

.swiper-news {
	position: relative;
}

.bg_news:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;	
	width: 100%;
	height: 15rem;
	background: var(--primary);
}

@media (max-width : 768px) {
	.swiper-news .swiper-slide {
		width: 90% !important;
	}	
}

.news__nav {
	height: 6rem;
	display: flex;
	align-items: end;
}

.news {
	position: relative;
	display: flex;
	flex-direction: column;
	box-shadow: var(--shadow);
	height: 100%;
}

.news__image {
	flex: none;
	width: 100%;
	height: 15rem;
}

.news__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.news__content {
	height: 100%;
	background: var(--white);
	padding: 1.75rem;
}

.news__content * {
	margin-bottom: 0.5rem;
}

.news__date {
  line-height: 1;
	color: var(--primary);;
}

.news__title {
	/*
	font-family: var(--font-family-secondary);
	font-size: 1.3125rem;
  font-weight: 600;
  line-height: var(--lh-xs);
	*/
	margin-bottom: 1.5rem;
}

.news__text {
	line-height: var(--lh-md);
}
.contact {
	position: relative;
}

.contact__phone,
.contact__email,
.contact__address {
	margin-bottom: 0.25rem;
}

.delivery {
	position: relative;
	display: flex;
	align-items: center;
	padding: 2rem;
	border: 2px dashed var(--primary);
	border-radius: var(--radius);
}

.delivery__icon {
	flex: none;
	margin-right: 1.5rem;
}

.delivery__icon img {
	height: 5rem;
	width: auto;
}

@media (max-width: 576px) {	
	.delivery {
		padding: 1.75rem;
	}
	.delivery__icon img {
		height: 4rem;
	}
}

.bg_brand:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;	
	width: 100%;
	height: 50%;
	background: var(--gray-lightest);
}

.swiper-brand .swiper-wrapper {
	transition-timing-function: linear;
}

.brand {
	position: relative;
	width: 100%;
	height: 6.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--white);
	border-radius: var(--radius);
	padding: 0rem 0rem;
	box-shadow: var(--shadow);
	height: 100%;
}

.brand__image{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;

}

.brand__image img {
	max-width: 100%;
	max-height:100%;
	height: auto;
}

.brand__nav {
	height: 6rem;
	display: flex;
	align-items: end;
}



.form-control::-webkit-input-placeholder {
  color: var(--form-placeholder);
  opacity: var(--form-placeholder-opacity);
}
.form-control::-moz-placeholder {
  color: var(--form-placeholder);
  opacity: var(--form-placeholder-opacity);
}
.form-control:-ms-input-placeholder {
  color: var(--form-placeholder);
  opacity: var(--form-placeholder-opacity);
}
.form-control::-ms-input-placeholder {
  color: var(--form-placeholder);
  opacity: var(--form-placeholder-opacity);
}
.form-control::placeholder {
  color: var(--form-placeholder);
  opacity: var(--form-placeholder-opacity);
}

.form__wrap {
	position: relative;
	background: var(--primary);
	padding: 3.5rem 3.5rem;
	box-shadow: var(--shadow);
	border-radius: var(--radius);
}

@media (max-width: 576px) {
	.form__wrap {
		padding: 2.25rem 1.75rem;
	}
}

.form {
  position: relative;
}

.form__content {
  position: relative;
  z-index: 1;
}

.form__group {
	margin-bottom: 0.5rem;
}
.form__loader,
.form__error,
.form__thanks {
  display: block;
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
}

textarea {
	resize: none !important;
}

.form-control {
  display: block;
  width: 100%;
	padding: 1.125rem 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: var(--lh-md);
  color: var(--dark);
  background-color: var(--white);
  background-clip: padding-box;
	border-radius: var(--radius);
  border: 2px solid var(--white);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
	outline: none;
  transition: var(--transition);
}

.form-control:focus {
  border-color: var(--white);
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.form-control.error {
	border-color: var(--secondary);
}

.form-check {
  display: flex;
	align-items: center;
}

.form-check,
.form-check-label {
  cursor: pointer !important;
}
.form-check input {
  cursor: pointer !important;
}

.form-check-label {
	line-height: 1.15;
}

.form-check .form-check-input {
	cursor: pointer;
}

.form-check-input {
	position: relative;
	flex: none;
  width: 1.5rem;
  height: 1.5rem;
	margin: 0 0.75rem 0 0!important;
  background-color: var(--white);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border: 2px solid var(--white);
	border-radius: var(--radius);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;					
	cursor: pointer;
	transition: var(--transition);
}

.form-check.error .form-check-input {
	border-color: var(--secondary);
}

.form-check-input[type=radio] {
  border-radius: 50%;
}

.form-check-input:focus {
  border-color: var(--white);
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.form-check-input:checked {
  background-color: var(--white);
  border-color: var(--white);
}

.form-check-input:checked[type=checkbox]:before {
	position: absolute;
	content: '';
	width: 0.625rem;
	height: 0.625rem;
	background: var(--secondary);
	border-radius: var(--radius);
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e");
}

.form-check-input:disabled {
  pointer-events: none;
  -webkit-filter: none;
          filter: none;
  opacity: 0.5;
}

.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  opacity: 0.5;
}

.form-check-input {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.form-check-input[type=checkbox] {
  -webkit-transition: all 0.32s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.swiper-service {
	position: relative;
}

.swiper-service:before {
	position: absolute;
	content: '';
	height: calc(100% + 12rem);
	width: 100%;
	background: var(--primary);
	border-radius: var(--radius);
	top: 50%;
	transform: translateY(-50%);
	right: 80%;
	z-index: -1;
}

.service {
	display: flex;
	box-shadow: var(--shadow);
	height: 100%;
}

.service__image {
	width: 50%;
}

.service__image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.service__content {
	width: 50%;
	padding: 2rem 3rem;
	background: var(--white);
}

.price {
	margin-bottom: 1.25rem;
}

.service__nav {
	height: 6rem;
	display: flex;
	align-items: end;
}

.swiper-service .swiper-slide {
	width: 75% !important;
	height: 100%;
 }

@media (max-width : 768px) {
	.swiper-service:before {
		height: 16.5rem;
		width: auto;
		top: -1.5rem;
		transform: none;
		right: -1.5rem;
		left: -1.5rem;
	}

	.swiper-service .swiper-slide {
		width: 90% !important;
	}

	.service {
		flex-direction: column;
	}

	.service__image {
		flex:none;
		width: 100%;
		height: 15rem;
	}

	.service__content {
		width: 100%;
		height: 100%;
		padding: 1.75rem;
		z-index: 1;
		display: flex;
		flex-direction: column;
	}

	.service__content .btn {
		margin-top: auto;
	}
	
}

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

.step__number {
	color: var(--primary);
	margin-bottom: 1rem;
}

.step__title {
	margin-bottom: 0.5rem;
}

.step__description {
	position: relative;
	text-align: center;
	margin-top: 0.75rem;
}

.step__description:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 0.5rem;
	left: 0;
	top: 0.375rem;
	border: 2px dashed var(--primary);
	border-top: none;
	z-index: -1;
}

.step__description span {
	color: var(--primary);
	padding: 0.5rem 1rem;
	background: var(--white);
}

@media (max-width: 576px) {
	.step {
		flex-direction: row;
	}

	.step__number {
		flex: none;
		width: 3rem;
	}

	.step__description span {
		font-size: 0.875rem;
	}
}

.swiper-project {
	position: relative;
}

.project {
	display: block;
	position: relative;	
	overflow: hidden;
	box-shadow: var(--shadow);
	border-radius: var(--radius);
}

.project:before {
	display: block;
  content: '';
	padding-top: calc(4 / 3 * 100%);
}

.project__image {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.project__image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.project__title {
	position: absolute;
	bottom: 1.5rem;
	left: 1.5rem;
	right: 1.5rem;
	padding: 1rem;
	background: rgba(255,255,255,0.75);
	border-radius: var(--radius);
	backdrop-filter: blur(3px);
	margin-bottom: 0;
}

.project__nav {
	height: 6rem;
	display: flex;
	align-items: end;
}

@media (max-width : 768px) {
	.project__title {
		bottom: 1rem;
		left: 1rem;
		right: 1rem;
	}
	.swiper-project .swiper-slide {
		width: 90% !important;
	}	
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1200;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
	max-width: 480px;
	margin-right: auto;
	margin-left: auto;
  pointer-events: none;
}

@media (max-width: 576px) {
	.modal-dialog {
		max-width: none;
		margin: 0.5rem;
	}
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 0.5rem * 2);
}

.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}

.modal.show .modal-dialog {
  transform: none;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--text);
  pointer-events: auto;
  background-color: var(--primary);
  background-clip: padding-box;
  outline: 0;
	padding: 3.5rem 3rem;
	border-radius: var(--radius);
	z-index: 0;
}
.modal-content .container-fluid {
	position: relative;
	z-index: -1;
}
@media (max-width: 576px) {
	.modal-content {
		padding: 3rem 2rem;
	}
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1100;
  width: 100vw;
  height: 100vh;
  background-color: var(--dark);
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.5;
}

.modal-close  {
  position: absolute;
  display: block;
  width: 32px;
  height: 32px;
  cursor: pointer;
  top: 16px;
  right: 16px;
	z-index: 1000;
}

.modal-close span  {

  display: block;
  width: 32px;
  height: 32px;
  cursor: pointer;

}


.modal-close span:before,
.modal-close span:after {
  height: 2px;
  width: 30px;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  background: var(--white);
  position: absolute;
  display: block;
  content: '';
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.modal-close span:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.modal-close span:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.gallery_item {
	display: block;
}

.gallery_item img {
	width: 100%;
	height: auto;
}

.footer__title {
	font-size: 0.8125rem;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 1;
	color: rgba(255,255,255,0.65);
	margin-bottom: 0.5rem;
}

.footer__text {
	font-family: var(--font-family-secondary);
	color: var(--white);
	line-height: 1.15;
}

.footer__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;
}

.footer__line {
	width: 100%;
	height: 1px;
	background: rgba(255,255,255,0.1);
}

.footer__logo {
	padding: 2rem 2rem;
	text-align: center;
}

@media (max-width : 576px) {
	.footer__logo {
		padding: 3rem 2rem;
	}
}

.copyright {
	color: var(--white);
	font-size: 0.875rem;
}

.footer__link-2,
.footer__link-2:hover {
	color: var(--white) !important;
}

.neighbors {
	display: flex;
	justify-content: space-between;
}

.neighbors_next,
.neighbors_prev {
	height: 4rem;
	width: auto;
	display: inline-flex;
	align-items: center;
	transition: var(--transition);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-family: var(--font-family-secondary);
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.15;
	letter-spacing: 0.5px;
	text-decoration: none;
	text-transform: none;
	background: transparent;
}

.neighbors_prev img {
	margin-right: 1rem;
}

.neighbors_next img {
	margin-left: 1rem;
}

.neighbors_next:hover,
.neighbors_prev:hover {
	color: var(--secondary)!important;
}

.neighbors_next {
	text-align: right;
}

.amoforms-form {
	background-color: #3A53AD;
	padding: 3.5rem 3.5rem;
}
.amoforms-footer-copyright {
	display: none;
}
.amoforms__field__control_header .amoforms__field__name-header {
	font-size: calc(1.25rem + 0.6vw) !important;
	font-family: 'Akrobat', sans-serif;
	color: #ffffff;
}
@media (min-width: 1200px) {
	.amoforms__field__control_header .amoforms__field__name-header {
			font-size: 2rem !important;
	}
}