/* @charset="utf-8"; */
* {
	margin: 0;
	padding: 0;
	font-family: 'Ubuntu', sans-serif;
}
*:focus {
	outline: none;
}
html {
	display: block;
	scroll-behavior: smooth;
}
body {
	font-family: 'Ubuntu', sans-serif;
	background-color: #ffffff;
	color: #1c1e1f;
}
.noDisp {
	display: none;
}
.noDisp *  {
	display: none;
}
.logo {
	font-size: 1.6666666666vw;
	text-decoration: none;
}
.logo div {
}
.logo div p {
	white-space: nowrap;
	color: #667db9;
	font-weight: 600;
}
.logo div p span {
	color: #9ab7ef;
	font-weight: 700;
}
.logo div p.small {
	color: #1c1e1f;
	font-weight: 400;
	font-size: 0.4em;
}

.bg-heading {
	white-space: nowrap;
	text-transform: uppercase;
	letter-spacing: 0.0520833333vw;
	font-weight: 600;
	color: #667db9;
	pointer-events: none;
	opacity: 0.06;
	font-size: 9.6354166666vw;
	position: absolute;
	left: -3.5%;
	top: 2.604166666vw;
}

.long-text {
	line-height: 1.4583333vw;
	font-size: 0.78125vw;
	letter-spacing: 0.0520833333vw;
}

.btn {
	opacity: 1;
	background: #9ab7ef;
	display: inline-block;
	text-decoration: none;
	padding: 0.8em 2.5em;
	color: #fff;
	border: 0.104166vw solid #9ab7ef;
}
.btn:hover {
	background: #fff;
	color: #9ab7ef;
}
.btn.big {
	font-size: 1.25vw;
}
.btn.hidden {
	opacity: 0;
}
.clear {
	clear: both;
}
.full-panel {
	width: 100%;
	clear: both;
	padding: 2.083333vw 0px;
}
.half-panel {
	width: 45%;
	float: left;
	padding: 2.083333vw 0px;
}
.half-panel.right {
	float: right;
}

.small-heading {
	text-transform: uppercase;
	font-size: 0.78125vw;
	letter-spacing: 0.0520833333vw;
	font-weight: 600;
	color: #667db9;
}
.small-heading:before {
	display: inline-block;
	height: 0.85em;
	width: 0.26041666vw;
	background-color: #667db9;
	content: '';
	margin-right: 0.78125vw;
}
.main-heading {
	font-size: 2.1875vw;
	font-weight: 500;
	letter-spacing: 0.26041666vw;
	line-height: 2.96875vw;
	padding-bottom: 0.78125vw;
}

#lightbox-container {
	z-index: 11;
	pointer-events: none;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(200, 200, 200, 0.85);
	opacity: 0;
}
#lightbox-container.shown {
	pointer-events: all;
	opacity: 1;
}
#lightbox-preview {
	opacity: 1;
	background-color: transparent;
	position: fixed;
	left: 5%;
	top: 5%;
	bottom: 5%;
	right: 5%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.fade-overlay {
	text-align: center;
	z-index: 99999999;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	opacity: 1;
	pointer-events: none;
}
.fade-overlay .loader {
	position: absolute;
	left: 40%;
	top: 40%;
	bottom: 40%;
	right: 40%;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../img/Rolling.svg);
	background-position: center;
}
.fade-overlay.hidden {
	opacity: 0;
}
.fade-overlay .logo {
	position: absolute;
	bottom: 60%;
	left: 0%;
	right: 0%;
	text-align: center;
	font-size: 2.5vw;
}

span.animated-title,
span.animated-text {
	position: relative;
	top: 2.3em;
	opacity: 0;
}
span.animated-text {
	top: 0;
}
span.animated-title.shown,
span.animated-text.shown {
	top: 0;
	opacity: 1;
	transition-delay: 1000ms;
}

section#upper {
	transition: all 250ms ease;
	display: flex;
	justify-content: space-between;
	position: fixed;
	top: 0;
	z-index: 10;
	background: rgba(255, 255, 255, 0.9);
}
section#upper.big {
	/* padding: 8vw 2vw; */
}
section#upper .hide {
	transition: all 250ms ease;
	opacity: 0;
}
section#upper.big .hide {
	opacity: 1;
}

section#upper a.logoAnchor {
	transition: all 250ms ease;
	width: 15%;
	margin-right: 2vw;
	padding: 1vw 2vw;
}
section#upper a.logoAnchor img {
	width: 100%;
}
section#upper.big a.logoAnchor {
	width: 34%;
}
section#upper a.contactAnchor {
	display: flex;
	flex-wrap: wrap;
	text-align: right;
	flex-direction: row-reverse;
	align-content: center;
	text-decoration: none;
}
section#upper a p {
	transition: all 250ms ease;
	font-size: 1.7vw;
	color: #667db9; /* rgb(102, 125, 185) */
	padding: 1vw 2vw 1vw 2vw;
}
section#upper.big a p {
	font-size: 2vw;
}
section#upper a p.bold {
	font-weight: bold;
}
section#upper a p span {
	color: #9ab7ef; /* rgb(154, 183, 239) */
}

