/* ------------------------------------------------
Template Name: Neo
version: 1.0.6
------------------------------------------------ */
/* ------------------------------------------------

- General Styles
- Input
- Buttons
- Link
- Typography
- Preloader
- Navbar
- Hero
- Sections
- Hello (About Us)
- Gallery
- Statistics
- Testimonials
- Photo Carousel
- Pricing
- Brands logos
- Newsletter
- Section History
- Blog
- Singel Post
- Nav
- Filters
- Cooments
- Contact
- PopUp
- Page error
- Footer
- Video
- Effects

------------------------------------------------ */

@import url(bootstrap.min.css);
@import url(swiper.min.css);
@import url(animate.css);
@import url(photoswipe.min.css);
@import url("https://fonts.googleapis.com/css?family=Poppins:300,300i,400,400i,500,500i,600,600i,700,700i");
@import url(../fonts/font-awesome-4.7.0/css/font-awesome.min.css);
/* -----------------------------------------------------------------
- General Styles
----------------------------------------------------------------- */
html {
	scroll-behavior: smooth;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

body, html {
	font-size: 14px;
	-webkit-text-size-adjust: 100%;
}

body {
	background-image: url(../images/line-maker.svg);
	background-repeat: repeat;
	background-position: center center;
	background-color: var(--bg-dark);
	color: var(--text-white);
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	line-height: 2;
	overflow-x: hidden;
	-ms-overflow-style: scrollbar;
	-webkit-font-smoothing: antialiased;
}
@media only screen and (max-width: 580px) {
	body {
		background-image: none;
	}
}

/* Input */
input[type='text'], input[type='email'], input[type='password'], input[type='datetime'], input[type='date'], input[type='month'], input[type='time'], input[type='week'], input[type='search'], input[type='tel'], textarea,
textarea.form-control {
	background-color: var(--bg-dark);
	border: 1px solid var(--text-white);
	border-radius: 0;
	box-shadow: none;
	color: var(--text-white);
	font-weight: 300;
	height: 66px;
	letter-spacing: .05rem;
	padding-left: 30px;
	padding-right: 30px;
	position: relative;
	z-index: 2;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
@media only screen and (max-width: 580px) {
	input[type='text'], input[type='email'], input[type='password'], input[type='datetime'], input[type='date'], input[type='month'], input[type='time'], input[type='week'], input[type='search'], input[type='tel'], textarea,
	textarea.form-control {
		font-size: .86rem;
		height: 46px;
		padding-left: 15px;
		padding-right: 15px;
	}
}

input[type='text']:focus, input[type='email']:focus, input[type='password']:focus, input[type='datetime']:focus, input[type='date']:focus, input[type='month']:focus, input[type='time']:focus, input[type='week']:focus, input[type='search']:focus, input[type='tel']:focus, textarea:focus,
textarea.form-control:focus {
	background-color: var(--bg-dark);
	border-color: var(--text-white);
	box-shadow: none;
	color: var(--text-white);
	outline: none;
}

input._big {
	font-size: .86rem;
	height: 76px;
}
@media only screen and (max-width: 580px) {
	input._big {
		height: 46px;
	}
}

textarea,
textarea.form-control {
	padding-top: 30px;
	padding-bottom: 30px;
	-ms-overflow-y: hidden !important;
	resize: none;
}
@media only screen and (max-width: 580px) {
	textarea,
	textarea.form-control {
		padding-top: 15px;
		padding-bottom: 15px;
	}
}

.form-group {
	margin-bottom: 40px;
	position: relative;
}
figure:hover a {
	text-decoration: none;
}
@media only screen and (max-width: 580px) {
	.form-group {
		margin-bottom: 20px;
	}
}

.has-danger .form-control {
	border-color: var(--primary-color);
	box-shadow: none;
}
.has-danger .form-control:focus {
	border-color: var(--primary-color);
	box-shadow: none;
}
.has-danger .subscribe-form__inner .btn-subscribe {
	border-left: 1px solid var(--primary-color);
}

#validator-subscribe,
.validation-success,
.validation-danger {
	font-size: .86rem;
	letter-spacing: .2rem;
	padding-top: 15px;
	text-align: center;
}
@media only screen and (max-width: 580px) {
	#validator-subscribe,
	.validation-success,
	.validation-danger {
		padding-top: 10px;
	}
}

.validation-success {
	color: var(--text-white);
}

.validation-danger {
	color: var(--text-white);
}

::placeholder,
.form-control::placeholder {
	color: var(--text-white);
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
}

:-ms-input-placeholder,
.form-control:-ms-input-placeholder {
	color: var(--text-white);
	opacity: 1;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
}

:focus::placeholder {
	color: transparent;
}

:focus:-ms-input-placeholder {
	color: transparent;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	transition: background-color 5000s ease-in-out 0s;
	-webkit-text-fill-color: var(--text-white) !important;
}

.label {
	display: block;
	font-weight: 500;
	letter-spacing: .1rem;
	padding-left: 30px;
	position: relative;
	text-transform: uppercase;
	transform: translateY(20px);
	transition: all 0.6s 0s cubic-bezier(0.7, 0, 0.3, 1);
	z-index: 3;
	pointer-events: none;
	position: absolute;
}
@media only screen and (max-width: 580px) {
	.label {
		padding-left: 15px;
		transform: translateY(10px);
	}
}

.is-completed .label {
	transform: translateY(-32px);
}
@media only screen and (max-width: 580px) {
	.is-completed .label {
		transform: translateY(-28px);
	}
}

/* Buttons */
.btn {
	background-color: transparent;
	border: 0;
	border-radius: 0;
	color: var(--text-white);
	cursor: pointer;
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	display: inline-block;
	line-height: 2;
	letter-spacing: .2rem;
	padding: 4px 0;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	z-index: 1;
}
.btn::before, .btn::after {
	content: '';
	height: 100%;
	position: absolute;
	left: -30%;
	top: 0;
	opacity: 1;
	z-index: -1;
	transition: all 0.6s 0s cubic-bezier(0.7, 0, 0.3, 1);
}
.btn::before {
	background-color: var(--primary-color);
	width: 60%;
}
.btn::after {
	background-color: var(--bg-light-dark);
	width: 0;
}
.btn:hover, .btn:focus {
	background-color: transparent;
	color: var(--text-white);
	outline: 0 !important;
}
.btn:hover::before, .btn:focus::before {
	left: 0;
	opacity: 0;
	width: 100%;
}
.btn:hover::after, .btn:focus::after {
	width: 100%;
}
@media only screen and (max-width: 580px) {
	.btn {
		font-size: 1rem;
		letter-spacing: .1rem;
	}
}
.btn--big {
	font-size: 1.5rem;
}

.touch .btn::after {
	display: none;
}

.btn-load__col {
	display: flex;
	justify-content: center;
}
.btn-load__col_space {
	margin-top: 100px;
}
@media only screen and (max-width: 580px) {
	.btn-load__col_space {
		margin-top: 30px;
	}
}
.btn-load__wrap {
	display: inline-flex;
	flex-direction: column;
}
.btn-load__button {
	background-color: transparent;
	border: 1px solid var(--text-white);
	border-radius: 50%;
	cursor: pointer;
	display: block;
	margin: 0 auto 10px;
	position: relative;
	height: 40px;
	width: 40px;
	transition: all 0.6s cubic-bezier(0.7, 0, 0.3, 1);
}
.btn-load__button::after, .btn-load__button::before {
	content: '';
	background-color: var(--text-white);
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	transition: all 0.6s cubic-bezier(0.7, 0, 0.3, 1);
}
.btn-load__button::after {
	height: 2px;
	width: 14px;
}
.btn-load__button::before {
	height: 14px;
	width: 2px;
}
.btn-load__button:hover, .btn-load__button:focus {
	background-color: var(--text-white);
}
.btn-load__button:hover::after, .btn-load__button:hover::before, .btn-load__button:focus::after, .btn-load__button:focus::before {
	background-color: var(--bg-dark);
}
.btn-load__button .ripple {
	height: 40px;
	position: absolute;
	top: -1px;
	left: -1px;
	opacity: 0;
	width: 40px;
	transition: all 0.6s cubic-bezier(0.7, 0, 0.3, 1);
}
.btn-load__button .ripple::before, .btn-load__button .ripple::after {
	content: '';
	background-color: var(--text-white);
	border-radius: 50%;
	height: 100%;
	position: absolute;
	left: 0;
	opacity: 0;
	pointer-events: none;
	width: 100%;
	animation: anim-ripple 1.2s ease-out infinite forwards;
}
.btn-load__button .ripple::after {
	animation-delay: 0.4s;
}
.btn-load__button:hover .ripple {
	opacity: .1;
}
.btn-load__text {
	font-size: .86rem;
	font-weight: 500;
	display: block;
	letter-spacing: .1rem;
	text-align: center;
	text-transform: uppercase;
}

button:focus {
	outline: none;
}

/* Link */
.btn-link {
	color: var(--text-white);
	font-weight: 500;
	letter-spacing: .2rem;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
}
.btn-link::after {
	background-color: var(--text-white);
	content: '';
	height: 1px;
	margin: auto 0;
	position: absolute;
	top: 0;
	bottom: 1px;
	left: -55%;
	width: 40%;
	transition: all 0.6s cubic-bezier(0.7, 0, 0.3, 1);
}
.btn-link:hover {
	color: inherit;
	text-decoration: none;
}
.btn-link:hover::after {
	left: 0;
	width: 100%;
}
.btn-link_right {
	float: right;
}

@keyframes anim-ripple {
	0% {
		opacity: 0;
		transform: scale3d(3, 3, 1);
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: scale3d(1, 1, 1);
	}
}
/* -----------------------------------------------------------------
- Typography
----------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	line-height: 1.3;
}

.title__h1 {
	font-size: 3.8571rem;
	margin-top: 30px;
	margin-bottom: 24px;
}
@media only screen and (max-width: 580px) {
	.title__h1 {
		font-size: 2.5rem;
		line-height: 1.32;
		margin-top: 20px;
	}
}
.title__h2 {
	font-size: 3.1428rem;
	margin-top: 30px;
	margin-bottom: 24px;
}
@media only screen and (max-width: 580px) {
	.title__h2 {
		font-size: 2.2rem;
	}
}
.title__h3 {
	font-size: 2.4285rem;
	line-height: 1.5;
	margin-top: 30px;
	margin-bottom: 24px;
}
@media only screen and (max-width: 580px) {
	.title__h3 {
		font-size: 1.8rem;
	}
}
.title__h4 {
	font-size: 2rem;
	line-height: 1.5;
	margin-top: 30px;
	margin-bottom: 24px;
}
@media only screen and (max-width: 580px) {
	.title__h4 {
		font-size: 1.5rem;
	}
}
.title__h5 {
	font-size: 1.715rem;
	margin-top: 28px;
	margin-bottom: 24px;
}
@media only screen and (max-width: 580px) {
	.title__h5 {
		font-size: 1.2rem;
	}
}
.title__h6 {
	font-size: 1.286rem;
	line-height: 1.6;
	margin-top: 26px;
	margin-bottom: 20px;
}
@media only screen and (max-width: 580px) {
	.title__h6 {
		font-size: 1rem;
	}
}
.title_big {
	font-size: 6.4rem;
}
@media only screen and (max-width: 580px) {
	.title_big {
		font-size: 4rem;
	}
}
.title_center {
	text-align: center;
}
.title_light {
	font-weight: 300;
}
.title_normal {
	font-weight: 400;
}
.title_list {
	margin-bottom: 40px;
}
@media screen and (max-width: 991px) {
	.title_list {
		margin-bottom: 24px;
	}
}
.title_decoration {
	display: inline-block;
	position: relative;
}
.title_decoration::after {
	background-color: var(--primary-color);
	bottom: 0;
	content: '';
	height: 40%;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: -1;
}
.title_margin-bottom-50 {
	margin-bottom: 50px;
}
.title__section {
	letter-spacing: .2rem;
	margin-top: 0;
	margin-bottom: 0;
	position: relative;
}
@media only screen and (max-width: 580px) {
	.title__section {
		letter-spacing: 0;
	}
}
.title__section .reveal {
	padding-left: 2px;
	padding-bottom: 2px;
}
.title__overhead {
	font-family: "Poppins", sans-serif;
	font-size: .929rem;
	font-weight: 600;
	letter-spacing: 0.5rem;
	margin-bottom: 0;
	text-transform: uppercase;
}
@media only screen and (max-width: 580px) {
	.title__overhead {
		letter-spacing: .2rem;
	}
}
.title_horizontal-line {
	margin-bottom: 50px;
}
.title_horizontal-line::before {
	background-color: var(--text-white);
	content: '';
	position: absolute;
	left: -80px;
	bottom: -24px;
	height: 1px;
	width: 140px;
}
@media only screen and (max-width: 580px) {
	.title_horizontal-line {
		margin-bottom: 24px;
	}
	.title_horizontal-line::before {
		bottom: -10px;
	}
}
.title_vertical-line-top, .title_vertical-line-bottom {
	position: relative;
}
.title_vertical-line-top::before, .title_vertical-line-bottom::before {
	background-color: var(--text-white);
	content: '';
	height: 6vh;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	width: 1px;
}
.title_vertical-line-top {
	margin-top: 60px;
	margin-bottom: 30px;
}
.title_vertical-line-top::before {
	bottom: 115px;
}
@media only screen and (max-width: 580px) {
	.title_vertical-line-top {
		margin-top: 40px;
	}
	.title_vertical-line-top::before {
		height: 80px;
		bottom: 70px;
	}
}
.title_vertical-line-bottom {
	margin-bottom: 5rem;
}
.title_vertical-line-bottom::before {
	bottom: 0;
	margin-bottom: -8rem;
}
@media screen and (max-width: 991px) {
	.title_vertical-line-bottom {
		margin-bottom: 0;
	}
	.title_vertical-line-bottom::before {
		height: 3rem;
		margin-bottom: -4.7rem;
	}
}
@media only screen and (max-width: 580px) {
	.title_vertical-line-bottom::before {
		height: 2.5rem;
		margin-bottom: -3.8rem;
	}
}

.text_uppercase {
	text-transform: uppercase;
}

.text_bold {
	font-weight: 600;
}

.object_fit_cover {
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: "object-fit: cover;";
}

.block-quote {
	border: 0;
	font-family: "Poppins", sans-serif;
	font-size: 1.286rem;
	font-style: italic;
	font-weight: 300;
}
@media screen and (max-width: 580px) {
	.block-quote {
		font-size: 1rem;
	}
}
.block-quote cite {
	display: inline-block;
	font-style: normal;
	font-weight: 600;
	letter-spacing: .2rem;
	padding-left: 10px;
	padding-top: 10px;
}
.block-quote_center {
	font-size: 1.715rem;
	line-height: 1.9;
	padding-top: 90px;
	padding-left: 0;
	padding-right: 0;
	position: relative;
	text-align: center;
}
.block-quote_center::before {
	background-image: url(../images/icon-quote.svg);
	background-repeat: no-repeat;
	background-position: center;
	content: '';
	height: 52px;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 60px;
}
@media only screen and (max-width: 580px) {
	.block-quote_center {
		font-size: 1.3rem;
		padding-top: 60px;
		line-height: 1.6;
	}
	.block-quote_center::before {
		width: 40px;
	}
}
.block-quote_center cite {
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: .2rem;
	padding-left: 0;
	padding-top: 0;
	vertical-align: text-top;
}

a {
	color: var(--text-white);
	text-decoration: underline;
	-webkit-text-decoration-skip: objects;
	transition: all 0.6s cubic-bezier(0.7, 0, 0.3, 1);
	cursor: pointer;
}
a:hover, a:focus {
	color: var(--text-white);
	outline: none;
	text-decoration: none;
}
a.link_decoration {
	color: var(--text-white);
	display: inline-block;
	opacity: .5;
	position: relative;
	text-decoration: none;
	transition: all 0.6s cubic-bezier(0.7, 0, 0.3, 1);
}
a.link_decoration::after {
	content: '';
	background-color: var(--text-white);
	pointer-events: none;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: 0;
	width: 100%;
	transform: translateY(10px);
	transition: all 0.3s 0s cubic-bezier(0.7, 0, 0.3, 1);
}
a.link_decoration:hover {
	color: var(--text-white);
	opacity: 1;
	text-decoration: none;
}
a.link_decoration:hover::after {
	opacity: 1;
	transform: translateY(-1px);
}

img {
	max-width: 100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

::-moz-selection {
	background: var(--primary-color);
	color: var(--text-white);
}

::selection {
	background: var(--primary-color);
	color: var(--text-white);
}

/* -----------------------------------------------------------------
- Preloader
----------------------------------------------------------------- */
.loading {
	background: var(--bg-dark);
	color: var(--text-white);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-align: center;
	z-index: 1100;
}
.loading::before {
	content: '';
	background: var(--bg-light-dark);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transform: scaleX(0);
	transform-origin: 0% 0% 0px;
	-webkit-animation: reveal 2s 800ms cubic-bezier(0, 0, 0.2, 1) infinite;
	animation: reveal 2s 800ms cubic-bezier(0, 0, 0.2, 1) infinite;
	z-index: 1;
}
.loading::after {
	content: '';
	background: var(--bg-darker);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transform: scaleX(0);
	transform-origin: 0% 0% 0px;
	-webkit-animation: reveal 2s 400ms cubic-bezier(0, 0, 0.2, 1) infinite;
	animation: reveal 2s 400ms cubic-bezier(0, 0, 0.2, 1) infinite;
	z-index: 1;
}
.loading-wrap {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	height: 100vh;
	position: relative;
	z-index: 10;
}
.loading-wrap .logotype {
	width: 160px;
}
@media screen and (max-width: 580px) {
	.loading-wrap .logotype {
		width: 100px;
	}
}

/* -----------------------------------------------------------------
- Navbar
----------------------------------------------------------------- */
.navbar {
	padding: 25px 40px;
	position: fixed;
	width: 100%;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
	top: 0;
	z-index: 2;
}
@media screen and (max-width: 991px) {
	.navbar {
		background-color: var(--bg-dark);
		padding: 15px 40px;
		position: fixed;
		z-index: 10;
	}
}
@media screen and (max-width: 768px) {
	.navbar {
		padding: 10px 30px;
	}
}
@media only screen and (max-width: 580px) {
	.navbar {
		background-color: var(--bg-dark);
		box-shadow: 0 20px 40px rgba(0, 0, 0, 0.9);
		padding: 12px 15px;
	}
}
.navbar.affix {
	padding: 15px 40px;
	position: fixed;
	z-index: 999;
}
@media only screen and (max-width: 768px) {
	.navbar.affix {
		padding: 10px 30px;
	}
}
@media only screen and (max-width: 580px) {
	.navbar.affix {
		padding: 10px 15px;
	}
}
.navbar .center-logo {
	text-align: center;
	width: 100%;
}
@media screen and (max-width: 580px) {
	.navbar .center-logo {
		height: 2rem;
	}
}
.navbar .logotype {
	height: 3.3rem;
}
@media screen and (max-width: 991px) {
	.navbar .logotype {
		height: 2.8rem;
	}
}
@media screen and (max-width: 768px) {
	.navbar .logotype {
		height: 2.4rem;
	}
}
@media screen and (max-width: 580px) {
	.navbar .logotype {
		height: 2rem;
	}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.navbar .logotype {
		width: 100%;
	}
}
.show-overlay-nav .navbar {
	z-index: 1001;
}
@media only screen and (max-width: 991px) {
	.show-overlay-nav .navbar {
		background-color: transparent;
		box-shadow: none;
	}
}

.navbar-nav {
	margin-left: auto;
}
@media only screen and (max-width: 991px) {
	.navbar-nav {
		margin: 15px 0 0;
		max-height: 50vh;
		overflow-y: auto;
		align-items: flex-start;
	}
}
@media only screen and (max-width: 580px) {
	.navbar-nav {
		margin: 15px 0 0;
	}
}
.navbar-nav .nav-item {
	white-space: nowrap;
}
@media only screen and (max-width: 991px) {
	.navbar-nav .nav-item {
		width: 100%;
	}
}
.navbar-nav .nav-item:hover {
	background-color: transparent;
}
.navbar-nav .nav-item a {
	color: var(--text-white);
	margin: 6px 22px;
	padding: 4px 0;
	position: relative;
	text-decoration: none;
}
@media only screen and (max-width: 1024px) {
	.navbar-nav .nav-item a {
		margin: 10px 15px;
	}
}
@media only screen and (max-width: 991px) {
	.navbar-nav .nav-item a {
		border-top: 1px solid rgba(224, 231, 237, 0.1);
		display: block;
		font-size: .86rem;
		font-weight: 400;
		letter-spacing: .12rem;
		margin: 0;
		padding: 8px;
		width: 100%;
	}
}
.navbar-nav .nav-item a:hover {
	background: transparent;
	color: var(--text-white);
	opacity: 1;
}
@media only screen and (max-width: 991px) {
	.navbar-nav .nav-item a:hover {
		background-color: var(--primary-color);
	}
}
.navbar-nav .nav-item a:hover::before {
	width: 80%;
}
.navbar-nav .nav-item a::before {
	content: '';
	background-color: var(--primary-color);
	height: 100%;
	position: absolute;
	top: 0;
	left: -30%;
	width: 0%;
	z-index: -1;
	transition: all 0.6s cubic-bezier(0.7, 0, 0.3, 1);
}
@media only screen and (max-width: 991px) {
	.navbar-nav .nav-item a::before {
		display: none;
	}
}
.navbar-nav .nav-item a.link__last {
	margin-right: 0;
}
.navbar-nav .dropdown-toggle::after {
	display: none;
}
.navbar-nav .dropdown-menu {
	background-color: var(--bg-light-dark);
	border: 0;
	border-radius: 6px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.8);
	display: block;
	font-size: .86rem;
	min-width: auto;
	padding: 10px 0;
	margin: 0;
	opacity: 0;
	left: auto;
	right: 0;
	visibility: hidden;
	transform: translate3d(0, 30px, 0);
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
}
@media only screen and (max-width: 991px) {
	.navbar-nav .dropdown-menu {
		background-color: transparent;
		box-shadow: none;
		position: relative;
		float: none;
		display: none;
		opacity: 1;
		padding: 0;
		visibility: visible;
		text-align: left;
		transform: translate3d(0, 0, 0);
		transition: all .0s;
	}
}
.navbar-nav .dropdown-menu::before {
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid var(--bg-light-dark);
	content: '';
	height: 0;
	margin: 0 auto;
	position: absolute;
	top: -6px;
	left: 0;
	right: 0;
	width: 0;
	z-index: 1;
}
@media only screen and (max-width: 991px) {
	.navbar-nav .dropdown-menu::before {
		display: none;
	}
}
.navbar-nav .dropdown-menu--right::before {
	left: auto;
	right: 1rem;
}
.navbar-nav .dropdown:hover .dropdown-menu {
	visibility: visible;
	opacity: 1;
	transform: translate3d(0, 10px, 0);
}
@media only screen and (max-width: 991px) {
	.navbar-nav .dropdown:hover .dropdown-menu {
		transform: translate3d(0, 0, 0);
	}
}
.navbar-nav .dropdown .nav-item:hover {
	background-color: var(--primary-color);
}
.navbar-nav .dropdown .nav-item:last-child a {
	border-bottom: 0;
}
.navbar-nav .dropdown .nav-item a {
	display: block;
	margin: 0;
	padding: 5px 20px;
}
@media only screen and (max-width: 991px) {
	.navbar-nav .dropdown .nav-item a {
		padding: 8px;
	}
}
.navbar-nav .dropdown .nav-item a::before {
	display: none;
}
.navbar-nav .dropdown i {
	font-size: .86rem;
	padding-left: .5rem;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
}
.navbar-nav .dropdown.current i {
	transform: rotate(-180deg);
}

.hamburger {
	background-color: var(--text-white);
	border-radius: 50%;
	box-shadow: 0 0 0 0px var(--text-white);
	font-weight: 600;
	height: 50px;
	width: 50px;
	padding-top: 14px;
	position: relative;
	text-transform: uppercase;
	transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1);
}
@media only screen and (max-width: 768px) {
	.hamburger {
		height: 40px;
		width: 40px;
		padding-top: 9px;
	}
}
@media only screen and (max-width: 580px) {
	.hamburger {
		background-color: transparent;
		height: auto;
		padding-top: 0;
		width: auto;
	}
}
.hamburger:hover {
	cursor: pointer;
	box-shadow: 0 0 0 3px var(--text-white);
}
@media only screen and (max-width: 580px) {
	.hamburger:hover {
		box-shadow: none;
	}
}
.hamburger__line {
	width: 20px;
	height: 2px;
	background-color: var(--bg-dark);
	display: block;
	margin: 4px auto;
	transition: all .4s 50ms ease-in-out;
}
@media only screen and (max-width: 768px) {
	.hamburger__line {
		width: 18px;
	}
}
@media only screen and (max-width: 580px) {
	.hamburger__line {
		background-color: var(--text-white);
		width: 20px;
	}
}
.hamburger.is_active .hamburger__line:nth-child(2) {
	opacity: 0;
}
.hamburger.is_active .hamburger__line:nth-child(1) {
	transform: translateY(6px) rotate(45deg);
}
.hamburger.is_active .hamburger__line:nth-child(3) {
	transform: translateY(-6px) rotate(-45deg);
}
.hamburger__text {
	font-size: 1rem;
	line-height: 2;
	position: absolute;
	top: 50%;
	right: 64px;
	margin-top: -12px;
	letter-spacing: 1px;
	opacity: 1;
	transform: translateX(0%);
	transition: all 0.6s cubic-bezier(0.7, 0, 0.3, 1);
}
@media only screen and (max-width: 768px) {
	.hamburger__text {
		font-size: .86rem;
		right: 58px;
	}
}
@media only screen and (max-width: 580px) {
	.hamburger__text {
		display: none;
	}
}
.menu__open .hamburger__text {
	opacity: 0;
	transform: translateX(50px);
}
.hamburger.navbar-toggler {
	border: 0;
	display: block;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
}
@media only screen and (max-width: 580px) {
	.hamburger.navbar-toggler {
		padding-top: 5px;
		float: right;
	}
}
@media only screen and (min-width: 992px) {
	.hamburger.navbar-toggler {
		display: none;
	}
}

