/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden],
template {
	display: none
}

a {
	background-color: transparent
}

a:active,
a:hover {
	outline: 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b,
strong {
	font-weight: bold
}

dfn {
	font-style: italic
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

mark {
	background: #ff0;
	color: #000
}

small {
	font-size: 80%
}

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

sup {
	top: -0.5em
}

sub {
	bottom: -0.25em
}

img {
	border: 0
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 1em 40px
}

hr {
	box-sizing: content-box;
	height: 0
}

pre {
	overflow: auto
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0
}

button {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],
html input[disabled] {
	cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

input {
	line-height: normal
}

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

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

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto
}

optgroup {
	font-weight: bold
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

td,
th {
	padding: 0
}

:root {
	--bg-div: url('pictures/fav/back-bg.png');
	--bg-div-2: url('pictures/fav/service-bg.png');
	--bg-div-3: url('pictures/fav/logo-primary.png');

	--logo-bg: url('pictures/fav/logo.png');
	--logo-bg-primary: url('pictures/fav/logo-primary.png');
	--logo-bg-white: url('pictures/fav/logo-white.png');
	--services-main-preview: url('pictures/fav/service-bg-f.png');

	--light-black: #2a2a2a;
	--black: #191919;
	--white: #fff;
	--yellow: #EA7726;
	--gray: #707070;
	--light-gray: #545454;
	--red: #f03;
	--calm-red: #e24538;
	--logo-color: var(--light-black);
	--nav-btn-color: var(--light-black);
	--navigation-color: var(--light-black);
	--navigation-color-active: var(--yellow);
	--inner-content-color: var(--light-black);
	--color-help: var(--light-black);
	--color-help-hover: var(--light-gray);
	--navigation-tooltip-bg: var(--yellow);
	--hello-box-tooltip-bg: var(--light-black);
	--ease: ease-out;
	--time: 1.2s;
	--time-md: calc(var(--time)/2);
	--time-sm: calc(var(--time)/4);
	--base-text-color: var(--light-black);
	--base-background-color: var(--white);
	--font-size-base: 18px;
	--line-height-base: 1.67;
	--base-font-family: var(--base-font-sans-serif);
	--base-font-sans-serif: 'Poppins', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;
	--base-font-serif: 'PT Serif', 'Times New Roman', 'Times', 'Baskerville', 'Georgia', serif;
	--trim: 0 60px;
	--base-min-width: 320px;
	--inner-content-width: 950px;
	--max-container-width: 1280px;
	--base-link-color: var(--light-black);
	--base-link-hover-color: var(--light-black);
	--btn-color: var(--white);
	--btn-color-hover: currentColor;
	--btn-background: var(--yellow);
	--btn-background-hover: var(--white);
	--btn-padding: 13px 30px 11px;
	--btn-font-size: inherit;
	--form-element-background: transparent;
	--form-element-border-color: var(--gray);
	--form-element-focus-border-color: var(--yellow);
	--placeholder-color: var(--light-black);
	--h1-font-size: 65px;
	--h2-font-size: 40px;
	--h3-font-size: 30px;
	--h4-font-size: 28px;
	--h5-font-size: 18px;
	--h6-font-size: 12px;
	--headings-font-family: inherit;
	--headings-color: inherit;
	--increase: .2vw;
	--wrap-increase: 10%;
	--mobile-oadding-y: 60px
}

.logo-bg {
    width: 262px !important;
    height: 60px !important;
    z-index: 9999999999999 !important;   
    /*border: 1px solid red;*/
    background: var(--logo-bg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.fp-viewing-Home .logo-bg {
    background: var(--logo-bg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.fp-viewing-About .logo-bg {
    background: var(--logo-bg-white);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: contain;
    height: 90px !important;
}
.sc-about-page.fp-viewing-About .logo-bg, .sc-about-page.fp-viewing-Services .logo-bg, .sc-contact-page.fp-viewing-About .logo-bg{
    background: var(--logo-bg-primary);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: contain;
    height: 90px !important;
}
.fp-viewing-Services .logo-bg {
    background: var(--logo-bg-white);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: contain;
    height: 90px !important;
}
.fp-viewing-Portfolio .logo-bg {
    background: var(--logo-bg-white);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: contain;
    height: 90px !important;
}
.fp-viewing-Contact .logo-bg, .media.fp-viewing-About .logo-bg  {
    background: var(--logo-bg-primary);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: contain;
    height: 90px !important;
}
ul,
ol,
#fp-nav ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.clearfix:after {
	content: '';
	display: block;
	clear: both
}

.sc-about-page .bg-hero-circle,
.sc-portfolio-page .bg-hero-circle,
.sc-term-page .bg-hero-circle {
	--ease: linear;
	transition-duration: 1s
}

.fp-viewing-About.sc-about-page .bg-hero-circle,
.fp-viewing-About.sc-portfolio-page .bg-hero-circle,
.fp-viewing-About.sc-term-page .bg-hero-circle {
	transform: scale(2)
}

@media(min-width:1200px) {
	.fp-viewing-About.sc-about-page .bg-hero-circle,
	.fp-viewing-About.sc-portfolio-page .bg-hero-circle,
	.fp-viewing-About.sc-term-page .bg-hero-circle {
		transform: scale(5)
	}
}

.ellipsis {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

#wrapper {
	overflow: hidden;
	width: 100%;
	position: relative
}

.container-wrap {
	max-width: var(--max-container-width);
	padding: var(--trim);
	margin: 0 auto;
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex: auto;
	flex: auto;
	height: 100%
}

@media(min-width:1601px) {
	.container-wrap {
		max-width: calc(var(--max-container-width) + var(--wrap-increase))
	}
}

.color-yellow {
	color: var(--yellow) !important
}

.direction-column {
	-ms-flex-direction: column;
	flex-direction: column
}

.z-index-1 {
	z-index: 1 !important;
	position: relative
}

.z-index-2 {
	z-index: 2 !important;
	position: relative
}

.bg-light-black {
	background: var(--light-black) !important
}

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

.bg-black {
	background: var(--black) !important
}

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

.bg-white {
	background: var(--white) !important
}

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

.bg-yellow {
	background: var(--yellow) !important
}

.hover-line:hover .scrol-to-ico,
.hover-line:hover .scrol-to-title {
	color: var(--yellow)
}

.fp-tableCell {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

.font-thin {
	font-weight: 100 !important
}

.font-extralight {
	font-weight: 200 !important
}

.font-extra-bold {
	font-weight: 800 !important
}

.btn,
button.btn {
	font-size: 28px;
	font-weight: 700;
	color: currentColor;
	display: -ms-inline-flexbox;
	display: inline-flex;
	padding-left: 2em;
	padding-right: 2em;
	position: relative;
	transition: padding var(--time-sm);
	background: transparent;
	line-height: 1.6
}

@media(min-width:1601px) {
	.btn,
	button.btn {
		font-size: calc(28px + var(--increase))
	}
}

@media(max-width:1023px) {
	.btn,
	button.btn {
		font-size: 24px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.btn,
	button.btn {
		font-size: 20px
	}
}

.btn:hover,
.grid-boxes .grid-box-hover:hover .btn {
	padding-left: 0
}

.btn:hover::after,
.grid-boxes .grid-box-hover:hover .btn::after {
	opacity: 1;
	transform: scaleX(1)
}

.btn:hover::before,
.grid-boxes .grid-box-hover:hover .btn::before {
	opacity: 0;
	transform: scaleX(0)
}

.btn::after,
button.btn::after,
.btn::before,
button.btn::before {
	content: "";
	width: 1.43em;
	height: .072em;
	background: currentColor;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	transition: transform var(--time-sm), opacity var(--time-sm);
	transition-timing-function: var(--ease)
}

.btn::after,
button.btn::after {
	transform: scaleX(0);
	transform-origin: 100% 0;
	right: 0;
	opacity: 0
}

.btn::before,
button.btn::before {
	transform: scaleX(1);
	transform-origin: 0 0;
	left: 0
}

.wrap-text-hover {
	cursor: pointer
}

.wrap-text-hover:hover .wrap-text span::before {
	transform: scaleX(1)
}

.wrap-text {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: start;
	align-items: flex-start;
	--color-line: inherit
}

.wrap-text.center-line span::before {
	transform-origin: 50% 0
}

.wrap-text span {
	font-style: normal;
	position: relative
}

.wrap-text span::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	transform-origin: 0 0;
	transform: scaleX(0);
	height: 3px;
	width: 100%;
	background: var(--color-line);
	transition: transform var(--time-sm) cubic-bezier(0.17, 0.67, 0.38, 1.16)
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.wrap-text span::before {
		display: none
	}
}

.slick-slide {
	position: relative;
	margin: 0 1px
}
.bg-bottom-circle.services-sec
{
	background: var(--bg-div) !important;
	background-size: cover !important;
	background-repeat: inherit !important;
	background-position: center center !important;
}
.bg-bottom-circle.about-sec, .bg-bottom-circle.portfolio-sec
{
	background: var(--bg-div-2), var(--yellow) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
}
div#portfolio-section {
    background: var(--bg-div-3), var(--black) !important;
    background-repeat: no-repeat !important;
    background-size: 75% !important;
    background-position: 126% -68px!important;
}
.bg-bottom-circle {
	min-width: 1922px;
	min-height: 1922px;
	border-radius: 50%;
	position: absolute;
	top: 0;
	right: -200px;
	transition: transform var(--time);
	transition-timing-function: var(--ease);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border: 5px solid currentColor
}

@media(max-width:1024px) {
	.bg-bottom-circle {
		right: -570px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.bg-bottom-circle {
		right: auto;
		left: -1000px
	}
}

.pb-0 {
	padding-bottom: 0 !important
}

.pl-0 {
	padding-left: 0 !important
}

.p-0 {
	padding: 0 !important
}

@media(min-width:768px) {
	.hide-desktop {
		display: none !important
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.hide-mobile {
		display: none !important
	}
}

.animation-default {
	opacity: 0;
	--animate-duration: 1.6s
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.animation-default {
		opacity: 1
	}
}

address {
	font-style: normal
}

@keyframes pulsate {
	0% {
		transform: scale(1);
		opacity: 0
	}
	50% {
		opacity: .3
	}
	100% {
		transform: scale(4);
		opacity: 0
	}
}

.hover-line a {
	position: relative;
	display: inline-block
}

.hover-line a:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 1px;
	background: var(--yellow);
	transform: scaleX(0);
	transition: transform var(--time-sm)
}

.hover-line a:hover:before {
	transform: scaleX(1)
}

.delay-1 {
	animation-delay: .1s !important
}

.delay-2 {
	animation-delay: .2s !important
}

.delay-3 {
	animation-delay: .3s !important
}

.delay-4 {
	animation-delay: .4s !important
}

.text-center {
	text-align: center
}

.text-calm-red {
	color: var(--calm-red)
}

.text-white {
	color: var(--white)
}

.text-black {
	color: var(--black)
}

.bg-calm-red {
	background: var(--calm-red)
}

html {
	box-sizing: border-box
}

*,
*:before,
*:after {
	box-sizing: inherit
}

* {
	max-height: 1000000px
}

body {
	color: var(--base-text-color);
	background: var(--base-background-color);
	font: 400 var(--font-size-base)/var(--line-height-base) var(--base-font-family);
	min-width: var(--base-min-width);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

@media(min-width:1601px) {
	body {
		font-size: calc(var(--font-size-base) + var(--increase))
	}
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: top
}

video,
iframe,
object,
embed {
	max-width: 100%;
	display: block
}

#__bs_notify__ {
	display: none
}

.gm-style img {
	max-width: none
}

blockquote,
blockquote:before,
blockquote:after,
q,
q:before,
q:after {
	quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: ''
}

.resize-active #header * {
	transition: none !important
}

ol {
	counter-reset: item;
	padding: 0 0 10px
}

ol li:before {
	content: counter(item) ".";
	counter-increment: item;
	display: inline-block;
	vertical-align: top;
	margin: 0 3px 0 0
}

ol ol li:before {
	content: counter(item, lower-latin) "."
}

ul ul,
ul ol,
ol ul,
ol ol {
	padding-left: 30px;
	margin: 0
}

ul:not([class]) {
	margin: 0 0 20px
}

ul:not([class]) li {
	position: relative
}

ul:not([class]) li:last-child {
	padding-bottom: 0 !important
}

ul:not([class]) li:before {
	content: '';
    background: var(--yellow);
    position: absolute;
    left: -31px;
    /* border-radius: 50%; */
    top: 20px;
    height: 3px;
    /* color: var(--yellow); */
    /* font-weight: 400; */
    width: 38px;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.h {
	font-family: var(--headings-font-family);
	font-weight: 700;
	margin: 0 0 15px;
	color: var(--headings-color);
	line-height: 1.3
}

h1,
.h1 {
	font-size: var(--h1-font-size);
	line-height: 1.38
}
h2.font-extra-bold {
    font-size: 78px !important;
    letter-spacing: -5px !important;
    font-weight: 900 !important;
}
@media(min-width:1601px) {
	h1,
	.h1 {
		font-size: calc(var(--h1-font-size) + var(--increase))
	}
}

@media(max-width:1199px) {
	h1,
	.h1 {
		--h1-font-size: 40px
	}
}

h2,
.h2 {
	font-size: var(--h2-font-size);
	line-height: 1.23
}

@media(min-width:1601px) {
	h2,
	.h2 {
		font-size: calc(var(--h2-font-size) + var(--increase))
	}
}

@media(max-width:1199px) {
	h2,
	.h2 {
		--h2-font-size: 46px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	h2,
	.h2 {
		--h2-font-size: 36px
	}
}

h3,
.h3 {
	font-size: var(--h3-font-size)
}

@media(min-width:1601px) {
	h3,
	.h3 {
		font-size: calc(var(--h3-font-size) + var(--increase))
	}
}

@media(max-width:1199px) {
	h3,
	.h3 {
		--h3-font-size: 24px
	}
}

h4,
.h4 {
	font-size: var(--h4-font-size);
	line-height: 1.42
}

@media(min-width:1601px) {
	h4,
	.h4 {
		font-size: calc(var(--h4-font-size) + var(--increase))
	}
}

@media(max-width:1199px) {
	h4,
	.h4 {
		--h4-font-size: 20px
	}
}

h5,
.h5 {
	font-size: var(--h5-font-size)
}

@media(min-width:1601px) {
	h5,
	.h5 {
		font-size: calc(var(--h5-font-size) + var(--increase))
	}
}

h6,
.h6 {
	font-size: var(--h6-font-size)
}

@media(min-width:1601px) {
	h6,
	.h6 {
		font-size: calc(var(--h6-font-size) + var(--increase))
	}
}

p {
	margin: 0 0 20px
}

a {
	color: var(--base-link-color);
	text-decoration: none;
	outline: 0
}

a:hover {
	color: var(--base-link-hover-color);
	text-decoration: none
}

form,
fieldset {
	margin: 0;
	padding: 0;
	border-style: none
}

input[type='text'],
input[type='tel'],
input[type='email'],
input[type='search'],
input[type='password'],
textarea {
	color: var(--placeholder-color);
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	box-sizing: border-box;
	display: block;
	background: var(--form-element-background);
	border: 0;
	border-bottom: 1px solid var(--form-element-border-color);
	width: 100%;
	margin: 0;
	outline: 0;
	box-shadow: none;
	padding: 6px 0;
	font-size: 18px;
	line-height: 18px;
	height: 55px;
	transition: padding-bottom var(--time-sm) var(--ease);
	font-weight: 400
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	input[type='text'],
	input[type='tel'],
	input[type='email'],
	input[type='search'],
	input[type='password'],
	textarea {
		font-size: 14px;
		line-height: 14px;
		height: 40px
	}
}

input[type='text']:hover,
input[type='text']:focus,
input[type='tel']:hover,
input[type='tel']:focus,
input[type='email']:hover,
input[type='email']:focus,
input[type='search']:hover,
input[type='search']:focus,
input[type='password']:hover,
input[type='password']:focus,
textarea:hover,
textarea:focus {
	padding-bottom: 11px;
	border-bottom-color: var(--form-element-focus-border-color)
}

input[type='text']::-webkit-input-placeholder,
input[type='tel']::-webkit-input-placeholder,
input[type='email']::-webkit-input-placeholder,
input[type='search']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: var(--placeholder-color)
}

input[type='text']::-moz-placeholder,
input[type='tel']::-moz-placeholder,
input[type='email']::-moz-placeholder,
input[type='search']::-moz-placeholder,
input[type='password']::-moz-placeholder,
textarea::-moz-placeholder {
	opacity: 1;
	color: var(--placeholder-color)
}

input[type='text']:-moz-placeholder,
input[type='tel']:-moz-placeholder,
input[type='email']:-moz-placeholder,
input[type='search']:-moz-placeholder,
input[type='password']:-moz-placeholder,
textarea:-moz-placeholder {
	color: var(--placeholder-color)
}

input[type='text']:-ms-input-placeholder,
input[type='tel']:-ms-input-placeholder,
input[type='email']:-ms-input-placeholder,
input[type='search']:-ms-input-placeholder,
input[type='password']:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: var(--placeholder-color)
}

input[type='text'].placeholder,
input[type='tel'].placeholder,
input[type='email'].placeholder,
input[type='search'].placeholder,
input[type='password'].placeholder,
textarea.placeholder {
	color: var(--placeholder-color)
}

input[type='text'].error,
input[type='tel'].error,
input[type='email'].error,
input[type='search'].error,
input[type='password'].error,
textarea.error {
	border-bottom-color: var(--red)
}

label.error {
	position: absolute;
	top: calc(100% + 4px);
	left: 0;
	font-size: 12px;
	color: var(--red)
}

select {
	-webkit-border-radius: 0
}

select .hideme {
	display: none
}

.form-group {
	margin-bottom: 26px;
	position: relative;
	display: block
}

.form-group:last-child {
	margin-bottom: 0
}

.form-group.textarea-group {
	margin-top: 38px;
	margin-bottom: 12px
}

.form-group.form-btn {
	margin-top: 42px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.form-group.form-btn {
		margin-top: 0
	}
}

.jcf-upload-button {
	position: relative;
	font-size: 20px
}

.jcf-upload-button::before {
	content: "\e901";
	font-family: 'icomoon'
}

.jcf-upload-button span {
	display: none;
	text-indent: -999px
}

textarea {
	resize: vertical;
	vertical-align: top;
	height: 151px;
	min-height: 120px;
	transition: padding-top var(--time-sm);
	padding-top: 3px
}

textarea:hover,
textarea:focus {
	padding-top: 0
}

button,
input[type='button'],
input[type='reset'],
input[type='file'],
input[type='submit'] {
	outline: 0;
	transition: color var(--time-sm), background var(--time-sm), border var(--time-sm);
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	cursor: pointer;
	border: 0;
	padding: 0
}

.jcf-file {
	position: relative;
	height: 35px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.jcf-file[class*="jcf-extension-"] .jcf-fake-input {
	opacity: 1;
	visibility: visible;
	width: auto
}

.jcf-file label.error {
	white-space: nowrap;
	right: 0;
	left: auto
}

.jcf-file input {
	top: 0;
	right: 0;
	width: 100%;
	height: 100%
}

.jcf-fake-input {
	opacity: 0;
	visibility: hidden;
	font-size: 12px;
	width: 1px
}

.jcf-upload-button {
	position: relative;
	font-size: 20px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: end;
	justify-content: flex-end;
	width: 25px
}

.jcf-upload-button::before {
	content: "\e901";
	font-family: 'icomoon'
}

.jcf-upload-button span {
	display: none;
	text-indent: -999px
}

@font-face {
	font-family: 'icomoon';
	src: url("custom-fonts/icomoon.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: block
}

[class^="icon-"],
[class*=" icon-"] {
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-map:before {
	content: "\e905"
}

.icon-arrow-double-left:before {
	content: "\e906"
}

.icon-envelope:before {
	content: "\e900"
}

.icon-culture:before {
	content: "\e904"
}

.icon-arrow-top:before {
	content: "\e90b"
}

.icon-location-icon:before {
	content: "\e902"
}

.icon-So-why-us:before {
	content: "\e903"
}

.icon-Team_icon:before {
	content: "\e909"
}

.icon-arrow:before {
	content: "\e907"
}

.icon-attach:before {
	content: "\e901"
}

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%
}

.slick-list:focus {
	outline: 0
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	transform: translate3d(0, 0, 0)
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: -ms-flexbox;
	display: flex
}

.slick-track:before,
.slick-track:after {
	content: "";
	display: table
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	visibility: hidden
}

[dir="rtl"] .slick-slide {
	float: right
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block;
	visibility: visible
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}

img[data-lazy-src] {
	will-change: contents
}


/*!
 * fullPage 3.0.9
 * https://github.com/alvarotrigo/fullPage.js
 *
 * @license GPLv3 for open source use only
 * or Fullpage Commercial License for commercial use
 * http://alvarotrigo.com/fullPage/pricing/
 *
 * Copyright (C) 2018 http://alvarotrigo.com/fullPage - A project by Alvaro Trigo
 */

html.fp-enabled,
.fp-enabled body {
	margin: 0;
	padding: 0;
	overflow: hidden;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.fp-section {
	position: relative;
	box-sizing: border-box
}

.fp-slide {
	float: left
}

.fp-slide,
.fp-slidesContainer {
	height: 100%;
	display: block
}

.fp-slides {
	z-index: 1;
	height: 100%;
	overflow: hidden;
	position: relative;
	transition: all .3s ease-out
}

.fp-section.fp-table,
.fp-slide.fp-table {
	display: table;
	table-layout: fixed;
	width: 100%
}

.fp-tableCell {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%
}

.fp-slidesContainer {
	float: left;
	position: relative
}

.fp-controlArrow {
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
	position: absolute;
	z-index: 4;
	top: 50%;
	cursor: pointer;
	width: 0;
	height: 0;
	border-style: solid;
	margin-top: -38px;
	transform: translate3d(0, 0, 0)
}

.fp-controlArrow.fp-prev {
	left: 15px;
	width: 0;
	border-width: 38.5px 34px 38.5px 0;
	border-color: transparent #fff transparent transparent
}

.fp-controlArrow.fp-next {
	right: 15px;
	border-width: 38.5px 0 38.5px 34px;
	border-color: transparent transparent transparent #fff
}

.fp-scrollable {
	overflow: hidden;
	position: relative
}

.fp-scroller {
	overflow: hidden
}

.iScrollIndicator {
	border: 0 !important
}

.fp-notransition {
	transition: none !important
}

.fp-slidesNav {
	position: absolute;
	z-index: 4;
	opacity: 1;
	transform: translate3d(0, 0, 0);
	left: 0 !important;
	right: 0;
	margin: 0 auto !important
}

.fp-slidesNav.fp-bottom {
	bottom: 17px
}

.fp-slidesNav.fp-top {
	top: 17px
}

.fp-slidesNav ul li {
	display: inline-block
}

.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell {
	height: auto !important
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
	height: auto !important
}

#fp-nav {
	position: fixed;
	top: 50%;
	left: 60px;
	transform: translateY(-50%);
	margin: 0 !important;
	z-index: 1
}

@media(max-width:1199px) {
	#fp-nav {
		left: 30px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	#fp-nav {
		display: none
	}
}

#fp-nav li {
	padding: 0
}

#fp-nav li::before {
	display: none
}

#fp-nav a {
	padding: 14px 0;
	display: block
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	#fp-nav a {
		padding: 10px 0
	}
}

#fp-nav a.active span:not(.fp-sr-only),
#fp-nav a:hover.active span:not(.fp-sr-only) {
	width: 40px;
	background: var(--navigation-color-active)
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	#fp-nav a.active span:not(.fp-sr-only),
	#fp-nav a:hover.active span:not(.fp-sr-only) {
		width: 20px
	}
}

#fp-nav a:hover span:not(.fp-sr-only) {
	width: 30px
}