section#top {
	z-index: 999999;
	padding-bottom: 0.78125vw;
	height: 7.2916666vw;
	position: relative;
	background-color: #fff;
}
section#top nav {
	position: absolute;
	right: 10%;
	top: 2.864583333333vw;
}
section#top nav a {
	letter-spacing: 0.0520833333vw;
	position: relative;
	display: inline-block;
	text-decoration: none;
	color: #1c1e1f;
	padding: 0.5208333vw 0.78125vw;
	margin: 0px 1.04166666vw;
}
section#top nav a:after {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 100%;
	height: 0.0520833333vw;
	display: block;
	background-color: #1c1e1f;
	content: '';
}
section#top nav a:hover {
	color: #667db9;
}
section#top nav a:hover:after {
	right: 0;
	background-color: #667db9;
}
section#top.collapsed {
	height: 90px;
}
section#top.collapsed nav {
	top: 1.30208333vw;
}
section#top .logo {
	position: absolute;
	left: 7%;
	top: 75px;
}
section#top.collapsed .logo {
	top: 0.9375vw;
}
section#top .langs {
	position: absolute;
	top: 2.864583333333vw;
	width: 4%;
	right: 2.5%;
}
section#top .langs a {
	opacity: 0.25;
	height: 16px;
	display: inline-block;
	float: left;
	text-decoration: none;
	background-size: contain;
	width: 47%;
	margin: 1.5%;
	background-repeat: no-repeat;
	background-position: center;
}
section#top .langs a.active {
	opacity: 0.8;
}
section#top .langs a:hover {
	opacity: 1;
}

section#top.collapsed .langs {
	top: 1.30208333vw;
}

section#intro {
	transition: all 250ms ease;
	background-color: #fff;
	overflow: hidden;
	width: 100%;
	position: relative;
	margin-top: 8.7vw;
	z-index: 0;
}
section#intro.big {
	margin-top: 10.4vw;
}
section#intro .image.hidden,
section#intro .image.hiddenbg {
	background-image: none !important;
}
section#intro .image:after {
	opacity: 1;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #1c1e1f;
	/* z-index: 202; */
	content: '';
	display: block;
}
section#intro .image.hidden:after {
	right: calc(100% - 5px);
	bottom: 100%;
}
section#intro .image.shown:after {
	top: 100%;
	left: 100%;
}