.popup.popup__menu {
	background-image: url(../images/line-maker.svg);
	background-repeat: repeat;
	background-position: center center;
	padding: 0;
}
.popup.popup__menu .popup-inner {
	display: flex;
}
.show-overlay-nav .popup.popup__menu.popup__menu {
	box-shadow: none;
	overflow: hidden;
}

.show-overlay-nav .top {
	background-color: transparent;
	box-shadow: none;
}

.dl-menu__wrap {
	height: auto;
	position: relative;
	perspective: 600px;
	perspective-origin: 50% -200%;
	text-align: center;
	transition: all 0.6s 0s cubic-bezier(0.7, 0, 0.3, 1);
	width: 100%;
}
.dl-menu__wrap ul {
	list-style: none;
	padding: 0;
	transform-style: preserve-3d;
}
.dl-menu__wrap ul li {
	margin: 15px 0;
	position: relative;
}
.dl-menu__wrap ul li a {
	display: inline-block;
	font-family: "Poppins", sans-serif;
	font-size: 1.78rem;
	font-weight: 300;
	letter-spacing: .2rem;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	text-decoration: none;
}
.dl-menu__wrap ul li a::after {
	background-color: var(--primary-color);
	content: '';
	height: 100%;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 0;
	pointer-events: none;
	user-select: none;
	transition: all 0.6s 0s cubic-bezier(0.7, 0, 0.3, 1);
	z-index: -1;
}
@media only screen and (max-width: 580px) {
	.dl-menu__wrap ul li a::after {
		display: none;
	}
}
.dl-menu__wrap ul li a i {
	font-size: 1rem;
	vertical-align: middle;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
}
.dl-menu__wrap ul li a:hover i {
	transform: rotate(-180deg);
}
.dl-menu__wrap ul li a:hover::after {
	width: 100%;
}
.dl-menu__wrap ul li .dl-submenu {
	display: none;
}
@media screen and (max-width: 580px) {
	.dl-menu__wrap ul li {
		margin: 10px 0;
	}
	.dl-menu__wrap ul li a {
		font-size: 1.28rem;
		letter-spacing: 0;
	}
}
@media only screen and (max-height: 320px) {
	.dl-menu__wrap ul li {
		margin: 2px 0;
	}
}
.dl-menu__wrap .dl-menu {
	margin: 0;
	pointer-events: none;
	transform: translateY(10px);
	backface-visibility: hidden;
	width: 100%;
}
.dl-menu__wrap .dl-menu.dl-menu-toggle {
	transition: all 0.3s ease;
}
.dl-menu__wrap .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0px);
}
.dl-menu__wrap .dl-menu.dl-subview li, .dl-menu__wrap .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu__wrap .dl-menu.dl-subview li.dl-subview > a {
	display: none;
}
.dl-menu__wrap .dl-menu.dl-subview li.dl-subview, .dl-menu__wrap .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu__wrap .dl-menu.dl-subview li.dl-subviewopen, .dl-menu__wrap .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu__wrap .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
	display: block;
}
.dl-menu__wrap .dl-menu.dl-animate-out-3 {
	-webkit-animation: MenuAnimOut3 0.4s ease;
	animation: MenuAnimOut3 0.4s ease;
}
.dl-menu__wrap .dl-menu.dl-animate-in-3 {
	-webkit-animation: MenuAnimIn3 0.4s ease;
	animation: MenuAnimIn3 0.4s ease;
}
.dl-menu__wrap .dl-menu .dl-back a {
	position: relative;
	width: 26px;
}
.dl-menu__wrap .dl-menu .dl-back a::after {
	display: none;
}
.dl-menu__wrap .dl-menu .dl-back a:before {
	content: '';
	background-color: transparent;
	background-image: url(../images/arrow-back.svg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 26px;
	position: absolute;
	left: 0;
	top: 0;
	width: 26px;
}
@media screen and (max-width: 580px) {
	.dl-menu__wrap .dl-menu .dl-back a:before {
		height: 20px;
	}
}
.dl-menu__wrap .dl-menu.dl-subview .dl-back {
	-webkit-animation: SubMenuAnimIn3 0.4s ease;
	animation: SubMenuAnimIn3 0.4s ease;
}
.dl-menu__wrap > .dl-submenu {
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.dl-menu__wrap > .dl-submenu.dl-animate-in-3 {
	-webkit-animation: SubMenuAnimIn3 0.4s ease;
	animation: SubMenuAnimIn3 0.4s ease;
}
.dl-menu__wrap > .dl-submenu.dl-animate-out-3 {
	-webkit-animation: SubMenuAnimOut3 0.4s ease;
	animation: SubMenuAnimOut3 0.4s ease;
}

.touch .dl-menu__wrap ul li a::after {
	display: none;
}

@keyframes MenuAnimOut3 {
	100% {
		transform: translateZ(300px);
		opacity: 0;
	}
}
@keyframes MenuAnimIn3 {
	0% {
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}
@keyframes SubMenuAnimIn3 {
	0% {
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}
@keyframes SubMenuAnimOut3 {
	0% {
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		transform: translateZ(-300px);
		opacity: 0;
	}
}
/* -----------------------------------------------------------------
- Hero
----------------------------------------------------------------- */
.hero {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	color: var(--text-white);
	height: 100vh;
	position: relative;
}
@media only screen and (max-width: 580px) {
	.hero {
		height: auto;
	}
}
.hero::before {
	content: '';
	background: rgba(17, 17, 17, 0.6);
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.hero .container {
	height: 100vh;
}
@media only screen and (max-width: 580px) {
	.hero .container {
		height: auto;
	}
}
.hero__caption {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	height: 100vh;
	padding: 30px 15px 0;
	position: relative;
}
@media only screen and (max-width: 990px) {
	.hero__caption {
		width: 80%;
	}
}
@media only screen and (max-width: 768px) {
	.hero__caption {
		width: 100%;
	}
}
@media only screen and (max-width: 580px) {
	.hero__caption {
		padding: 80px 0 0;
		height: auto;
	}
}
.hero__title {
	font-size: 5rem;
	margin-bottom: 50px;
	margin-top: 20px;
}
@media only screen and (max-width: 580px) {
	.hero__title {
		font-size: 3rem;
		margin-bottom: 40px;
	}
}
.hero__title_line {
	position: relative;
}
.hero__title_line::before {
	content: '';
	border-top: 1px solid var(--text-white);
	position: absolute;
	bottom: -24px;
	left: -5%;
	width: 15%;
}
@media only screen and (max-width: 580px) {
	.hero__title_line::before {
		bottom: -18px;
	}
}
.hero__description {
	font-weight: 300;
	line-height: 2.3;
	width: 80%;
}
@media only screen and (min-width: 1300px) {
	.hero__description {
		width: 50%;
	}
}
@media only screen and (max-width: 1300px) {
	.hero__description {
		width: 50%;
	}
}
@media only screen and (max-width: 990px) {
	.hero__description {
		line-height: 2;
		width: 100%;
	}
}
.hero__btn {
	margin-top: 30px;
}
@media only screen and (max-width: 580px) {
	.hero__btn {
		margin-top: 10px;
	}
}
.hero__social {
	position: absolute;
	right: 40px;
	bottom: 40px;
}
@media only screen and (max-width: 768px) {
	.hero__social {
		right: 30px;
	}
}
@media only screen and (max-width: 580px) {
	.hero__social {
		margin-top: 50px;
		position: relative;
		right: auto;
		left: 0;
		bottom: 15px;
	}
}
.hero__social a {
	margin-left: 20px;
}
.hero .next {
	background-image: url(../images/next.svg);
	height: 30px;
	position: absolute;
	left: 40px;
	bottom: 40px;
	width: 30px;
	z-index: 1;
}
.hero .next__arrow {
	display: block;
	height: 30px;
	position: relative;
	width: 30px;
}
.hero .next__arrow::after {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 5px solid var(--text-white);
	content: '';
	height: 5px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 5px;
	-webkit-animation: scrolldown 2s infinite;
	animation: scrolldown 2s infinite;
}
@media only screen and (max-width: 768px) {
	.hero .next {
		left: 30px;
	}
}
@media only screen and (max-width: 580px) {
	.hero .next {
		display: none;
	}
}

@-webkit-keyframes scrolldown {
	0% {
		transform: translate(0, 0);
	}
	25% {
		transform: translate(0, 3px);
	}
	50% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(0, 0);
	}
}
@keyframes scrolldown {
	0% {
		transform: translate(0, 0);
	}
	25% {
		transform: translate(0, 3px);
	}
	50% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(0, 0);
	}
}
.section-cta--bg-image::before {
	content: '';
	background-color: var(--bg-dark);
	height: 100%;
	opacity: .5;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

/* -----------------------------------------------------------------
- Sections
----------------------------------------------------------------- */
.container_md {
	max-width: 900px;
}

.section {
	box-sizing: border-box;
	margin: 10vw 0;
	overflow: hidden;
}
.section__header-wrap {
	margin-bottom: 80px;
}
@media only screen and (max-width: 991px) {
	.section__header-wrap {
		margin-bottom: 50px;
	}
}
@media only screen and (max-width: 580px) {
	.section__header-wrap {
		margin-bottom: 40px;
	}
}
.section__subtitle {
	line-height: 2.2;
	margin-bottom: 0;
	width: 50%;
}
@media only screen and (max-width: 991px) {
	.section__subtitle {
		width: 70%;
	}
}
@media only screen and (max-width: 768px) {
	.section__subtitle {
		width: 100%;
	}
}
@media only screen and (max-width: 580px) {
	.section__subtitle {
		line-height: 2;
	}
}
.section__quote {
	font-style: italic;
	padding-top: 60px;
	position: relative;
}
.section__quote::before {
	background-image: url(../images/icon-quote.svg);
	background-repeat: no-repeat;
	background-position: center;
	content: '';
	height: 52px;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 60px;
}
@media only screen and (max-width: 580px) {
	.section__quote {
		padding-top: 30px;
	}
	.section__quote::before {
		width: 40px;
	}
}
.section_no-space-top {
	margin-top: 0;
}
.section_no-space-bottom {
	margin-bottom: 0;
}
.section_top-space-230 {
	margin-top: 200px;
}
@media only screen and (max-width: 768px) {
	.section_top-space-230 {
		margin-top: 80px;
	}
}
@media only screen and (max-width: 580px) {
	.section_top-space-230 {
		margin-top: 60px;
	}
}
@media only screen and (max-width: 580px) {
	.section_first {
		margin-top: 100px;
	}
}
.section-onescreen {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	height: 100vh;
	margin: 0;
	overflow: hidden;
	padding-top: 5vh;
}
@media only screen and (max-height: 750px) {
	.section-onescreen {
		overflow-x: hidden;
		padding-top: 10vh;
		height: auto;
	}
}
@media only screen and (max-width: 991px) {
	.section-onescreen {
		height: auto;
	}
}
@media only screen and (max-width: 580px) {
	.section-onescreen {
		display: block;
		padding-top: 5rem;
		padding-bottom: 30px;
	}
}
.section-onescreen .footer {
	padding-top: 0;
}
.section-onescreen .footer::before {
	display: none;
}
@media only screen and (max-height: 750px) {
	.section-onescreen .footer {
		padding-top: 60px;
	}
}
.section-oneCarousel {
	padding-top: 10vh;
}
@media only screen and (max-width: 991px) {
	.section-oneCarousel {
		padding-top: 0;
		padding-bottom: 0;
	}
}
@media only screen and (max-width: 991px) {
	.section-oneCarousel .footer {
		display: none;
	}
}
@media only screen and (max-width: 991px) {
	.section-oneCarousel .swiper-control {
		padding: 0 30px;
		position: fixed;
		bottom: 1.2rem;
		z-index: 2;
	}
}
.section-bg {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 100vh;
	min-height: 100vh;
	margin: 0;
	position: relative;
}
.section-bg::before {
	background-color: rgba(17, 17, 17, 0.8);
	content: '';
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 0;
}
.section-bg::after {
	background-image: url(../images/line-maker.svg);
	background-repeat: repeat;
	background-position: center center;
	content: '';
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 0;
}
@media only screen and (max-height: 750px) {
	.section-bg {
		overflow-x: hidden;
		height: auto;
	}
}
.section-bg .container {
	position: relative;
	z-index: 1;
}
.section .row-flex {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	justify-content: center;
}
@media only screen and (max-width: 767px) {
	.section .row-flex {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

.container-flex {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	flex: 1;
	width: 100%;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.container-flex .row {
		width: 100%;
	}
}

.separation-top {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.separation-bottom {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* -----------------------------------------------------------------
- Hello
----------------------------------------------------------------- */
.section__hello {
	position: relative;
	overflow: hidden;
}

.box-image {
	box-shadow: 0 10px 60px rgba(0, 0, 0, 0.2);
	margin: 0 auto;
	position: relative;
	width: 470px;
	transition: all 0.3s 0s cubic-bezier(0.7, 0, 0.3, 1);
	z-index: 1;
}
.box-image::after, .box-image::before {
	content: '';
	opacity: .4;
	position: absolute;
	z-index: -1;
	filter: grayscale(1);
}
.box-image::after {
	background-image: url(../images/decoration-dots-angle.svg);
	height: 62px;
	top: 50px;
	left: -72px;
	width: 62px;
}
.box-image::before {
	background-image: url(../images/decoration-dots-box.svg);
	height: 188px;
	bottom: 50px;
	right: -144px;
	width: 188px;
}
@media only screen and (max-width: 580px) {
	.box-image {
		width: 80%;
	}
}
.box-image img {
	max-width: 100%;
	width: 100%;
}

.col__quote {
	z-index: 1;
}

.text-decoration {
	color: rgba(255, 255, 255, 0.03);
	font-size: 21rem;
	font-weight: 700;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	overflow-x: hidden;
	text-align: center;
	width: 100%;
	white-space: nowrap;
	z-index: -1;
}
.text-decoration_bottom {
	top: auto;
	bottom: 0;
}
.text-decoration_left {
	text-align: left;
}
@media only screen and (max-width: 580px) {
	.text-decoration {
		display: none;
	}
}

/* -----------------------------------------------------------------
- Gallery
----------------------------------------------------------------- */
.grid-gallery {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: auto;
	margin-right: auto;
}
.grid-gallery:after {
	content: '';
	display: block;
	clear: both;
}
.grid-gallery_fully {
	margin-left: -15px;
	margin-right: -15px;
}
@media only screen and (max-width: 580px) {
	.grid-gallery_fully {
		margin-left: 0;
		margin-right: 0;
	}
}
.grid-gallery__fixed {
	margin-left: auto;
	margin-right: auto;
}
.grid-gallery .item-portfolio {
	background-color: var(--text-white);
	margin: 0;
	overflow: hidden;
	padding: 0;
}
.grid-gallery .item-portfolio::before {
	background-color: rgba(17, 17, 17, 0.8);
	content: '';
	height: 100%;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transition: all 0.4s 0s cubic-bezier(0.7, 0, 0.3, 1);
	width: 100%;
	z-index: 1;
}
.grid-gallery .item-portfolio:hover::before {
	opacity: 1;
}
.grid-gallery .item-portfolio:hover .image-portfolio {
	opacity: 1;
	transform: scale3d(1.05, 1.05, 1);
	-webkit-filter: blur(0px);
	filter: blur(0px);
}
.grid-gallery .item-portfolio__column-four {
	height: 25vw;
	width: 25%;
}
@media screen and (min-width: 1500px) {
	.grid-gallery .item-portfolio__column-four {
		width: 25%;
	}
}
@media screen and (max-width: 1170px) {
	.grid-gallery .item-portfolio__column-four {
		width: 25%;
	}
}
@media screen and (max-width: 768px) {
	.grid-gallery .item-portfolio__column-four {
		height: 50vw;
		width: 50%;
	}
}
@media screen and (max-width: 580px) {
	.grid-gallery .item-portfolio__column-four {
		margin-bottom: 15px;
		height: auto;
		width: 100%;
	}
}
.grid-gallery .item-portfolio__column-three {
	margin-bottom: 30px;
	width: 290px;
}
@media screen and (min-width: 1200px) {
	.grid-gallery .item-portfolio__column-three {
		width: 350px;
	}
}
@media screen and (max-width: 991px) {
	.grid-gallery .item-portfolio__column-three {
		width: 330px;
	}
}
@media screen and (max-width: 768px) {
	.grid-gallery .item-portfolio__column-three {
		width: 240px;
	}
}
@media screen and (max-width: 580px) {
	.grid-gallery .item-portfolio__column-three {
		margin-bottom: 15px;
		width: 100%;
	}
}
.grid-gallery .item-portfolio__two-column {
	width: 50%;
}
@media screen and (max-width: 580px) {
	.grid-gallery .item-portfolio__two-column {
		width: 100%;
	}
}
.grid-gallery .item-portfolio .item-details {
	position: absolute;
	bottom: 2px;
	padding: 20px;
	opacity: 0;
	transition: all 0.4s 0s cubic-bezier(0.7, 0, 0.3, 1);
	width: 100%;
	z-index: 2;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: end;
	text-decoration: none;
}
.grid-gallery .item-portfolio .item-details .category-label {
	position: absolute;
	top: 24px;
	right: 24px;
	font-size: 12px;
}
.grid-gallery .item-portfolio:hover .item-details {
	opacity: 1;
}
.grid-gallery .image-portfolio {
	cursor: url(../images/zoom_cursor.svg) 30 30, pointer;
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover';
	opacity: .9;
	transform: scale3d(1, 1, 1);
	transition: all 0.4s 0s cubic-bezier(0.7, 0, 0.3, 1);
	-webkit-filter: blur(0);
	filter: blur(0);
}

.touch .item__portfolio {
	cursor: pointer;
}

.hidden {
	visibility: hidden;
	width: 0px !important;
	height: 0px !important;
	margin: 0px !important;
	padding: 0px !important;
}

/* More */
.section-works .btn-link {
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: 43px;
}
@media only screen and (max-width: 580px) {
	.section-works .btn-link {
		margin-top: 1rem;
		margin-bottom: 1rem;
		margin-left: 0;
	}
}
.section-works .btn-link_right {
	margin-right: 43px;
	margin-left: 0;
}
@media only screen and (max-width: 580px) {
	.section-works .btn-link {
		margin-right: 0;
	}
}

/* Custom viewer */
.pswp__bg {
	background-color: var(--bg-dark);
}

.pswp__caption {
	background-color: transparent !important;
	min-height: 0;
	opacity: 1 !important;
	position: absolute;
	left: auto;
	bottom: 0;
	right: 0;
	width: 0;
	z-index: 1;
}
.pswp__caption::before {
	background-image: url(../images/icon-info.svg);
	background-repeat: no-repeat;
	background-position: center center;
	content: '';
	cursor: pointer;
	height: 26px;
	position: absolute;
	bottom: 30px;
	right: 30px;
	width: 26px;
	z-index: 2;
}
@media only screen and (max-width: 580px) {
	.pswp__caption::before {
		bottom: 15px;
		right: 15px;
	}
}
.pswp__caption:hover > .pswp__caption__center {
	opacity: 1;
	transform: translateX(0);
}
.pswp__caption .pswp__caption__center {
	background-color: var(--bg-light-dark);
	box-shadow: 0 10px 60px rgba(0, 0, 0, 0.2);
	min-width: 200px;
	padding: 30px 30px 50px;
	position: absolute;
	bottom: 0;
	right: 0;
	opacity: 0;
	transform: translateX(100%);
	transition: all 0.3s 0s cubic-bezier(0.7, 0, 0.3, 1);
}
.pswp__caption .pswp__caption__center .options__photo {
	font-size: .857rem;
	font-weight: 600;
	line-height: 2;
	margin-bottom: 16px;
}
.pswp__caption .pswp__caption__center .options__photo span {
	display: block;
	font-weight: 300;
	text-transform: uppercase;
}

@media only screen and (min-width: 769px) {
	.filter {
		display: inline-flex;
		flex-wrap: wrap;
		list-style: none;
		margin-bottom: 2rem;
		padding: 0;
	}
	.filter__item {
		font-size: 1.125rem;
		font-weight: 500;
		padding-right: 2rem;
	}
	.filter__item:last-child {
		padding-right: 0;
	}
	.filter__item.active a {
		color: var(--primary-color);
	}
	.filter__link {
		color: var(--text-white);
		padding: 0 4px;
		text-decoration: none;
		display: block;
		overflow: hidden;
		position: relative;
	}
	.filter__link:hover {
		text-decoration: none;
	}
}
.select .placeholder {
	display: none;
}

@media only screen and (max-width: 768px) {
	.select {
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		color: var(--text-white);
		display: block;
		margin-bottom: 3rem;
		position: relative;
		vertical-align: middle;
		text-align: left;
		user-select: none;
		width: 100%;
		-webkit-touch-callout: none;
		z-index: 2;
	}
	.select .placeholder {
		position: relative;
		display: block;
		background-color: var(--bg-dark);
		z-index: 1;
		padding: .5rem 0;
		cursor: pointer;
	}
	.select .placeholder:after {
		position: absolute;
		right: 2px;
		top: 50%;
		transform: translateY(-50%);
		font-family: 'fontawesome';
		content: '\f107';
		z-index: 10;
	}
	.select.is-open .placeholder:after {
		content: '\f106';
	}
	.select.is-open ul {
		display: block;
	}
	.select ul {
		display: none;
		position: absolute;
		overflow: hidden;
		overflow-y: auto;
		width: 100%;
		background: var(--text-white);
		box-shadow: 0 10px 60px rgba(17, 17, 17, 0.1);
		top: 100%;
		left: 0;
		padding: .6rem 0;
		z-index: 100;
		max-height: 600px;
	}
	.select ul li {
		display: block;
		text-align: left;
		padding: .2rem 1.2rem;
		color: var(--bg-dark);
		cursor: pointer;
	}
	.select ul li:hover {
		background: rgba(17, 17, 17, 0.05);
	}
	.select ul li a {
		color: var(--bg-dark);
		text-decoration: none;
	}
}
@media only screen and (max-width: 580px) {
	.select {
		margin-bottom: .8rem;
	}
}
/* -----------------------------------------------------------------
- Statistics
----------------------------------------------------------------- */
@media screen and (max-width: 768px) {
	.section-counters {
		margin-top: 100px;
	}
}
@media only screen and (max-width: 580px) {
	.section-counters {
		margin-top: 30px;
	}
}

.counter {
	overflow: hidden;
	position: relative;
}
@media screen and (max-width: 768px) {
	.counter {
		margin-bottom: 60px;
	}
}
@media only screen and (max-width: 580px) {
	.counter {
		margin-bottom: 20px;
	}
}
.counter_last-child {
	margin-bottom: 0;
}
.counter__date {
	font-family: "Poppins", sans-serif;
	font-size: 3.43rem;
	letter-spacing: .2rem;
	line-height: 1.4;
	margin-bottom: 10px;
}
@media screen and (max-width: 580px) {
	.counter__date {
		font-size: 2.43rem;
	}
}
.counter__name {
	letter-spacing: .3rem;
	text-transform: uppercase;
}

/* -----------------------------------------------------------------
- Testimonials
----------------------------------------------------------------- */
.client-carousel-item {
	height: 460px;
	opacity: .4;
}
@media only screen and (max-width: 991px) {
	.client-carousel-item {
		height: 360px;
	}
}
@media only screen and (max-width: 768px) {
	.client-carousel-item {
		width: 100%;
	}
}
@media only screen and (max-width: 580px) {
	.client-carousel-item {
		background-color: var(--bg-darker);
		height: auto;
		padding: 15px;
	}
}
.client-carousel-item .item__block-author {
	background-color: var(--bg-light-dark);
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	height: 100%;
	position: relative;
	width: 460px;
	z-index: 1;
}
.client-carousel-item .item__block-author::after {
	background-color: var(--bg-darker);
	content: '';
	height: 100%;
	position: absolute;
	top: 0;
	right: -180px;
	width: 180px;
	z-index: -1;
}
@media only screen and (max-width: 991px) {
	.client-carousel-item .item__block-author {
		height: 360px;
		width: 360px;
	}
}
@media only screen and (max-width: 580px) {
	.client-carousel-item .item__block-author {
		height: 220px;
		margin: 0 auto;
		width: 220px;
	}
	.client-carousel-item .item__block-author::after {
		display: none;
	}
}
.client-carousel-item .item__block-image {
	background-color: var(--bg-dark);
	height: 228px;
	margin: auto;
	overflow: hidden;
	position: relative;
	width: 228px;
}
.client-carousel-item .item__block-image img {
	max-width: 100%;
}
@media only screen and (max-width: 991px) {
	.client-carousel-item .item__block-image {
		height: 160px;
		width: 160px;
	}
}
@media only screen and (max-width: 580px) {
	.client-carousel-item .item__block-image {
		height: 130px;
		width: 130px;
	}
}
.client-carousel-item .item__block-name {
	position: absolute;
	bottom: 22px;
	text-align: center;
	width: 100%;
}
.client-carousel-item .item__block-name .client__name,
.client-carousel-item .item__block-name .cleint__organization {
	font-family: "Poppins", sans-serif;
	font-size: 1.29rem;
	font-weight: 300;
	letter-spacing: .15rem;
}
.client-carousel-item .item__block-name .cleint__organization {
	font-size: .86rem;
	margin-top: 17px;
	opacity: .4;
}
@media only screen and (max-width: 991px) {
	.client-carousel-item .item__block-name {
		bottom: 20px;
	}
	.client-carousel-item .item__block-name .client__name {
		font-size: 1rem;
	}
	.client-carousel-item .item__block-name .cleint__organization {
		margin-top: 10px;
	}
}
@media only screen and (max-width: 580px) {
	.client-carousel-item .item__block-name {
		bottom: -30px;
	}
	.client-carousel-item .item__block-name .client__name {
		font-size: 1.29rem;
		letter-spacing: 0;
	}
	.client-carousel-item .item__block-name .cleint__organization {
		letter-spacing: 0;
	}
}
.client-carousel-item .item__block-description {
	margin-left: 410px;
	position: absolute;
	top: 170px;
	z-index: 1;
}
.client-carousel-item .item__block-description::after {
	background-color: var(--text-white);
	content: '';
	height: 1px;
	position: absolute;
	top: -35px;
	left: -100px;
	width: 140px;
}
@media only screen and (max-width: 991px) {
	.client-carousel-item .item__block-description {
		margin-left: 300px;
		top: 95px;
	}
	.client-carousel-item .item__block-description::after {
		top: 20%;
		left: -60px;
		width: 40px;
	}
}
@media only screen and (max-width: 768px) {
	.client-carousel-item .item__block-description {
		padding-right: 30px;
	}
}
@media only screen and (max-width: 580px) {
	.client-carousel-item .item__block-description {
		margin-top: 40px;
		margin-left: 0;
		padding-right: 15px;
		padding-left: 15px;
		position: relative;
		top: 0;
		text-align: center;
	}
	.client-carousel-item .item__block-description::after {
		display: none;
	}
}
.client-carousel-item .item__block-number {
	font-size: 4.29rem;
	font-weight: 700;
	letter-spacing: .5rem;
	line-height: 2;
	margin-left: 30px;
	position: absolute;
	top: 0;
	z-index: 2;
}
.client-carousel-item .item__block-number::after {
	background-color: var(--primary-color);
	content: '';
	height: 28%;
	position: absolute;
	left: -60%;
	bottom: 25%;
	width: 0;
	z-index: -1;
	transition: all 2s 800ms cubic-bezier(0.7, 0, 0.3, 1);
}
.client-carousel-item .item__block-number.animated::after {
	width: 100%;
}
@media only screen and (max-width: 991px) {
	.client-carousel-item .item__block-number {
		font-size: 3rem;
		margin-left: 25px;
	}
}
@media only screen and (max-width: 580px) {
	.client-carousel-item .item__block-number {
		font-size: 2.6rem;
	}
}
@media only screen and (min-width: 768px) {
	.client-carousel-item {
		width: 580px;
	}
}
@media only screen and (min-width: 991px) {
	.client-carousel-item {
		width: 750px;
	}
}
@media only screen and (min-width: 1800px) {
	.client-carousel-item {
		width: 950px;
	}
}

/* -----------------------------------------------------------------
- Photo Carousel
----------------------------------------------------------------- */
@media only screen and (max-width: 991px) {
	.photo-carousel {
		height: 100vh;
		padding-bottom: 0 !important;
	}
}
.photo-carousel__item {
	background-color: var(--bg-light-dark);
	height: 360px;
	opacity: .3;
	width: 600px;
}
@media screen and (min-width: 1500px) {
	.photo-carousel__item {
		height: 420px;
		width: 800px;
	}
}
@media only screen and (max-width: 991px) {
	.photo-carousel__item {
		height: 100%;
		width: 100%;
	}
}
.photo-carousel__item::before {
	background: rgba(17, 17, 17, 0);
	content: '';
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 0;
}
@media only screen and (max-width: 991px) {
	.photo-carousel__item::before {
		background: rgba(17, 17, 17, 0.6);
	}
}
.photo-carousel__item .item__block-image {
	background-size: cover;
	background-position: center;
	height: 100%;
	overflow: hidden;
	width: 100%;
}
@media only screen and (max-width: 991px) {
	.photo-carousel__item .item__block-image::before, .photo-carousel__item .item__block-image::after {
		visibility: hidden;
	}
}
.photo-carousel__item .item__block-description {
	margin-left: -120px;
	margin-top: 60px;
	position: absolute;
	top: 0;
	z-index: 2;
}
@media only screen and (max-width: 991px) {
	.photo-carousel__item .item__block-description {
		font-size: 2.6rem;
		height: 100%;
		width: 100%;
		margin-left: 0;
		margin-top: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 1;
	}
}
.photo-carousel__item .item__block-description .title {
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 0;
	position: relative;
	letter-spacing: .2rem;
	text-shadow: 0 8px 30px rgba(17, 17, 17, 0.3);
}
.photo-carousel__item .item__block-description .title::after {
	background-color: var(--primary-color);
	content: '';
	height: 40%;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	z-index: -1;
	transition: all 2s 800ms cubic-bezier(0.7, 0, 0.3, 1);
}

/* Swiper */
.swiper-container {
	padding-bottom: 40px;
	position: relative;
	width: 100%;
}
.swiper-container .swiper-wrapper {
	transition: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.swiper-container .swiper-slide-active {
	opacity: 1;
}
.swiper-container .swiper-slide-active .title::after {
	width: 100%;
}

.swiper-pagination {
	bottom: 0;
}

.swiper-control {
	letter-spacing: .2rem;
	margin-top: 50px;
	padding: 0 60px;
	position: relative;
	text-transform: uppercase;
	width: 100%;
}
@media only screen and (max-width: 580px) {
	.swiper-control {
		margin-top: 0;
		padding: 20px 15px 0;
	}
}
.swiper-control .swiper-button-prev,
.swiper-control .swiper-button-next {
	background-image: none;
	display: inline-block;
	height: auto;
	margin-top: 0;
	position: relative;
	opacity: 1;
	top: auto;
	bottom: 0;
	width: auto;
	transition: all 0.3s 0s cubic-bezier(0.7, 0, 0.3, 1);
}
.swiper-control .swiper-button-prev::after,
.swiper-control .swiper-button-next::after {
	background-color: var(--text-white);
	content: '';
	height: 1px;
	margin: auto 0;
	position: absolute;
	top: -1px;
	bottom: 0;
	width: 60px;
	transition: all 0.3s 0s cubic-bezier(0.7, 0, 0.3, 1);
}
.swiper-control .swiper-button-prev:hover,
.swiper-control .swiper-button-next:hover {
	opacity: .5;
}
@media only screen and (max-width: 580px) {
	.swiper-control .swiper-button-prev::after,
	.swiper-control .swiper-button-next::after {
		display: none;
	}
}
.swiper-control .swiper-button-prev::after {
	right: -100%;
	margin-right: -100%;
}
.swiper-control .swiper-button-prev:hover::after {
	right: 0;
	margin-right: 0;
}
.swiper-control .swiper-button-next {
	float: right;
}
.swiper-control .swiper-button-next::after {
	left: -100%;
	margin-left: -100%;
}
.swiper-control .swiper-button-next:hover::after {
	left: 0;
	margin-left: 0;
}

/* -----------------------------------------------------------------
- Pricing
----------------------------------------------------------------- */
.pricing-grid {
	height: 100%;
}
.pricing-grid .swiper-wrapper {
	min-height: 100%;
}
.pricing-grid .swiper-wrapper .swiper-slide {
	height: auto !important;
}
.pricing-grid__item {
	background-color: var(--bg-darker);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 100%;
	padding: 60px;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.pricing-grid__item::before {
	background-color: var(--bg-dark);
	content: '';
	height: 100%;
	opacity: .8;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	transition: all 0.6s 0s cubic-bezier(0.7, 0, 0.3, 1);
	z-index: -1;
}
.pricing-grid__item::after {
	background-color: var(--primary-color);
	content: '';
	height: 100%;
	opacity: .8;
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	transition: all 0.6s 0s cubic-bezier(0.7, 0, 0.3, 1);
	z-index: -1;
}
.pricing-grid__item:hover::after {
	left: 0;
	opacity: .9;
}
.pricing-grid__item:hover::before {
	opacity: 0;
}
@media only screen and (max-width: 580px) {
	.pricing-grid__item {
		padding: 30px;
	}
}
.pricing-grid__item .title__h4 {
	margin-top: 0;
	margin-bottom: 40px;
	position: relative;
}
@media only screen and (max-width: 580px) {
	.pricing-grid__item .title__h4 {
		margin-bottom: 20px;
	}
}
.pricing-grid__item .title__h4::after {
	background-color: var(--text-white);
	content: '';
	height: 1px;
	position: absolute;
	top: 50%;
	left: -60px;
	width: 30px;
	z-index: 99999;
}
.pricing-grid__item .pricing-options {
	letter-spacing: .1rem;
	margin-bottom: 16px;
}
@media only screen and (max-width: 580px) {
	.pricing-grid__item .pricing-options {
		letter-spacing: 0;
		margin-bottom: 10px;
	}
}
.pricing-grid__item .pricing-options__name {
	font-size: .86rem;
	font-weight: 300;
	opacity: .7;
	text-transform: uppercase;
}
.pricing-grid__item .pricing-footer {
	margin-top: 70px;
}
@media only screen and (max-width: 580px) {
	.pricing-grid__item .pricing-footer {
		margin-top: 30px;
	}
}
.pricing-grid__item .price {
	display: inline-block;
	font-family: "Poppins", sans-serif;
	font-size: 2.715rem;
	font-weight: 600;
	margin-top: -10px;
	letter-spacing: .4rem;
	line-height: 1;
}
@media only screen and (max-width: 580px) {
	.pricing-grid__item .price {
		font-size: 2rem;
	}
}
.pricing-grid__item .price_small {
	font-size: 1.4rem;
	letter-spacing: .2rem;
}

/* -----------------------------------------------------------------
- Brands logos
----------------------------------------------------------------- */
.brand-col {
	margin-bottom: 100px;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.brand-col {
		margin-bottom: 40px;
	}
}
.brand-col__logo {
	height: 120px;
	transition: all 0.6s 0s cubic-bezier(0.7, 0, 0.3, 1);
}
@media screen and (max-width: 991px) {
	.brand-col__logo {
		height: 100px;
	}
}
@media screen and (max-width: 768px) {
	.brand-col__logo {
		height: 80px;
	}
}
@media screen and (max-width: 580px) {
	.brand-col__logo {
		height: 70px;
	}
}

/* -----------------------------------------------------------------
- Newsletter  
----------------------------------------------------------------- */
.section-newsletter {
	margin-bottom: 120px;
}
@media only screen and (max-width: 580px) {
	.section-newsletter {
		margin-bottom: 20px;
	}
}
.section-newsletter .section__header-wrap {
	margin-bottom: 2vw;
}
.section-newsletter .section__header-wrap .title {
	margin-top: 0;
}

.subscribe-form__inner {
	margin: 0 auto;
	position: relative;
	width: 500px;
}
@media only screen and (max-width: 580px) {
	.subscribe-form__inner {
		width: 100%;
	}
}
.subscribe-form__inner .form-control {
	padding-right: 100px;
}
.subscribe-form__inner .btn-subscribe {
	background-color: transparent;
	border: 0;
	border-left: 1px solid var(--text-white);
	color: var(--text-white);
	cursor: pointer;
	font-weight: 500;
	height: 100%;
	letter-spacing: .2rem;
	position: absolute;
	top: 0;
	right: 0;
	width: 76px;
	z-index: 2;
}

/* -----------------------------------------------------------------
- Section History
----------------------------------------------------------------- */
.section-history .section__header-wrap {
	margin-bottom: 8vh;
}
@media only screen and (max-width: 580px) {
	.section-history .section__header-wrap {
		margin-bottom: 80px;
	}
}
.section-history .row-flex {
	margin-bottom: 10vw;
}

.col-about__describe_left {
	padding-right: 60px;
}
@media only screen and (max-width: 991px) {
	.col-about__describe_left {
		padding-right: 0;
	}
}
.col-about__describe_left .block-description {
	padding-right: 70px;
}
.col-about__describe_left .block-description::before {
	right: -70px;
}
.col-about__describe_right {
	padding-left: 60px;
}
@media only screen and (max-width: 991px) {
	.col-about__describe_right {
		padding-left: 0;
	}
}
.col-about__describe_right .block-description {
	padding-left: 70px;
}
.col-about__describe_right .block-description::before {
	left: -70px;
}
.col-about__describe .title {
	margin-top: 1rem;
	margin-bottom: 2.5rem;
}
@media only screen and (max-width: 991px) {
	.col-about__describe .title {
		font-size: 2.429rem;
		margin-bottom: 2rem;
	}
}
.col-about__describe .block-description {
	font-weight: 300;
	line-height: 2.2;
	position: relative;
}
@media only screen and (max-width: 1199px) {
	.col-about__describe .block-description {
		padding-left: 0;
		padding-right: 0;
	}
}
@media only screen and (max-width: 991px) {
	.col-about__describe .block-description {
		line-height: 2;
	}
}
.col-about__describe .block-description::before {
	background-color: var(--text-white);
	content: '';
	height: 1px;
	position: absolute;
	top: 10px;
	width: 90px;
}
@media only screen and (max-width: 1199px) {
	.col-about__describe .block-description::before {
		display: none;
	}
}
.col-about__describe .block-description_two-column {
	column-count: 2;
	column-gap: 40px;
	line-height: 2.0;
	padding-left: 0;
	text-align: justify;
}
@media only screen and (max-width: 991px) {
	.col-about__describe .block-description_two-column {
		column-count: 1;
		column-gap: 0;
		text-align: left;
	}
}
.col-about__describe .block-description_two-column::before {
	top: -20px;
	left: -70px;
}

.block-image {
	margin-left: 0;
	position: relative;
	width: 100%;
	z-index: 1;
	transition: all 0.6s 0s cubic-bezier(0.7, 0, 0.3, 1);
}
@media only screen and (max-width: 991px) {
	.block-image {
		margin: 0 auto 1rem;
		text-align: center;
	}
}
.block-image::before {
	background-image: url(../images/decoration-dots-box.svg);
	content: '';
	height: 188px;
	opacity: .4;
	position: absolute;
	bottom: -73px;
	right: -34px;
	width: 188px;
	z-index: -1;
	filter: grayscale(1);
}
.block-image img {
	width: 100%;
	object-fit: cover;
	font-family: "object-fit: cover;";
}
.block-image._right {
	text-align: right;
}
@media only screen and (max-width: 991px) {
	.block-image._right {
		text-align: center;
	}
}
.block-image__number {
	display: block;
	font-size: 7rem;
	font-weight: 700;
	position: absolute;
	top: -90px;
	left: -35px;
	z-index: 2;
}
@media only screen and (max-width: 1199px) {
	.block-image__number {
		font-size: 6rem;
		top: -80px;
		left: -35px;
	}
}
@media only screen and (max-width: 991px) {
	.block-image__number {
		font-size: 5rem;
		top: -66px;
		left: -30px;
	}
}
@media only screen and (max-width: 580px) {
	.block-image__number {
		font-size: 4rem;
		top: -45px;
		left: -15px;
	}
}

.list-info {
	color: var(--text-muted);
	margin-top: 25px;
}
@media screen and (max-width: 991px) {
	.list-info {
		margin-top: 0;
	}
}
.list-info strong {
	color: var(--text-white);
}

.section-onescreen {
	position: relative;
}
@media only screen and (max-height: 820px) {
	.section-onescreen .block-image {
		height: 380px;
		overflow: hidden;
	}
	.section-onescreen .block-image::before {
		display: none;
	}
}
@media only screen and (max-height: 820px) {
	.section-onescreen .title__section {
		font-size: 2.429rem;
		letter-spacing: .1rem;
	}
}

/* -----------------------------------------------------------------
- Blog
----------------------------------------------------------------- */
.grid-news {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: auto;
	margin-right: auto;
	width: 100% !important;
}

.item-news {
	margin-bottom: 140px;
}
@media only screen and (max-width: 580px) {
	.item-news {
		margin-bottom: 60px;
	}
}
.item-news__header {
	margin-bottom: 40px;
	padding-left: 100px;
}
.item-news__header .title {
	font-weight: 400;
	letter-spacing: .2rem;
	line-height: 1.3;
	margin-top: 20px;
}
.item-news__header .title__overhead {
	letter-spacing: .3rem;
}
.item-news .media-content {
	display: block;
	line-height: 0;
	margin-bottom: 40px;
	text-align: center;
	width: 100%;
}
.item-news .media-content__video .reveal {
	display: block;
}
.item-news .media-content .news-image {
	display: block;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
img.news-image {
	width: 100% !important;
	height: auto !important;
	object-fit: cover;
}
.item-news iframe {
	border: 0;
	display: block;
	height: 630px;
	width: 100%;
	transition: all 0.6s 0s cubic-bezier(0.7, 0, 0.3, 1);
}
@media screen and (max-width: 1200px) {
	.item-news iframe {
		height: 530px;
	}
}
@media screen and (max-width: 991px) {
	.item-news iframe {
		height: 390px;
	}
}
@media screen and (max-width: 768px) {
	.item-news iframe {
		height: 290px;
	}
}
@media only screen and (max-width: 320px) {
	.item-news iframe {
		height: 160px;
	}
}
.item-news__paragraph {
	font-weight: 300;
	line-height: 2.2;
	margin-left: auto;
	margin-right: auto;
	max-width: 820px;
}
@media only screen and (max-width: 580px) {
	.item-news__paragraph {
		line-height: 2;
	}
}
.item-news__paragraph_line {
	position: relative;
}
.item-news__paragraph_line::before {
	background-color: var(--text-white);
	content: '';
	height: 1px;
	position: absolute;
	left: -160px;
	top: 10px;
	width: 100px;
}
.item-news__paragraph p {
	margin-bottom: 24px;
}
@media only screen and (max-width: 580px) {
	.item-news__paragraph p {
		margin-bottom: 12px;
	}
}
.item-news__paragraph img {
	max-width: 100%;
	width: 100%;
}
.item-news__paragraph ul {
	list-style-type: disc;
	margin: 30px 0;
}
.item-news__paragraph ul li {
	margin-bottom: 12px;
}
.item-news__paragraph table {
	border-bottom: 1px solid #ededed;
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 2;
	margin: 0 0 20px;
	width: 100%;
}
.item-news__paragraph th {
	font-weight: bold;
	text-transform: uppercase;
}
.item-news__paragraph td {
	border-top: 1px solid #ededed;
	padding: 6px 10px 6px 0;
}
.item-news__footer .btn {
	margin-top: 20px;
}
.item-news__masonry {
	margin-bottom: 70px;
	width: 340px;
}
@media screen and (max-width: 991px) {
	.item-news__masonry {
		width: 380px;
	}
}
@media only screen and (max-width: 580px) {
	.item-news__masonry {
		margin-bottom: 40px;
	}
}
@media only screen and (max-width: 320px) {
	.item-news__masonry {
		width: 290px;
	}
}
.item-news__masonry:hover .media-content {
	box-shadow: inset 0 0 0 20px var(--bg-dark);
}
.item-news__masonry:hover .media-content .news-image {
	transform: matrix(1.05, 0, 0, 1.05, 0, 0);
}
.item-news__masonry:hover .item-news__header::before {
	height: 60%;
}
.item-news__masonry .media-content {
	box-shadow: inset 0 0 0 0px var(--bg-dark);
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 40px;
	overflow: hidden;
	width: auto;
	transition: all 0.6s 0s cubic-bezier(0.7, 0, 0.3, 1);
}
@media only screen and (max-width: 991px) {
	.item-news__masonry .media-content {
		margin-left: 0;
		margin-right: 0;
	}
}
.item-news__masonry .media-content .news-image {
	position: relative;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transition: all 0.6s 0s cubic-bezier(0.7, 0, 0.3, 1);
	z-index: -1;
}
.item-news__masonry .item-news__header {
	margin-bottom: 0;
	padding-left: 30px;
	position: relative;
}
.item-news__masonry .item-news__header::before {
	background-color: var(--text-white);
	content: '';
	height: 100%;
	position: absolute;
	left: 0;
	transition: all 0.6s 0s cubic-bezier(0.7, 0, 0.3, 1);
	width: 1px;
}
.item-news__masonry .title {
	letter-spacing: .1rem;
	line-height: 1.6;
	margin-top: 15px;
	margin-bottom: 15px;
}
@media only screen and (max-width: 580px) {
	.item-news__masonry .title {
		letter-spacing: 0;
	}
}
.item-news__masonry .title a {
	text-decoration: none;
}
.item-news__masonry .title a:hover {
	color: var(--text-muted);
}
.item-news__masonry .title__overhead {
	font-size: .715rem;
	letter-spacing: .1rem;
	margin-top: 0;
	opacity: .5;
}
.item-news__masonry_fully .media-content {
	margin-left: 0;
	margin-right: 0;
}
.item-news .initial_letter {
	font-size: 4rem;
	font-weight: 700;
	padding: 3px 16px 0 0;
	line-height: 1;
	float: left;
	display: inline-block;
}
@media only screen and (max-width: 580px) {
	.item-news .initial_letter {
		font-size: 3rem;
	}
}

.item-details {
	list-style: none;
	padding-left: 30px;
}
.item-details_right {
	float: right;
}
.item-details li {
	display: inline-block;
	margin-right: 18px;
}
.item-details li:last-child {
	margin-right: 0;
}
.item-details li span {
	display: inline-block;
	font-size: .715rem;
	padding-left: 10px;
}

.touch .item-news__masonry {
	cursor: pointer;
}

@media screen and (max-width: 991px) {
	.item-news__main .item-news__header {
		padding-left: 0;
		margin-bottom: 50px;
	}
}
@media only screen and (max-width: 580px) {
	.item-news__main .item-news__header {
		margin-bottom: 30px;
	}
}
@media screen and (max-width: 991px) {
	.item-news__main .item-news__header .title {
		font-size: 3.3rem;
	}
}
@media only screen and (max-width: 580px) {
	.item-news__main .item-news__header .title {
		font-size: 2.5rem;
		letter-spacing: 0;
	}
}
@media screen and (max-width: 991px) {
	.item-news__main .media-content {
		margin-bottom: 50px;
	}
}
@media only screen and (max-width: 580px) {
	.item-news__main .media-content {
		margin-bottom: 30px;
	}
}
@media screen and (max-width: 991px) {
	.item-news__main .item-news__paragraph {
		padding-left: 0;
		padding-right: 0;
	}
	.item-news__main .item-news__paragraph_line::before {
		display: none;
	}
}

/* Singel Post */
.news-singel .item-news {
	margin-bottom: 120px;
}
@media only screen and (max-width: 580px) {
	.news-singel .item-news {
		margin-bottom: 40px;
	}
}
.news-singel .item-news__header {
	padding-left: 0;
	max-width: 970px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	position: relative;
}
.news-singel .item-news__header .title {
	margin-top: 0;
	margin-bottom: 20px;
}
@media only screen and (max-width: 580px) {
	.news-singel .item-news__header .title {
		margin-bottom: 10px;
	}
}
.news-singel .item-news blockquote {
	margin-top: 50px;
	margin-bottom: 30px;
	padding-left: 30px;
	padding-right: 30px;
}
@media only screen and (max-width: 580px) {
	.news-singel .item-news blockquote {
		margin-top: 20px;
		margin-bottom: 15px;
		padding-left: 0;
		padding-right: 0;
	}
}
.news-singel .item-news .post-gallery {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -175px;
	margin-right: -175px;
	margin-bottom: 24px;
}
@media only screen and (max-width: 1200px) {
	.news-singel .item-news .post-gallery {
		margin-left: 0;
		margin-right: 0;
	}
}
@media only screen and (max-width: 580px) {
	.news-singel .item-news .post-gallery {
		margin-left: -5px;
		margin-right: -5px;
	}
}
.news-singel .item-news .post-gallery__item {
	flex: auto;
	padding: 15px;
	width: 33.33333333%;
}
@media only screen and (max-width: 580px) {
	.news-singel .item-news .post-gallery__item {
		padding: 5px;
		width: 50%;
	}
}
.news-singel .item-news__footer {
	margin-top: 50px;
}
@media only screen and (max-width: 580px) {
	.news-singel .item-news__footer {
		margin-top: 30px;
	}
}
.news-singel .item-news .share-post {
	padding-top: 44px;
	position: relative;
	text-align: center;
}
.news-singel .item-news .share-post::before {
	background-color: var(--text-white);
	content: '';
	height: 1px;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 80px;
}
@media only screen and (max-width: 580px) {
	.news-singel .item-news .share-post {
		padding-top: 30px;
	}
}
.news-singel .item-news .share-post a {
	display: inline-block;
	margin-right: 35px;
	text-decoration: none;
}
@media only screen and (max-width: 768px) {
	.news-singel .item-news .share-post a {
		margin-right: 30px;
	}
}
.news-singel .item-news .share-post a:hover {
	color: var(--primary-color);
}
.news-singel .item-news .share-post a:last-child {
	margin-right: 0;
}
.news-singel .item-news .share-post a span {
	font-size: .86rem;
	font-weight: 500;
	letter-spacing: .1rem;
	padding-left: 15px;
}
@media only screen and (max-width: 768px) {
	.news-singel .item-news .share-post a span {
		display: none;
	}
}
@media only screen and (max-width: 768px) {
	.news-singel .item-news .share-post a.like-post span {
		display: inline-block;
	}
}

/* Nav */
.pager-wrap {
	margin-top: 90px;
}
@media only screen and (max-width: 580px) {
	.pager-wrap {
		margin-top: 40px;
	}
}
.pager-wrap .pager {
	padding-left: 0;
	margin: 35px 0 20px;
	list-style: none;
	text-align: center;
}
@media only screen and (max-width: 580px) {
	.pager-wrap .pager {
		margin-top: 30px;
	}
}
.pager-wrap .pager li {
	display: inline;
	font-weight: 600;
	letter-spacing: .2rem;
	text-transform: uppercase;
}
.pager-wrap .pager li.previous a::after, .pager-wrap .pager li.next a::after {
	background-color: var(--text-white);
	content: '';
	height: 1px;
	margin: auto 0;
	position: absolute;
	top: -1px;
	bottom: 0;
	width: 60px;
	transition: all 0.3s 0s cubic-bezier(0.7, 0, 0.3, 1);
}
@media only screen and (max-width: 580px) {
	.pager-wrap .pager li.previous a::after, .pager-wrap .pager li.next a::after {
		display: none;
	}
}
.pager-wrap .pager li.previous a {
	float: left;
}
.pager-wrap .pager li.previous a::after {
	right: -100%;
}
.pager-wrap .pager li.previous a:hover::after {
	right: 0;
}
.pager-wrap .pager li.next a {
	float: right;
}
.pager-wrap .pager li.next a::after {
	left: -100%;
}
.pager-wrap .pager li.next a:hover::after {
	left: 0;
}
.pager-wrap .pager li a {
	padding: 5px 14px;
	background-color: transparent;
	border: 0;
	border-radius: 0;
	opacity: .3;
	position: relative;
	text-decoration: none;
}
.pager-wrap .pager li a:hover {
	opacity: 1;
}
.pager-wrap .pager .disabled a:hover, .pager-wrap .pager .disabled a:focus {
	background-color: transparent;
	color: var(--text-muted);
}
.pager-wrap .pager .disabled a::after {
	opacity: .5;
}
.pager-wrap .pager .back_grid {
	fill: var(--text-white);
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
}
.pager-wrap .pager .back_grid:hover {
	fill: var(--text-muted);
}

/* Filters */
.filter-categories {
	font-size: .86rem;
	list-style: none;
	margin-left: 60px;
	margin-top: 13px;
	padding-left: 0;
	position: fixed;
	left: 0;
	z-index: 2;
}
@media screen and (max-width: 1600px) {
	.filter-categories {
		margin-left: 100px;
		margin-top: 0;
		margin-bottom: 60px;
		position: relative;
	}
}
@media screen and (max-width: 991px) {
	.filter-categories {
		margin-left: 0;
		text-align: center;
		font-size: 1rem;
		margin-bottom: 40px;
	}
}
@media only screen and (max-width: 768px) {
	.filter-categories {
		margin-bottom: 20px;
	}
}
.filter-categories__item {
	letter-spacing: .01rem;
	padding: 10px 0;
}
@media screen and (max-width: 1600px) {
	.filter-categories__item {
		display: inline-block;
		margin-right: 26px;
		padding: 0 0 20px 0;
	}
}
@media only screen and (max-width: 580px) {
	.filter-categories__item {
		margin-right: 15px;
		padding: 0 0 10px 0;
	}
}
.filter-categories__item a {
	opacity: .5;
	position: relative;
	text-decoration: none;
	transition: all 0.6s 0s cubic-bezier(0.7, 0, 0.3, 1);
}
.filter-categories__item a:hover {
	opacity: 1;
}
.filter-categories__item_current a {
	color: var(--primary-color);
	opacity: 1;
}
.filter-categories__item_current a::before {
	background-color: var(--primary-color);
	content: '';
	height: 1px;
	margin: auto 0;
	position: absolute;
	top: -1px;
	bottom: 0;
	left: -60px;
	width: 40px;
}
@media screen and (max-width: 1600px) {
	.filter-categories__item_current a::before {
		display: none;
	}
}

/* -----------------------------------------------------------------
- Cooments
----------------------------------------------------------------- */
.section-comments {
	max-width: 820px;
	margin-left: auto;
	margin-right: auto;
}
.section-comments .title {
	margin-bottom: 70px;
}
@media only screen and (max-width: 580px) {
	.section-comments .title {
		margin-bottom: 30px;
	}
}
.section-comments .media {
	margin-top: 50px;
}
@media only screen and (max-width: 580px) {
	.section-comments .media {
		margin-top: 30px;
	}
}
.section-comments .media .col-avatar {
	border-radius: 50%;
	height: 64px;
	padding-right: 0;
	margin-top: 6px;
	margin-right: 30px;
	overflow: hidden;
	width: 64px;
}
@media screen and (max-width: 580px) {
	.section-comments .media .col-avatar {
		height: 42px;
		margin-right: 20px;
		width: 42px;
	}
}
.section-comments .media .col-avatar img {
	height: 64px;
	width: 64px;
}
@media screen and (max-width: 580px) {
	.section-comments .media .col-avatar img {
		height: 42px;
		width: 42px;
	}
}
.section-comments .media .media-header {
	margin-bottom: 14px;
}
@media only screen and (max-width: 580px) {
	.section-comments .media .media-header .media-heading {
		font-size: 1.143rem;
	}
}
.section-comments .media .media-header .data-comment {
	font-size: .86rem;
	opacity: .5;
}
.section-comments .media .media-header a {
	text-decoration: none;
}
.section-comments .media .media-header a:hover {
	color: var(--primary-color);
}
.section-comments .media .media-body {
	font-weight: 300;
	line-height: 2;
}
.section-comments .media .media-body .media-footer {
	margin-top: 10px;
}
.section-comments .media .media-body .media-footer .reply {
	font-size: .86rem;
	font-weight: 500;
	letter-spacing: .2rem;
	opacity: .5;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.6s 0s cubic-bezier(0.7, 0, 0.3, 1);
}
.section-comments .media .media-body .media-footer .reply:hover {
	opacity: 1;
}
.section-comments .media .media-body .media-footer .reply i {
	padding-right: 8px;
}
.section-comments .comment-form {
	margin-top: 110px;
}
@media only screen and (max-width: 580px) {
	.section-comments .comment-form {
		margin-top: 40px;
	}
}
.section-comments .comment-form .btn {
	margin-top: 10px;
}
@media only screen and (max-width: 580px) {
	.section-comments .comment-form .btn {
		margin-top: 0;
	}
}
.section-comments .comment-form .btn-block {
	text-align: center;
}

/* -----------------------------------------------------------------
- Contact
----------------------------------------------------------------- */
@media screen and (max-width: 991px) {
	.section-contact {
		display: block;
		height: auto;
		overflow: visible;
		padding-top: 230px;
	}
}
@media only screen and (max-width: 580px) {
	.section-contact {
		padding-top: 120px;
	}
}
.section-contact .text-block {
	font-weight: 300;
	line-height: 2.2;
}
@media only screen and (max-width: 580px) {
	.section-contact .text-block {
		line-height: 2;
	}
}
.section-contact .btn__contact {
	margin-top: 40px;
}
@media only screen and (max-width: 580px) {
	.section-contact .btn__contact {
		margin-top: 15px;
	}
}

.map-block {
	background-color: var(--bg-dark);
	background-size: cover;
	box-shadow: 0 10px 60px rgba(0, 0, 0, 0.2);
	color: var(--bg-dark);
	height: 380px;
	margin-bottom: 50px;
	transition: all 0.3s 0s cubic-bezier(0.7, 0, 0.3, 1);
}
@media screen and (max-height: 850px) {
	.map-block {
		height: 280px;
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 991px) {
	.map-block {
		margin-top: 60px;
	}
}
@media only screen and (max-width: 580px) {
	.map-block {
		margin-top: 50px;
	}
}
.map-block .gm-style-iw {
	font-weight: 500;
	padding-top: 5px;
}

#contact-form {
	width: 100%;
}
#contact-form textarea {
	max-height: 200px;
	overflow: auto;
}

/* PopUp */
.popup {
	background: var(--bg-dark);
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	height: 100vh;
	opacity: 0;
	padding-top: 30px;
	padding-bottom: 30px;
	position: fixed;
	top: 0;
	left: 0;
	visibility: hidden;
	transform: translateY(-100%);
	transition: all 0.6s 0s cubic-bezier(0.7, 0, 0.3, 1);
	width: 100%;
	z-index: 1000;
}
.popup__btn-close {
	background-color: transparent;
	border: 0;
	color: var(--text-white);
	cursor: pointer;
	letter-spacing: .3rem;
	opacity: 1;
	position: absolute;
	right: 30px;
	top: 30px;
	font-weight: 700;
	text-transform: uppercase;
	transition: all 0.6s 0s cubic-bezier(0.7, 0, 0.3, 1);
	z-index: 1;
}
.popup__btn-close:hover {
	opacity: .5;
}
@media only screen and (max-width: 580px) {
	.popup__btn-close {
		right: 15px;
		top: 15px;
	}
}
.popup-inner {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	height: 100vh;
	transform: translateY(-100%);
	transition: all 0.3s 1s cubic-bezier(0.7, 0, 0.3, 1);
	width: 100%;
}
.show-popup .popup-inner, .show-overlay-nav .popup-inner {
	transform: translateY(0);
}
@media only screen and (max-width: 580px) {
	.popup-inner {
		display: block;
	}
}
@media only screen and (max-width: 991px) {
	.popup.popup-overlay .popup-inner {
		padding-top: 5rem;
		justify-content: flex-start;
	}
}
.popup.show-popup.popup-overlay, .show-popup .popup.popup-overlay, .show-overlay-nav .popup.popup__menu {
	opacity: 1;
	overflow-x: hidden;
	overflow-y: auto;
	visibility: visible;
	transform: translateY(0);
}
.popup.show-popup.popup-overlay::before, .show-popup .popup.popup-overlay::before, .show-overlay-nav .popup.popup__menu::before {
	content: '';
	background-color: var(--bg-dark);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transform: scaleY(0);
	transform-origin: 0% 0% 0px;
	-webkit-animation: reveal-v 1s 800ms cubic-bezier(0, 0, 0.2, 1) both;
	animation: reveal-v 1s 800ms cubic-bezier(0, 0, 0.2, 1) both;
	z-index: 10;
}
.popup.show-popup.popup-overlay::after, .show-popup .popup.popup-overlay::after, .show-overlay-nav .popup.popup__menu::after {
	content: '';
	background-color: var(--primary-color);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transform: scaleY(0);
	transform-origin: 0% 0% 0px;
	-webkit-animation: reveal-v 1s 400ms cubic-bezier(0, 0, 0.2, 1) both;
	animation: reveal-v 1s 400ms cubic-bezier(0, 0, 0.2, 1) both;
	z-index: 10;
}

.show-popup,
.show-overlay-nav,
.hideScroll {
	overflow: hidden;
}

/* -----------------------------------------------------------------
- Page error
----------------------------------------------------------------- */

.mask__img {
	-webkit-text-fill-color: transparent;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: auto;
	-webkit-background-clip: text;
	background-clip: text;
	font-size: 24rem;
	line-height: 1em;
	font-weight: 700;
	font-style: italic;
}
.mask-404 {
	height: 189px;
	margin: 8rem auto 0;
	overflow: hidden;
	position: relative;
	text-align: center;
	width: 500px;
	z-index: 1;
}
.mask-404::before {
	background-image: url(../images/404-mask.svg);
	background-repeat: no-repeat;
	content: '';
	height: 189px;
	position: absolute;
	left: 0;
	width: 500px;
	z-index: 2;
}
@media screen and (max-width: 991px) {
	.mask-404 {
		height: 189px;
		width: 500px;
	}
	.mask-404::before {
		height: 189px;
		width: 500px;
	}
}
@media screen and (max-width: 768px) {
	.mask-404 {
		height: 151px;
		width: 400px;
	}
	.mask-404::before {
		height: 151px;
		width: 400px;
	}
}
@media screen and (max-width: 580px) {
	.mask-404 {
		height: 109px;
		margin: 4rem auto 0;
		width: 290px;
	}
	.mask-404::before {
		height: 109px;
		width: 290px;
	}
}
.mask-404 .mask__img {
	background-size: cover;
	background-position: center center;
	margin: auto;
	height: 98%;
	position: relative;
	width: 98%;
	z-index: -1;
}

.element-404 {
	background-image: url(../images/404.svg);
	background-repeat: no-repeat;
	height: 189px;
	margin: 8rem auto 0;
	position: relative;
	text-align: center;
	width: 500px;
	z-index: 1;
}
.mask__img.thank-you {
	font-size: 12rem;
}
@media screen and (max-width: 991px) {
	.element-404 {
		height: 189px;
		width: 500px;
	}
	.element-404::before {
		height: 189px;
		width: 500px;
	}
}
@media screen and (max-width: 768px) {
	.element-404 {
		height: 151px;
		width: 400px;
	}
	.element-404::before {
		height: 151px;
		width: 400px;
	}
	.mask__img {
		font-size: 11rem;
	}
	.mask__img.thank-you {
		font-size: 7rem;
	}
}
@media screen and (max-width: 580px) {
	.element-404 {
		height: 109px;
		width: 290px;
	}
	.element-404::before {
		height: 109px;
		width: 290px;
	}
}

/* -----------------------------------------------------------------
- Footer
----------------------------------------------------------------- */
.footer {
	padding: 100px 0 40px;
	position: relative;
}
@media only screen and (max-width: 768px) {
	.footer {
		padding: 40px 0 40px;
	}
}
@media only screen and (max-width: 580px) {
	.footer {
		padding: 30px 0 0px;
	}
}
.footer-fluid {
	padding-left: 60px;
	padding-right: 60px;
	width: 100%;
}
@media only screen and (max-width: 768px) {
	.footer-fluid {
		margin-top: 60px;
	}
}
@media only screen and (max-width: 580px) {
	.footer-fluid {
		margin-top: 40px;
		text-align: center;
	}
	.footer-fluid .col-sm-6 {
		width: 100%;
	}
}
.footer .title {
	margin-bottom: 24px;
}
@media only screen and (max-width: 580px) {
	.footer .title {
		margin-bottom: 14px;
	}
}
.footer::before {
	content: '';
	position: absolute;
	top: 0;
	left: -15px;
	background-color: var(--text-white);
	height: 1px;
	width: 110px;
}
.footer__contacts {
	line-height: 2;
}
@media only screen and (max-width: 580px) {
	.footer__contacts {
		line-height: 1.6;
		margin-bottom: 0;
	}
}

/* -----------------------------------------------------------------
- Video
----------------------------------------------------------------- */
.section-video {
	position: relative;
}

.video-hero {
	background-color: var(--bg-darker);
	width: 100%;
	height: auto;
	object-fit: cover;
}
@media only screen and (max-width: 580px) {
	.video-hero {
		height: 360px;
	}
}

.video-controls {
	opacity: 0;
	transition: opacity .6s 50ms ease-out;
}
.paused .video-controls {
	opacity: 1;
}
.video-controls_show {
	opacity: 1;
}
.video-controls [data-media="play-pause"] {
	color: var(--text-white);
	box-shadow: 0 0 0 0px var(--bg-dark);
	transition: all 0.6s 0s cubic-bezier(0.7, 0, 0.3, 1);
}
.video-controls [data-media="play-pause"]:hover {
	background-color: var(--primary-color);
	box-shadow: 0 0 0 10px var(--primary-color);
}

[data-media] {
	background-color: var(--bg-dark);
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	font-weight: 700;
	height: 120px;
	letter-spacing: .3rem;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	width: 120px;
}
@media only screen and (max-width: 580px) {
	[data-media] {
		height: 64px;
		font-weight: 600;
		font-size: .75rem;
		letter-spacing: .2rem;
		width: 64px;
	}
}

[data-media="play-pause"] {
	display: block;
	position: absolute;
	top: -9px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	opacity: 1;
	transition: opacity .6s 50ms ease-out;
}
.paused [data-media="play-pause"]::before, .playing [data-media="play-pause"]::before {
	height: 26px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 4px;
	right: 0;
	width: 100px;
	z-index: 1;
}
@media only screen and (max-width: 580px) {
	.paused [data-media="play-pause"]::before, .playing [data-media="play-pause"]::before {
		height: 20px;
		left: 1px;
		width: 60px;
	}
}
.paused [data-media="play-pause"]::before {
	content: 'PLAY';
}
.playing [data-media="play-pause"]::before {
	content: 'PAUSE';
}
.hide-playhead [data-media="play-pause"] {
	opacity: 1;
}

[data-media="mute-unmute"] {
	background-image: url(../images/sound-on.svg);
	background-repeat: no-repeat;
	background-color: transparent;
	display: block;
	height: 19px;
	opacity: .5;
	position: absolute;
	top: 30px;
	right: 30px;
	width: 26px;
	transition: all 0.6s 0s cubic-bezier(0.7, 0, 0.3, 1);
}
@media only screen and (max-width: 580px) {
	[data-media="mute-unmute"] {
		top: 15px;
		right: 15px;
	}
}
[data-media="mute-unmute"]:hover {
	opacity: 1;
}
.muted [data-media="mute-unmute"] {
	background-image: url(../images/sound-off.svg);
}

/* -----------------------------------------------------------------
- CTA
----------------------------------------------------------------- */
.section-cta {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding-top: 10rem;
	padding-bottom: 10rem;
}
@media screen and (max-width: 580px) {
	.section-cta {
		padding-top: 4rem;
		padding-bottom: 3rem;
	}
}
.section-cta--bg-arrow {
	background-color: rgba(83, 40, 254, 0.4);
	background-image: url(../images/bg-arrow.svg);
	background-size: cover;
	background-position: center center;
}
@media screen and (max-width: 991px) {
	.section-cta--bg-arrow {
		background-image: none;
	}
}
.section-cta--bg-image {
	position: relative;
}
.section-cta .title {
	margin-top: 0;
}
@media screen and (max-width: 991px) {
	.section-cta .btn {
		margin-top: 2rem;
	}
}
@media screen and (max-width: 580px) {
	.section-cta .btn {
		margin-top: 1rem;
	}
}

/* -----------------------------------------------------------------
- Effects
----------------------------------------------------------------- */
/* FadeInUp */
.os.animated {
	animation: up 2s cubic-bezier(0.42, 0, 0, 0.995), fade 2s cubic-bezier(0.42, 0, 0, 0.995);
}
@media only screen and (max-width: 580px) {
	.os.animated {
		animation-delay: 0s;
	}
}

@keyframes up {
	0% {
		transform: translateY(100px);
	}
	100% {
		transform: translateY(0);
	}
}
@keyframes fade {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
/* Reveal Effect */
.reveal {
	opacity: 0;
}
.reveal.animated {
	opacity: 1;
}

.reveal.animated,
.swiper-slide-active .item__block-image {
	display: inline-block;
	position: relative;
}
.reveal.animated::before,
.swiper-slide-active .item__block-image::before {
	content: '';
	background: var(--bg-dark);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transform: scaleX(0);
	transform-origin: 0% 0% 0px;
	-webkit-animation: reveal 1s 0ms cubic-bezier(0, 0, 0.2, 1) both;
	animation: reveal 1s 0ms cubic-bezier(0, 0, 0.2, 1) both;
	z-index: 1;
}
.reveal.animated::after,
.swiper-slide-active .item__block-image::after {
	content: '';
	background: var(--primary-color);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transform: scaleX(0);
	transform-origin: 0% 0% 0px;
	-webkit-animation: reveal 1s 400ms cubic-bezier(0, 0, 0.2, 1) both;
	animation: reveal 1s 400ms cubic-bezier(0, 0, 0.2, 1) both;
	z-index: 1;
}
.reveal.animated._delay_1::before,
.swiper-slide-active .item__block-image._delay_1::before {
	animation-delay: 1s;
}
.reveal.animated .reveal_item,
.swiper-slide-active .item__block-image .reveal_item {
	opacity: 1;
	transition: all 0.8s 1200ms cubic-bezier(0.7, 0, 0.3, 1);
}

.reveal--img {
	width: 100%;
}

.reveal_gray.animated::before {
	background: var(--bg-light-dark);
}

@-webkit-keyframes reveal {
	0% {
		transform: scaleX(0);
	}
	50% {
		transform: scaleX(1);
		transform-origin: 0% 0% 0px;
	}
	51% {
		transform-origin: 100% 50% 0px;
	}
	100% {
		transform: scaleX(0);
		transform-origin: 100% 50% 0px;
	}
}
@keyframes reveal {
	0% {
		transform: scaleX(0);
	}
	50% {
		transform: scaleX(1);
		transform-origin: 0% 0% 0px;
	}
	51% {
		transform-origin: 100% 50% 0px;
	}
	100% {
		transform: scaleX(0);
		transform-origin: 100% 50% 0px;
	}
}
@-webkit-keyframes reveal-v {
	0% {
		transform: scaleY(0);
	}
	50% {
		transform: scaleY(1);
		transform-origin: 0% 0% 0px;
	}
	51% {
		transform-origin: 50% 100% 0px;
	}
	100% {
		transform: scaleY(0);
		transform-origin: 50% 100% 0px;
	}
}
@keyframes reveal-v {
	0% {
		transform: scaleY(0);
	}
	50% {
		transform: scaleY(1);
		transform-origin: 0% 0% 0px;
	}
	51% {
		transform-origin: 50% 100% 0px;
	}
	100% {
		transform: scaleY(0);
		transform-origin: 50% 100% 0px;
	}
}
@media screen and (max-width: 580px) {
	.skrollable {
		transform: none !important;
		opacity: 1 !important;
	}
}
/* Wave */
#wave {
	height: 100px;
	margin: auto;
	opacity: .08;
	position: fixed;
	top: 0;
	bottom: 0;
	transform: rotate(90deg);
	width: 100%;
	z-index: -1;
}
@media only screen and (max-width: 580px) {
	#wave {
		display: none;
	}
}

.medium-zoom-overlay {
	background: var(--bg-dark) !important;
	z-index: 9999;
}

.medium-zoom-image {
	z-index: 9999;
}

.jarallax {
	position: relative;
	z-index: 0;
}

.jarallax > .jarallax-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.js-lines,
.js-single-line,
.js-block {
	overflow: hidden;
}

/*# sourceMappingURL=style.css.map */