#fp-nav a:hover .fp-sr-only {
	opacity: 1;
	transform: translateX(52px)
}

#fp-nav a span {
	border-radius: 0;
	display: block
}

#fp-nav a span:not(.fp-sr-only) {
	width: 20px;
	height: 2px;
	background: var(--navigation-color);
	transition: width var(--time-sm)
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	#fp-nav a span:not(.fp-sr-only) {
		width: 10px;
		height: 1px
	}
}

#fp-nav a .fp-sr-only {
	position: absolute;
	top: 0;
	bottom: 0;
	transform: translateX(30px);
	left: 0;
	margin: auto;
	color: var(--white);
	background: var(--navigation-tooltip-bg);
	padding: 3px 13px;
	border-radius: 40px;
	line-height: 1.6;
	font-size: 14px;
	height: 28px;
	opacity: 0;
	transition: opacity var(--time-sm), transform var(--time-sm);
	pointer-events: none
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	#fp-nav a .fp-sr-only {
		display: none
	}
}

.main-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	z-index: 3
}

.main-header .container-wrap {
	display: block;
	transition: transform var(--time-sm)
}

.main-header .holder-logo {
	transform: matrix(1, 0, 0, 1, -0.58, -0.925)
}

.main-header .main-s {
	transform: translateX(0) !important;
	transition: fill var(--time-md)
}

.main-header.header-active .container-wrap {
	-ms-flex-align: start;
	align-items: flex-start
}

.main-header.header-active .logo {
	width: 70px
}

.main-header.header-active .logo svg {
	width: 602px;
	height: 92px
}