section#intro .image1 {
	opacity: 1;
	background-size: cover;
	background-position: center;
	background-image: url(../img/bggg.png);
	background-repeat: no-repeat;
	position: absolute;
	right: 0%;
	left: 35%;
	top: 0px;
	bottom: -3.6458333333333vw;
	z-index: -1;
}
section#intro .image2 {
	background-size: cover;
	background-position: center;
	background-image: url(../img/55.jpg);
	background-repeat: no-repeat;
	position: absolute;
	right: 0%;
	height: 15.625vw;
	left: 50%;
	top: -3.6458333333333vw;
	/* z-index: 200; */
}
section#intro .image3 {
	background-size: cover;
	background-position: center;
	background-image: url(../img/07.jpg);
	background-repeat: no-repeat;
	position: absolute;
	right: 40%;
	height: 18.229166666666666666666666666667vw;
	left: 10%;
	top: 5.46875vw;
	/* z-index: 199; */
}
section#intro .image4 {
	background-size: cover;
	background-position: center;
	background-image: url(../img/63.jpg);
	background-repeat: no-repeat;
	position: absolute;
	right: 0%;
	height: 15.62vw;
	left: 50%;
	top: 17.447916666666666vw;
	/* z-index: 200; */
}
section#intro .graybar {
	background-color: #f8f8f8;
	position: absolute;
	bottom: 0;
	left: -180%;
	right: 150%;
	top: -3.645833333vw;
	z-index: -1;
}
section#intro .graybar.hidden {
	bottom: calc(100% - 32.03125vw);
	right: -100%;
}
section#intro .texts {
	text-align: right;
	width: 60%;
	padding-right: 35%;
	position: relative;
	padding-left: 5%;
}
section#intro .big-text {
	overflow: hidden;
	padding: 4vw 4vw 0px 3vw;
	font-weight: 500;
	letter-spacing: 0.2604166666vw;
	font-size: 2.4vw;
	line-height: 3.125vw;
}
section#intro .small-text {
	padding: 1.31vw 4vw 6.52vw 3vw;
	font-size: 1vw;
	line-height: 1.6vw;
	font-weight: 400;
	letter-spacing: 0.11vw;
	color: #636b6d;
}
section#intro .texts p {
	background-color: #fff;
}
section#intro .alt-text {
	padding-bottom: 2.604166666vw;
	margin-top: 3.6458333333333vw;
	float: right;
	margin-right: 7.5%;
	width: 35%;
	position: relative;
	/* height: 21vw; */
}
section#intro .alt-text .big-text {
	padding: 6.510416666vw 0px 0px 0px;
}
section#intro .alt-text .small-text {
	padding: 1.30208333vw 0px 1.30208333vw 0px;
	text-align: justify;
}
section#intro .btn {
	position: absolute;
	left: 54.4%;
	top: 21.7vw;
	z-index: 1;
}
section#intro .contAbs {
	position: relative;
	width: 50%;
	float: left;
}
section#gallery {
	overflow-x: hidden;
	font-size: 0;
	position: relative;
	width: 100%;
	height: 31.25vw;
}
section#gallery:before {
	content: '';
	display: block;
	width: 100%;
	position: absolute;
	/* z-index: -500; */
	top: 15.625vw;
	background-color: #eee;
	height: 15.625vw;
}
section#gallery .images {
	position: absolute;
	top: 0;
	left: -3%;
	white-space: nowrap;
	height: 31.25vw;
}
section#gallery .images a {
	display: inline-block;
	width: 15.625vw;
	height: 50%;
	margin: 0 -3.125vw;
}
section#gallery .images .image {
	/* z-index: 801; */
	position: relative;
	float: left;
	background-size: cover;
	background-position: center;
	width: 100%;
	display: inline-block;
	height: 100%;
}
section#gallery .images a:nth-child(2n-1) .image {
	top: 75%;
}
section#gallery .images .image:before {
	background-color: rgba(255, 255, 255, 0);
	content: '';
	display: block;
	position: absolute;
	vertical-align: middle;
	bottom: 0;
	top: 0;
	width: 100%;
	text-align: center;
	opacity: 0;
}
section#gallery .images .image:hover:before {
	background-color: rgba(0, 0, 0, 0.75);
	opacity: 1;
}
section#gallery .images .image:after {
	content: '+';
	display: block;
	font-size: 1.66666vw;
	font-weight: 300;
	color: #fff;
	position: absolute;
	top: 46%;
	width: 100%;
	text-align: center;
	opacity: 0;
}
section#gallery .images .image:hover:after {
	opacity: 1;
}
section#gallery .images .image:hover {
	z-index: 1;
}
section#gallery .arrows {
	/* position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0; */
	pointer-events: none;
	text-align: center;
}
section#gallery .arrows a {
	transition: all 250ms ease;
	position: absolute;
	display: flex;
	font-size: 2vw;
	left: 0.7vw;
	top: 89%;
	bottom: 0.5vw;
	width: 8vw;
	display: inline-block;
	text-decoration: none;
	background: rgb(154, 183, 239);
	border: 0.0520833333vw solid rgba(154, 183, 239, 0);
	background-repeat: no-repeat;
	color: #fff;
	pointer-events: all;
	align-content: center;
	z-index: 2;
	padding-bottom: 0.3vw;
}
section#gallery .arrows a#next {
	left: unset;
	right: 0.7vw;
}
section#gallery .arrows a:hover {
	background: #fff;
	color: rgb(154, 183, 239);
	border: 0.0520833333vw solid rgba(154, 183, 239, 1);
}
section#gallery .arrows a#next:hover {
	background: #fff;
}

section#welcome {
	overflow-x: hidden;
	position: relative;
	width: 80%;
	padding: 2.604166666vw 10%;
	background-color: #1c1e1f;
	background-image: url(../img/aboutbg.jpg);
	background-size: cover;
	background-position: center;
	color: #ffffff;
}

section#welcome .long-text {
	color: #ccc;
}

section#welcome .bg-heading {
	color: #fff;
}
section#welcome .full-panel .long-text,
section#welcome .half-panel .long-text {
	max-height: 10.41666vw;
	overflow: hidden;
	-webkit-transition: max-height 300ms ease;
	-moz-transition: max-height 300ms ease;
	-ms-transition: max-height 300ms ease;
	-o-transition: max-height 300ms ease;
	transition: max-height 300ms ease;
}
section#welcome .full-panel a,
section#welcome .half-panel a {
	text-decoration: none;
	color: #ccc;
	font-size: 0.729166666vw;
	float: right;
	border: 0.0520833333vw solid #ccc;
	padding: 0.15625vw 0.46875vw;
	text-align: center;
	-webkit-transition: background-color 300ms ease, border-color 300ms ease,
		background-color 300ms ease;
	-moz-transition: background-color 300ms ease, border-color 300ms ease,
		background-color 300ms ease;
	-ms-transition: background-color 300ms ease, border-color 300ms ease,
		background-color 300ms ease;
	-o-transition: background-color 300ms ease, border-color 300ms ease,
		background-color 300ms ease;
	transition: background-color 300ms ease, border-color 300ms ease,
		background-color 300ms ease;
}
section#welcome .full-panel a:hover,
section#welcome .half-panel a:hover {
	color: #fff;
	border-color: #ccc;
	background-color: #ccc;
}

section#services .bg {
	display: none;
	opacity: 0.15;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-image: url(../img/textura.jpg);
	background-size: cover;
	background-position: center;
	/* z-index: -90; */
}
section#services {
	overflow: hidden;
	position: relative;
	width: 90%;
	padding: 10.4166666vw 5% 3vw 5%;
}
section#services > .main-heading {
	padding-bottom: 2.6041666666vw;
}
section#services .service-menu {
	width: 20%;
	float: right;
}
section#services .service-menu li {
	width: 100%;
	display: block;
}
section#services .service-menu li a {
	letter-spacing: 0.05208333333333vw;
	font-size: 1vw;
	border-left: 0.10416666vw solid rgba(102, 125, 185, 0.2);
	display: inline-block;
	text-decoration: none;
	color: #667db9;
	padding: 0.78125vw 5%;
	width: 90%;
	font-weight: 600;
	text-transform: uppercase;
}
section#services .service-menu li a:hover {
	border-left: 0.10416666vw solid rgba(102, 125, 185, 0.5);
}
section#services .service-menu li a.active {
	border-left: 0.10416666vw solid rgba(102, 125, 185, 1);
}
section#services .service-menu li a.active:hover {
	border-left: 0.10416666vw solid rgba(102, 125, 185, 1);
}
section#services .service-detail {
	position: relative;
	width: 77%;
	float: left;
}
section#services .service-detail .detail {
	/* text-align: right; */
	pointer-events: none;
	width: 100%;
	position: absolute;
	left: -1.302083333vw;
	opacity: 0;
}
section#services .service-detail .detail.active {
	left: 0px;
	opacity: 1;
	pointer-events: all;
}
section#services .service-detail .detail .content {
	position: relative;
	width: 60%;
	float: right;
}
section#services .service-detail .detail p {
	font-size: 0.9vw;
	line-height: 1.14583333333vw;
	padding: 0.520833333333vw 0px;
}
section#services .service-detail .detail ul {
	list-style: none;
	text-align: right;
	list-style-position: inside;
	padding: 0.520833333333vw 0px 0.520833333333vw 1.04166666vw;
}
section#services .service-detail .detail ul li {
	position: relative;
}
section#services .service-detail .detail ul li:after {
	position: absolute;
	content: '';
	display: block;
	right: -0.7em;
	width: 0.15625vw;
	height: 0.104166666vw;
	top: 0.6em;
	background-color: #1c1e1f;
}
section#services .service-detail .detail ul p {
	padding: 0px 0px;
}
section#services .service-detail .detail p.small-heading {
	font-size: 0.95vw;
	line-height: 1.25vw;
}
section#services .service-detail .detail .gallery {
	position: relative;
	top: -2.604166666vw;
	float: left;
	width: 35%;
	font-size: 0;
	padding: 0.78125vw 0px;
}
section#services .service-detail .detail .gallery .image {
	float: right;
	font-size: 0;
	display: inline-block;
	height: 8vw;
	width: 65%;
	margin-bottom: -1.04166666vw;
	background-size: cover;
	background-position: center;
}
section#services .service-detail .detail .gallery a:nth-child(2n + 0) .image {
	float: left;
}

section#image {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 15.625vw;
}
section#image .img {
	position: absolute;
	top: 0;
	width: 100%;
	height: 31.25vw;
	background-image: url(../img/bggg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

section#image2 {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 23.4375vw;
}
section#image2 .img {
	position: absolute;
	top: 0;
	width: 100%;
	height: 46.875vw;
	background-image: url(../img/bggg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
section#image2 #map {
	width: 100%;
	height: 100%;
	/* z-index: 100; */
}