@media(max-width:1199px) {
	.main-header.header-active .logo svg {
		width: 392px;
		height: 60px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.main-header.header-active .logo svg {
		width: 268px;
		height: 41px
	}
}

.main-header.header-active .logo g {
	transform: translate(-26px, -1px)
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.main-header.header-active .logo g {
		transform: translate(-28px, -0.925px)
	}
}

.main-header.header-active .logo path {
	display: none
}

.main-header.header-active .logo .main-s {
	display: inline-block;
	fill: var(--logo-color);
	transform: translate(-26px, -1px) !important
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.main-header.header-active .logo .main-s {
		transform: translate(-28px, -0.925px)
	}
}

body:not(.active-menu)[data-scroll-direction=down] .main-header .container-wrap {
	transform: translateY(-100px)
}

body:not(.active-menu)[data-scroll-direction=up] .main-header .container-wrap {
	transform: translateY(0)
}

.logo {
	position: absolute;
	top: 53px;
	left: 60px;
	font-size: 0
}

@media(max-width:1280px) {
	.logo {
		top: 30px;
		left: 30px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.logo {
		top: 8px;
		left: 20px;
		width: 124px
	}
}

.logo a {
	/*display: block;*/
	overflow: hidden
}

.logo svg {
	width: 100%
}

.logo path {
	fill: var(--logo-color);
	fill-rule: evenodd
}

.nav-menu {
	position: absolute;
	top: 60px;
	right: 60px
}

@media(max-width:1280px) {
	.nav-menu {
		top: 30px;
		right: 30px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.nav-menu {
		top: 20px;
		right: 20px
	}
}

.active-menu .opener,
.active-menu .btn-close,
.active-menu .opener:hover,
.active-menu .btn-close:hover {
	width: 34px;
	height: 34px
}

.active-menu .opener::before,
.active-menu .opener::after,
.active-menu .btn-close::before,
.active-menu .btn-close::after,
.active-menu .opener:hover::before,
.active-menu .opener:hover::after,
.active-menu .btn-close:hover::before,
.active-menu .btn-close:hover::after {
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	--active-line-width: 48px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.active-menu .opener::before,
	.active-menu .opener::after,
	.active-menu .btn-close::before,
	.active-menu .btn-close::after,
	.active-menu .opener:hover::before,
	.active-menu .opener:hover::after,
	.active-menu .btn-close:hover::before,
	.active-menu .btn-close:hover::after {
		--active-line-width: 35px
	}
}

.active-menu .opener::before,
.active-menu .btn-close::before,
.active-menu .opener:hover::before,
.active-menu .btn-close:hover::before {
	width: var(--active-line-width);
	transform: rotate(-315deg)
}

.active-menu .opener::after,
.active-menu .btn-close::after,
.active-menu .opener:hover::after,
.active-menu .btn-close:hover::after {
	width: var(--active-line-width);
	transform: rotate(-45deg)
}

.opener,
.btn-close {
	position: relative;
	width: 50px;
	height: 20px;
	cursor: pointer;
	z-index: 10;
	display: block
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.opener,
	.btn-close {
		width: 35px;
		height: 15px;
		/*--logo-color: var(--white);
    	--nav-btn-color: var(--white);
    	--color-help: var(--yellow);*/
	}
}

.opener:hover::before,
.btn-close:hover::before {
	width: 30px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.opener:hover::before,
	.btn-close:hover::before {
		width: 20px
	}
}

.opener:hover::after,
.btn-close:hover::after {
	width: 100%
}

.opener::before,
.opener::after,
.btn-close::before,
.btn-close::after {
	content: '';
	position: absolute;
	right: 0;
	background: var(--nav-btn-color);
	transition: width var(--time-md), transform var(--time-md);
	height: 2px
}

.sc-home-page.fp-viewing-Home .opener::before, .sc-home-page.fp-viewing-Home .opener::after, .sc-home-page.fp-viewing-Home .btn-close::before, .sc-home-page.fp-viewing-Home .btn-close::after {
	background: #000000;
}

.sc-home-page.fp-viewing-Portfolio .opener::before, .sc-home-page.fp-viewing-Portfolio .opener::after, .sc-home-page.fp-viewing-Portfolio .btn-close::before, .sc-home-page.fp-viewing-Portfolio .btn-close::after {
	background: #FFFFFF;
}

.sc-home-page.fp-viewing-Contact .opener::before, .sc-home-page.fp-viewing-Contact .opener::after, .sc-home-page.fp-viewing-Contact .btn-close::before, .sc-home-page.fp-viewing-Contact .btn-close::after {
	background: #000000;
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.opener::before,
	.opener::after,
	.btn-close::before,
	.btn-close::after {
		height: 1px
	}
}

.opener::before,
.btn-close::before {
	top: 0;
	width: 100%
}

.opener::after,
.btn-close::after {
	bottom: 0;
	width: 30px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.opener::after,
	.btn-close::after {
		width: 15px
	}
}

.main-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	visibility: hidden
}

.main-menu .inner-wrap {
	display: -ms-flexbox;
	display: flex
}

.main-menu .col-left,
.main-menu .col-right {
	position: absolute;
	top: 0;
	height: 100%
}

.main-menu .col-left {
	width: 78%;
	z-index: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.main-menu .col-left {
		width: 80%
	}
}

.main-menu .col-right {
	width: 100%;
	right: 0
}

@media(max-width:1023px) {
	.main-menu .col-right {
		width: 80%
	}
}

.main-menu .bg-black-circle,
.main-menu .bg-yellow-circle {
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

.main-menu .bg-black-circle {
	left: 0px;
	top: 50%;
	position: absolute;
	min-width: 1927px;
	min-height: 100%;
	z-index: -1;
	border-radius: 0%;
	/*background:var(--black)*/
	background: url(pictures/new/all-bg.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position-x: 0%
}

.main-menu .bg-black-circle::before {
	content: "";
	position: absolute;
	top: 0;
	right: 90%;
	width: 100%;
	height: 100%;
	/*background:#232323*/
	/*background: url(pictures/new/left-black.png);background-size: contain;background-repeat: no-repeat;*/
}

.main-menu .bg-yellow-circle {
	left: 0;
	position: absolute;
	min-width: 1927px;
	min-height: 1927px;
	z-index: -1;
	border-radius: 0px;
	background: var(--yellow)
}

.main-menu .bg-s-gray {
	position: absolute;
	right: -30px;
	top: -562px;
	bottom: 0;
	margin: auto
}

@media(min-height:1065px) {
	.main-menu .bg-s-gray {
		right: -100px
	}
}

.slogan {
	position: absolute;
	bottom: 47px;
	left: 60px;
	z-index: 1;
	font-size: 25px;
	color: var(--white);
	font-weight: 300
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.slogan {
		bottom: 15px;
		left: 15px;
		font-size: 14px
	}
}

@media(max-width:479px) {
	.slogan {
		bottom: 12px;
		font-size: 12px
	}
}

.logo-vertical {
	position: absolute;
	top: 90px;
	left: 0px;
	z-index: 2;
	width: 100%
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.logo-vertical {
		top: 20px;
		left: 20px;
		width: 20px
	}
}

.main-nav {
	-ms-flex: auto;
	flex: auto;
	z-index: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-ms-flex-align: center;
	align-items: center;
	margin-right: 0vw;
	margin-bottom: 0vw;
	justify-content: center;
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.main-nav {
		margin-right: 70px
	}
}

.menu-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: start;
	align-items: flex-start;
	color: var(--white);
	font-size: 50px;
	font-weight: 700;
	line-height: 1.1
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.menu-list {
		font-size: 30px
	}
}

.menu-list li {
	margin: 15px 0;
	transition: transform var(--time-sm) ease-out;
	position: relative
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.menu-list li {
		margin: 10px 0
	}
}

.menu-list li:hover {
	transform: translateX(10px)
}

.menu-list li:hover li>a {
	opacity: .5
}

.menu-list li>a {
	color: inherit;
	border-bottom: 10px solid transparent;
	display: inline-block
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.menu-list li>a {
		border-bottom-width: 5px
	}
}

.menu-list .current-menu-item>a {
	border-bottom-color: var(--yellow)
}

.menu-list .counter {
	--size: 30px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.menu-list .counter {
		--size: 24px;
		top: -5px;
		left: 110%
	}
}

.our-mail {
	position: absolute;
	bottom: 47px;
	right: 55px;
	font-size: 25px;
	z-index: 1;
	line-height: 1.3
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.our-mail {
		bottom: 15px;
		right: 15px;
		font-size: 14px
	}
}

@media(max-width:479px) {
	.our-mail {
		font-size: 12px
	}
}

.our-mail:before {
	content: "";
	position: absolute;
	top: 100%;
	width: 100%;
	height: 2px;
	background: var(--light-black);
	transition: opacity var(--time-sm);
	opacity: 0
}

.our-mail:hover::before {
	opacity: .2
}

@media(max-width:1199px) {
	body {
		--trim: 0 20px 0 100px
	}
}

@media(max-width:1023px) {
	body {
		--trim: 0 20px 0 80px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	body {
		--trim: 0 20px
	}
}

#wrapper {
	opacity: 0
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	#wrapper {
		opacity: 1
	}
}

.fp-viewing-Home .holder-sidebar {
	opacity: 0;
	visibility: hidden
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.fp-viewing-Home .holder-sidebar {
		opacity: 1;
		visibility: visible
	}
}

.fp-viewing-Home .to-top {
	display: none !important
}

.fp-viewing-Home .hello-box {
	display: -ms-inline-flexbox !important;
	display: inline-flex !important
}

.fp-viewing-About .bg-hero-circle {
	min-height: 320vh;
	transform: translate(0, calc(-160vh + 50vh + var(--section-bottom-h)))
}

@media(min-width:1601px) {
	.fp-viewing-About .bg-hero-circle {
		transform: translateY(calc(-160vh + 50vh + var(--section-bottom-h)))
	}
}

@media(max-width:1023px) {
	.fp-viewing-About .bg-hero-circle {
		min-height: 4000px;
		transform: translateY(calc(-2000px + 50vh + var(--section-bottom-h)))
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.fp-viewing-About .bg-hero-circle {
		right: auto;
		transform: translateX(-1000px) scale(1.5)
	}
}

.fp-viewing-About .hero-section .inner-content>* {
	opacity: 0
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.fp-viewing-About .hero-section .inner-content>* {
		opacity: 1
	}
}

.fp-viewing-Services {
	--navigation-color-active: var(--white);
	--navigation-tooltip-bg: var(--light-black)
}

.fp-viewing-Services .more-detail-section .bg-bottom-circle {
	top: -50%;
	transform: scale(3)
}

.fp-viewing-Services .holder-sidebar {
	opacity: 0
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.fp-viewing-Services .holder-sidebar {
		opacity: 1
	}
}

.fp-viewing-Portfolio {
	--navigation-color-active: var(--yellow);
	--color-help: var(--yellow);
	--color-help-hover: var(--yellow);
	--hello-box-tooltip-bg: var(--light-gray)
}

.fp-viewing-Portfolio .services-section .bg-bottom-circle {
	top: -50%;
	transform: scale(3)
}

.fp-viewing-Contact {
	--color-help: #d1d1d1
}

.fp-viewing-Contact .portfolio-section .bg-bottom-circle {
	top: -50%;
	transform: scale(3)
}

.contact-section,
.portfolio-section,
.services-section {
	margin-bottom: -2px
}

.inner-content {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
	width: 100%;
	max-width: var(--inner-content-width);
	margin: auto;
	-ms-flex: auto;
	flex: auto;
	color: var(--inner-content-color);
	min-height: 1018px;
	position: relative
}

@media(min-width:1601px) {
	.inner-content {
		max-width: calc(950px + var(--wrap-increase))
	}
}

@media(max-width:1280px) {
	.inner-content {
		min-height: 900px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.inner-content {
		-ms-flex-direction: column;
		flex-direction: column;
		min-height: auto;
		padding-top: var(--mobile-oadding-y);
		padding-bottom: var(--mobile-oadding-y)
	}
}

.inner-content.right-edge {
	max-width: 100%;
	padding-left: 105px
}

@media(max-width:1280px) {
	.inner-content.right-edge {
		padding-left: 50px
	}
}

@media(max-width:1199px) {
	.inner-content.right-edge {
		padding-left: 0
	}
}

.inner-content.auto-height {
	min-height: auto
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.inner-content [class*=pb-] {
		padding-bottom: 0
	}
}

@media(min-width:1601px) {
	.inner-content h2,
	.inner-content .h2 {
		font-size: calc(var(--h2-font-size) + var(--increase))
	}
}

.inner-content h3,
.inner-content .h3 {
	margin-bottom: 62px;
	text-transform: uppercase;
	letter-spacing: 9px
}

@media(min-width:1601px) {
	.inner-content h3,
	.inner-content .h3 {
		font-size: calc(var(--h3-font-size) + var(--increase))
	}
}

@media(max-width:1023px) {
	.inner-content h3,
	.inner-content .h3 {
		margin-bottom: 42px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.inner-content h3,
	.inner-content .h3 {
		margin-bottom: 20px
	}
}

.pt-1 {
	padding-top: 60px
}

.pt-2 {
	padding-top: 120px
}

@media(max-width:1280px) {
	.pt-2 {
		padding-top: 80px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.pt-2 {
		padding-top: var(--mobile-oadding-y)
	}
}

.pb-1 {
	padding-bottom: 60px
}

.pb-2 {
	padding-bottom: 120px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.pb-2 {
		padding-bottom: var(--mobile-oadding-y)
	}
}

.pb-3 {
	padding-bottom: 330px
}

@media(max-width:1280px) {
	.pb-3 {
		padding-bottom: 230px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.pb-3 {
		padding-bottom: var(--mobile-oadding-y)
	}
}

.section-bottom {
	position: absolute;
	--section-bottom-h: 240px;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: var(--section-bottom-h);
	transition: opacity var(--time), transform var(--time)
}

@media(max-height:799px) and (min-width:1400px) {
	.section-bottom {
		--section-bottom-h: 200px
	}
}

@media(max-width:1023px) {
	.section-bottom {
		--section-bottom-h: 200px
	}
}

@media(max-width:767px) {
	.section-bottom {
		--section-bottom-h: 150px
	}
}

@media(max-width:992px) and (orientation:landscape) {
	.section-bottom {
		--section-bottom-h: 100px !important
	}
}

@media(min-width:992px) and (max-height:769px) {
	.section-bottom {
		--section-bottom-h: 150px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.section-bottom {
		display: none
	}
}

.section-bottom .inner-bottom-container {
	position: relative;
	max-width: var(--max-container-width);
	padding: var(--trim);
	margin: auto;
	height: 100%
}

.section-bottom .inner-bottom-wrap {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	height: 100%
}

.section-bottom .holder-bottom-circle {
	width: calc(100% - 315px);
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

@media(max-width:1023px) {
	.section-bottom .holder-bottom-circle {
		width: calc(100% - 260px)
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.section-bottom .holder-bottom-circle {
		width: 100%
	}
}

.section-bottom .holder-scroll-to-section {
	max-width: var(--inner-content-width);
	margin: auto;
	width: 100%;
	font-size: 0
}

@media(min-width:1601px) {
	.section-bottom .holder-scroll-to-section {
		max-width: calc(950px + var(--wrap-increase))
	}
}

.hero-section .inner-content>* {
	transition: opacity var(--time)
}

.hero-section .inner-content {
	-ms-flex: auto;
	flex: auto;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	padding-top: 100px;
	padding-bottom: 100px;
	min-height: 100vh
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.hero-section .inner-content {
		padding-top: 80px;
		padding-bottom: 80px
	}
}

.hero-section h1 {
	font-size: 115px;
	margin-bottom: 0;
	line-height: 1;
	display: inline-block;
	/* margin-left: -22px; */
	position: relative
}

@media(max-width:1199px) {
	.hero-section h1 {
		font-size: 130px
	}
}

@media(max-width:1023px) {
	.hero-section h1 {
		font-size: 95px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.hero-section h1 {
		font-size: 52px;
		margin-left: 0
	}
}

.hero-section h1.md {
	font-size: 160px
}

@media(max-width:1023px) {
	.hero-section h1.md {
		font-size: 100px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.hero-section h1.md {
		font-size: 60px
	}
}

.hero-section h1.sm {
	font-size: 75px;
	line-height: 1.33
}

@media(max-width:1023px) {
	.hero-section h1.sm {
		font-size: 50px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.hero-section h1.sm {
		font-size: 44px
	}
}

.hero-section h1.smm {
	font-size: 55px;
	line-height: 1.33
}

@media(max-width:1023px) {
	.hero-section h1.smm {
		font-size: 40px
	}
}

.hero-section>*:last-child {
	margin-bottom: 0
}

.hero-graphics {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh
}

.hero-graphics .container-wrap {
	position: relative
}

.hero-graphics .bg-s {
	position: absolute;
	right: 0px;
	width: 85%;
	margin: auto;
	top: -40px;
	transition: opacity var(--time-md) var(--ease);
	mix-blend-mode: multiply;
	z-index: -1;
}

@media(max-width:1199px) {
	.hero-graphics .bg-s {
		right: -40px;
		top: 0
	}
}

@media(max-width:1023px) {
	.hero-graphics .bg-s {
		top: 5%;
		right: -10%;
		min-width: 100%;
		min-height: 100%
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.hero-graphics .bg-s {
		top: 0;
		bottom: 0
	}
}

.hero-graphics .inner-holder {
	width: calc(100% - 300px);
	position: relative;
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

@media(max-width:1023px) {
	.hero-graphics .inner-holder {
		width: calc(100% - 260px)
	}
}

.bg-arc {
	position: absolute;
	top: -1385px;
	left: -1430px;
	width: 2145px;
	height: 2165px;
	overflow: visible !important;
	z-index: -1
}

@media(max-width:1023px) {
	.bg-arc {
		top: -70%;
		left: -70%;
		width: 130%;
		height: 130%
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.bg-arc {
		top: -63%;
		left: -63%
	}
}

.more-detail-section {
	--inner-content-color: var(--white);
	z-index: 1
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.more-detail-section {
		position: relative
	}
}

.more-detail-section ul:not([class]) li {
	padding: 0 0 24px 24px
}

.more-detail-section .scroll-to-section {
	z-index: 3
}

.inner-content-wrap {
	width: calc(100% - 300px);
	font-size: 30px;
	font-weight: 200;
	line-height: 1.53;
	padding-right: 105px;
	position: relative;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center
}

@media(min-width:1601px) {
	.inner-content-wrap {
		padding-right: 190px
	}
}

@media(max-width:1023px) {
	.inner-content-wrap {
		padding-right: 20px;
		width: calc(100% - 250px);
		font-size: 26px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.inner-content-wrap {
		padding-right: 0;
		width: 100%;
		font-size: 20px;
		padding-top: 0
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.inner-content-wrap[class*=pt-] {
		padding-top: 0
	}
}

.inner-content-wrap h2 {
	margin-bottom: 60px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.inner-content-wrap h2 {
		margin-bottom: 30px;
		margin-right: -5px
	}
}

.inner-content-wrap p {
	margin-bottom: 26px
}

.inner-content-wrap b {
	font-weight: 400
}

.inner-content-wrap small {
	font-size: 18px;
	display: block;
	line-height: 1.8
}

.inner-content-wrap .btn {
	margin-top: 20px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.inner-content-wrap .btn {
		margin-top: 0
	}
}

.inner-content-wrap .btn:hover,
.inner-content-wrap .grid-boxes .grid-box-hover:hover .btn,
.grid-boxes .grid-box-hover:hover .inner-content-wrap .btn {
	color: currentColor
}

.bg-hero-circle {
	position: absolute;
	min-width: 1927px;
	min-height: 1927px;
	border-radius: 50%;
	background-size: cover !important;
    background-repeat: inherit !important;
    background-position: center center !important;
	background: var(--bg-div);
	transition: transform var(--time-md), min-height var(--time-md), opacity var(--time-md);
	transition-timing-function: var(--ease);
	overflow: hidden;
	top: 0;
	right: 0px;
	transform: translateX(245px)
}

@media(max-width:1024px) {
	.bg-hero-circle {
		transform: translateX(570px)
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.bg-hero-circle {
		transition-duration: var(--time-sm);
		right: auto;
		transform: translateX(-1000px)
	}
}

.holder-sidebar {
	height: 100vh;
	width: 300px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: start;
	align-items: flex-start;
	transition: opacity var(--time-sm) var(--ease);
	padding-left: 5px;
	opacity: 1;
	visibility: visible
}

@media(max-width:1023px) {
	.holder-sidebar {
		width: 250px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.holder-sidebar {
		width: 100%;
		padding-left: 0;
		height: auto;
		display: none
	}
}

.holder-sidebar h5 {
	margin-bottom: 25px;
	font-weight: 400
}

.holder-sidebar .btn {
	font-size: 18px;
	margin-top: 12px;
	font-weight: 400
}

.holder-sidebar .btn:hover,
.holder-sidebar .grid-boxes .grid-box-hover:hover .btn,
.grid-boxes .grid-box-hover:hover .holder-sidebar .btn {
	color: currentColor
}

.list-items {
	width: 100%
}

.list-items li {
	--indent: 40px;
	padding-top: var(--indent);
	padding-bottom: var(--indent)
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.list-items li {
		--indent: 30px
	}
}

.list-items li:last-child {
	border-bottom: 0
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.list-items li:last-child {
		padding-bottom: 0
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.list-items li:first-child {
		padding-top: 0
	}
}

.list-items .box-text {
	transition: transform var(--time-sm)
}

.list-items a {
	display: -ms-flexbox;
	display: flex;
	color: inherit
}

.list-items .h4,
.list-items h4 {
	margin-bottom: 4px;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: relative;
	color: inherit
}

.list-items .h4 span,
.list-items h4 span {
	white-space: nowrap
}

.content-slider {
	width: 100%;
	display: -ms-flexbox;
	display: flex
}

.content-slider.content-slider-services {
	margin-bottom: 50px !important
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.content-slider.content-slider-services {
		margin-bottom: 30px !important
	}
}

.content-slider.content-slider-services~.btn {
	transform: translateY(-37px)
}

@media(max-width:1023px) {
	.content-slider.content-slider-services~.btn {
		font-size: 14px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.content-slider.content-slider-services~.btn {
		transform: translateY(0)
	}
}

.content-slider.content-slider-services .outer-wrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.content-slider.content-slider-services .holder-text {
	width: 56%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: start;
	align-items: flex-start;
	min-width: 175px
}

.content-slider.content-slider-services h3 {
	padding-right: 20px;
	margin-bottom: 10px;
	font-weight: 700;
	line-height: 1.54;
	transform: translateY(-7px)
}

@media(max-width:1023px) {
	.content-slider.content-slider-services h3 {
		font-size: 18px;
		transform: translateY(-5px)
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.content-slider.content-slider-services h3 {
		transform: translateY(0)
	}
}

.content-slider.content-slider-services .slick-dots button::before {
	background: var(--light-gray)
}

.content-slider.content-slider-services li.slick-active button::before {
	background: transparent
}

.content-slider.content-slider-services .btn {
	font-size: 18px;
	margin-top: auto;
	line-height: 1
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.content-slider.content-slider-services .btn {
		font-size: 14px
	}
}

.content-slider .holder-img {
	font-size: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-ms-flex-align: start;
	align-items: flex-start
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.content-slider .holder-img {
		width: 50%;
		max-width: 157px
	}
}

.content-slider .slick-dots {
	position: absolute;
	top: calc(100% + 15px);
	right: 0
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.content-slider .slick-dots {
		top: calc(100% + 10px)
	}
}

.slide-item {
	-ms-flex: none;
	flex: none;
	width: inherit
}

.slick-dots {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	box-sizing: content-box;
	margin-left: auto;
	z-index: 1;
	--size: 6px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.slick-dots {
		--size: 4px
	}
}

.slick-dots li {
	margin-right: calc(var(--size) * 4);
	display: -ms-flexbox;
	display: flex
}

.slick-dots li:last-child {
	margin-right: 0
}

.slick-dots li.slick-active button::before {
	border-width: var(--size);
	border-color: var(--yellow);
	background: var(--light-black)
}

.slick-dots li:hover:not(.slick-active) button::before {
	transform: scale(1.4)
}

.slick-dots button {
	padding: calc(var(--size) + 4px);
	width: var(--size);
	height: var(--size);
	border-radius: 50%;
	color: transparent;
	overflow: hidden;
	position: relative;
	background: transparent
}

.slick-dots button::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background: var(--white);
	width: var(--size);
	height: var(--size);
	border: 0 solid var(--white);
	border-radius: 50%;
	color: transparent;
	overflow: hidden;
	transition: transform var(--time-sm) var(--ease)
}

.copyright {
	font-size: 14px;
	line-height: 1.6;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	font-weight: 200;
	margin-bottom: 20px;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	width: 100%
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.copyright {
		font-size: 12px;
		width: 100%;
		-ms-flex-pack: center;
		justify-content: center;
		padding-right: 0;
		padding-left: 0;
		text-align: center
	}
}

.copyright>* {
	margin: 0 !important
}

.copyright span {
	padding: 0 11px
}

@media(max-width:1023px) {
	.copyright span {
		padding: 0 6px
	}
}

.form-container {
	position: relative
}

.form-container.bg-light-black .error-form-message {
	bottom: calc(100% - 34px);
	text-align: center;
	width: 100%
}

.form-container.bg-light-black .success-message {
	color: var(--white)
}

.form-container.bg-light-black .btn {
	color: var(--white)
}

.form-container.bg-light-black .file-group {
	color: rgba(255, 255, 255, 0.5)
}

.form-container.bg-light-black .tooltip {
	background: rgba(0, 0, 0, 0.5)
}

.form-container.bg-light-black input,
.form-container.bg-light-black textarea {
	color: rgba(255, 255, 255, 0.5)
}

.form-container.bg-light-black input::-webkit-input-placeholder,
.form-container.bg-light-black textarea::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.5)
}

.form-container.bg-light-black input::-moz-placeholder,
.form-container.bg-light-black textarea::-moz-placeholder {
	opacity: 1;
	color: rgba(255, 255, 255, 0.5)
}

.form-container.bg-light-black input:-moz-placeholder,
.form-container.bg-light-black textarea:-moz-placeholder {
	color: rgba(255, 255, 255, 0.5)
}

.form-container.bg-light-black input:-ms-input-placeholder,
.form-container.bg-light-black textarea:-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.5)
}

.form-container.bg-light-black input.placeholder,
.form-container.bg-light-black textarea.placeholder {
	color: rgba(255, 255, 255, 0.5)
}

.form-container.form-padding {
	padding: 36px 44px
}

@media(max-width:1023px) {
	.form-container.form-padding {
		padding: 25px 20px
	}
}

.form-container .col-2 {
	display: -ms-flexbox;
	display: flex;
	margin: 0 -25px
}

@media(max-width:1023px) {
	.form-container .col-2 {
		-ms-flex-direction: column;
		flex-direction: column;
		margin: 0
	}
}

.form-container .col-2 .form-group,
.form-container .col-2 label.error {
	-ms-flex: auto;
	flex: auto;
	padding: 0 25px
}

@media(max-width:1023px) {
	.form-container .col-2 .form-group,
	.form-container .col-2 label.error {
		padding: 0
	}
}

.form-container .file-group {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.form-container .input-input {
	display: none
}

.scroll-to-section {
	position: relative;
	z-index: 1;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center;
	color: var(--white);
	cursor: pointer;
	font-size: 22px
}

@media(max-height:799px) and (min-width:1400px) {
	.scroll-to-section {
		font-size: 18px
	}
}

@media(max-width:1199px) {
	.scroll-to-section {
		font-size: 18px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.scroll-to-section {
		font-size: 10px
	}
}

@media(min-width:992px) and (max-height:769px) {
	.scroll-to-section {
		font-size: 14px !important
	}
}

.scroll-to-section.color-black:hover {
	color: var(--yellow) !important
}

.scroll-to-section:hover .scrol-to-title {
	transform: translateX(0.6em);
	opacity: 1
}

.scroll-to-section:hover .first {
	transform: translateY(0);
	opacity: 1
}

.scroll-to-section:hover .second {
	opacity: 0;
	transform: translateY(40px)
}

.scroll-to-section:hover .scrol-to-ico::before {
	transform: scale(0.8)
}

.scrol-to-title {
	color: currentColor;
	font-size: 1.39em;
	transform: translateX(-3em);
	opacity: 0;
	transition: opacity var(--time-sm), transform var(--time-sm);
	transition-timing-function: var(--ease)
}

.scrol-to-ico {
	--scroll-width: 7.82em;
	width: var(--scroll-width);
	height: var(--scroll-width);
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative
}

.scrol-to-ico::before {
	content: "";
	border: .17em solid currentColor;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	transition: transform var(--time-sm) var(--ease);
	transform: scale(1)
}

.scrol-to-ico span {
	position: absolute;
	font-size: 1.45em;
	transition: transform var(--time-sm), opacity var(--time-sm);
	transition-timing-function: var(--ease);
	opacity: 1;
	transform: translateY(0)
}

.scrol-to-ico .first {
	transform: translateY(-40px);
	opacity: 0
}

.hello-section {
	position: fixed;
	bottom: 60px;
	right: 60px;
	font-size: 0;
	z-index: 1
}

@media(max-width:1023px) {
	.hello-section {
		bottom: 20px;
		right: 40px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.hello-section {
		bottom: 15px;
		right: 15px;
		z-index: 1
	}
}

.hello-section.hide-hello .hello-box {
	display: none
}

.hello-section.hide-hello .to-top {
	display: -ms-inline-flexbox;
	display: inline-flex
}

.hello-section .holder {
	--size: 70px;
	width: var(--size);
	height: var(--size);
	border-radius: 50%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: var(--color-help);
	color: var(--white);
	transition: background-color var(--time-sm)
}

@media(max-width:1023px) {
	.hello-section .holder {
		--size: 50px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.hello-section .holder {
		font-size: 12px
	}
}

.hello-section .holder span {
	position: absolute
}

.hello-section .second {
	opacity: 0
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.hello-section .tooltip {
		display: none
	}
}

.hello-box {
	transition: transform var(--time-sm) var(--ease);
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.hello-box .holder {
	font-size: 38px
}

.hello-box svg {
	width: 75%;
	height: 75%
}

.hello-box path {
	fill: var(--white)
}

.hello-box:hover {
	transform: scale(1.05)
}

.hello-box:hover .holder {
	background: var(--color-help-hover)
}

.hello-box:hover .second {
	opacity: 1
}

.hello-box:hover .first {
	opacity: 0
}

.hello-box .tooltip {
	background: var(--hello-box-tooltip-bg)
}

.to-top {
	display: none;
	transition: transform var(--time-sm) var(--ease)
}

.to-top .holder {
	font-size: 32px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.to-top .holder {
		font-size: 20px
	}
}

.to-top .holder span {
	transition: opacity var(--time-sm), transform var(--time-sm);
	transition-timing-function: var(--ease)
}

.to-top:hover {
	transform: scale(1.05)
}

.to-top:hover .first {
	transform: translateY(-20px);
	opacity: 0
}

.to-top:hover .second {
	transform: translateY(0);
	opacity: 1
}

.to-top .first {
	transform: translateY(0);
	opacity: 1
}

.to-top .second {
	transform: translateY(20px);
	opacity: 0
}

.tooltip-wrap {
	position: relative
}

.tooltip-wrap:hover .tooltip {
	opacity: 1;
	visibility: visible;
	--tootltip-indent: 20px
}

.tooltip-wrap:hover .tooltip.tooltip-left {
	transform: translateX(calc(-1 * var(--tootltip-indent)))
}

.tooltip-wrap:hover .tooltip.tooltip-right {
	transform: translateX(var(--tootltip-indent))
}

.tooltip-wrap:hover .tooltip.tooltip-top {
	transform: translateY(calc(-1 * var(--tootltip-indent)))
}

.tooltip-wrap:hover .tooltip.tooltip-bottom {
	transform: translateY(var(--tootltip-indent))
}

.tooltip {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	margin: auto;
	transform: translate(0, 0);
	transition: transform, var(--time-sm), opacity var(--time-sm);
	transition-timing-function: var(--ease);
	white-space: nowrap;
	display: -ms-flexbox;
	display: flex;
	font-size: 14px;
	border-radius: 30px;
	padding: 5px 10px;
	background: var(--light-black);
	color: var(--white);
	height: 28px
}

.tooltip.tooltip-left {
	top: 0;
	right: 100%;
	bottom: 0;
	-ms-flex-align: center;
	align-items: center
}

.tooltip.tooltip-right {
	top: 0;
	left: 100%;
	bottom: 0;
	-ms-flex-align: center;
	align-items: center
}

.tooltip.tooltip-top {
	bottom: 100%;
	left: 0;
	right: 0;
	-ms-flex-pack: center;
	justify-content: center
}

.tooltip.tooltip-bottom {
	right: 0;
	left: 0;
	top: 100%;
	-ms-flex-pack: center;
	justify-content: center
}

.tabs-panel {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding: 75px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

@media(max-width:1023px) {
	.tabs-panel {
		padding: 30px 0;
		font-size: 20px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tabs-panel {
		min-height: auto
	}
}

.tabs-panel.last {
	border-bottom: 0;
	padding-bottom: 0
}

.tabs-panel:first-child {
	padding-top: 60px
}

.tabs-panel>*:last-child {
	margin-bottom: 0 !important
}

.tabs-panel .box-item {
	margin-bottom: 30px;
	width: 100%;
	font-size: 30px
}

@media(max-width:1023px) {
	.tabs-panel .box-item {
		font-size: inherit
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tabs-panel .box-item {
		margin-bottom: 20px
	}
}

.tabs-panel .box-item.indent {
	padding-left: 0px
}

@media(max-width:1199px) {
	.tabs-panel .box-item.indent {
		padding-left: 0px
	}
}

@media(max-width:1023px) {
	.tabs-panel .box-item.indent {
		padding-left: 0
	}
}

.tabs-panel .box-item.mb-5 {
	margin-bottom: 70vh
}

@media(max-width:767px) {
	.tabs-panel .box-item.mb-5 {
		margin-bottom: 270px
	}
}

@media(max-width:992px) and (orientation:landscape) {
	.tabs-panel .box-item.mb-5 {
		margin-bottom: 45vw !important
	}
}

.tabs-panel .box-item>*:last-child {
	margin-bottom: 0
}

.tabs-panel .box-item.img-center {
	text-align: center
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tabs-panel .box-item.img-center img {
		width: 33vw
	}
}

.tabs-panel .list-boxes {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	--indent: 20px;
	margin: 0 calc(var(--indent) * -1) 50px;
	font-weight: 400
}

@media(max-width:1199px) {
	.tabs-panel .list-boxes {
		--indent: 10px;
		margin-bottom: 20px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tabs-panel .list-boxes {
		margin-bottom: 0
	}
}

.tabs-panel .list-boxes li {
	padding: 0 var(--indent);
	width: 100%;
	max-width: 330px;
	margin-bottom: 12px
}

@media(max-width:1199px) {
	.tabs-panel .list-boxes li {
		max-width: 50%
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tabs-panel .list-boxes li {
		margin-bottom: 0
	}
}

.tabs-panel .list-boxes .holder-ico {
	width: 75px;
	height: 75px;
	border-radius: 50%;
	overflow: hidden;
	font-size: 0;
	margin-bottom: 26px
}

@media(max-width:1199px) {
	.tabs-panel .list-boxes .holder-ico {
		margin-bottom: 15px
	}
}

.tabs-panel .list-boxes .holder-ico img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.tabs-panel .list-boxes p {
	font-size: 18px;
	line-height: 1.7
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tabs-panel .list-boxes p {
		font-size: 16px
	}
}

.tabs-panel .list-rows {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 40px 0
}

@media(max-width:1023px) {
	.tabs-panel .list-rows {
		padding: 20px 0
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tabs-panel .list-rows {
		padding: 0 0 20px
	}
}

.tabs-panel .list-rows li {
	padding: 43px 0;
	font-weight: 400;
	font-size: 30px;
	line-height: 1;
	border-bottom: 1px solid var(--yellow)
}

@media(max-width:1023px) {
	.tabs-panel .list-rows li {
		padding: 20px 0;
		font-size: 22px;
		line-height: 1.4
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tabs-panel .list-rows li {
		padding: 16px 0;
		font-size: 18px
	}
}

.tabs-panel .list-rows li:first-child {
	border-top: 1px solid var(--yellow)
}

.tabs-panel .see-more {
	font-size: 18px;
	position: relative;
	font-weight: 400
}

.tabs-panel .see-more:hover:before {
	transform: scaleX(0)
}

.tabs-panel .see-more:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 2px;
	background: var(--yellow);
	transform: scaleX(1);
	transition: transform var(--time-sm)
}

.tabs-panel .boxes-content {
	display: -ms-flexbox;
	display: flex;
	--indent: 25px;
	margin: 0 calc(var(--indent) * -1)
}

@media(max-width:1023px) {
	.tabs-panel .boxes-content {
		--indent: 10px
	}
}

.tabs-panel .boxes-content .box-item {
	width: 50%;
	padding: 0 var(--indent);
	font-size: 18px;
	line-height: 1.67;
	font-weight: 400
}

@media(max-width:1023px) {
	.tabs-panel .boxes-content .box-item {
		font-size: 16px
	}
}

.tabs-panel .boxes-content .holder-img {
	margin-top: 15px;
	margin-bottom: 30px;
	height: 60px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

@media(max-width:1199px) {
	.tabs-panel .boxes-content .holder-img {
		margin-top: 0;
		margin-bottom: 10px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tabs-panel .boxes-content .holder-img {
		height: 30px;
		margin-top: 5px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tabs-panel .boxes-content .holder-img img {
		height: 100%;
		width: auto
	}
}

.tabs-panel .mousemove-img {
	position: relative;
	--mouse-x: 0;
	--mouse-y: 0
}

.tabs-panel .mousemove-img img {
	transform: translate3d(0, 0, 0);
	transform-style: preserve-3d;
	transition: transform .1s
}

.tabs-panel .mousemove-img .img01 {
	transform: translate3d(calc(var(--mouse-x) / 10), calc(var(--mouse-y) / 15), 0)
}

.tabs-panel .mousemove-img .img02 {
	position: absolute;
	transform: translate3d(calc(var(--mouse-x) / 25), calc(var(--mouse-y) / 30), 0)
}

.tabs-panel .mousemove-img .img03 {
	position: absolute;
	transform: translate3d(calc(var(--mouse-x) / 15), calc(var(--mouse-y) / 20), 0)
}

.tabs-panel .mousemove-img .img04 {
	position: absolute;
	transform: translate3d(calc(var(--mouse-x) / 25), calc(var(--mouse-y) / 30), 0)
}

.tabs-panel .mousemove-img .img05 {
	position: absolute;
	transform: translate3d(calc(var(--mouse-x) / 15), calc(var(--mouse-y) / 20), 0)
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tabs-panel .box-item-img {
		max-width: 300px
	}
}

.tabs-panel .box-item-img-01 {
	margin: -203px 146px 10px -126px
}

@media(max-width:1199px) {
	.tabs-panel .box-item-img-01 {
		margin-right: 20px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tabs-panel .box-item-img-01 {
		margin: -20px 80px 40px -10px
	}
}

@media(max-width:992px) and (orientation:landscape) {
	.tabs-panel .box-item-img-01 {
		max-width: 400px
	}
}

.tabs-panel .box-item-img-01 .img02 {
	top: 34%;
	left: 29%;
	z-index: -1
}

.tabs-panel .box-item-img-01 .img03 {
	position: absolute;
	top: 9%;
	left: 34%;
	transform: translate3d(calc(var(--mouse-x) / 15), calc(var(--mouse-y) / 20), 0)
}

.tabs-panel .box-item-img-01 .img04 {
	top: -1%;
	left: -3%;
	z-index: -1;
	width: 34vw
}

.tabs-panel .box-item-img-01 .img05 {
	top: 85%;
	left: 10%;
	width: 12.5vw
}

@media(min-width:1601px) {
	.tabs-panel .box-item-img-01 .img05 {
		width: 8.5vw
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tabs-panel .box-item-img-01 .img05 {
		width: 10vmin
	}
}

.tabs-panel .box-item-img-02 {
	margin: -78px -18px 6px -252px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tabs-panel .box-item-img-02 {
		margin: -30px 0 16px -80px
	}
}

.tabs-panel .box-item-img-02 .img02 {
	top: -5%;
	left: 76%;
	z-index: -1
}

.tabs-panel .box-item-img-02 .img03 {
	top: 2%;
	left: -4%
}

.tabs-panel .box-item-img-02 .img04 {
	top: 24%;
	left: 107%;
	z-index: -1
}

.tabs-panel .box-item-img-02 .img05 {
	top: 24%;
	left: 107%
}

.tabs-panel .box-item-img-03 {
	margin: -78px -18px 6px -252px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tabs-panel .box-item-img-03 {
		margin: 0 0 40px 0
	}
}

.tabs-panel .box-item-img-03 .img02 {
	top: -7%;
	left: 77%;
	width: 6vw;
	max-width: 80px;
	min-width: 40px
}

.tabs-panel .box-item-img-03 .img03 {
	top: 2%;
	left: -4%
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tabs-panel .box-item-img-03 .img03 {
		top: 0
	}
}

.tabs-panel .box-item-img-03 .img04 {
	top: 39%;
	left: -5%;
	z-index: -1
}

.tabs-panel .box-item-img-03 .img05 {
	top: 24%;
	left: 107%;
	width: 9.5vw;
	max-width: 137px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tabs-panel .box-item-img-03 .img05 {
		left: 95%
	}
}

.outer-holder-sidebar {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	transition: opacity var(--time)
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.outer-holder-sidebar {
		display: none
	}
}

.outer-holder-sidebar .container-wrap {
	-ms-flex-align: end;
	align-items: flex-end;
	position: relative
}

.tabs-text {
	padding-top: 0;
	padding-right: 130px;
	padding-left: 40px;
	padding-bottom: 20px
}

@media(min-width:1601px) {
	.tabs-text {
		padding-right: 190px
	}
}

@media(max-width:1199px) {
	.tabs-text {
		padding-left: 0
	}
}

@media(max-width:1023px) {
	.tabs-text {
		padding-right: 75px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tabs-text {
		padding-right: 0
	}
}

.tabs-text h1,
.tabs-text h2,
.tabs-text h3,
.tabs-text h4,
.tabs-text h5 {
	font-weight: 100;
	letter-spacing: normal;
	text-transform: none
}

.tabs-text h2 {
	margin-bottom: 20px
}

@media(max-width:1599px) {
	.tabs-text h2 {
		margin-right: -15px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tabs-text h2 {
		margin-right: 0;
		margin-bottom: 15px
	}
}

.tabs-text .copyright {
	position: static;
	margin: 20px 0 0
}

.animation-default {
	--animate-duration: .4s
}

.cssload-dots {
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	outline: 1px solid red;
	filter: url(#goo);
	display: none
}

.cssload-dot {
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0
}

.cssload-dot:before {
	content: "";
	width: 34px;
	height: 34px;
	border-radius: 49px;
	background: #fbd301;
	position: absolute;
	left: 50%;
	transform: translateY(0);
	margin-left: -17.5px;
	margin-top: -17.5px
}

.cssload-dot:nth-child(5):before {
	z-index: 100;
	width: 44.5px;
	height: 44.5px;
	margin-left: -21.75px;
	margin-top: -21.75px;
	animation: cssload-dot-colors 3.6s ease infinite
}

.cssload-dot:nth-child(1) {
	animation: cssload-dot-rotate-1 3.6s 0s linear infinite
}

.cssload-dot:nth-child(1):before {
	background-color: #ff3270;
	animation: cssload-dot-move 3.6s 0s ease infinite
}

.cssload-dot:nth-child(2) {
	animation: cssload-dot-rotate-2 3.6s .9s linear infinite
}

.cssload-dot:nth-child(2):before {
	background-color: #208bf1;
	animation: cssload-dot-move 3.6s .9s ease infinite
}

.cssload-dot:nth-child(3) {
	animation: cssload-dot-rotate-3 3.6s 1.8s linear infinite
}

.cssload-dot:nth-child(3):before {
	background-color: #afe102;
	animation: cssload-dot-move 3.6s 1.8s ease infinite
}

.cssload-dot:nth-child(4) {
	animation: cssload-dot-rotate-4 3.6s 2.7s linear infinite
}

.cssload-dot:nth-child(4):before {
	background-color: #fbd301;
	animation: cssload-dot-move 3.6s 2.7s ease infinite
}

@keyframes cssload-dot-move {
	0% {
		transform: translateY(0)
	}
	18%,
	22% {
		transform: translateY(-68px)
	}
	40%,
	100% {
		transform: translateY(0)
	}
}

@keyframes cssload-dot-colors {
	0% {
		background-color: #fbd301
	}
	25% {
		background-color: #ff3270
	}
	50% {
		background-color: #208bf1
	}
	75% {
		background-color: #afe102
	}
	100% {
		background-color: #fbd301
	}
}

@keyframes cssload-dot-rotate-1 {
	0% {
		transform: rotate(-105deg)
	}
	100% {
		transform: rotate(270deg)
	}
}

@keyframes cssload-dot-rotate-2 {
	0% {
		transform: rotate(165deg)
	}
	100% {
		transform: rotate(540deg)
	}
}

@keyframes cssload-dot-rotate-3 {
	0% {
		transform: rotate(435deg)
	}
	100% {
		transform: rotate(810deg)
	}
}

@keyframes cssload-dot-rotate-4 {
	0% {
		transform: rotate(705deg)
	}
	100% {
		transform: rotate(1080deg)
	}
}

.email-message {
	max-width: 320px;
	margin-bottom: 70px;
	font-size: 18px;
	line-height: 1.67;
	font-weight: 200
}

@media(min-width:1601px) {
	.email-message {
		margin-bottom: 105px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.email-message {
		margin-bottom: 40px !important
	}
}

.email-message>*:last-child {
	margin: 0
}

.email-message b {
	font-weight: 400
}

.error-form-message {
	color: var(--red);
	position: absolute;
	bottom: 100%;
	left: 0;
	margin: 0;
	display: none;
	font-size: 18px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.error-form-message {
		font-size: 14px
	}
}

.success-message {
	text-align: center;
	font-size: 30px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 360px;
	max-width: 100%;
	display: none
}

.success-message p {
	margin: 0
}

.services-boxes {
	--indent: 20px;
	display: -ms-flexbox;
	display: flex;
	margin: 0 calc(var(--indent) * -1) 22px
}

img.service-logo-section {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 20%;
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.services-boxes {
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-align: start;
		align-items: flex-start;
		--indent: 0
	}
}

.services-boxes li {
	/*width: 33.3%;*/
	width: 100%;
	padding: 0 var(--indent);
	position: relative
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.services-boxes li {
		width: auto;
		margin-bottom: 80px;
		padding-left: 40px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.services-boxes li:last-child {
		margin-bottom: 0
	}
}

.services-boxes a {
	text-decoration: none;
	color: inherit;
	display: block
}

.services-boxes .holder-img {
	position: absolute;
	top: -46px;
	font-size: 0;
	z-index: -1
}

.services-boxes .h3 {
	color: inherit;
	letter-spacing: 0;
	text-transform: none;
	margin-bottom: 0
}

.services-boxes p {
	margin: 0
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.services-boxes p br {
		display: none
	}
}

.counter {
	position: absolute;
	top: 0;
	left: 100%;
	background: var(--yellow);
	--size: 50px;
	height: var(--size);
	max-width: var(--size);
	border-radius: var(--size);
	font-size: calc(var(--size) * .5);
	display: -ms-flexbox;
	display: flex;
	color: var(--black);
	line-height: 1;
	--ease: linear;
	--time-sm: .25s;
	transition: max-width var(--time-sm) var(--ease);
	cursor: pointer
}

.counter:hover,
.menu-list li:hover b,
.about-list a:hover b {
	max-width: 200%
}

.counter:hover small:last-child,
.menu-list li:hover b small:last-child,
.about-list a:hover b small:last-child {
	opacity: 1;
	transform: translateX(0)
}

.counter small {
	font-size: inherit;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex: none;
	flex: none
}

.counter small:first-child {
	width: var(--size);
	height: var(--size);
	-ms-flex-pack: center;
	justify-content: center
}

.counter small:last-child {
	opacity: 0;
	transition: opacity var(--time-sm) var(--ease), transform var(--time-sm) var(--ease);
	font-size: calc(var(--size) * .4);
	padding-right: calc(var(--size) * .5);
	transform: translateX(-5px)
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.fp-table,
	.fp-tableCell {
		height: auto !important
	}
}

.inner-content-footer {
	position: relative
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.container-wrap.container-footer {
		--trim: 0 20px
	}
}

.current-year {
	font-style: normal;
	padding: 0 !important
}

.sc-about-page {
	--color-help-hover: var(--yellow)
}

.sc-about-page .outer-holder-sidebar {
	transform: translateX(100%);
	transition: transform var(--time)
}

.sc-about-page.fp-viewing-Home,
.sc-about-page.fp-viewing-2 {
	--logo-color: var(--white);
	--nav-btn-color: var(--white);
	--color-help: var(--yellow)
}

.sc-about-page.fp-viewing-About,
.sc-about-page.fp-viewing-3 {
	--color-help: var(--yellow)
}

.sc-about-page.fp-viewing-Services .main-box-img,
.sc-about-page.fp-viewing-4 .main-box-img {
	opacity: 0.1
}

.sc-about-page.fp-viewing-Services .outer-holder-sidebar,
.sc-about-page.fp-viewing-4 .outer-holder-sidebar {
	opacity: 1;
	transform: translateX(0)
}

.sc-about-page.fp-viewing-Services .holder-sidebar,
.sc-about-page.fp-viewing-4 .holder-sidebar {
	opacity: 1;
	visibility: visible
}

.sc-about-page.fp-viewing-Services .bg-hero-circle,
.sc-about-page.fp-viewing-4 .bg-hero-circle {
	transform: translateY(15vh) scale(1);
	min-height: 315vh;
	right: 0
}

.sc-about-page .holder-sidebar {
	visibility: hidden
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.sc-about-page .holder-sidebar {
		visibility: visible
	}
}

.bg-hero-about {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: -1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	transition: transform var(--time);
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.bg-hero-about {
		top: 0;
		left: 0;
		right: -20px
	}
}

.bg-hero-about img {
	min-width: 864px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.bg-hero-about img {
		min-width: 460px
	}
}

.about-hero-text {
	line-height: .8;
	margin-top: -72px;
	z-index: 1
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.about-hero-text {
		line-height: 1.2;
		margin-right: 0;
		margin-top: 0
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.more-detail-section {
		background: var(--white)
	}
}

.section-info-cols {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font-size: 30px;
	line-height: 1.53;
	font-weight: 200
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.section-info-cols {
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.section-info-cols .col {
	width: 48%;
	padding-right: 50px;
	margin-bottom: 40px
}

@media(max-width:1023px) {
	.section-info-cols .col {
		font-size: 24px;
		padding-right: 20px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.section-info-cols .col {
		width: 100%;
		padding-right: 0;
		font-size: 18px;
		margin-bottom: 30px
	}
}

.section-info-cols .col:nth-child(even) {
	padding-top: 154px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.section-info-cols .col:nth-child(even) {
		padding-top: 0
	}
}

.section-info-cols p {
	margin-bottom: 0
}

.section-brand-promo .col {
	max-width: 500px
}

@media(min-width:1601px) {
	.section-brand-promo .col {
		max-width: calc(500px + var(--wrap-increase))
	}
}

.logo-full {
	/*margin: -45px -81px 0 0;*/
	height: 275px;
	position: relative;
	z-index: -1
}

@media(max-width:1023px) {
	.logo-full {
		margin: 0 -81px 0 0;
		height: 200px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.logo-full {
		margin: 0;
		height: 68px
	}
}

.logo-full span {
	width: 200vw;
	height: 100%;
	position: absolute;
	top: 30px;
	left: -100%;
	background: var(--logo-bg) repeat-x;
	display: block;
	background-size: auto;
	background-position-x: 0
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.logo-full span {
		left: -5px;
		width: 100vw;
		background-repeat: no-repeat
	}
}

.about-more-list {
	color: var(--light-black)
}

.about-more-list li {
	border-bottom: 1px solid rgba(42, 42, 42, 0.2);
	position: relative
}

.about-more-list li.active .box-text,
.about-more-list li:hover .box-text {
	transform: translateX(30px)
}

.about-more-list li.active .box-text::before,
.about-more-list li:hover .box-text::before {
	opacity: 1;
	transform: translateX(-36px);
	color: var(--light-black)
}

.about-more-list li.active .wrap-text span::before,
.about-more-list li:hover .wrap-text span::before {
	background: var(--white);
	transform: scaleX(1)
}

.about-more-list li .box-ico {
	font-size: 40px;
	margin: 0 10px;
	color: var(--white)
}

.about-more-list li .box-text {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.about-more-list li .box-text::before {
	content: "\e906";
	font-family: 'icomoon' !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	transition: transform var(--time-sm), opacity var(--time-sm);
	opacity: 0
}

.inner-content-wrap.about-text {
	padding-right: 50px
}

@media(min-width:1601px) {
	.inner-content-wrap.about-text {
		padding-right: 190px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.inner-content-wrap.about-text {
		padding-bottom: var(--mobile-oadding-y);
		padding-right: 0
	}
}

.main-box-img {
	position: absolute;
	top: calc(100vh + 120px);
	right: 0;
	width: 71vw;
	height: 100vh;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-ms-flex-align: center;
	align-items: center;
	opacity: 0;
	transition: opacity var(--time)
}

@media(min-width:1601px) {
	.main-box-img {
		width: 100vw;
		height: 100%
	}
}

@media(max-width:1199px) {
	.main-box-img {
		width: 100vw;
		height: 100%
	}
}

@media(max-width:1023px) {
	.main-box-img {
		width: 100vw;
		height: 100%
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.main-box-img {
		display: none
	}
}

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

.main-box-img-mobile {
	position: absolute;
	top: 0;
	left: -20px;
	width: 100vw;
	height: 430px;
	display: none;
	z-index: -1;
	opacity: 1;
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.main-box-img-mobile {
		display: block
	}
}

.main-box-img-mobile img {
	object-fit: cover;
	height: 100%;
	width: 100%
}

.mask-img {
	position: absolute;
	top: 0;
	right: 100%;
	height: 100%
}

.holder-sidebar-img {
	width: 100%;
	height: 100vh;
	position: absolute;
	top: 200vh;
	right: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: end;
	justify-content: flex-end
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.holder-sidebar-img {
		display: none
	}
}

.holder-sidebar-img .item {
	font-size: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	transition: transform var(--time);
	transform: translateX(-50%)
}

.holder-sidebar-img .item.active {
	transform: translateX(30%)
}

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

.vert-lines {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	z-index: -1
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.vert-lines {
		display: none
	}
	div#team
	{
		padding-top: 430px;
	}
}

.vert-lines:nth-of-type(2) {
	right: 0;
	left: auto
}

.vert-lines:nth-of-type(2)::after {
	display: none
}

.vert-lines::before,
.vert-lines::after {
	content: "";
	position: absolute;
	left: 50%;
	width: 1px;
	height: 100%;
	background: #b5b5b5;
	opacity: .4
}

.vert-lines::before {
	left: 50%
}

.vert-lines::after {
	left: 100%
}

.sc-portfolio-page {
	--color-help-hover: var(--yellow)
}

.sc-portfolio-page.fp-viewing-Home,
.sc-portfolio-page.fp-viewing-1 {
	--logo-color: var(--white);
	--nav-btn-color: var(--white);
	--color-help: var(--black)
}

.bg-hero-portfolio {
	position: absolute;
	top: 392px;
	left: 0;
	right: 142px;
	bottom: 0;
	margin: auto;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	transition: transform var(--time)
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.bg-hero-portfolio {
		top: 142px;
		right: 272px
	}
}

.bg-hero-portfolio img {
	min-width: 1371px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.bg-hero-portfolio img {
		min-width: 770px
	}
}

.portfolio-hero-text {
	line-height: .8;
	margin-top: -38px;
	z-index: 1
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.portfolio-hero-text {
		line-height: 1.2;
		margin-right: 0;
		margin-top: -30px
	}
}

.grid-boxes {
	display: -ms-grid;
	display: grid;
	grid-gap: 2.2em;
	-ms-grid-columns: (minmax(335px, 1fr))[auto-fill];
	grid-template-columns: repeat(auto-fill, minmax(335px, 1fr));
	grid-auto-flow: row dense;
	margin-bottom: 40px;
	width: 100%
}

@media(max-width:1023px) {
	.grid-boxes {
		grid-gap: 1em
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.grid-boxes {
		-ms-grid-columns: (minmax(260px, 1fr))[auto-fill];
		grid-template-columns: repeat(auto-fill, minmax(260px, 1fr))
	}
}

.grid-boxes .grid-box-hover:hover {
	background: rgba(250, 176, 65, 0.7)
}

.grid-boxes .grid-box-hover:hover img {
	transform: scale(1.4)
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.grid-boxes .grid-box-hover:hover img {
		transform: scale(1.2)
	}
}

.grid-boxes .grid-box-hover:hover.grid-box-03 img {
	transform: scale(1.3)
}

.grid-boxes .grid-box-hover:hover.grid-box-04 img {
	transform: scale(1.2)
}

.grid-boxes .grid-box-hover:hover.grid-box-05 img {
	transform: scale(1.4) rotate(-13deg)
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.grid-boxes .grid-box-hover:hover.grid-box-05 img {
		transform: scale(1.2) rotate(-13deg)
	}
}

.grid-boxes .grid-box-hover:hover.grid-box-06 img {
	transform: translateX(-50%) scale(1.4)
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.grid-boxes .grid-box-hover:hover.grid-box-06 img {
		transform: translateX(-50%) scale(1.2)
	}
}

.grid-box {
	background: var(--white);
	padding: 34px 42px;
	position: relative;
	overflow: hidden;
	transition: background var(--time-sm);
	--color-line: var(--white);
	min-height: 455px
}

@media(max-width:1023px) {
	.grid-box {
		padding: 15px;
		min-height: 345px
	}
}

.grid-box.long-box {
	grid-column: 1 / 3
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.grid-box.long-box {
		-ms-grid-column: 1;
		grid-column: 1
	}
}

.grid-box.grid-box-01 img {
	margin: auto;
	top: 0;
	bottom: -38%;
	right: -50%
}

@media(max-width:1023px) {
	.grid-box.grid-box-01 img {
		bottom: -10%;
		right: -30%
	}
}

.grid-box.grid-box-02 img {
	transform-origin: 80% -37%;
	bottom: -9%;
	right: -20%;
	top: 0;
	margin: auto
}

.grid-box.grid-box-03:hover img,
.portfolio-preview .grid-box-03.box-title:hover img {
	transform: scale(1.3)
}

.grid-box.grid-box-03 img {
	bottom: -93px;
	right: -191px
}

@media(max-width:1023px) {
	.grid-box.grid-box-03 img {
		bottom: -50px;
		width: 700px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.grid-box.grid-box-03 img {
		width: 400px;
		bottom: -20px;
		right: -120px
	}
}

.grid-box.grid-box-04:hover img,
.portfolio-preview .grid-box-04.box-title:hover img {
	transform: scale(1.2)
}

.grid-box.grid-box-04 img {
	transform-origin: 38% 0;
	margin: auto;
	top: 0;
	right: -4%;
	bottom: -21%
}

.grid-box.grid-box-05:hover img,
.portfolio-preview .grid-box-05.box-title:hover img {
	transform: scale(1.4) rotate(-13deg)
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.grid-box.grid-box-05:hover img,
	.portfolio-preview .grid-box-05.box-title:hover img {
		transform: scale(1.2) rotate(-13deg)
	}
}

.grid-box.grid-box-05 img {
	margin: auto;
	top: 0;
	bottom: -2%;
	right: -18%;
	transform-origin: 81% 17%
}

.grid-box.grid-box-06:hover img,
.portfolio-preview .grid-box-06.box-title:hover img {
	transform: translateX(-50%) scale(1.4)
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.grid-box.grid-box-06:hover img,
	.portfolio-preview .grid-box-06.box-title:hover img {
		transform: translateX(-50%) scale(1.2)
	}
}

.grid-box.grid-box-06 img {
	margin: auto;
	top: 0;
	bottom: -30%;
	left: 50%;
	transform-origin: 47% -5%;
	transform: translateX(-50%)
}

@media(max-width:1023px) {
	.grid-box.grid-box-06 img {
		width: 300px;
		bottom: -20%
	}
}

.grid-box.grid-box-07 img {
	bottom: -20%;
	right: 10%;
	transform-origin: 83% 9%
}

.grid-box img {
	max-width: none;
	position: absolute;
	transform-origin: 50% 0;
	transition: transform .4s
}

@media(max-width:1023px) {
	.grid-box img {
		width: 400px
	}
}

.grid-box .h {
	text-transform: none;
	letter-spacing: 0;
	line-height: 1.56;
	margin-bottom: 0;
	z-index: 1;
	position: relative;
	max-width: 400px;
	width: 100%
}

.grid-box .btn {
	font-size: 18px;
	position: absolute;
	bottom: 35px;
	left: 47px
}

@media(max-width:1023px) {
	.grid-box .btn {
		bottom: 15px
	}
}

.portfolio-full h2 {
	margin-bottom: 38px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.portfolio-full h2 br {
		display: none
	}
}

.sc-join-page {
	--color-help: var(--black);
	--color-help-hover: var(--yellow)
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.sc-join-page .more-detail-section {
		background: var(--white)
	}
}

.sc-join-page .hero-graphics {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh
}

.sc-join-page.fp-viewing-Home,
.sc-join-page.fp-viewing-1 {
	--logo-color: var(--white);
	--nav-btn-color: var(--white)
}

.sc-join-page.fp-viewing-About,
.sc-join-page.fp-viewing-2 {
	--logo-color: var(--light-black);
	--nav-btn-color: var(--white)
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.sc-join-page.fp-viewing-About,
	.sc-join-page.fp-viewing-2 {
		--nav-btn-color: var(--light-black)
	}
}

.sc-join-page.fp-viewing-Services,
.sc-join-page.fp-viewing-3 {
	--logo-color: var(--white);
	--nav-btn-color: var(--white)
}

.sc-join-page.fp-viewing-Services .hero-graphics .section-bottom,
.sc-join-page.fp-viewing-3 .hero-graphics .section-bottom {
	transform: translate(0, -300%);
	opacity: 0
}

.sc-join-page.fp-viewing-Services .vacancies-section,
.sc-join-page.fp-viewing-3 .vacancies-section {
	transform: translateX(0);
	opacity: 1
}

.sc-join-page.fp-viewing-Services .bg-hero-join,
.sc-join-page.fp-viewing-3 .bg-hero-join {
	position: fixed;
	transform: translateY(1000px)
}

.sc-join-page.fp-viewing-Services .holder-sidebar,
.sc-join-page.fp-viewing-3 .holder-sidebar {
	opacity: 0
}

.bg-hero-join {
	position: absolute;
	top: 175px;
	left: 0;
	right: -687px;
	bottom: 0;
	margin: auto;
	z-index: -1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	transition: transform var(--time)
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.bg-hero-join {
		top: -25px;
		right: -380px;
		position: fixed;
		transform: translateY(0) !important
	}
}

.bg-hero-join img {
	min-width: 2478px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.bg-hero-join img {
		min-width: 1278px
	}
}

.join-hero-text {
	line-height: .8;
	margin-right: -10px;
	margin-top: -108px;
	z-index: 1
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.join-hero-text {
		line-height: 1.2;
		margin-right: 0;
		margin-top: -30px
	}
}

.join-hero-text h1 {
	margin-left: 0
}

.join-hero-text p {
	font-size: 65px;
	font-weight: 100
}

@media(max-width:1199px) {
	.join-hero-text p {
		font-size: 58px
	}
}

@media(max-width:1023px) {
	.join-hero-text p {
		font-size: 38px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.join-hero-text p {
		font-size: 30px
	}
}

.join-hero-text b {
	color: var(--white)
}

@media(max-width:1023px) {
	.join-hero-text b {
		--size: 40px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.join-hero-text b {
		--size: 26px
	}
}

.vacancies-section {
	--inner-content-color: var(--white);
	transform: translateX(100%);
	transition: transform var(time), opacity var(time);
	opacity: 0;
	z-index: 1
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.vacancies-section {
		transform: translateX(0);
		opacity: 1;
		height: 100vh !important
	}
}

.vacancies-section .copyright {
	font-weight: 300
}

.vacancies-section .copyright a {
	color: inherit
}

.holder-vacancies-panel {
	width: 100%;
	color: inherit;
	margin-bottom: 40px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.holder-vacancies-panel {
		margin-top: 30px
	}
}

.holder-vacancies-panel h3 {
	margin-bottom: 107px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.holder-vacancies-panel h3 {
		margin-bottom: 40px
	}
}

.vacancies-panel li {
	--mb: 43px;
	padding-bottom: var(--mb);
	margin-bottom: var(--mb);
	border-bottom: 1px solid rgba(229, 229, 229, 0.2)
}

@media(max-width:1199px) {
	.vacancies-panel li {
		--mb: 34px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.vacancies-panel li {
		--mb: 20px
	}
}

.vacancies-panel li:last-child {
	margin-bottom: 0;
	border-bottom: 0
}

.vacancies-panel a {
	color: inherit;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	line-height: 3.7;
	position: relative
}

.vacancies-panel a::before {
	content: "";
	position: absolute;
	top: -43px;
	left: -70px;
	width: calc(100% + 140px);
	height: calc(100% + 87px);
	background: var(--black);
	z-index: -1;
	opacity: 0;
	transition: opacity var(--time-sm)
}

@media(max-width:1199px) {
	.vacancies-panel a::before {
		top: -35px;
		left: -30px;
		width: calc(100% + 70px);
		height: calc(100% + 70px)
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.vacancies-panel a::before {
		width: calc(100% + 40px);
		top: -21px;
		left: -20px;
		height: calc(100% + 42px)
	}
}

.vacancies-panel a:hover::before {
	opacity: .8
}

.vacancies-panel a:hover .ico-expand {
	overflow: visible
}

.vacancies-panel a:hover .ico-expand path {
	opacity: 1
}

.vacancies-panel a:hover .ico-expand path:first-child {
	transform: translate(0, 0)
}

.vacancies-panel a:hover .ico-expand path:last-child {
	transform: translate(1790px, 268px) rotate(180deg)
}

.vacancies-panel span {
	margin: 0 10px 0 0
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.vacancies-panel span {
		font-size: 30px
	}
}

.vacancies-panel .ico-expand {
	overflow: visible
}

@media(max-width:1199px) {
	.vacancies-panel .ico-expand {
		width: 50px
	}
}

@media(max-width:1199px) {
	.vacancies-panel .ico-expand {
		width: 30px
	}
}

.vacancies-panel .ico-expand path {
	opacity: 0;
	transition: opacity var(--time-sm), transform var(--time-sm)
}

.vacancies-panel .ico-expand path:first-child {
	transform: translate(30px, -30px)
}

.vacancies-panel .ico-expand path:last-child {
	transform: translate(1760px, 298px) rotate(180deg)
}

.vacancies-list {
	color: var(--white)
}

.vacancies-list li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	--indent: 35px
}

.vacancies-list .wrap-text span::before {
	height: 2px;
	background: var(--yellow)
}

@media(min-width:1601px) {
	.inner-content-wrap.join-text {
		padding-right: 190px
	}
}

@media(max-width:1023px) {
	.inner-content-wrap.join-text {
		padding-right: 70px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.inner-content-wrap.join-text {
		padding-right: 0
	}
}

.inner-content-wrap.join-text h3 {
	text-transform: none;
	letter-spacing: normal;
	margin-bottom: 20px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.inner-content-wrap.join-text h3 {
		margin-bottom: 15px
	}
}

.sc-contact-page {
	--color-help-hover: var(--yellow)
}

.sc-contact-page.fp-viewing-Home,
.sc-contact-page.fp-viewing-1,
.sc-services-page,
.fp-viewing-Home {
	--logo-color: var(--white);
	--nav-btn-color: var(--white)
}

.sc-contact-page.fp-viewing-About,
.sc-contact-page.fp-viewing-2 {
	--nav-btn-color: var(--white)
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.sc-contact-page.fp-viewing-About,
	.sc-contact-page.fp-viewing-2 {
		--nav-btn-color: var(--black)
	}
}

.sc-contact-page.fp-viewing-About .bg-hero-contact,
.sc-contact-page.fp-viewing-2 .bg-hero-contact {
	transform: translate(468px, 560px)
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.sc-contact-page.fp-viewing-About .bg-hero-contact,
	.sc-contact-page.fp-viewing-2 .bg-hero-contact {
		transform: translate(0)
	}
}

.sc-contact-page.fp-viewing-About .bg-hero-contact img,
.sc-contact-page.fp-viewing-2 .bg-hero-contact img {
	width: 100%
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.sc-contact-page.fp-viewing-About .more-detail-section,
	.sc-contact-page.fp-viewing-2 .more-detail-section {
		background: var(--white)
	}
}

.bg-hero-contact {
	position: absolute;
	top: 116px;
	left: 0;
	right: -204px;
	bottom: 0;
	margin: auto;
	z-index: -1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	transition: transform var(--time)
}

@media(max-width:1024px) {
	.bg-hero-contact {
		top: 0;
		left: -25%;
		width: 150%;
		right: auto
	}
}

.bg-hero-contact img {
	min-width: 1344px
}

@media(max-width:1024px) {
	.bg-hero-contact img {
		min-width: 1px;
		width: 100%
	}
}

@media(min-width:1601px) {
	.bg-hero-contact img {
		min-width: 1550px
	}
}

.contact-hero-text {
	line-height: .8;
	margin-right: -10px;
	margin-top: -86px;
	z-index: 1;
	position: relative;
	width: 100%
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.contact-hero-text {
		line-height: 1.2;
		margin-right: 0;
		margin-top: -30px
	}
}

.contact-list {
	color: var(--white);
	padding-left: 20px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.contact-list {
		display: none
	}
}

.contact-list h5 {
	margin-bottom: 40px
}

.contact-list li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.5)
}

.contact-list .wrap-text span::before {
	height: 2px;
	background: var(--yellow)
}

.contact-list .box-text h5 {
	font-weight: 700;
	margin-bottom: 0;
	line-height: 1.7;
	font-size: 18px
}

@media(max-width:1023px) {
	.contact-list .box-text h5 {
		font-size: 15px
	}
}

.contact-list .subtitle {
	margin-bottom: 10px;
	color: rgba(255, 255, 255, 0.5);
	display: block
}

.contact-list .subtitle i {
	font-size: 20px;
	margin-right: 6px;
	color: var(--yellow)
}

.pin-holder {
	position: absolute;
	padding: 1.78em
}

@media(max-width:1024px) {
	.pin-holder {
		font-size: 14px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.pin-holder {
		font-size: 9px
	}
}

.pin-holder:hover .pin {
	transform: scale(2.7)
}

.pin-holder:hover .pin::before {
	transform: scale(1.65);
	animation: none
}

.pin-holder.pin-left-bottom {
	left: 118px;
	bottom: 54px
}

@media(max-width:1024px) {
	.pin-holder.pin-left-bottom {
		left: -9vw;
		bottom: 1vw
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.pin-holder.pin-left-bottom {
		left: -20px;
		bottom: 8vw
	}
}

.pin-holder.pin-left-bottom .pin-descr {
	left: 100%;
	bottom: 13px
}

.pin-holder.pin-right-top {
	right: 70px;
	top: -88px
}

@media(min-width:1601px) {
	.pin-holder.pin-right-top {
		right: 60px;
		top: -190px
	}
}

@media(max-width:1024px) {
	.pin-holder.pin-right-top {
		right: 13vw;
		top: -22vw
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.pin-holder.pin-right-top {
		right: 8vw;
		top: -17vw
	}
}

.pin-holder.pin-right-top .pin::before {
	animation-delay: 2s
}

.pin-holder.pin-right-top .pin-descr {
	right: 100%;
	top: 13px
}

.pin {
	width: .445em;
	height: .445em;
	background: var(--yellow);
	border-radius: 50%;
	position: relative;
	transition: transform var(--time) cubic-bezier(0.34, 1.05, 0.9, 1)
}

.pin:hover {
	transform: scale(2.7)
}

.pin:hover::before {
	transform: scale(1.65);
	animation: none
}

.pin::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: var(--yellow);
	opacity: .3;
	transition: transform var(--time) cubic-bezier(0.34, 1.05, 0.9, 1);
	animation: pulsate var(--time) cubic-bezier(0.18, 0.89, 0.32, 1.28) infinite;
	animation-delay: 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.pin-descr {
	position: absolute;
	opacity: 0;
	padding: 1.67em 2.223em;
	border-radius: 25px;
	background: rgba(42, 42, 42, 0.9);
	min-width: 296px;
	line-height: 1.7;
	font-weight: 700;
	pointer-events: none;
	font-size: .8em;
	color: inherit
}

@media(min-width:1601px) {
	.pin-descr {
		min-width: 380px;
		padding: 1.3em 2em
	}
}

@media(max-width:1023px) {
	.pin-descr {
		min-width: 240px;
		padding: 1.17em 1.723em;
		border-radius: 15px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.pin-descr {
		min-width: 160px;
		border-radius: 10px
	}
}

.pin-descr:hover {
	color: inherit
}

.pin-descr h5 {
	color: rgba(255, 255, 255, 0.5);
	font-weight: 200;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	font-size: inherit
}

.pin-descr h5 span {
	color: var(--yellow);
	font-size: 1.12em;
	margin-right: 5px;
	margin-top: -2px
}

.cover-img-wrap {
	position: absolute;
	top: var(--section-bottom-h);
	left: calc(100% - 50px);
	width: 45vw;
	height: 100vh;
	z-index: -2
}

.cover-menu-img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100vh;
	opacity: 0
}

@media(max-width:1199px) {
	.cover-menu-img {
		width: 50vw
	}
}

@media(min-width:1501px) {
	.cover-menu-img {
		width: 100%
	}
}

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

.inner-content-wrap.contact-text {
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.inner-content-wrap.contact-text {
		padding-bottom: 80px
	}
}

@media(max-width:1023px) {
	.inner-content-wrap.contact-text .contact-wrap {
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-align: start;
		align-items: flex-start
	}
}

@media(max-width:1023px) {
	.inner-content-wrap.contact-text .col {
		width: 100%;
		padding-right: 40px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.inner-content-wrap.contact-text .col {
		padding-right: 0
	}
}

.inner-content-wrap.contact-text .email-message {
	margin-bottom: 90px;
	max-width: 220px
}

@media(min-width:1601px) {
	.inner-content-wrap.contact-text .email-message {
		margin-bottom: 96px
	}
}

@media(max-width:1023px) {
	.inner-content-wrap.contact-text .email-message {
		max-width: 320px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.inner-content-wrap.contact-text .email-message {
		padding-right: 0
	}
}

.inner-content-wrap.contact-text .copyright {
	padding-right: 105px
}

@media(min-width:1601px) {
	.inner-content-wrap.contact-text .copyright {
		padding-right: 190px
	}
}

@media(max-width:1023px) {
	.inner-content-wrap.contact-text .copyright {
		padding-right: 20px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.inner-content-wrap.contact-text .copyright {
		padding-right: 0
	}
}

/*.sc-services-page {
	--logo-color: var(--back);
	--color-help-hover: var(--yellow)
}*/

.sc-services-page.fp-viewing-About .outer-holder-sidebar,
.sc-services-page.fp-viewing-2 .outer-holder-sidebar {
	opacity: 1
}

.sc-services-page .hero-graphics {
	z-index: auto !important
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.sc-services-page .more-detail-section {
		background: var(--white)
	}
}

.bg-hero-services {
	position: absolute;
	top: 1156px;
	left: 0;
	right: 410px;
	bottom: 0;
	margin: auto;
	z-index: -1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	transition: transform var(--time)
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.bg-hero-services {
		top: 1000px;
		z-index: auto
	}
}

.bg-hero-services img {
	min-width: 2193px
}

.services-list-hero {
	--time-hover-list-hero: var(--time-sm)
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.services-list-hero {
		margin-top: 30px
	}
}

.services-list-hero ul {
	--indent: 44px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.services-list-hero ul {
		--indent: 0
	}
}

.services-list-hero li.websites-item .holder-img {
	top: -50px
}

/* .services-list-hero li::after {
	content: "";
	width: 2px;
	height: calc(100% + 27px);
	background: var(--yellow);
	position: absolute;
	bottom: 8px;
	left: 0
} */

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.services-list-hero li::after {
		width: 1px
	}
}

.services-list-hero li:hover .holder-img {
	opacity: 0
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.services-list-hero li:hover .holder-img {
		opacity: 1
	}
}

.services-list-hero li:hover .h3 {
	/* transform: translateY(-50px) */
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.services-list-hero li:hover .h3 {
		transform: translateY(0)
	}
}

.services-list-hero li:hover p {
	opacity: 1;
	transform: translateY(-50px)
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.services-list-hero li:hover p {
		transform: translateY(0)
	}
}

.services-list-hero .h3 {
	transition: transform var(--time-hover-list-hero);
	--color-line: var(--yellow);
	margin-bottom: 0 !important
}

.services-list-hero .holder-img {
	left: 44px;
	transition: opacity var(--time-hover-list-hero);
	stroke: var(--yellow)
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.services-list-hero .holder-img {
		left: 30px
	}
}

.services-list-hero p {
	opacity: 0;
	position: absolute;
	top: 100%;
	left: 45px;
	pointer-events: none;
	transition: transform var(--time-hover-list-hero), opacity var(--time-hover-list-hero)
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.services-list-hero p {
		position: static;
		opacity: 1;
		left: 30px
	}
}

.services-hero-text {
	z-index: 1;
	margin-bottom: 80px;
	width: 100%
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.services-hero-text {
		margin-bottom: 0
	}
}

.services-hero-text h1 {
	margin-bottom: 10px;
}

.services-list li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.5)
}

.services-list li.active .box-text {
	transform: translateX(30px)
}

.services-list li.active .box-text::before {
	opacity: 1;
	transform: translateX(-36px)
}

.services-list li .box-text {
	position: relative
}

.services-list li .box-text::before {
	content: "\e906";
	font-family: 'icomoon' !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	color: var(--yellow);
	transition: transform var(--time-sm), opacity var(--time-sm);
	opacity: 0
}

.services-list .wrap-text span::before {
	height: 2px;
	background: var(--yellow)
}

.sc-join-single-page {
	--color-help: var(--black);
	--color-help-hover: var(--yellow)
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.content-single-section {
		margin-top: 60px
	}
}

.content-single-section .inner-content {
	padding-right: 55px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.content-single-section .inner-content {
		padding-right: 0;
		padding-top: 30px;
		padding-bottom: 0
	}
}

.content-single-section .box-title {
	margin-bottom: 68px
}

@media(max-width:1023px) {
	.content-single-section .box-title {
		margin-bottom: 48px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.content-single-section .box-title {
		margin-bottom: 30px
	}
}

.content-single-section .box-title>*:last-child {
	margin-bottom: 0
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.content-single-section .box-title .h3,
	.content-single-section .box-title h3 {
		margin-bottom: 10px;
		letter-spacing: 3px
	}
}

.content-single-section article {
	--indent: 30px;
	margin-bottom: var(--indent);
	padding-bottom: var(--indent);
	position: relative;
	width: 100%
}

.content-single-section article::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 30px;
	right: 30px;
	width: 100%;
	height: 1px;
	background: #000;
	opacity: .1
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.content-single-section article::after {
		left: 0;
		right: 0
	}
}

.content-single-section article:last-of-type {
	padding-bottom: 0;
	margin-bottom: 0
}

.content-single-section article:last-of-type::after {
	display: none
}

.content-single-section article>*:last-child {
	margin-bottom: 0 !important
}

.content-single-section article header {
	margin-bottom: 24px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.content-single-section article header {
		margin-bottom: 17px
	}
}

.content-single-section article header>*:last-child {
	margin-bottom: 0
}

.content-single-section article h3 {
	text-transform: none;
	letter-spacing: 0
}

.content-single-section ul:not([class]),
.content-single-section ol:not([class]) {
	margin-bottom: 26px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.content-single-section ul:not([class]),
	.content-single-section ol:not([class]) {
		margin-bottom: 22px
	}
}

.content-single-section ul:not([class]) li,
.content-single-section ol:not([class]) li {
	padding: 0 0 18px 18px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.content-single-section ul:not([class]) li,
	.content-single-section ol:not([class]) li {
		padding-bottom: 15px
	}
}

.content-single-section .inner-content-holder {
	width: calc(100% - 180px);
	padding-bottom: 80px;
	position: relative
}

@media(max-width:1023px) {
	.content-single-section .inner-content-holder {
		width: calc(100% - 150px)
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.content-single-section .inner-content-holder {
		width: 100%
	}
}

.sidebar-btn {
	min-width: 180px
}

@media(max-width:1023px) {
	.sidebar-btn {
		min-width: 120px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.sidebar-btn {
		display: none
	}
}

.sidebar-btn .back {
	font-size: 16px;
	position: fixed;
	top: 136px;
	width: 125px;
	transition: opacity var(--time-sm)
}

.sidebar-btn .back:hover {
	opacity: .75
}

.sidebar-btn .btn-cyrcle {
	position: fixed;
	bottom: 48px;
	width: 125px;
	height: 125px;
	border-radius: 50%;
	border: 3px solid currentColor;
	color: var(--yellow);
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 500;
	transition: transform var(--time-sm), opacity var(--time-sm)
}

@media(max-width:1023px) {
	.sidebar-btn .btn-cyrcle {
		width: 90px;
		height: 90px;
		font-size: 16px
	}
}

.sidebar-btn .btn-cyrcle.hide {
	opacity: 0;
	pointer-events: none
}

.sidebar-btn .btn-cyrcle:hover {
	transform: scale(0.85)
}

.sidebar-btn .btn-cyrcle:hover .icon-envelope {
	transform: translateX(-12%);
	opacity: 1
}

.sidebar-btn .btn-cyrcle:hover .first {
	transform: translateX(100%);
	opacity: 0
}

.sidebar-btn span {
	position: absolute;
	transition: transform var(--time-sm), opacity var(--time-sm)
}

.sidebar-btn .icon-envelope {
	transform: translateX(-100%);
	opacity: 0;
	font-size: 3.4em
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.sc-home-page .more-detail-section {
		background: var(--light-black)
	}
}

.sc-home-page:not(.fp-viewing-Home) .hero-graphics {
	top: -100vh;
	z-index: -1;
	transition: top .4s
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.sc-home-page:not(.fp-viewing-Home) .hero-graphics {
		top: 0
	}
}

.sc-home-page.fp-viewing-Home .bg-s,
.sc-home-page.fp-viewing-0 .bg-s {
	opacity: 1 !important
}

.sc-home-page.fp-viewing-Home .hero-graphics,
.sc-home-page.fp-viewing-0 .hero-graphics {
	top: 0;
	z-index: auto
}

.sc-home-page.fp-viewing-About,
.sc-home-page.fp-viewing-1 {
	--logo-color: var(--white);
	--navigation-color: var(--white)
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.sc-home-page.fp-viewing-About,
	.sc-home-page.fp-viewing-1 {
		--nav-btn-color: var(--white)
	}
}

.sc-home-page.fp-viewing-About .bg-s,
.sc-home-page.fp-viewing-1 .bg-s {
	opacity: 0 !important
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.sc-home-page.fp-viewing-About .bg-s,
	.sc-home-page.fp-viewing-1 .bg-s {
		opacity: 1 !important
	}
}

.sc-home-page.fp-viewing-Services,
.sc-home-page.fp-viewing-2 {
	--logo-color: var(--light-black)
}

.sc-home-page.fp-viewing-Portfolio,
.sc-home-page.fp-viewing-3 {
	--logo-color: var(--white);
	--nav-btn-color: var(--white);
	--navigation-color: var(--white)
}

.sc-home-page.fp-viewing-Portfolio .portfolio-section .bg-s,
.sc-home-page.fp-viewing-3 .portfolio-section .bg-s {
	transform: translateY(0);
	opacity: 1
}

.welcome-text {
	width: 100%
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.welcome-text {
		margin: auto;
		width: 400px;
		max-width: 100%
	}
}

.welcome-text h1 {
	line-height: .9;
	font-size: 75px;
	font-weight: 300;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-bottom: 0;
	width: 100%;
	letter-spacing: -1px
}

@media(max-width:1199px) {
	.welcome-text h1 {
		font-size: 100px
	}
}

@media(max-width:1023px) {
	.welcome-text h1 {
		font-size: 80px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.welcome-text h1 {
		font-size: 42px
	}
}

.welcome-text h1 strong {
	font-weight: 800;
	font-size: 1.2em;
	font-size: 88px !important;
}
.welcome-text h1 span {
    font-size: 42px;
    font-weight: 400;
    margin-top: 15px;
	word-spacing: 12px;
}
.about-list {
	color: var(--black)
}
span.theme-color {
    color: #EA7726;
    font-weight: bold;
}
span.bold-text {
    font-weight: bold;
}
.services-preview .box-title h2 {
    font-weight: 200;
    word-spacing: 12px;
}

.h3 {
    margin: 0px !important;
    margin-bottom: 10px !important;
    font-size: 68px;
    text-transform: capitalize !important;
    letter-spacing: 0px !important;
}
@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.about-list {
		color: var(--white);
		display: -ms-flexbox;
		display: flex
	}
}

.about-list li {
	border-bottom: 1px solid #e5e5e5
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.about-list li {
		border-bottom-color: rgba(229, 229, 229, 0.3)
	}
}

.about-list a:hover .box-ico span {
	opacity: .3
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.about-list a:hover .box-ico span {
		opacity: .5
	}
}

.about-list b {
	--size: 30px;
	top: -14px;
	left: calc(100% + 7px)
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.about-list b {
		--size: 24px;
		top: -8px
	}
}

.about-list .box-ico {
	min-width: 67px;
	margin-right: 17px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

@media(max-width:1199px) {
	.about-list .box-ico {
		min-width: 50px
	}
}

.about-list .box-ico span {
	font-size: 60px;
	color: currentColor;
	opacity: .1;
	transition: opacity var(--time-sm) var(--ease)
}

@media(max-width:1199px) {
	.about-list .box-ico span {
		font-size: 50px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.about-list .box-ico span {
		opacity: .5
	}
}

.about-list .group-ico {
	opacity: .1
}

.about-list .box-text {
	-ms-flex: auto;
	flex: auto;
	line-height: 1.3
}

.about-list .box-text>*:last-child {
	margin-bottom: 0
}

.about-list .h4 {
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: relative;
	color: inherit;
	--color-line: var(--yellow)
}

.about-list p {
	color: #777
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.about-list p {
		color: var(--white)
	}
}

.services-section {
	z-index: 1
}

.services-main-preview {
	position: relative;
    background: var(--services-main-preview);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.services-main-preview .inner-content {
	position: static
}

.services-grid {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	overflow: hidden
}

.services-grid svg {
	overflow: visible;
	width: 100%;
	height: auto
}

@media(max-width:1023px) {
	.services-grid svg {
		width: 160%;
		margin-left: -30%
	}
}

.bg-pattern {
	transform: translateY(-11%)
}

.services-preview {
	width: 100%
}

.services-preview .box-title {
	margin-bottom: 22px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.services-preview .box-title {
		margin-bottom: 60px
	}
}

.services-preview .box-title h2 {
	color: var(--white)
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.services-preview .box-title br {
		display: none
	}
}

.services-preview .btn {
	margin-top: 40px
}

.services-list-preview .holder-img {
	left: -38px;
	stroke: var(--white)
}

@media(max-width:1024px) {
	.services-list-preview .holder-img {
		left: -10px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.services-list-preview .holder-img {
		left: 10px
	}
}

.services-list-preview .holder-img svg {
	width: 123px;
	height: 100%
}

@media(max-width:1024px) {
	.services-list-preview .holder-img svg {
		width: 100px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.services-list-preview .holder-img svg {
		width: 80px
	}
}

.services-list-preview .h3 {
	margin-bottom: 2px;
	min-height: 86px;
	font-size: 24px;
	--color-line: var(--black)
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.services-list-preview .h3 {
		min-height: auto;
		font-size: 26px;
		margin-bottom: 10px
	}
}

.portfolio-section {
	--inner-content-color: var(--white);
	z-index: 1
}

.portfolio-section .inner-content {
	position: relative
}

.portfolio-section .bg-s {
	position: absolute;
	top: -193px;
	bottom: 0;
	right: -504px;
	margin: auto;
	z-index: -1;
	transform: translateY(100%);
	opacity: 0;
	transition: transform var(--time), opacity var(--time);
	pointer-events: none
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.portfolio-section .bg-s {
		width: 460px;
		right: -40%;
		transform: translateY(0);
		opacity: 1
	}
}

.portfolio-section .sticky-title-box {
	position: absolute !important;
	top: 141px;
	z-index: 1
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.portfolio-section .sticky-title-box {
		top: 60px
	}
}

.portfolio-section .sticky-title-box h3 {
	margin-bottom: 30px
}

.portfolio-section .see-all-box {
	margin-top: -95px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.portfolio-section .see-all-box {
		margin-top: 50px
	}
}

.portfolio-preview .slide-item {
	padding-top: 240px;
	padding-bottom: 158px;
	width: 100%;
	-ms-flex: none;
	flex: none
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.portfolio-preview .slide-item {
		padding-top: 60px;
		padding-bottom: 20px
	}
}

.portfolio-preview .box-title {
	position: relative;
	display: block;
	color: #fff
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.portfolio-preview .box-title {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}
}

.portfolio-preview .holder-img {
	/*background: #000;*/
	position: absolute;
	top: -240px;
	right: 0;
	width: 455px;
	max-width: 100%
}

@media(max-width:1023px) {
	.portfolio-preview .holder-img {
		width: 350px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.portfolio-preview .holder-img {
		top: -240px;
		width: 300px;
		position: static;
		margin: 0 auto 20px
	}
}
#fp-nav ul li:nth-child(4) {
    display: none;
}
.portfolio-preview .holder-img img {
	opacity: .8
}

.portfolio-preview .wrap-text {
	--color-line: transparent
	z-index: 1;
	position: relative;
	pointer-events: none
}

.portfolio-preview .wrap-text:hover {
	color: var(--white)
}

.portfolio-preview .wrap-text span::before {
	height: 7px
}

.portfolio-preview .btn:hover,
.portfolio-preview .grid-boxes .grid-box-hover:hover .btn,
.grid-boxes .grid-box-hover:hover .portfolio-preview .btn {
	color: var(--white)
}

/*.portfolio-preview .grid-box {
	min-height: 650px;
	margin-bottom: 0;
	padding: 0;
	width: 100%
}*/
.portfolio-section .grid-box {
    height: 580px;
    width: 100%;
    border-bottom-right-radius: 120px;
    min-height: auto;
}

@media(max-width:1023px) {
	.portfolio-preview .grid-box {
		min-height: 560px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.portfolio-preview .grid-box {
		min-height: 400px
	}
}

.portfolio-preview .grid-box.grid-box-01 img {
	right: -118%;
	bottom: -28%
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.portfolio-preview .grid-box.grid-box-01 img {
		right: -20%;
		bottom: -5%
	}
}

.portfolio-preview .grid-box.grid-box-02 img {
	bottom: -12px;
	right: -54%
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.portfolio-preview .grid-box.grid-box-02 img {
		right: -5%
	}
}

.portfolio-preview .grid-box.grid-box-04 img {
	right: -41%;
	bottom: -20px;
	transform-origin: 50%
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.portfolio-preview .grid-box.grid-box-04 img {
		right: -30%
	}
}

.portfolio-preview .grid-box.grid-box-05 img {
	top: 0;
	margin: auto;
	transform-origin: 77% 74%
}

.portfolio-preview .grid-box.grid-box-06 img {
	bottom: -12px;
	transform: translateX(-17%)
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.portfolio-preview .grid-box.grid-box-06 img {
		transform: translateX(-50%)
	}
}

.portfolio-preview .grid-box.grid-box-07 img {
	bottom: -3px;
	right: 92px;
	transform-origin: 84% 37%
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.portfolio-preview .grid-box.grid-box-07 img {
		bottom: -63px;
		right: 32px
	}
}

.portfolio-preview .grid-box-hover:hover .grid-box {
	background: #fbc779
}

.portfolio-preview .grid-box-hover:hover .grid-box-01 img {
	transform: translateX(-31%)
}

.portfolio-preview .grid-box-hover:hover .grid-box-02 img {
	transform: translateX(-13%)
}

.portfolio-preview .grid-box-hover:hover .grid-box-04 img {
	transform: translateX(-20%) scale(1.2)
}

.portfolio-preview .grid-box-hover:hover .grid-box-05 img {
	transform: scale(1.2) rotate(-30deg)
}

.portfolio-preview .grid-box-hover:hover .grid-box-06 img {
	transform: translateX(-66%) scale(1)
}

.portfolio-preview .grid-box-hover:hover .grid-box-07 img {
	transform: scale(1.3)
}

.contact-section {
	z-index: 1
}

.contact-section .inner-content {
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	min-height: 100vh
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.contact-section .inner-content {
		padding-bottom: 80px;
		-ms-flex-pack: center;
		justify-content: center
	}
}

.contact-preview {
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.contact-preview .contact-wrap {
		-ms-flex-align: center;
		align-items: center
	}
}

.contact-wrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: end;
	align-items: flex-end;
	width: 100%
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.contact-wrap {
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.contact-wrap .col {
	width: 49%;
	padding-right: 4%
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.contact-wrap .col {
		width: 100%;
		padding-right: 0
	}
}

.contact-wrap .col.last {
	padding-right: 0
}

.contact-wrap .form-container {
	margin-bottom: -8px
}
.contact-ico
{
	width: 80%;
}
.contact-info .wrap-ico {
	border-radius: 50%;
	background: #E07127;
	width: 220px;
	height: 220px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-left: -26px;
	margin-bottom: -48px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.contact-info .wrap-ico {
		width: 170px;
		height: 170px;
		padding: 30px;
		margin-left: -10px;
		margin-top: -25px
	}
}

.contact-info .box-title {
	margin-bottom: 21px
}

.contact-info .box-title>*:last-child {
	margin-bottom: 0
}

.contact-info .box-title h3 {
	margin-bottom: 0px
}

.sc-term-page {
	--color-help: var(--yellow);
	--color-help-hover: var(--yellow);
	--hello-box-tooltip-bg: var(--black)
}

.sc-term-page.fp-viewing-Home,
.sc-term-page.fp-viewing-1 {
	--logo-color: var(--white);
	--nav-btn-color: var(--white)
}

.term-hero-text {
	line-height: .8;
	margin-right: -10px;
	margin-top: -75px;
	z-index: 1
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.term-hero-text {
		line-height: 1.2;
		margin-right: 0;
		margin-top: -30px
	}
}

.term-hero-text h1 {
	margin-left: 0
}

.bg-hero-term {
	position: absolute;
	top: 294px;
	left: 0;
	right: -262px;
	bottom: 0;
	margin: auto;
	z-index: -1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	transition: transform var(--time)
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.bg-hero-term {
		top: 100px;
		right: -62px
	}
}

.common-text {
	padding-right: 130px;
	word-break: break-word
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.common-text {
		padding-right: 0
	}
}

.common-text .inner-content-holder {
	margin-bottom: 40px;
	width: 100%
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.common-text .inner-content-holder {
		margin-bottom: 20px
	}
}

.common-text .inner-content-holder a,
.common-text .inner-content-holder .underline {
	background-size: 1px 1em;
	box-shadow: inset 0 -1px var(--yellow);
	display: inline
}

.common-text .box-title {
	margin-bottom: 60px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.common-text .box-title {
		margin-bottom: 30px
	}
}

.common-text .box-title>*:last-child {
	margin-bottom: 0
}

.common-text .box-title h2 {
	margin-bottom: 10px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.common-text .box-title h2 {
		margin-bottom: 5px
	}
}

.common-text .box-title p {
	opacity: .2
}

.common-text h3 {
	text-transform: none;
	letter-spacing: 0;
	line-height: 1.53
}

.common-text header {
	margin-bottom: 17px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.common-text header {
		margin-bottom: 8px
	}
}

.common-text header>*:last-child {
	margin-bottom: 0
}

.common-text article {
	margin-bottom: 26px
}

.common-text article.mb-3 {
	margin-bottom: 56px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.common-text article.mb-3 {
		margin-bottom: 30px
	}
}

.common-text article:last-child {
	margin-bottom: 0
}

.common-text h5 {
	margin-bottom: 3px
}

.common-text ul:not([class]) li {
	padding-bottom: 30px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.common-text ul:not([class]) li {
		padding-bottom: 15px
	}
}

.common-text section {
	margin-bottom: 28px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.common-text section {
		margin-bottom: 14px
	}
}

.common-text section:last-child,
.common-text section>*:last-child {
	margin-bottom: 0
}

.bg-red {
	--size: 1120px;
	min-width: var(--size);
	width: var(--size);
	min-height: var(--size);
	background: var(--calm-red);
	border-radius: 50%;
	z-index: -1
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.bg-red {
		--size: 408px
	}
}

.hero-tech {
	position: relative;
	min-height: 1360px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.hero-tech {
		height: auto;
		min-height: 515px
	}
}

.hero-tech .text-box {
	max-width: 950px;
	margin: auto;
	padding: 212px 0 20px;
	position: relative;
	z-index: 1
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.hero-tech .text-box {
		padding-top: 113px
	}
}

.hero-tech .text-box>*:last-child {
	margin-bottom: 0
}

@media(max-width:1199px) {
	.hero-tech h1 {
		--h1-font-size: 65px
	}
}

.hero-tech .bg-red {
	position: absolute;
	top: -60px;
	left: -72px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.hero-tech .bg-red {
		top: 40px;
		left: -80px
	}
}

.hero-tech h1 {
	color: var(--white)
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.hero-tech h1 {
		font-size: 30px
	}
}

.tech-primary-img {
	position: absolute;
	top: 208px;
	left: 102px;
	right: -100px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tech-primary-img {
		left: -42px;
		right: 0;
		top: 172px;
		width: 415px;
		margin: auto
	}
}

.tech-services-primary {
	filter: drop-shadow(30px 30px 40px rgba(0, 0, 0, 0.3))
}

.left-dots {
	position: absolute;
	bottom: -52px;
	left: -143px
}

@media(max-width:1024px) {
	.left-dots {
		bottom: 0
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.left-dots {
		bottom: -95px;
		left: -130px;
		width: 132px
	}
}

.right-dots {
	position: absolute;
	top: -29px;
	right: -116px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.right-dots {
		top: 87px;
		right: -72px;
		width: 192px
	}
}

.hero-tech-about {
	max-width: 850px;
	margin: -54px auto 0;
	padding-bottom: 80px;
	display: -ms-flexbox;
	display: flex;
	line-height: 2
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.hero-tech-about {
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 0;
		margin-top: 0
	}
}

.hero-tech-about h2 {
	font-size: 29px;
	position: relative;
	padding-bottom: 14px;
	margin-bottom: 33px
}

.hero-tech-about h2::after {
	content: "";
	width: 31px;
	height: 2px;
	background: var(--calm-red);
	position: absolute;
	top: 100%;
	left: 0
}

.hero-tech-about-copy {
	-ms-flex: auto;
	flex: auto;
	padding-left: 115px;
	padding-right: 72px
}

@media(max-width:1023px) {
	.hero-tech-about-copy {
		padding-left: 0
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.hero-tech-about-copy {
		padding-left: 0;
		padding-right: 0;
		-ms-flex-order: 1;
		order: 1
	}
}

.hero-tech-about-copy strong,
.hero-tech-about-copy p {
	margin-bottom: 57px;
	display: block
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.hero-tech-about-copy strong,
	.hero-tech-about-copy p {
		margin-bottom: 40px
	}
}

.hero-tech-about-copy p:last-child {
	margin-bottom: 0
}

.hero-tech-about-lists {
	min-width: 234px;
	padding-top: 8px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.hero-tech-about-lists {
		padding-top: 0;
		margin-bottom: 32px;
		display: -ms-flexbox;
		display: flex
	}
}

.hero-tech-about-lists h6 {
	font-size: 14px;
	letter-spacing: 2.52px;
	line-height: inherit;
	margin-bottom: 6px;
	text-transform: uppercase
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.hero-tech-about-lists h6 {
		display: none
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.hero-tech-about-lists ul {
		width: 50%
	}
}

.hero-tech-about-lists ul:not([class]) li:before {
	background: var(--calm-red);
	top: .87em
}

.hero-tech-about-lists li {
	padding-left: 15px
}

.hero-tech-scema {
	padding: 102px 0
}

@media(max-width:1199px) {
	.hero-tech-scema {
		padding: 40px 0
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.hero-tech-scema {
		padding: 30px 0;
		margin: 0 -24px
	}
}

.hero-tech-text {
	padding: 130px 0;
	font-size: 20px;
	line-height: 2
}

@media(max-width:1199px) {
	.hero-tech-text {
		padding: 80px 0
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.hero-tech-text {
		font-size: var(--mobile-size);
		padding: 0
	}
}

.hero-tech-text .text-box {
	max-width: 620px;
	margin: auto
}

.hero-tech-text .img-box {
	margin: -43% -260px 50px -180px
}

@media(min-width:1201px) {
	.hero-tech-text .img-box {
		margin-top: -400px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.hero-tech-text .img-box {
		margin: -28% -90px 0 -80px
	}
}

@media(max-width:420px) {
	.hero-tech-text .img-box {
		margin-top: -39%
	}
}

.hero-tech-text .h {
	margin-left: -175px;
	font-weight: 100;
	margin-bottom: 76px
}

@media(max-width:1023px) {
	.hero-tech-text .h {
		margin-left: -75px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.hero-tech-text .h {
		margin-left: 0;
		margin-bottom: 30px
	}
}

.hero-tech-text h2 {
	font-size: 94px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.hero-tech-text h2 {
		font-size: 47px
	}
}

.hero-tech-colors {
	padding: 77px 0 90px
}

@media(max-width:1199px) {
	.hero-tech-colors {
		padding: 40px 0 60px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.hero-tech-colors {
		padding: 0 0 42px;
		margin: 0 -30px
	}
}

.color-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	padding: 0 50px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.color-list {
		padding: 0
	}
}

.color-list li {
	width: 33.32%;
	padding: 0 10px
}

.color-list li>*:last-child {
	margin-bottom: 0
}

.color-list .h4 {
	margin-bottom: 2px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.color-list .h4 {
		font-size: var(--mobile-size)
	}
}

.color-list p {
	font-size: 14px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.color-list p {
		font-size: 10px
	}
}

.box-color {
	--size: 28vw;
	width: var(--size);
	height: var(--size);
	max-width: 240px;
	max-height: 240px;
	border-radius: 50%;
	margin: 0 auto 16px;
	position: relative
}

@media(min-width:768px) {
	.box-color {
		--size: 20vw
	}
}

.box-color::after {
	content: "";
	mix-blend-mode: multiply;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%
}

.box-color::before {
	position: absolute;
	top: 5px;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	z-index: -1;
	mix-blend-mode: multiply
}

.box-color::before {
	content: ""
}

.white-shadow {
	background: linear-gradient(#f5f5f5, #fff)
}

.white-shadow::before {
	background: #f0f0f0
}

.white-shadow::after {
	box-shadow: 0 10px 133px 0 rgba(0, 0, 0, 0.3)
}

.red-shadow {
	background: var(--calm-red)
}

.red-shadow::before {
	background: #c73b30
}

.red-shadow::after {
	box-shadow: 0 37px 133px 0 rgba(163, 24, 13, 0.56)
}

.black-shadow {
	background: #000;
	background: linear-gradient(#000, #1f1f1f)
}

.black-shadow::after {
	box-shadow: 0 10px 133px 0 rgba(0, 0, 0, 0.3)
}

.black-shadow::before {
	background: #000
}

.tech-heading {
	font-size: 58px;
	display: -ms-inline-flexbox;
	display: inline-flex;
	padding-bottom: 33px;
	position: relative;
	line-height: 1;
	z-index: 2
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tech-heading {
		font-size: 29px;
		padding-bottom: 16px
	}
}

.tech-heading b {
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-direction: column;
	flex-direction: column
}

.tech-heading .num {
	font-size: 185px;
	margin-bottom: 15px;
	margin-left: -10px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tech-heading .num {
		font-size: 90px;
		margin-bottom: -3px
	}
}

.tech-heading::after {
	content: "";
	width: 62px;
	height: 4px;
	position: absolute;
	top: 100%;
	left: 0;
	background: currentColor
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tech-heading::after {
		width: 31px;
		height: 2px
	}
}

.tech-home .tech-heading {
	margin-bottom: 116px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tech-home .tech-heading {
		margin-bottom: 29px
	}
}

.tech-home-body {
	margin-left: -236px;
	margin-right: -430px;
	position: relative;
	z-index: 2
}

@media(max-width:1199px) {
	.tech-home-body {
		margin-left: -55px;
		margin-right: -140px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tech-home-body {
		margin-left: -35px;
		margin-right: -83px
	}
}

.tech-home-bg {
	position: absolute;
	left: -133px;
	top: 144px;
	z-index: 1
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tech-home-bg {
		top: 16px;
		left: -51px;
		right: -51px
	}
}

@media(max-width:992px) and (orientation:landscape) {
	.tech-home-bg {
		left: -151px !important
	}
}

.tech-services {
	margin-top: 96px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tech-services {
		margin-top: 0;
		margin-bottom: 200px;
		min-height: 0 !important
	}
}

.tech-services::before,
.tech-services::after {
	content: "";
	position: absolute;
	left: 0;
	background: linear-gradient(0, #e24538 0, #e24538 0, #e24538 0, #e24538 0, rgba(226, 69, 56, 0.8) 20%, rgba(226, 69, 56, 0.6) 40%, rgba(226, 69, 56, 0.4) 60%, rgba(226, 69, 56, 0.2) 80%, rgba(226, 69, 56, 0) 100%);
	width: 100%;
	height: 620px;
	z-index: -2
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tech-services::before,
	.tech-services::after {
		height: 300px
	}
}

.tech-services::before {
	bottom: calc(100% - 1px)
}

.tech-services::after {
	top: calc(100% - 1px);
	transform: scale(-1, -1);
	height: 300px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tech-services::after {
		height: 200px
	}
}

.tech-services .tech-heading {
	margin-bottom: 116px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tech-services .tech-heading {
		margin-bottom: 26px
	}
}

.tech-services-body {
	margin-left: -35px;
	margin-right: -379px;
	margin-bottom: -140px;
	position: relative;
	z-index: 1
}

@media(max-width:1024px) {
	.tech-services-body {
		margin-left: -10px;
		margin-right: -26px;
		margin-bottom: 0
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tech-services-body {
		margin-left: 0;
		margin-right: 0;
		margin-bottom: -150px
	}
}

.tech-section {
	min-height: 600px;
	position: relative;
	padding: 95px 0 0
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tech-section {
		padding: 20px 0;
		min-height: 430px
	}
}

.tech-section .container-wrap {
	max-width: 755px
}

.tech-services-right {
	position: absolute;
	top: 22px;
	right: -122px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tech-services-right {
		top: 34px;
		right: -10px;
		width: 165px
	}
}

.tech-services-left {
	position: absolute;
	bottom: -442px;
	left: -55px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tech-services-left {
		bottom: -205px;
		left: -41px;
		width: 155px
	}
}

.tech-services-center {
	position: absolute;
	top: -131px;
	left: -147px;
	margin-right: -153px
}

@media(max-width:1023px) {
	.tech-services-center {
		top: -81px;
		left: -110px;
		margin-right: -103px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tech-services-center {
		top: -42px;
		left: -43px;
		margin-right: -47px
	}
}

.tech-news-body {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start
}

.tech-news-left {
	margin-left: -467px;
	margin-right: -486px;
	position: relative;
	z-index: 1;
	font-size: 0;
	filter: drop-shadow(30px 30px 50px rgba(0, 0, 0, 0.3))
}

@media(max-width:1199px) {
	.tech-news-left {
		margin-left: -152px;
		margin-right: -300px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tech-news-left {
		margin-left: -62px;
		margin-right: -392px
	}
}

.tech-news-right {
	margin-left: 340px;
	margin-right: -446px;
	margin-top: -214px;
	font-size: 0;
	filter: drop-shadow(30px 30px 50px rgba(0, 0, 0, 0.3))
}

@media(max-width:1199px) {
	.tech-news-right {
		margin-left: 293px;
		margin-right: -152px;
		margin-top: -92px
	}
}

.tech-news {
	margin-top: 220px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tech-news {
		margin-top: -60px
	}
}

.tech-news .tech-heading {
	margin-bottom: 93px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tech-news .tech-heading {
		margin-bottom: 20px
	}
}

.tech-mob-friendly-body-outer {
	max-width: 1410px;
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
	position: relative
}

.tech-mob-friendly-body-outer .bg-red {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: -515px
}

@media(max-width:1023px) {
	.tech-mob-friendly-body-outer .bg-red {
		right: -800px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tech-mob-friendly-body-outer .bg-red {
		right: -250px
	}
}

.tech-mob-friendly-body {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	margin-left: -100px
}

@media(max-width:1199px) {
	.tech-mob-friendly-body {
		margin-left: -400px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tech-mob-friendly-body {
		margin-left: -223px
	}
}

.mob-friendly-item {
	margin-left: 10px;
	margin-right: 10px;
	min-width: 254px;
	filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5))
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.mob-friendly-item {
		min-width: 126px;
		margin-left: 5px;
		margin-right: 5px
	}
}

.mob-friendly-item img {
	overflow: hidden;
	border-radius: 24px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.mob-friendly-item img {
		border-radius: 10px
	}
}

.mob-friendly-item.large {
	margin-left: -80px;
	margin-right: -80px;
	z-index: 1;
	position: relative;
	min-width: 353px;
	filter: drop-shadow(20px 20px 30px rgba(0, 0, 0, 0.5))
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.mob-friendly-item.large {
		min-width: 175px;
		margin-left: -40px;
		margin-right: -40px
	}
}

.mob-friendly-item.large img {
	border-radius: 32px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.mob-friendly-item.large img {
		border-radius: 15px
	}
}

.tech-mob-friendly {
	padding: 142px 0 50px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tech-mob-friendly {
		padding: 34px 0 20px
	}
}

.tech-mob-friendly .tech-heading {
	margin-bottom: 84px;
	color: var(--calm-red)
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tech-mob-friendly .tech-heading {
		margin-bottom: 22px
	}
}

.tech-action {
	padding-top: 30px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tech-action {
		padding-top: 40px
	}
}

.tech-action .container-wrap {
	max-width: 1080px
}

.tech-action h2 {
	font-weight: 100;
	font-size: 95px;
	margin-bottom: 87px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tech-action h2 {
		font-size: 47px;
		margin-bottom: 32px
	}
}

.tech-action-body {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: end;
	align-items: flex-end;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.tech-action-decor {
	margin-left: -170px;
	z-index: 1;
	position: relative;
	margin-bottom: 33px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tech-action-decor {
		margin-bottom: 18px;
		margin-left: -90px
	}
}

.tech-action-prime {
	margin-right: -220px;
	margin-left: -531px
}

@media(max-width:1023px) {
	.tech-action-prime {
		margin-right: -32px;
		margin-left: -431px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tech-action-prime {
		margin-right: 0;
		margin-left: -101px
	}
}

.tech-action-prime .top {
	filter: drop-shadow(10px 20px 30px rgba(0, 0, 0, 0.1))
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tech-action-prime .top {
		filter: drop-shadow(10px 20px 30px rgba(0, 0, 0, 0.4))
	}
}

.tech-action-prime .bottom {
	margin: 35px 0 0 -135px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tech-action-prime .bottom {
		margin: 14px -31px 0 34px
	}
}

.tools-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 -175px
}

@media(max-width:1199px) {
	.tools-list {
		margin: 0 -25px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tools-list {
		margin: 0 -38px
	}
}

.tools-item {
	padding: 0 75px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	--color: rgba(0, 0, 0, .5);
	filter: drop-shadow(0 5px 10px var(--color))
}

@media(max-width:1199px) {
	.tools-item {
		padding: 0 45px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tools-item {
		padding: 0 25px
	}
}

.tools-item.tools-item-01 {
	--color: rgba(119, 22, 39, .45)
}

.tools-item.tools-item-02 {
	--color: rgba(139, 74, 52, .45)
}

.tools-item.tools-item-03 {
	--color: rgba(160, 28, 35, .45)
}

.tools-item.tools-item-04 {
	--color: rgba(123, 90, 56, .45)
}

.tech-tools-body p {
	margin-bottom: 57px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tech-tools-body p {
		margin-bottom: 26px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tools-section {
		min-height: 0;
		padding-bottom: 80px
	}
}

.tools-section .tech-heading {
	margin-bottom: 33px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tools-section .tech-heading {
		margin-bottom: 14px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.sc-portfolio-single-page {
		--trim: 0 30px;
		--mobile-size: 13px;
		font-size: var(--mobile-size)
	}
}

@media(min-width:767px) and (orientation:portrait),
(min-width:992px) {
	.desktop-hidden {
		display: none
	}
}

.hero-api-section {
	min-height: 500px
}

.hero-api {
	position: relative;
	padding-top: 105px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.hero-api {
		padding-top: 90px
	}
}

.hero-api .text-box {
	padding-left: 100px;
	position: relative;
	z-index: 1
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.hero-api .text-box {
		padding-left: 0
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.hero-api h1 {
		--h1-font-size: 30px
	}
}

.hero-api-primary-img {
	margin: -408px -239px -112px -384px;
	position: relative
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.hero-api-primary-img {
		margin: -230px -135px 14px -116px
	}
}

.hero-api-primary-img::before,
.hero-api-primary-img::after {
	content: "";
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%
}

.hero-api-primary-img::before {
	right: 99%;
	background: linear-gradient(0, #fff 0, #ffdbae 20%, #ff9c12 40%, #f90 60%, #ffb400 80%, #ffd300 100%)
}

.hero-api-primary-img::after {
	left: 99%;
	background: linear-gradient(0, #fff 0, #ffdfb8 20%, #f90 40%, #ff9d00 60%, #ffc001 80%, #ffd500 100%)
}

.hero-api-primary-img img {
	width: 100%
}

.hero-api-about {
	max-width: 760px;
	margin-left: auto;
	margin-right: auto
}

.hero-api-about strong {
	display: block;
	margin-bottom: 36px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.hero-api-about strong {
		margin-bottom: 25px
	}
}

.hero-api-section {
	margin-bottom: 58px
}

.land-content {
	line-height: 2
}

.land-content h2 {
	position: relative;
	font-size: 58px;
	padding-bottom: 25px;
	margin-bottom: 8px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.land-content h2 {
		font-size: 29px;
		padding-bottom: 12px
	}
}

.land-content h2::before {
	content: "";
	width: 62px;
	height: 4px;
	position: absolute;
	top: 100%;
	left: 0;
	background: var(--calm-red)
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.land-content h2::before {
		width: 31px;
		height: 2px
	}
}

.inner-contr {
	max-width: 620px;
	width: 100%;
	margin-left: auto;
	margin-right: auto
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.inner-contr {
		padding-right: 0;
		max-width: 100%
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.inner-contr.pr-12 {
		padding-right: 0
	}
}

.techstack-api-img {
	margin: 0 -115px -12px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.techstack-api-img {
		margin: -9px -203px 6px
	}
}

.techstack-api-lists {
	max-width: 945px;
	margin-left: auto;
	margin-right: auto
}

.techstack-api-lists ul {
	column-count: 3;
	column-gap: 130px;
	margin: 0
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.techstack-api-lists ul {
		column-count: 2;
		column-gap: 0
	}
}

.techstack-api-lists li {
	padding-left: 20px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.techstack-api-lists li {
		padding-left: 15px;
		padding-right: 10px
	}
}

.techstack-api-lists ul:not([class]) li:before {
	background: var(--calm-red);
	top: .8em
}

.techstack-api-prime-img {
	margin: 0 -48px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.techstack-api-prime-img {
		margin: 70px -90px 70px -28px
	}
}

.techstack-api-copy p {
	margin-bottom: 38px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.techstack-api-copy p {
		margin-bottom: 26px
	}
}

.techstack-api-section {
	margin-bottom: 136px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.techstack-api-section {
		margin-bottom: 125px
	}
}

.logo-icons-img {
	margin: -320px -158px 20px;
	z-index: -1
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.logo-icons-img {
		margin: -130px -105px 86px -151px
	}
}

.logo-icons-copy p {
	margin-bottom: 72px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.logo-icons-copy p {
		margin-bottom: 52px
	}
}

.logo-icons-copy p:last-child {
	margin-bottom: 0
}

.logo-icons-api-section {
	margin-bottom: 102px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.logo-icons-api-section {
		margin-bottom: 113px
	}
}

.screens-img {
	margin: -168px -450px -68px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.screens-img {
		margin: -49px -195px 33px -322px
	}
}

.screens-api-section {
	margin-bottom: 43px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.screens-api-section {
		margin-bottom: 72px
	}
}

.hero-platforms {
	position: relative;
	min-height: 600px;
	max-width: 950px;
	margin: auto;
	z-index: -1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.hero-platforms {
		min-height: 400px
	}
}

.hero-platforms .text-box {
	padding-top: 220px;
	position: relative;
	z-index: 2
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.hero-platforms .text-box {
		padding-top: 100px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.hero-platforms h1 {
		--h1-font-size: 30px
	}
}

.platforms-primary-img {
	margin: -4px -450px -160px -610px;
	right: 112px;
	position: relative
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.platforms-primary-img {
		margin: -4px -250px 0 -140px
	}
}

.platforms-api-img {
	margin: -32px -60px -162px;
	position: relative;
	z-index: -1
}

@media(max-width:1023px) {
	.platforms-api-img {
		margin-top: -40px;
		margin-bottom: -30px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.platforms-api-img {
		margin-top: -10px;
		margin-bottom: 20px
	}
}

.platforms-api-img .items-img {
	position: absolute;
	top: 60px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 2
}

.api-img-holder {
	position: relative
}

.api-img-holder::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 60%;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, white 100%);
	z-index: 1
}

.tool-img {
	position: absolute;
	right: 240px;
	margin-top: -200px;
	top: 0;
	z-index: 2
}

@media(max-width:1199px) {
	.tool-img {
		width: 15vw;
		max-width: 120px;
		right: 130px;
		margin-top: -60px
	}
}

@media(max-width:1023px) {
	.tool-img {
		margin-top: -30px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.tool-img {
		width: 25vw;
		right: 50px;
		margin-top: -70px
	}
}

.interface-section {
	background-repeat: no-repeat;
	background-position: 50% 10%;
	background-size: cover;
	position: relative
}

@media(max-width:1599px) {
	.interface-section {
		background-position-y: 30%
	}
}

.interface-section::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 50%, #2a2a2a 75%);
	z-index: -1
}

.interface-list {
	margin-bottom: 145px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.interface-list {
		margin-bottom: 80px
	}
}

.interface-list h2 {
	margin-bottom: 73px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.interface-list h2 {
		margin-bottom: 40px
	}
}

.interface-list .row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center
}

.interface-list .row.ml-1 {
	transform: translateX(354px)
}

@media(max-width:1024px) {
	.interface-list .row.ml-1 {
		transform: translateX(120px)
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.interface-list .row.ml-1 {
		transform: translateX(50px)
	}
}

.interface-list .row.ml-2 {
	transform: translateX(70px);
	position: relative;
	z-index: 1
}

@media(max-width:1024px) {
	.interface-list .row.ml-2 {
		transform: translateX(20px)
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.interface-list .row.ml-2 {
		transform: translateX(0)
	}
}

.interface-list .row.ml-3 {
	transform: translateX(-100px)
}

@media(max-width:1024px) {
	.interface-list .row.ml-3 {
		transform: translateX(-75px)
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.interface-list .row.ml-3 {
		transform: translateX(-20px)
	}
}

.interface-list .inner-contr {
	margin-bottom: 72px
}

.interface-item {
	padding: 0 20px 50px;
	-ms-flex: none;
	flex: none;
	position: relative;
	max-width: 677px;
	filter: drop-shadow(10px 17px 30px rgba(0, 0, 0, 0.3))
}

@media(max-width:1024px) {
	.interface-item {
		max-width: 470px;
		padding: 0 10px 20px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.interface-item {
		max-width: 70%;
		padding: 0 5px 10px;
		filter: drop-shadow(10px 17px 15px rgba(0, 0, 0, 0.3))
	}
}

.interface-item .puzzle-item {
	position: absolute;
	bottom: -106px;
	left: 10%
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.interface-item .puzzle-item {
		width: 100px;
		bottom: -70px
	}
}

.interface-lg {
	margin: -34px -40px -74px
}

@media(min-width:1025px) {
	.interface-lg {
		max-width: 770px
	}
}

@media(max-width:1024px) {
	.interface-lg {
		margin: -13px -18px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.interface-lg {
		margin: -10px
	}
}

.interface-text {
	position: relative;
	padding-bottom: 146px;
	color: var(--white)
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.interface-text {
		padding-bottom: 100px
	}
}

.interface-text>*:last-child {
	margin-bottom: 0
}

.interface-text .puzzle-item2 {
	position: absolute;
	top: 20px;
	right: -391px
}

@media(max-width:1023px) {
	.interface-text .puzzle-item2 {
		right: -240px
	}
}

.interface-text .puzzle-item3 {
	position: absolute;
	bottom: -41px;
	left: -149px
}

@media(max-width:1023px) {
	.interface-text .puzzle-item3 {
		left: -80px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.interface-text .puzzle-item3 {
		left: -20px;
		width: 80px
	}
}

.interface-text .puzzle-item4 {
	position: absolute;
	bottom: -295px;
	right: -423px;
	max-width: none
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.interface-text .puzzle-item4 {
		bottom: -158px;
		right: -155px;
		width: 300px
	}
}

.platform-slides-section {
	padding-top: 193px;
	padding-bottom: 100px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.platform-slides-section {
		padding-top: 100px;
		padding-bottom: 80px
	}
}

.pr-12 {
	padding-right: 120px
}

.platform-slides {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: -15px;
	margin-bottom: -130px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.platform-slides {
		margin-top: 0;
		margin-bottom: -60px
	}
}

.platform-slides img {
	-ms-flex: none;
	flex: none;
	max-width: none;
	margin-left: 667px
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.platform-slides img {
		width: 600px;
		margin-left: 175px
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.platforms-api-section {
		padding: 60px 0
	}
}

@media(max-width:767px),
(max-width:992px) and (orientation:landscape) {
	.hero-tech-section,
	.tools-section,
	.land-content,
	.hero-platforms-section,
	.platform-slides-section {
		font-size: 13px
	}
}

.lazy {
	opacity: 0;
	transition: opacity .5s ease
}

.lazy.loaded {
	opacity: 1
}


/*CUSTOM CSS*/

img.logo-black {
	width: 50%;
}

.logo-vertical img {
	transform: rotate(270deg);
}



.hexagon {
  position: relative;
  width: 300px; 
  height: 173.21px;
  background-color: #a05c09;
  margin: 86.60px 0;
  box-shadow: 0 0 20px rgba(0,0,0,0.6);
  border-left: solid 5px #ffffff;
  border-right: solid 5px #ffffff;
}

.hexagon:before,
.hexagon:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 212.13px;
  height: 212.13px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 38.9340px;
  box-shadow: 0 0 20px rgba(0,0,0,0.6);
}

.hexagon:before {
  top: -106.0660px;
  border-top: solid 7.0711px #ffffff;
  border-right: solid 7.0711px #ffffff;
}

.hexagon:after {
  bottom: -106.0660px;
  border-bottom: solid 7.0711px #ffffff;
  border-left: solid 7.0711px #ffffff;
}

/*cover up extra shadows*/
.hexagon span {
  display: block;
  position: absolute;
  top:2.8867513459481287px;
  left: 0;
  width:290px;
  height:167.4316px;
  z-index: 2;
  background: inherit;
}


.h3.wrap-text span {
    color: #FFFFFF;
	/* text-shadow: -1px 0 black, 0 5px black, 1px 0 black, 0 -1px black; */
	-webkit-text-stroke: 1px #EA7726;
}
@media(max-width:1024px)
{	
	.h2.wrap-text span {
	    font-size: 40px;
	}
	.box-item h2.font-extra-bold {
	    padding-left: 75px;
	}
	/*.img01,.img02,.img03
	{
		width: 60%;
    	margin-top: 170px !important;
	}*/
}
@media(max-width:767px){
	.box-item h2.font-extra-bold {
	    padding-left: 0px;
		font-size: 58px !important;
	}
	img#bg-s-welcome {
	    position: absolute;
	    min-width: 0px !important;
	    min-height: 0px !important;
	    opacity: 0.8 !important;
	}	
	.services-main-preview {
		position: relative;
		background: var(--bg-div-2), var(--yellow);
		background-position: 50% -15px !important;
		background-repeat: no-repeat !important;
		background-size: cover !important;
	}
	.logo-full span
	{
		background-size: contain !important;
	}
	

}
.bg-hero-about img {width: 1px !important;}