section#contact {
	overflow-x: hidden;
	position: relative;
	width: 100%;
	/* padding-bottom: 10.41666vw; */
	z-index: 11;
	background-color: #fff;
}
section#contact .wrap {
	padding: 7.8125vw 0% 5.2083333vw 0%;
	width: 100%;
	background-image: url(../img/bggg.png);
	background-size: cover;
	background-position: center;
}
section#contact .wrap .text-bar {
	color: #fff;
	width: 30%;
	padding: 1.30208333vw 5%;
	float: left;
}
section#contact .wrap .text-bar p.long-text {
	color: #ccc;
}
section#contact .top-bar {
	text-align: center;
	/* z-index: 102; */
	position: absolute;
	top: -1.30208333vw;
	left: 10%;
	right: 10%;
}
section#contact .info-bar {
	width: 32.5%;
	float: right;
	clear: right;
	padding-top: 5.2083333vw;
	padding-right: 5%;
}
section#contact .info-bar div.large .small-heading {
	line-height: 2.708333vw;
	font-size: 1.66666vw;
}
section#contact .info-bar .line {
	width: 75%;
	height: 0.0520833333vw;
	background-color: #667db9;
}
section#contact .info-bar div.large .long-text {
	font-size: 0.9375vw;
	line-height: 1.66666vw;
}
section#contact .info-bar p {
	font-size: 0.729166666vw;
	line-height: 0.9375vw;
}
section#contact .info-bar p.small-heading {
	font-size: 0.9375vw;
	line-height: 1.25vw;
	padding-top: 1.30208333vw;
}
section#contact .info-bar p.main-heading {
	font-size: 1.458333333vw;
	line-height: 1.875vw;
	padding-top: 1.30208333vw;
}
section#contact form {
	/* z-index: 200; */
	overflow-x: hidden;
	position: relative;
	float: right;
	width: 50%;
	margin-left: 0%;
	display: block;
	background-color: #fff;
	padding: 9vw 5% 9vw 5%;
	font-weight: bold;
	font-size: 2.4vw;
	color: #667db9;
}
section#contact .bg-heading {
	color: #fff;
}
section#contact form .bg-heading {
	color: #bbb;
	left: auto;
	right: -2.5%;
	font-size: 15.625vw;
}

section#contact form .input-group {
	position: relative;
	float: left;
	clear: both;
	width: 95%;
	padding: 1.04166666vw 2.5%;
}
section#contact form .input-group.group-half {
	clear: none;
	width: 45%;
	padding-right: 2.5%;
	padding-left: 2.5%;
}
section#contact form .input-group label {
	position: absolute;
	top: 0;
	left: 2.5%;
	width: 90%;
	display: inline-block;
	padding-bottom: 0.78125vw;
}
section#contact form .input-group input {
	font-size: 0.729166666vw;
	padding: 0.5208333vw 2.5% 0.5208333vw 2.5%;
	width: 95%;
	border: 0;
	background-color: rgba(255, 255, 255, 0);
	border-bottom: 0.0520833333vw solid #5f5f5f;
}
section#contact form .input-group.group-half label {
	left: 5%;
}
section#contact form .input-group.group-half input {
	width: 90%;
	padding: 0.5208333vw 5% 0.5208333vw 5%;
}
section#contact form .input-group input:focus,
section#contact form .input-group textarea:focus {
	border-bottom: 0.0520833333vw solid #667db9;
	color: #667db9;
}
section#contact form .input-group input:focus + label,
section#contact form .input-group textarea:focus + label {
	color: #667db9;
}
section#contact form .input-group textarea {
	font-size: 0.729166666vw;
	padding: 1.30208333vw 5% 0.5208333vw 5%;
	width: 90%;
	border: 0;
	background-color: #ffffff;
	border-bottom: 0.0520833333vw solid #5f5f5f;
}
section#contact form .input-group a.btn {
	font-size: 0.9375vw;
	float: right;
}

section#contact form .input-group.error label {
	color: #667db9;
}
section#contact form .input-group.error label:after {
	color: #667db9;
	content: '!';
	display: block;
	position: absolute;
	right: 0;
	top: 0;
}
section#contact form .input-group.error input,
section#contact form .input-group.error textarea {
	border-bottom: 0.0520833333vw solid #667db9;
	color: #667db9;
}

section#contact .graybar {
	/* z-index: 190; */
	position: absolute;
	bottom: 5.2083333vw;
	left: 5%;
	width: 50%;
	top: 35%;
	background-color: #f8f8f8;
}
section#contact .graybar > .map {
	position: absolute;
	top: 3.6458333333333vw;
	bottom: 3.6458333333333vw;
	left: 3.6458333333333vw;
	right: 3.6458333333333vw;
}
section#copy {
	color: #5f5f5f;
	position: relative;
	padding: 1.30208333vw 5% 1.822916666vw 5%;
	background-color: #1c1e1f;
}
section#copy .right-bar {
	text-align: right;
	float: right;
	padding-top: 0.78125vw;
	max-width: 50%;
}
section#copy p {
	font-size: 0.625vw;
	clear: right;
	line-height: 0.9375vw;
}
section#copy a {
	color: #707070;
	text-decoration: none;
}
section#copy:before {
	/* z-index: 102; */
	background-color: #1c1e1f;
}
section#copy .social {
	padding-top: 1.04166666vw;
	font-size: 0;
	float: left;
	width: 50%;
}
section#copy .social a {
	position: relative;
	color: #707070;
	font-size: 0.729166666vw;
	padding-left: 2.34375vw;
	padding-top: 0.46875vw;
	margin: 0px 2.5%;
	padding-right: 5%;
	display: inline-block;
	height: 1.19791666vw;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left;
}
section#copy .social a:hover {
	color: #ffffff;
}
section#copy .social a:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left;
}
section#copy .social a:hover:after {
	opacity: 1;
}
section#copy .social a.fb {
	background-image: url(../img/fb2.svg);
}
section#copy .social a.google {
	background-image: url(../img/google2.svg);
}
section#copy .social a.fb:after {
	background-image: url(../img/fb.svg);
}
section#copy .social a.google:after {
	background-image: url(../img/google.svg);
}
section#copy .triangles:before,
section#copy .triangles:after {
	/* z-index: 102; */
}

section#copy .triangles:before {
	border-color: transparent transparent #1c1e1f;
}
section#copy .triangles:after {
	border-color: transparent #1c1e1f transparent;
}
section#intro .graybar {
	-webkit-transition: right 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		bottom 300ms cubic-bezier(0.694, 0.048, 0.335, 1) 300ms;
	-moz-transition: right 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		bottom 300ms cubic-bezier(0.694, 0.048, 0.335, 1) 300ms;
	-ms-transition: right 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		bottom 300ms cubic-bezier(0.694, 0.048, 0.335, 1) 300ms;
	-o-transition: right 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		bottom 300ms cubic-bezier(0.694, 0.048, 0.335, 1) 300ms;
	transition: right 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		bottom 300ms cubic-bezier(0.694, 0.048, 0.335, 1) 300ms;
}

section#intro .image:after {
	-webkit-transition: right 300ms cubic-bezier(0.694, 0.048, 0.335, 1) 300ms,
		bottom 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		top 300ms cubic-bezier(0.694, 0.048, 0.335, 1) 300ms,
		left 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-moz-transition: right 300ms cubic-bezier(0.694, 0.048, 0.335, 1) 300ms,
		bottom 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		top 300ms cubic-bezier(0.694, 0.048, 0.335, 1) 300ms,
		left 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-ms-transition: right 300ms cubic-bezier(0.694, 0.048, 0.335, 1) 300ms,
		bottom 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		top 300ms cubic-bezier(0.694, 0.048, 0.335, 1) 300ms,
		left 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-o-transition: right 300ms cubic-bezier(0.694, 0.048, 0.335, 1) 300ms,
		bottom 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		top 300ms cubic-bezier(0.694, 0.048, 0.335, 1) 300ms,
		left 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	transition: right 300ms cubic-bezier(0.694, 0.048, 0.335, 1) 300ms,
		bottom 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		top 300ms cubic-bezier(0.694, 0.048, 0.335, 1) 300ms,
		left 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
}

section#top nav a:after {
	-webkit-transition: right 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		background-color 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-moz-transition: right 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		background-color 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-ms-transition: right 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		background-color 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-o-transition: right 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		background-color 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	transition: right 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		background-color 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
}

section#services .service-menu li a {
	-webkit-transition: border-left 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		background-color 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-moz-transition: border-left 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		background-color 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-ms-transition: border-left 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		background-color 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-o-transition: border-left 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		background-color 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	transition: border-left 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		background-color 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
}

section#top .langs {
	-webkit-transition: top 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		width cubic-bezier(0.694, 0.048, 0.335, 1);
	-moz-transition: top 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		width cubic-bezier(0.694, 0.048, 0.335, 1);
	-ms-transition: top 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		width cubic-bezier(0.694, 0.048, 0.335, 1);
	-o-transition: top 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		width cubic-bezier(0.694, 0.048, 0.335, 1);
	transition: top 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		width cubic-bezier(0.694, 0.048, 0.335, 1);
}
section#top,
section#services .service-detail {
	-webkit-transition: height 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-moz-transition: height 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-ms-transition: height 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-o-transition: height 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	transition: height 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
}

section#top nav,
section#top .logo {
	-webkit-transition: top 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		background-color 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-moz-transition: top 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		background-color 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-ms-transition: top 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		background-color 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-o-transition: top 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		background-color 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	transition: top 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		background-color 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
}
section#copy .social a {
	-webkit-transition: color 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		background-image 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-moz-transition: color 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		background-image 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-ms-transition: color 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		background-image 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-o-transition: color 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		background-image 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	transition: color 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		background-image 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
}
.fade-overlay {
	-webkit-transition: opacity 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-moz-transition: opacity 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-ms-transition: opacity 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-o-transition: opacity 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	transition: opacity 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
}
section#gallery .images .image {
	-webkit-transition: none 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-moz-transition: none 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-ms-transition: none 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-o-transition: none 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	transition: none 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
}
section#gallery .images .image:hover {
	-webkit-transition: z-index 300ms cubic-bezier(0.694, 0.048, 0.335, 1) 200ms;
	-moz-transition: z-index 300ms cubic-bezier(0.694, 0.048, 0.335, 1) 200ms;
	-ms-transition: z-index 300ms cubic-bezier(0.694, 0.048, 0.335, 1) 200ms;
	-o-transition: z-index 300ms cubic-bezier(0.694, 0.048, 0.335, 1) 200ms;
	transition: z-index 300ms cubic-bezier(0.694, 0.048, 0.335, 1) 200ms;
}
span.animated-title,
span.animated-text {
	-webkit-transition: top 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		opacity 600ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-moz-transition: top 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		opacity 600ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-ms-transition: top 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		opacity 600ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-o-transition: top 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		opacity 600ms cubic-bezier(0.694, 0.048, 0.335, 1);
	transition: top 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		opacity 600ms cubic-bezier(0.694, 0.048, 0.335, 1);
}
section#gallery .images .image:after,
section#gallery .images .image:before {
	-webkit-transition: background-color 300ms
			cubic-bezier(0.694, 0.048, 0.335, 1),
		opacity 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-moz-transition: background-color 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		opacity 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-ms-transition: background-color 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		opacity 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-o-transition: background-color 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		opacity 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	transition: background-color 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		opacity 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
}
section#services .service-detail .detail,
section#top .langs a,
#lightbox-container,
section#copy .social a:after {
	-webkit-transition: left 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		opacity 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-moz-transition: left 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		opacity 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-ms-transition: left 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		opacity 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-o-transition: left 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		opacity 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	transition: left 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		opacity 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
}
#lightbox-preview.animated,
#lightbox-preview.animated #lightbox-preview-2 {
	-webkit-transition: left 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		right 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		top 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		bottom 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		opacity 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-moz-transition: left 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		right 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		top 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		bottom 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		opacity 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-ms-transition: left 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		right 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		top 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		bottom 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		opacity 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-o-transition: left 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		right 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		top 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		bottom 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		opacity 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	transition: left 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		right 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		top 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		bottom 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		opacity 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
}

section#contact form .input-group input,
section#contact form .input-group label,
section#contact form .input-group textarea {
	-webkit-transition: color 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		background-color 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		border-bottom 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-moz-transition: color 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		background-color 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		border-bottom 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-ms-transition: color 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		background-color 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		border-bottom 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-o-transition: color 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		background-color 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		border-bottom 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	transition: color 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		background-color 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		border-bottom 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
}
.btn {
	-webkit-transition: color 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		background-color 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		border-bottom 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		opacity 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-moz-transition: color 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		background-color 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		border-bottom 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		opacity 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-ms-transition: color 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		background-color 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		border-bottom 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		opacity 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-o-transition: color 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		background-color 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		border-bottom 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		opacity 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	transition: color 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		background-color 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		border-bottom 300ms cubic-bezier(0.694, 0.048, 0.335, 1),
		opacity 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
}
.logo,
.logo p {
	-webkit-transition: font-size 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-moz-transition: font-size 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-ms-transition: font-size 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-o-transition: font-size 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
	transition: font-size 300ms cubic-bezier(0.694, 0.048, 0.335, 1);
}
section#gallery .images {
	-webkit-transition: left 500ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-moz-transition: left 500ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-ms-transition: left 500ms cubic-bezier(0.694, 0.048, 0.335, 1);
	-o-transition: left 500ms cubic-bezier(0.694, 0.048, 0.335, 1);
	transition: left 500ms cubic-bezier(0.694, 0.048, 0.335, 1);
}

@media screen and (max-width: 1024px) {
	section#intro .image1 {
		left: 0;
		bottom: 0;
	}
	section#intro .texts {
		width: 100%;
		padding: 0;
		text-align: center;
	}
	section#intro .texts p {
		background-color: rgba(255, 255, 255, 0.6);
	}
	section#intro .texts .big-text {
		font-size: 4vw;
		line-height: 6.25vw;
	}
	section#intro .texts .small-text {
		font-size: 1.6vw;
		line-height: 3vw;
	}
	section#intro .contAbs {
		width: 100%;
		margin-top: 4.4vw;
		float: unset;
	}
	section#intro .image2,
	section#intro .image3 {
		height: 20vw;
		position: unset;
		width: 49%;
		float: left;
	}
	section#intro .image2 {
	}
	section#intro .image3 {
		float: right;
	}
	section#intro .graybar {
		inset: 2vw;
	}

	section#intro .btn {
		left: 35%;
		right: 35%;
		top: unset;
		bottom: -2.7vw;
	}
	section#intro .alt-text {
		width: 100%;
		clear: both;
		float: unset;
		margin: 0;
		padding: 4vw;
		height: unset;
		text-align: center;
	}
	section#intro .alt-text .big-text {
		font-size: 4vw;
		line-height: 6.25vw;
		padding: 0;
	}
	section#intro .alt-text .small-text {
		font-size: 1.6vw;
		line-height: 3vw;
		text-align: center;
	}
	.btn.big {
		font-size: 2vw;
	}
	section#services {
		margin-bottom: 3vw;
	}
	section#services .service-menu {
		width: 100%;
		float: unset;
		padding-bottom: 2vw;
		text-align: center;
	}
	section#services .service-detail {
		width: 100%;
	}
	section#services .service-menu li {
		list-style: none;
		display: inline;
		padding: 0 2vw;
	}
	section#services .service-menu li a {
		font-size: 1.6vw;
		display: inline;
		line-height: 4vw;
		border-bottom: 0.10416666vw solid rgba(102, 125, 185, 0.2);
		border-left: 0;
		padding: 0.78125vw 2.4vw;
		text-wrap: nowrap;
	}
	section#services .service-menu li a:hover {
		border-left: 0;
		border-bottom: 0.10416666vw solid rgba(102, 125, 185, 0.5);
	}
	section#services .service-menu li a.active {
		border-bottom: 0.10416666vw solid rgba(102, 125, 185, 1);
		border-left: 0;
	}
	section#services .service-menu li a.active:hover {
		border-bottom: 0.10416666vw solid rgba(102, 125, 185, 1);
		border-left: 0;
	}
	section#services .service-detail .detail p.small-heading {
		font-size: 2vw;
		line-height: 3vw;
	}
	section#services .service-detail .detail p {
		font-size: 1.8vw;
		line-height: 2.5vw;
	}
	section#services .service-detail .detail .content {
		float: unset;
		width: 95%;
	}
	section#services .service-detail .detail .gallery {
		float: unset;
		width: 100%;
		top: 0;
	}
	section#services .service-detail .detail .gallery .image {
		width: 49%;
		height: 14vw;
		margin-bottom: 1vw;
	}

	section#gallery {
		height: 50vw;
		padding-bottom: 5vw;
	}
	section#gallery .images {
		height: 50vw;
	}
	section#gallery .images a {
		width: 25vw;
	}
	section#gallery .arrows a {
		left: 1vw;
		bottom: 1vw;
		top: 81.5%;
		font-size: 4vw;
		padding-left: 5vw;
		padding-right: 5vw;
	}
	section#gallery .arrows a#next {
		right: 1vw;
	}
	section#contact form {
		width: 85%;
		font-size: 4.1vw;
		padding: 0vw 5% 5vw 5%;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
		gap: 6vw;
	}
	section#contact form p {
		text-align: right;
	}
	section#contact .info-bar {
		width: 41vw;
		padding-right: 0;
		padding-top: 2vw;
	}
	section#contact .full-panel {
		width: 39vw;
		float: right;
		padding-right: 2vw;
		padding-top: 0;
	}
	section#contact .half-panel {
		float: unset;
		padding-right: 2vw;
		width: 39vw;
		padding-bottom: 0;
	}
	section#contact .graybar {
		top: 21%;
	}
	section#contact .info-bar div.large .small-heading {
		line-height: 4vw;
		font-size: 2.8vw;
		padding-bottom: 4vw;
	}
	section#contact .info-bar div.large .long-text {
		font-size: 2vw;
		line-height: 3vw;
	}
	section#contact .info-bar .line {
		width: 39vw;
	}
	section#contact .info-bar p.small-heading {
		font-size: 2vw;
		line-height: 3vw;
	}
	section#contact .info-bar p {
		font-size: 1.5vw;
		line-height: 2.5vw;
	}
	section#copy {
		display: flex;
		padding: 1vw;
		justify-content: space-between;
	}
	section#copy p {
		font-size: 1.625vw;
		line-height: 2.9375vw;
	}
	section#copy .social {
		padding: 0;
		display: flex;
		align-content: center;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	section#copy .social a {
		font-size: 1.6vw;
		line-height: 1.7vw;
		height: 2vw;
		padding-left: 3.5vw;
	}
	section#welcome .main-heading {
		font-size: 3.3vw;
		letter-spacing: 0.360417vw;
		line-height: 3.9vw;
	}
	section#welcome .long-text {
		line-height: 3vw;
		font-size: 1.5vw;
		letter-spacing: 0.0520833333vw;
	}
	section#welcome .full-panel a,
	section#welcome .half-panel a {
		font-size: 1.4vw;
		margin-top: 0.6vw;
	}
}