@font-face {
	font-family: 'Futura PT';
	src: url('../fonts/FuturaPT-Medium.woff2') format('woff2'), url('../fonts/FuturaPT-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}

html {
	font-size: 12px;
}
body {
	color: #000000;
	-youbkit-touch-callout: none; /* iOS Safari */
	-youbkit-user-select: none;   /* Chrome 6.0+, Safari 3.1+, Edge & Opera 15+ */
	-moz-user-select: none;	   /* Firefox */
	-ms-user-select: none;		/* IE 10+ and Edge */
	user-select: none;			/* Non-prefixed version,
                  currently supported by Chrome and Opera */

  -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
  -webkit-user-select: none;     

}

::selection {
	background-color: #2d1a6a;
	color: #ffffff;
	text-shadow: none;
}
-webkit-::selection {
	background-color: #2d1a6a;
	color: #ffffff;
	text-shadow: none;
}
::-moz-selection {
	background-color: #2d1a6a;
	color: #ffffff;
	text-shadow: none;
}
::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}
::-webkit-scrollbar-thumb {
	cursor: pointer;
	background: #2e2e2e;
}
.container-fluid-md {
	padding-left: 15px;
	padding-right: 15px;
}
.row-10 {
	margin-left: -5px;
	margin-right: -5px;
}
.row-10>[class^="col-"],
.row-10>[class*=" col-"] {
	padding-left: 5px;
	padding-right: 5px;
}
@media (min-width: 1280px) {
	.container {
		max-width: 1200px;
		margin-top: 20px;
	}
	.row-60 {
		margin-left: -1.875rem;
		margin-right: -1.875rem;
	}
	.row-60>[class^="col-"],
	.row-60>[class*=" col-"] {
		padding-left: 1.875rem;
		padding-right: 1.875rem;
	}
}
@media (min-width: 1600px) {
	.container-fluid {
		padding-left: 3.75rem;
		padding-right: 3.75rem;
	}
	.container-fluid-md {
		padding-left: 7.5rem;
		padding-right: 7.5rem;
	}
}
.full-height {
	min-height: 100vh;
}
/* 1.2 Typography */
h2,
.h2,
h3,
.h3 {
	font-weight: bold;
}
h4,
.h4 {
	margin-bottom: 1.75rem;
	letter-spacing: -.035em;
	font-weight: bold;
}
.text-bold {
	font-weight: bold;
}
.text-normal {
	font-weight: normal;
}
.text-underline {
	text-decoration: underline;
}
html>body .text-black {
	color: #000000;
}
html>body .text-grey-primary {
	color: #cccccc;
}
html>body .text-grey {
	color: #666666;
}
html>body .text-white a,
html>body .text-black a {
	color: inherit;
}
html>body .text-grey-light {
	color: #999999;
}
html>body .lh-sm {
	line-height: 1.25;
}
html>body .lh-md {
	line-height: 1.625;
}
html>body .lh-lg {
	line-height: 1.875;
}
html>body .lh-lg2 {
	line-height: 1.8;
}
html>body .fs14 {
	font-size: .875rem;
}
html>body .fs18 {
	font-size: 1.125rem;
}
html>body .fs20 {
	font-size: 1.25rem;
}
html>body .fs28 {
	font-size: 1.75rem;
}
html>body .fs30 {
	font-size: 1.875rem;
}
html>body .fs36 {
	font-size: 2.25rem;
}
html>body .fs42 {
	font-size: 2.625rem;
}
html>body .fs48 {
	font-size: 3rem;
}
html>body .fs60 {
	font-size: 2.75rem;
	line-height: 1.36666667;
}
.fs18.text-grey {
	line-height: 1.66666667;
}
.h1-lg {
	font-size: 3.5rem;
	font-weight: bold;
	letter-spacing: -.025em;
}
@media (min-width: 576px) {
	.text-right-sm {
		text-align: right !important;
	}
	html>body .fs60 {
		font-size: 3.75rem;
		line-height: 1.36666667;
	}
}
@media (min-width: 768px) {
	.text-right-md {
		text-align: right !important;
	}
	.h1-lg {
		font-size: 4.5rem;
		line-height: 1.13888889;
	}
}
.font-custom {
	font-family: 'Butler', Serif;
}
.font-teko {
	font-family: 'Teko', sans-serif;
}
.theBoldFont {
	font-family: 'Futura PT';
}
@media screen and (max-width:599px){
	.slide-container h2{
		font-size: 2rem;
	}
}

@media (min-width:600px){
	.slide-container h2{
		font-size: 3rem;
	}
}

.font-abril {
	font-family: 'Abril Fatface', cursive;
	font-weight: normal;
}
.base-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.base-list>li {
	padding-left: 1rem;
	position: relative;
	margin-bottom: 1.25rem;
}
.base-list>li:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: .7em;
	width: .25rem;
	height: .25rem;
	border-radius: 5rem;
	background: #000000;
}
.more {
	text-transform: uppercase;
}
.more-lg {
	text-transform: uppercase;
	font-size: 1.25rem;
	font-weight: bold;
}
.more-xl {
	text-transform: uppercase;
	font-size: 1.5rem;
	font-weight: bold;
}
.more a,
.more-lg a {
	color: #000000;
	text-decoration: none;
}
.more a:hover,
.more-lg a:hover,
.more-total a:hover {
	color: #b11d11;
}
.more-lg i {
	display: inline-block;
	vertical-align: middle;
	margin-left: .5em;
	font-size: 110%;
	line-height: .75;
}
.ion-ios-arrow-left,
.ion-ios-arrow-right {
	transform: translateX(0);
	transition: transform .3s ease-in-out;
}
a:hover .ion-ios-arrow-right,
button:hover .ion-ios-arrow-right,
.btn:hover .ion-ios-arrow-right {
	transform: translateX(.25rem);
}
a:hover .ion-ios-arrow-left,
button:hover .ion-ios-arrow-left,
.btn:hover .ion-ios-arrow-left {
	transform: translateX(-.25rem);
}
/* 1.3 Fields */
html>body .mr20 {
	margin-right: 1.25rem;
}
html>body .mt5 {
	margin-top: 5px;
}
html>body .mt10 {
	margin-top: .625rem;
}
html>body .mt20 {
	margin-top: 1.25rem;
}
html>body .mt30 {
	margin-top: 1.875rem;
}
html>body .mt40 {
	margin-top: 2.5rem;
}
html>body .mt50 {
	margin-top: 3.125rem;
}
html>body .mt55 {
	margin-top: 3.4375rem;
}
html>body .mt60 {
	margin-top: 3.75rem;
}
html>body .mt65 {
	margin-top: 4.0625rem;
}
html>body .mt70 {
	margin-top: 4.375rem;
}
html>body .mt80 {
	margin-top: 5rem;
}
html>body .mt90 {
	margin-top: 5.625rem;
}
html>body .mt100 {
	margin-top: 6.5rem;
}
html>body .mt150 {
	margin-top: 9.375rem;
}
html>body .mb5 {
	margin-bottom: 5px;
}
html>body .mb10 {
	margin-bottom: .625rem;
}
html>body .mb20 {
	margin-bottom: 1.25rem;
}
html>body .mb30 {
	margin-bottom: 1.875rem;
}
html>body .mb35 {
	margin-bottom: 2.1875rem;
}
html>body .mb40 {
	margin-bottom: 2.5rem;
}
html>body .mb45 {
	margin-bottom: 2.8125rem;
}
html>body .mb50 {
	margin-bottom: 3.125rem;
}
html>body .mb55 {
	margin-bottom: 3.4375rem;
}
html>body .mb60 {
	margin-bottom: 3.75rem;
}
html>body .mb65 {
	margin-bottom: 4.0625rem;
}
html>body .mb70 {
	margin-bottom: 4.375rem;
}
html>body .mb75 {
	margin-bottom: 4.6875rem;
}
html>body .mb80 {
	margin-bottom: 5rem;
}
html>body .mb90 {
	margin-bottom: 5.625rem;
}
html>body .mb100 {
	margin-bottom: 6.25rem;
}
html>body .mb120 {
	margin-bottom: 7.5rem;
}
html>body .mb130 {
	margin-bottom: 8.125rem;
}
/* 1.4 Buttons */
button:focus,
input:focus {
	outline: none;
}
.btn {
	padding: .75rem 2rem .75rem;
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 0;
}
.btn-sm {
	padding: .875rem 1.5rem .8125rem;
}
.btn-md {
	padding: .875rem 2rem .9375rem;
}
.btn-xs {
	border-color: #cccccc;
	padding: 3px 12px 3px;
	font-size: .75rem;
	color: #a7a9b8;
	letter-spacing: .025em;
}
.btn-light {
	background: #ffffff;
	border-color: #999999;
}
.btn-dark {
	background: #000000;
	border-color: #000000;
}
.btn-dark:hover,
.btn-dark:not(:disabled):not(.disabled):active {
	background: #23272b;
	border-color: #23272b;
}
.btn .icon {
	margin-left: .75rem;
	display: inline-block;
	vertical-align: middle;
	margin-top: -.375rem;
	margin-bottom: -.25rem;
	line-height: 1;
	font-size: 1.25rem;
}
.btn-sm .icon {
	font-size: 1.125rem;
	line-height: .75;
}
.btn-sm .ion-ios-email-outline {
	font-size: 1.5rem;
}
.btn-light:hover,
.btn-light:not(:disabled):not(.disabled):active {
	background-color: #b11d11;
	border-color: #b11d11;
	color: #ffffff;
}
.btn-outline-secondary:hover,
.btn-outline-secondary:not(:disabled):not(.disabled):active {
	background-color: #ffffff;
	border-color: #b11d11;
	color: #b11d11;
}
.btn-danger {
	background: #b11d11;
	border-color: #b11d11;
}
.btn-rounded {
	border-radius: 30px;
}
.btn-link.text-black:hover {
	color: #000000;
}
/* 1.6 Preloader */
.preloader {
	position: fixed;
	overflow: hidden;
	z-index: 999999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	color: #4b4b4b;
	text-align: center;
}
.spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.double-bounce1,
.double-bounce2 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #2c1a6a;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
	animation: sk-bounce 2.0s infinite ease-in-out;
}
.double-bounce2 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}
@-webkit-keyframes sk-bounce {
	0%,
	100% {
		-webkit-transform: scale(0.0)
	}
	50% {
		-webkit-transform: scale(1.0)
	}
}
@keyframes sk-bounce {
	0%,
	100% {
		transform: scale(0.0);
		-webkit-transform: scale(0.0);
	}
	50% {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
	}
}
/*-------------------------------------------------------------------------------
  2. Header
-------------------------------------------------------------------------------*/
.header {
	padding-top: 1.5rem;
	/*transition: color .2s ease-in-out;*/
	transition: margin-top .5s ease-in-out;
	margin-top: 0;
}
@media (min-width: 768px) {
	.header {
		padding-top: 2.625rem;
	}
}
.header-fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 900;
}
.header-affix {
	position: fixed !important;
	top: -5rem !important;
	left: 0;
	width: 100%;
	z-index: 900;
	background: #ffffff;
	padding-top: .75rem !important;
	padding-bottom: .5rem !important;
	box-shadow: rgba(0, 0, 0, .1) 0 3px 15px;
	margin-top: 5rem;
}
.header-affix .nav-logo {
	transform: scale(.45);
}
@media (max-width: 767px) {
	.header-affix .nav-logo {
		margin-left: -50%;
	}
}
.menu .menu-lang,
.menu .menu-main,
.menu .social,
.menu .menu-copyright {
	opacity: 0;
	transform: translateY(3rem);
	transition: all .5s ease-in-out;
}
.menu .menu-lang {
	transition-delay: .2s;
}
.menu .menu-main {
	transition-delay: .4s;
}
.menu .social {
	transition-delay: .6s;
}
.menu .menu-copyright {
	transition-delay: .8s;
}
.body-menu-opened .menu .menu-lang,
.body-menu-opened .menu .menu-main,
.body-menu-opened .menu .social,
.body-menu-opened .menu .menu-copyright {
	opacity: 1;
	transform: translateY(0);
}
.brand {
	float: left;
	margin-right: 1rem;
	white-space: nowrap;
}
.brand a {
	color: inherit;
	text-decoration: none;
}
.brand img {
	max-width: 90px;
}
.brand-name,
.brand-text {
	display: inline-block;
	vertical-align: middle;
}
.brand-name {
	margin-right: .875rem;
	font-family: 'Butler', Serif;
	font-size: 2.875rem;
	font-weight: 900;
	line-height: 1.1;
}
.brand-text {
	margin-bottom: .375rem;
	font-size: 1.125rem;
	line-height: 1.15;
	letter-spacing: -.5px;
}
.header-contact-item,
.header-contact-divider {
	display: inline-block;
	vertical-align: middle;
	font-family: "Open Sans";
}
.header-contact-divider {
	margin-left: 1.875rem;
	margin-right: 1.875rem;
	opacity: .2;
}
.phone-link,
.phone-link:hover,
.mail-link,
.mail-link:hover {
	color: inherit;
	text-decoration: none;
}
.phone-link {
	cursor: default;
}
.nav-toggle-btn {
	background: none;
	border: none;
	padding: 0;
	margin: .25rem 0 0;
	border-radius: 0;
	outline: none;
	float: right;
	position: relative;
	z-index: 995;
	font-weight: bold;
	text-transform: uppercase;
	color: inherit;
}
.nav-toggle-btn:hover {
	color: #b11d11;
}
.nav-toggle-btn:focus {
	outline: none;
}
.nav-toggle-title {
	display: inline-block;
	vertical-align: middle;
	margin-right: .75rem;
}
.nav-toggle {
	width: 29px;
	height: 29px;
	display: inline-flex;
	vertical-align: middle;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: auto;
	cursor: pointer;
}
.nav-toggle-sm {
	transform: scale(.65);
	margin-right: -.3125rem;
}
.stick {
	width: 29px;
	height: 3px;
	margin-bottom: 5px;
	background-color: #000000;
	display: inline-block;
}
.nav-toggle-btn:hover .stick {
	background-color: #b11d11;
}
.body-menu-opened .nav-toggle-btn {
	color: #000000;
}
.body-menu-opened .nav-toggle-btn .stick {
	background-color: #000000;
}
.stick:last-child {
	margin-bottom: 0px;
}
.nav-toggle:hover .stick-2 {
	width: 29px;
}
.body-menu-opened .stick-1 {
	animation: stick-1-open .85s ease-out forwards;
}
.body-menu-opened .stick-2 {
	animation: stick-2-open .85s linear forwards;
	width: 29px;
	margin-left: 0px;
}
.body-menu-opened .stick-3 {
	animation: stick-3-open .85s linear forwards;
}
@-webkit-keyframes stick-1-open {
	0% {
		width: 29px;
	}
	30% {
		width: 3px;
		transform: translate(14px, 0px);
	}
	65% {
		width: 3px;
		transform: translate(14px, -29px);
		animation-timing-function: cubic-bezier(0, 1, 1, 1);
	}
	100% {
		width: 2px;
		transform: translate(9px, 17px);
	}
}
@keyframes stick-1-open {
	0% {
		width: 29px;
	}
	30% {
		width: 3px;
		transform: translate(14px, 0px);
	}
	65% {
		width: 3px;
		transform: translate(14px, -29px);
		animation-timing-function: cubic-bezier(0, 1, 1, 1);
	}
	100% {
		width: 2px;
		transform: translate(9px, 17px);
	}
}
@-webkit-keyframes stick-2-open {
	65% {
		width: 29px;
		transform: translate(0px, 0px) rotate(0deg);
	}
	100% {
		width: 29px;
		transform: translate(0px, 0px) rotate(45deg);
	}
}
@keyframes stick-2-open {
	65% {
		width: 29px;
		transform: translate(0px, 0px) rotate(0deg);
	}
	100% {
		width: 29px;
		transform: translate(0px, 0px) rotate(45deg);
	}
}
@-webkit-keyframes stick-3-open {
	65% {
		transform: translate(0px, 0px) rotate(0deg);
	}
	100% {
		transform: translate(0px, -8px) rotate(-45deg);
	}
}
@keyframes stick-3-open {
	65% {
		transform: translate(0px, 0px) rotate(0deg);
	}
	100% {
		transform: translate(0px, -8px) rotate(-45deg);
	}
}
.body-menu-close .stick-1 {
	width: 3px;
	animation: stick-1-close .85s ease-out forwards;
}
.body-menu-close .stick-2 {
	animation: stick-2-close .85s ease-out forwards;
	margin-left: 0px;
}
.body-menu-close .stick-3 {
	animation: stick-3-close .85s ease-out forwards;
}
@-webkit-keyframes stick-1-close {
	0%,
	70% {
		width: 0px;
		transform: translate(0, 0);
	}
	100% {
		width: 29px;
		transform: translate(0, 0);
	}
}
@keyframes stick-1-close {
	0%,
	70% {
		width: 0px;
		transform: translate(0, 0);
	}
	100% {
		width: 29px;
		transform: translate(0, 0);
	}
}
@-webkit-keyframes stick-2-close {
	0% {
		width: 29px;
		transform: translate(0px, 0px) rotate(45deg);
	}
	20% {
		width: 3px;
		transform: translate(0, 0px) rotate(45deg);
	}
	40% {
		width: 0px;
	}
	65% {
		transform: translate(0, -26px);
		animation-timing-function: cubic-bezier(0, 1, 1, 1);
	}
	80% {
		width: 0px;
	}
	100% {
		width: 29px;
		transform: translate(0, 0px);
	}
}
@keyframes stick-2-close {
	0% {
		width: 29px;
		transform: translate(0px, 0px) rotate(45deg);
	}
	20% {
		width: 3px;
		transform: translate(0, 0px) rotate(45deg);
	}
	40% {
		width: 0px;
	}
	65% {
		transform: translate(0, -26px);
		animation-timing-function: cubic-bezier(0, 1, 1, 1);
	}
	80% {
		width: 0px;
	}
	100% {
		width: 29px;
		transform: translate(0, 0px);
	}
}
@-webkit-keyframes stick-3-close {
	0% {
		width: 29px;
		transform: translate(0px, -8px) rotate(-45deg);
	}
	20% {
		width: 3px;
		transform: translate(0, -8px) rotate(-45deg);
	}
	40% {}
	65% {
		transform: translate(0, -35px);
		animation-timing-function: cubic-bezier(0, 1, 1, 1);
	}
	90% {
		width: 3px;
	}
	100% {
		width: 29px;
		transform: translate(0, 0px);
	}
}
@keyframes stick-3-close {
	0% {
		width: 29px;
		transform: translate(0px, -8px) rotate(-45deg);
	}
	20% {
		width: 3px;
		transform: translate(0, -8px) rotate(-45deg);
	}
	40% {}
	65% {
		transform: translate(0, -35px);
		animation-timing-function: cubic-bezier(0, 1, 1, 1);
	}
	90% {
		width: 3px;
	}
	100% {
		width: 29px;
		transform: translate(0, 0px);
	}
}
@-webkit-keyframes fadeZoom {
	0% {
		width: 100%;
	}
	100% {
		width: 0;
	}
}
@keyframes fadeZoom {
	0% {
		width: 100%;
	}
	100% {
		width: 0;
	}
}
.navbar-nav {
	margin-left: 8rem;
	margin-right: 8rem;
	text-align: center;
	font-size: 1rem;
	text-transform: uppercase;
}
.navbar-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.navbar-nav>ul>li {
	display: inline-block;
	vertical-align: middle;
	padding-left: 1rem;
	padding-right: 1rem;
}
.navbar-nav a {
	position: relative;
	color: #999999;
	text-decoration: none;
	transition: color 0.3s cubic-bezier(0.82, 0, 0.21, 1);
}
.navbar-nav a:before {
	content: attr(data-text);
	position: absolute;
	width: 0%;
	transition: width cubic-bezier(0.82, 0, 0.21, 1) 0.3s;
	color: #b11d11;
	z-index: 2;
	overflow: hidden;
}
.navbar-nav li.active>a,
.navbar-nav a:hover {
	color: #999999;
}
.navbar-nav li.active>a:before,
.navbar-nav a:hover:before {
	width: 100%;
}
.navbar-nav li.active>a {
	font-weight: bold;
	color: transparent !important;
}
.menu-main li.active>a {
	color: transparent !important;
}
.navbar-nav .dropdown-toggle::after {
	display: none;
}
.navbar-nav .dropdown-menu {
	width: 25rem;
	padding: 27px 40px 22px;
	border: none;
	background: #ffffff;
	border-radius: 0;
	margin-top: 1.125rem;
	margin-left: -40px;
	text-transform: none;
	box-shadow: 0 15px 25px rgba(0, 0, 0, 0.05);
	position: absolute;
	left: 20px !important;
	top: 100% !important;
	transform: translate3d(0, 0, 0) !important;
}
.navbar-nav .dropdown:hover .dropdown-menu {
	animation: transform .3s ease-in-out forwards;
}
.navbar-nav .dropdown-menu:before {
	content: "";
	display: block;
	width: 100%;
	height: 1.125rem;
	position: absolute;
	left: 0;
	right: 0;
	top: -1.125rem;
}
@keyframes transform {
	0% {
		margin-top: 3rem;
		opacity: 0;
	}
	100% {
		margin-top: 1.125rem;
		opacity: 1;
	}
}
.navbar-nav .dropdown-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.navbar-nav .dropdown-menu ul li {
	margin-bottom: 6px;
}
.navbar-nav .dropdown-menu a {
	white-space: nowrap;
	color: #999999;
}
.navbar-nav .dropdown-menu .active a {
	font-weight: normal;
}
.dropdown-menu-title {
	margin-bottom: 24px;
	text-transform: uppercase;
	color: #000000;
	font-weight: bold;
}
.menu {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 990;
	background: #ffffff;
	max-width: 100%;
	width: 100%;
	padding: 3.75rem 4.375rem 3.25rem;
	display: flex;
	flex-direction: column;
	transition: transform .4s ease-in-out;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}
.body-menu-opened .menu {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
}
@media (min-width: 576px) {
	.menu {
		width: 34rem;
	}
}
@media (min-width: 992px) {
	.navbar-nav {
		margin-left: 15rem;
		margin-right: 15rem;
	}
	.navbar-nav>ul>li {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
	}
}
.body-menu-opened body {
	/*overflow: hidden;*/
	/*width: 100%;*/
	/*height: 100%;*/
}
@media (max-width: 575px) {
	.body-menu-opened {
		overflow: hidden;
		width: 100%;
		height: 100%;
	}
}
.hide-menu {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 100%;
	background: rgba(0, 0, 0, .1);
	z-index: 980;
}
.body-menu-opened .hide-menu {
	bottom: 0;
}
.menu-lang {
	font-size: .875rem;
	font-weight: bold;
	text-transform: uppercase;
}
.menu .menu-lang {
	padding-bottom: 4.5rem;
}
.menu-lang.float-right,
.text-right .menu-lang {
	margin-right: -1rem;
}
.menu-lang-item,
.menu .menu-lang-item {
	margin-right: 1rem;
	color: #000000;
}
.menu-lang-item:hover {
	color: #b11d11;
	text-decoration: none;
}
.menu-lang-item.active {
	color: #b11d11;
}
.menu-lang .divider {
	margin-right: 1rem;
}
.menu-main {
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}
.menu-main>ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.menu-main>ul>li {
	margin-bottom: .9375rem;
}
.menu-main>ul>li>a,
.menu-main>ul>li>span {
	font-size: 1.875rem;
	font-weight: bold;
	color: #000000;
}
.menu-main>ul>li ul {
	padding: 1rem 0 1px .875rem;
	margin: 0;
	list-style: none;
}
.menu-main>ul>li ul>li {
	margin-bottom: .375rem;
}
.menu-main>ul>li ul>li>a,
.menu-main>ul>li ul>li>span {
	color: #999999;
}
.menu-main a,
.menu-main a:hover {
	position: relative;
	text-decoration: none;
}
.menu-main a:before {
	content: attr(data-text);
	position: absolute;
	width: 0%;
	transition: width cubic-bezier(0.82, 0, 0.21, 1) 0.3s;
	color: #b11d11;
	z-index: 2;
	overflow: hidden;
	white-space: nowrap;
}
.menu-main li.active>a:before,
.menu-main a:hover:before {
	width: 100%;
}
.menu-footer {
	padding-top: 2rem;
}
.menu-copyright {
	margin-top: 18px;
	font-size: .875rem;
	line-height: 1.71428571;
	color: #666666;
	text-transform: uppercase;
}
.menu-copyright strong {
	color: #000000 !important;
}
@media (max-height: 380px) {
	.menu-footer {
		display: none;
	}
}
.header-custom {
	padding-top: 3rem;
}
.header-absolute {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	z-index: 900;
}
.nav-logo {
	margin-top: -2.3125rem;
	margin-bottom: -2.3125rem;
	display: block;
}
.header-custom .social,
.header-custom .menu-lang {
	margin-top: .5rem;
}
.header-custom .social a {
	color: #999999;
}
.header-custom .navbar-nav a {
	color: #000000;
}
.header-custom .menu-lang {
	font-size: 1rem;
	font-weight: normal;
	color: #cccccc;
}
.header-custom .menu-lang a {
	color: #999999;
}
.header-custom .menu-lang a.active {
	color: #000000;
}
.header-custom .menu-lang a:hover {
	color: #b11d11;
}
@media (min-width: 768px) {
	.header-custom {
		padding-top: 5rem;
	}
}
.section {
	padding-top: 6rem;
	padding-bottom: 4rem;
}
.section-content {
	padding-top: 6rem;
}
.section-item {
	text-align: center;
}
.section-item+.section-item {
	margin-top: 4rem;
}
.page-content {
	background: #ffffff;
	padding-top: 12%;
	position: relative;
	z-index: 100;
}
@media (min-width: 768px) {
	.page-content {
		padding-top: 8.75rem;
	}
}
.section-mini {
	padding-top: 6rem;
}
.section-centered {
	display: flex;
	align-items: center;
}
.section-centered>div {
	width: 100%;
}
.full-image,
.full-image-dark {
	min-height: 100vh;
	background-size: cover;
	background-position: 50% 0;
	background-repeat: no-repeat;
	position: relative;
}
.full-image-dark:before {
	content: "";
	z-index: 10;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: #000000;
	opacity: .3;
}
.full-image-dark>div {
	z-index: 100;
	position: relative;
}
@media (min-width: 768px) {
	.section-item+.section-item {
		margin-top: 8.125rem;
	}
	.section {
		padding-top: 10.625rem;
		padding-bottom: 10.625rem;
	}
	.section-content {
		padding-bottom: 8.125rem;
	}
	.section-mini {
		padding-top: 8.125rem;
	}
}
.section-last {
	padding-bottom: 0;
}
.section-item-title {
	margin-bottom: 1.875rem;
	font-size: 1.5rem;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: .375rem;
	line-height: 1.5;
}
.section-item-title,
.section-item-title a {
	color: #b11d11;
}
.section-item-title-sm {
	font-size: 1.125rem;
	letter-spacing: .5em;
}
.section-item-title-md {
	font-size: 1.25rem;
	letter-spacing: .25em;
}
.promo-about {
	padding-top: 9rem;
	padding-bottom: 6rem;
	line-height: calc(100vh - 15rem);
}
.promo-about .about {
	position: relative;
	top: 300px;
	opacity: 0;
	transition: all .5s ease-in-out;
}
@media (min-width: 768px) {
	.promo-about {
		padding-top: 3rem;
		padding-bottom: 3rem;
		line-height: calc(100vh - 6rem);
	}
}
.about {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	padding-top: 0;
	padding-bottom: 0;
	text-align: center;
	line-height: 1.5;
}
.about-title {
	font-size: 2.25rem;
	font-weight: bold;
}
.about-descr {
	margin-top: 1.875rem;
	font-size: 1.5rem;
	line-height: 1.5;
}
.service-item {
	margin-top: 4.375rem;
	display: block;
}
a.service-item {
	text-decoration: none;
	color: #000000;
}
.services-letter {
	overflow: hidden;
	position: relative;
	font-size: 13.75rem;
	font-weight: 900;
	line-height: 1.25;
}
.services-letter .mask {
	position: absolute;
	z-index: 10;
	width: 200%;
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1));
	background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1));
	height: 100%;
	top: 0;
	left: 100%;
}
.service-item-title {
	font-size: 1.5rem;
	font-weight: bold;
}
.service-item-title a,
a .service-item-title {
	color: #000000;
	text-decoration: none;
}
.service-item-title a:hover,
a:hover .service-item-title {
	color: #b11d11;
}
.service-item-descr {
	margin-top: 1.625rem;
	line-height: 1.625;
}
@-webkit-keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -50px, 0);
		transform: translate3d(0, -50px, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -50px, 0);
		transform: translate3d(0, -50px, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.projects {
	padding-bottom: 3rem;
}
@media (min-width: 768px) {
	.projects {
		padding-bottom: 10.9375rem;
	}
}
.projects .section-item-title {
	margin-bottom: 5.625rem;
}
.project-metro-photo {
	z-index: 300;
}
.project-list-listing a,
.project-list-masonry a {
	color: #000000;
	text-decoration: none;
}
.project-list-listing a:hover .project-listing-title,
.project-list-masonry a:hover .project-masonry-title {
	color: #ff3600;
}
.project-listing-detail {
	margin-top: 2.25rem;
}
.project-listing-title {
	font-size: 2.25rem;
	font-weight: bold;
	letter-spacing: -.025em;
}
.project-metro-title {
	font-size: 3rem;
	font-weight: normal;
}
.project-masonry-detail {
	margin-top: 24px;
}
.project-masonry-title {
	font-size: 1.875rem;
	font-weight: bold;
	letter-spacing: -.025em;
}
.project-parallax-detail {
	margin-bottom: 46px;
	font-size: 1.125rem;
	text-transform: uppercase;
	letter-spacing: .025em;
}
.project-piling-title {
	font-size: 9.25925926vmin;
	line-height: 1;
	letter-spacing: -.025em;
	font-weight: normal;
}
.project-piling-title a:hover {
	text-decoration: underline !important;
}
.project-list-piling .footer {
	background: #2c1a6a;
}
.project-carousel-detail,
.project-metro-detail,
.project-carousel-date,
.project-metro-date {
	position: absolute;
	z-index: 20;
	left: 2.5rem;
	right: 2rem;
	bottom: 5rem;
	color: #ffffff;
}
.project-carousel-date,
.project-metro-date {
	bottom: auto;
	top: 2rem;
}
.project-carousel-detail {
	opacity: 0;
	transition: opacity .5s .5s ease-in-out;
}
.owl-item.active .project-carousel-detail {
	animation: fadeInDown .5s ease-out forwards;
	animation-delay: .5s;
	opacity: 1;
}
.project-carousel-title {
	margin-top: .875rem;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.1;
}
.project-carousel-more {
	position: absolute;
	opacity: 0;
	z-index: 30;
	left: 2.5rem;
	bottom: 1.5rem;
	transition: opacity .5s 1.1s ease-in-out;
}
.owl-item.active .project-carousel-more {
	animation: fadeInUp .35s ease-out forwards;
	animation-delay: 1.1s;
	opacity: 1;
}
.project .owl-theme .owl-nav {
	margin-top: 0;
}
.more-total {
	margin-top: 4.375rem;
	font-weight: bold;
	text-transform: uppercase;
}
.more-total a {
	color: #000000;
	text-decoration: underline;
}
.more-total a:hover {
	text-decoration: none;
}
.more-total-lg {
	margin-top: 8.125rem;
}
.partner-list {
	/* margin-top: 9.25925926vmin; */
	text-align: center;
}
.partner-item {
	display: flex;
	text-align: center;
}
.partner-item img {
	/* opacity: .6; */
	transition: all .3s ease-in-out;
}
.partner-item img:hover,
.partner-item a:hover img,
.partner-item .inside:hover img {
	opacity: 1;
}
.partner-bordered .partner-item {
	margin: 0 -1px -1px 0;
	/* border: #eaeaea 1px solid; */
	min-height: 13.88888889vmin;
}
.partner-item>.inside {
	padding: 0.5rem 1rem;
	align-self: center;
	display: block;
	width: 100%;
}
.partner-item {
	flex: 0 0 33.33333333%;
	max-width: 33.33333333%;
}
.partner-item img {
	max-width: 100%;
}
@media (min-width: 768px) {
	.partner-item {
		flex: 0 0 20%;
		max-width: 20%;
	}
}
.article-item {
	width: 100%;
	margin-bottom: 2.5rem;
	position: relative;
	text-align: left;
	display: flex;
	flex-direction: column;
}
a.article-item {
	color: #000000;
	text-decoration: none;
}
.article-item-photo {
	margin-bottom: 2rem;
	height: 0;
	padding-bottom: 62.16216216%;
	position: relative;
	overflow: hidden;
}
.article-item-photo img {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.article-item-masonry {
	margin-bottom: 10px;
	display: block;
	position: relative;
}
.article-item-masonry,
.article-item-masonry:hover {
	color: #ffffff;
}
.article-item-masonry .article-item-photo {
	margin-bottom: 0;
	height: auto;
	padding-bottom: 0;
}
.article-item-masonry .article-item-photo img {
	position: relative;
	z-index: 100;
	width: 100%;
	height: auto;
}
.article-item-masonry .article-item-photo:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 150;
	opacity: .6;
	background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .75), rgba(0, 0, 0, 0) 70%);
	background: linear-gradient(to top, rgba(0, 0, 0, .75), rgba(0, 0, 0, 0) 70%);
	transition: all .3s ease-in-out;
}
.article-item-masonry:hover .article-item-photo:before {
	opacity: 0;
}
.article-item-info {
	color: #999999;
}
.article-item-info a {
	color: #000000;
}
.article-item-info a:hover {
	color: #b11d11;
	text-decoration: none;
}
.article-item-descr {
	margin-top: 1.375rem;
	line-height: 1.625;
}
.article-item-detail {
	position: absolute;
	left: 0;
	right: 0;
	top: auto;
	bottom: 0;
	z-index: 250;
	padding: 2.5rem;
}
.article-item-mask {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 200;
	background: #000000;
	opacity: .1;
	transition: all .3s ease-in-out;
}
.article-item-masonry:hover .article-item-mask {
	opacity: .5;
}
.article-item-masonry .article-item-title {
	font-size: 1.5rem;
	line-height: 1.41666667;
}
.article-item-masonry:hover .article-item-title {
	text-decoration: underline;
}
.zooming {
	overflow: hidden;
}
.zooming img {
	transform: scale(1);
	transition: all 1s linear;
}
.zooming:hover img,
a:hover .zooming img {
	transform: scale(1.08);
}
.article-item-category {
	margin-bottom: .625rem;
	font-size: .875rem;
	text-transform: uppercase;
}
.article-item-category,
.article-item-category a {
	color: #b11d11;
}
.article-item-category-dark {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 10px;
	background: #333333;
	padding: 1px 8px 0;
	color: #ffffff;
	font-size: .75rem;
	text-transform: uppercase;
	letter-spacing: .025em;
	font-weight: bold;
}
.article-item-title {
	flex: 1 1 auto;
	font-size: 1.375rem;
	font-weight: bold;
	line-height: 1.36363636;
	letter-spacing: -.5px;
}
.article-item-title a,
.article-item-title a:hover {
	color: #000000;
}
.article-item-date {
	margin-top: 1.875rem;
}
.article-item-masonry .article-item-date {
	margin-top: 1.125rem;
}
.article-item-mini {
	margin-bottom: 1.25rem;
}
.article-item-mini .article-item-photo {
	display: block;
	padding-bottom: 71.08433735%;
	margin-top: .25rem;
	margin-bottom: 0;
	width: 5.25rem;
}
.article-item-mini .article-item-title {
	margin-bottom: 0;
	font-size: .875rem;
	line-height: 1.42857143;
}
.article-item-mini .article-item-title a:hover {
	text-decoration: none;
}
.article-item-mini .article-item-date {
	margin-top: .25rem;
	color: #999999;
	font-size: .875rem;
}
.promo-zoom-footer {
	overflow: hidden;
}
.promo-zoom-footer .inside {
	margin-left: -10%;
	margin-right: -10%;
}
.promo-zoom-footer img {}
@media (min-width: 768px) {
	.promo-zoom-footer .inside {
		margin-left: 0;
		margin-right: 0;
	}
}
/*-------------------------------------------------------------------------------
  4. Home Horizontal
-------------------------------------------------------------------------------*/
/* 4.1 Home Horizontal Navs */
.horizontal-nav {
	width: 100%;
	position: fixed;
	z-index: 300;
	bottom: 5.55555556vmin;
	left: 0;
}
.horizontal-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.horizontal-nav li {
	float: left;
	height: 2px;
	width: 3rem;
	background: #ff3600;
	overflow: hidden;
	transition: background .5s ease-in-out;
	position: relative;
}
.horizontal-nav li:before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #ff3600;
}
.horizontal-nav li.active:before {
	animation: navWidth .5s ease-in-out forwards;
}
@-webkit-keyframes navWidth {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}
@keyframes navWidth {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}
.horizontal-nav li.active,
.horizontal-nav li.active~li {
	background: #cccccc;
}
.horizontal-nav li:before {
	width: 100%;
}
.horizontal-nav li.active~li:before {
	width: 0%;
}
.horizontal-controls {
	position: absolute;
	right: 15px;
	bottom: -.625rem;
}
@media (min-width: 992px) {
	.horizontal-nav li {
		width: 6.25rem;
	}
}
@media (min-width: 1600px) {
	.horizontal-controls {
		right: 3.75rem;
	}
}
.horizontal-controls button {
	border: none;
	background: transparent;
	padding: 0;
	margin: 0;
	color: #999999;
	font-weight: bold;
	text-transform: uppercase;
	transition: all .2s ease-in-out;
}
.horizontal-controls button:hover {
	color: #000000;
}
.horizontal-controls .divider {
	margin-left: 1.625rem;
	margin-right: 1.625rem;
	font-weight: normal;
	color: #cccccc;
}
/* 4.2 Home Horizontal Setting */
.home-horizontal .section {
	transition: transform 1.5s ease-in-out;
}
.home-horizontal .active+.section {
	transform: translate3d(30%, 0px, 0px) !important;
}
.home-horizontal .section.active {
	transform: translate3d(0, 0px, 0px);
}
.pp-scrollable {
	overflow-x: hidden;
	overflow-y: auto;
}
.slide {
	background: #c6c6c6;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 0;
	padding-bottom: 0;
	min-height: 100vh;
}
.slide-container {
	position: relative;
	min-height: 100vh;
	padding-top: 10rem;
	padding-bottom: 4rem;
}
@media (min-width: 992px) {
	.slide-container {
		padding-top: 15vmin;
		padding-bottom: 7vmin;
	}
}
@media (min-width: 1400px) {
	.slide-container {
		padding-top: 21.66666667vmin;
	}
}
.slide-dark {
	background-color: #0c0c0c;
	color: #ffffff;
}
.slide-container .video-container {
	display: none;
	pointer-events: none;
}
.slide-container .video-container:before {
	display: none;
}
.slide-bg,
.slide-bg>.inside {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
	background-position: 70% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
.slide-bg {
	overflow: hidden;
}
.home-horizontal .slide1 .slide-bg>.inside {
	background-image: url("../img/bg-horizontal1_.jpg");
}
.slide .slide3 {
	background-image: url("../img/bg/clients.jpg");
}
.home-horizontal .slide5 .slide-bg>.inside {
	background-image: url("../img/bg-horizontal5.jpg");
}
.slide-container .container {
	/*position: relative;*/
	z-index: 100;
}
.slide [class^="col-"] {
	position: static;
}
.num {
	font-size: 3.75rem;
	font-size: 5.55555556vmin;
	font-weight: 500;
	line-height: 1;
	font-family: 'Teko', sans-serif;
}
.slide-num {
	margin-bottom: 1.5vmin;
}
@media (min-width: 1400px) {
	.slide-num {
		position: absolute;
		left: 15px;
		top: 22.22222222vmin;
	}
}
@media (min-width: 1600px) {
	.slide-num {
		left: 3.75rem;
	}
}
.slide-content {
	min-height: 50vmin;
	margin-bottom: 3vmin;
}
.slide-video-container {
	position: absolute;
	z-index: 100;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.home-horizontal h1,
.home-horizontal .h1 {
	margin-left: -.25rem;
	margin-bottom: 4.07407407vmin;
	font-size: 12.03703704vmin;
	text-transform: uppercase;
	line-height: .92307692;
	font-weight: normal;
}
.home-horizontal .slide5 h1,
.home-horizontal .slide5 .h1 {
	font-size: 11.11111111vmin;
}
.home-horizontal h2,
.home-horizontal .h2 {
	font-size: 6.66666667vmin;
	text-transform: uppercase;
	line-height: .92307692;
	font-weight: normal;
}
.horizontal-top-title {
	margin-top: .925925926vmin;
	margin-bottom: 4.44444444vmin;
	font-size: 1.25rem;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .5px;
	line-height: .92307692;
}
.slide-title-sub {
	margin-bottom: 2.12962963vmin;
	font-size: 1.875rem;
	/* text-transform: uppercase; */
	line-height: .92307692;
	letter-spacing: .5px;
}
.home-horizontal .slide1 .slide-photo {
	position: absolute;
	height: 70.92592593%;
	left: 46.875%;
	right: 0;
	top: 13.24074074%;
	z-index: -1;
}
.home-horizontal .slide1 .slide-photo img {
	height: 100%;
	width: auto;
	max-width: none;
}
.btn-play {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	background: transparent;
	border: #ff3600 2px solid;
	width: 6.48148148vmin;
	height: 6.48148148vmin;
	min-width: 3rem;
	min-height: 3rem;
	line-height: 2.5rem;
	border-radius: 4.375rem;
	text-align: center;
	transition: all .3s ease-in-out;
	font-size: 1.5rem;
	color: #ffffff;
}
.btn-play:hover {
	background: #ff3600;
	text-decoration: none;
}
.btn-play .ion-ios-play {
	margin-left: .25rem;
}
button.btn-play i,
button.btn-play i:before {
	display: block;
	line-height: 1;
}
a.btn-play i {
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
}
.btn-play-lg {
	border: #ffffff 2px solid;
	padding: 0 0 0 .75rem;
	min-width: 6.875rem;
	min-height: 6.875rem;
	line-height: 6.2rem;
	font-size: 4.5rem;
	color: #ffffff;
}
.btn-play-lg:hover {
	border-color: #ff3600;
}
.media-title {
	margin-top: .55555556vmin;
	margin-bottom: 3rem;
}
.media-title h2,
.media-title .h2 {
	margin-right: 2.375rem;
}
@media (min-width: 992px) {
	.media-title {
		display: flex;
		margin-bottom: 0;
	}
}
.horizontal-service-list {
	margin-top: 3.33333333vmin;
}
.horizontal-service-list>div {
	display: flex;
}
.horizontal-service-item {
	border: #e1e1e1 1px solid;
	padding: 3.88888889vmin 3.125rem 5.09259259vmin;
	position: relative;
	margin-top: 4.62962963vmin;
	display: flex;
	flex-direction: column;
}
.horizontal-service-item:before {
	content: "";
	display: block;
	height: 4px;
	width: 0;
	position: absolute;
	left: -1px;
	right: -1px;
	bottom: -1px;
	background: #ff3600;
	transition: width .3s ease-in-out;
}
.horizontal-service-item:hover:before {
	width: calc(100% + 2px);
}
.horizontal-service-item .num {
	color: #cccccc;
	font-weight: normal;
}
.horizontal-service-item .num,
.horizontal-service-item-photo {
	margin-bottom: 3.51851852vmin;
}
.horizontal-service-item-photo img.photo-position {
	position: absolute;
	top: -3.125rem;
	left: 36.48648649%;
	max-width: 67.83783784%;
	height: auto;
}
.horizontal-service-item-photo.photo3 img.photo-position {
	top: -3.75rem;
}
.horizontal-service-item-title {
	margin-bottom: 2.59259259vmin;
	font-size: 2.25rem;
	font-family: 'Teko', sans-serif;
	text-transform: uppercase;
	line-height: 1.11111111;
}
.horizontal-service-item-descr {
	height: 100%;
	padding-bottom: 5.37037037vmin;
	line-height: 1.625rem;
}
.horizontal-service-item-title,
.horizontal-service-item-descr {
	position: relative;
	z-index: 100;
}
.horizontal-more-total {
	border-bottom: #000000 1px solid;
	color: #000000;
	text-transform: uppercase;
	letter-spacing: .5px;
	text-decoration: none;
}
.slide-dark a:not(.btn),
.slide-dark a:not(.btn):hover {
	border-bottom-color: #ffffff;
	color: #ffffff;
	text-decoration: none;
}
/* .slide-dark a.underline {
	text-decoration: underline;
} */
.home-horizontal .partner-list {
	margin-top: 6.48148148vmin;
}
.slide-contact-address {
	margin-bottom: 7.03703704vmin;
	font-size: 1.25rem;
	color: #999999;
	
}
.slide-contact-mail,
.slide-contact-phone {
	margin-bottom: 2.77777778vmin;
	font-size: 1.5rem;
	font-weight: bold;
	letter-spacing: -.5px;
	text-decoration: none;
}
.slide5 .slide-title {
	margin-bottom: .8125rem;
}
/* 4.3 Home Horizontal Animation */
.slide-num {
	opacity: 0;
	transition: all .3s ease-in-out;
	transition-delay: 1.5s;
}
.home-horizontal .section.active .slide-num {
	opacity: 1;
}
.home-horizontal .slide-title,
.home-horizontal .slide-body {
	opacity: 0;
	transform: translateX(-200px);
	transition: all .5s ease-in-out;
}
.home-horizontal .slide-body {
	transition-delay: .2s;
}
.home-horizontal .active+.section .slide-title,
.home-horizontal .active+.section .slide-body {
	opacity: 0;
	transform: translateX(400px);
}
.home-horizontal .section.active .slide-title,
.home-horizontal .section.active .slide-body {
	opacity: 1;
	transform: translateX(0);
}
.home-horizontal .active+.section .slide-title,
.home-horizontal .section.active .slide-title {
	transition-delay: .7s;
}
.home-horizontal .active+.section .slide-body,
.home-horizontal .section.active .slide-body {
	transition-delay: .9s;
}
.home-horizontal .slide-note {
	opacity: 0;
	transition: all .5s ease-in-out;
	transition-delay: 1.2s;
}
.home-horizontal .section.active .slide-note {
	opacity: 1;
}
.slide-bg>.inside {
	transition: transform .8s ease-in-out;
	transform: scale(1.08);
	transition-delay: .8s;
}
.section.active .slide-bg>.inside {
	transform: scale(1);
}
/* 4.4 Home Horizontal Dark Settings */
.dark-horizontal .header,
.dark-horizontal .social-fixed a,
.dark-horizontal .establised,
.dark-horizontal .copyright-fixed,
.dark-horizontal .social-rounded-fixed a,
.dark-horizontal .navbar-nav>ul>li>a {
	color: #ffffff;
}
.dark-horizontal .brand img {
	filter: invert(1);
}
.dark-horizontal h2 {
	color: #FFF;
}
.dark-horizontal .stick,
.dark-horizontal #pp-nav span,
.dark-horizontal .pp-slidesNav span {
	background: #ffffff;
}
.dark-horizontal .horizontal-nav li.active,
.dark-horizontal .horizontal-nav li.active~li {
	background: #333333;
}
.dark-horizontal .horizontal-controls button {
	color: #666666;
}
.dark-horizontal .horizontal-controls button:hover {
	color: #ffffff;
}
.dark-horizontal .social-rounded-fixed a {
	border-color: #ffffff;
}
/*-------------------------------------------------------------------------------
  5. Home Piling
-------------------------------------------------------------------------------*/
.home-piling .section,
.project-list-piling .section {
	transition: transform 1.2s ease-in-out;
	position: relative;
	z-index: 10;
}
.a-pagepiling.home-piling .section,
.a-pagepiling.project-list-piling .section {
	position: absolute;
}
.project-list-piling.a-pagepiling .section {
	position: absolute;
}
.home-piling .active+.section,
.project-list-piling .active+.section {
	transform: translate3d(0px, 20%, 0px) !important;
}
.home-piling .section.active,
.project-list-piling .section.active {
	transform: translate3d(0px, 0px, 0px);
}
@media (max-width: 575px) {
	.home-piling .container {
		padding-right: 45px;
	}
}
#pp-nav.right {
	right: 15px;
}
@media (min-width: 1600px) {
	#pp-nav.right {
		right: 3.75rem;
	}
}
#pp-nav li,
.pp-slidesNav li {
	height: 24px;
	margin: 6px 0;
	width: 24px;
}
#pp-nav li a,
.pp-slidesNav li a {
	border: 1px solid transparent;
	border-radius: 20px;
}
#pp-nav li a.active,
.pp-slidesNav li a.active {
	border-color: #ff9000;
}
#pp-nav span,
.pp-slidesNav span {
	width: 6px;
	height: 6px;
	border: none;
	background: #999999;
	left: 8px;
	top: 8px;
}
#pp-nav li a.active span,
.pp-slidesNav li a.active span,
#pp-nav li a:hover span,
.pp-slidesNav li a:hover span {
	background: #ff9000;
}
.home-piling .slide1 {
	background: #1f5152;
}
/* .home-piling .slide-bg-circle > .inside {
  background-image: url("../img/bg/3.jpg");
  background-color: #f6f6f6;
} */
.home-piling .slide4 .slide-bg>.inside {
	/* background-image: url("../img/bg/clients.jpg"); */
	background-color: gold;
}
.home-piling .slide5 .slide-bg-circle>.inside {
	background-image: url("../img/piling-pic2.png");
	background-color: transparent;
}
.home-piling .slide1 .slide-title-sub {
	font-size: 1.5rem;
	line-height: 1.1;
	font-weight: bold;
}
@media (min-width:600px) {
	.home-piling h1,
	.home-piling .h1 {
		margin-left: -.25rem;
		margin-bottom: 7.03703704vmin;
		font-size: 10.18518519vmin;
		line-height: 1;
		margin-top: 20%;
	}
	.home-piling .slide1 .slide-bg>.inside {
		background: linear-gradient(270deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.9)), url(../img/bg/banner.jpg);
		height: 100%;
		/* Center and scale the image nicely */
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.home-piling .slide5 .slide-bg>.inside {
		background-image: url("../img/bg/contact.jpg");
	}
	.home-piling .slide3 .slide-bg>.inside {
		background-image: url("../img/bg/folio.jpg");
	}
	.theWeb {
		background-image: url(../img/services/webdesign.jpg);
	}
	.theCMS {
		background-image: url(../img/services/cms.jpg);
	}
	.theSeo {
		background-image: url(../img/services/seo.jpg);
	}
	.theServer {
		background-image: url(../img/services/server.jpg);
	}
	.theIdentity {
		background-image: url(../img/services/identity.jpg);
	}
	.theEmail {
		background-image: url(../img/services/email.jpg);
	}
	.theSocial {
		background-image: url(../img/services/social.jpg);
	}
	.thePrint {
		background-image: url(../img/services/print.jpg);
	}
	.slide-descr {
		color: #FFF;
		line-height: 1.625;
		font-family: 'Futura PT';
	}
}
@media screen and (max-width:599px) {
	.home-piling h1,
	.home-piling .h1 {
		margin-left: -.25rem;
		margin-bottom: 7.03703704vmin;
		font-size: 10.18518519vmin;
		line-height: 1;
		margin-top: 30%;
	}
	.home-piling .slide1 .slide-bg>.inside {
		background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../img/bg/bannerSmall.jpg);
		height: 100%;
		/* Center and scale the image nicely */
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.home-piling .slide5 .slide-bg>.inside {
		background-image: url(../img/bg/contactSmall.jpg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;

	}
	.home-piling .slide3 .slide-bg>.inside {
		background-image: url(../img/bg/folioSmall.jpg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;

	}
	.theWeb {
		background-image: url(../img/services/webdesignSmall.jpg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;

	}
	.theCMS {
		background-image: url(../img/services/cmsSmall.jpg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;

	}
	.theSeo {
		background-image: url(../img/services/seoSmall.jpg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.theServer {
		background-image: url(../img/services/serverSmall.jpg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;

	}
	.theIdentity {
		background-image: url(../img/services/identitySmall.jpg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;

	}
	.theEmail {
		background-image: url(../img/services/emailSmall.jpg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;

	}
	.theSocial {
		background-image: url(../img/services/socialSmall.jpg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;

	}
	.thePrint {
		background-image: url(../img/services/printSmall.jpg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;

	}
}
.slide-descr {
	color: #FFF;
	line-height: 1.625;
	font-size: 1.5em;
	font-family: 'Futura PT';
}
/* .home-horizontal .slide2 .slide-descr {
    line-height: 1.875;
  } */
}
.home-piling h2,
.home-piling .h2 {
	margin-bottom: 6.11111111vmin;
	font-size: 4em;
	font-weight: normal;
	line-height: 1.14;
	letter-spacing: -.125rem;
}
.solution-num {
	margin-right: 1rem;
	margin-top: .25rem;
	background-image: url("../img/bg-letter-solution.jpg");
	background-size: cover;
	font-size: 37.03703704vmin;
	font-family: 'Butler Stencil Bold';
	line-height: .75;
}
.solution-num>.inside {
	background: #f6f6f6;
}
.solution-num-title {
	margin-top: 3vmin;
	font-size: 1.5rem;
	text-transform: uppercase;
}
.solution-num,
.solution-num-title {
	display: inline-block;
	margin-bottom: 5vmin;
}
@media (min-width: 992px) {
	.solution-num,
	.solution-num-title {
		margin-bottom: 0;
		margin-right: 0;
	}
	.solution-num-title {
		display: block;
		margin-top: 23.70370370vmin;
	}
}
.slide2 .ornament {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: -1;
	transform: translate3d(-80px, 0, 0);
	overflow: hidden;
}
.slide2 .ornament>.inside {
	display: block;
	width: 88.51851852vmin;
	height: 44.25925926vmin;
	background-image: url("../img/bg/1.jpg");
	border-radius: 50% 50% 0% 0% / 100% 100% 0% 0%;
	position: absolute;
	left: -80px;
	bottom: 0;
}
.solution-collapse-item {
	margin-bottom: 2rem;
}
.solution-collapse-item-title {
	font-size: 1.625rem;
}
.solution-collapse-item-title a {
	display: block;
	padding-right: 2rem;
	cursor: pointer;
	position: relative;
}
.solution-collapse-item-title a:not(.collapsed),
.solution-collapse-item-title a:not(.collapsed):hover,
.solution-collapse-item-title a.collapsed:hover {
	color: #f4882e;
}
.solution-collapse .card-body {
	padding: 1.25rem 1.75rem .25rem;
	color: #666666;
	line-height: 1.875;
}
.icon-plus {
	display: inline-block;
	vertical-align: middle;
	width: 21px;
	height: 21px;
	position: relative;
}
.icon-plus:before,
.icon-plus:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	position: absolute;
	top: 10px;
	left: 0;
	background: #000000;
	transform: rotate(0);
	transition: transform .4s ease-in-out;
}
.solution-collapse-item-title a.collapsed .icon-plus:after {
	transform: rotate(-90deg);
}
.solution-collapse-item-title a:not(.collapsed) .icon-plus:before,
.solution-collapse-item-title a:not(.collapsed) .icon-plus:after,
.solution-collapse-item-title a:hover .icon-plus:before,
.solution-collapse-item-title a:hover .icon-plus:after {
	background: #f4882e;
}
.solution-collapse-item-title a .icon-plus {
	position: absolute;
	right: 0;
	top: 10px;
}
/* .piling-project-item {
  margin-bottom: 7.22222222vmin;
} */
.w91-services {
	/* margin-bottom: 4rem; */
	font-size: 1.5 em;
	font-weight: normal;
	line-height: 1.06060606;
	padding-right: 0px;
	margin-top: 2rem;
}
.piling-project-title {
	margin-bottom: 1.375rem;
	font-size: 6vmin;
	font-weight: normal;
	line-height: 1.06060606;
}
.piling-project-title a:hover,
.slide-dark .piling-project-title a:hover,
.piling-more-total a:hover,
.slide-dark .piling-more-total a:hover {
	text-decoration: underline;
}
.piling-project-detail {
	font-size: .875rem;
	text-transform: uppercase;
}
.section.active .slide-bg-list .slide-bg>.inside {
	transition: all .8s ease-in-out;
	transform: scale(1.08);
}
.slide-bg-list .slide-bg.active>.inside {
	opacity: 1;
	transform: scale(1);
	transition-delay: 0s;
	transform: scale(1) !important;
}
.slide-bg-list .slide-bg.active:first-child>.inside {}
.slide-bg-list .slide-bg>.inside {
	opacity: 0;
}
.piling-project-list-title,
.piling-more-total {
	font-size: 1.5rem;
	font-size: 2.22222222vmin;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.25;
}
.piling-project-list-title {
	margin-bottom: 7.77777778vmin;
}
.piling-more-total {
	margin-top: 6.94444444vmin;
}
.rounded-icon {
	display: inline-block;
	border: #ff9000 2px solid;
	width: 6.48148148vmin;
	height: 6.48148148vmin;
	border-radius: 4.375rem;
	min-width: 3rem;
	min-height: 3rem;
	text-align: center;
	position: relative;
	transition: all .3s ease-in-out;
}
.icon-quote {
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1.125rem;
	height: 1.125rem;
	background: url("../img/icon-quote.png") 50% 50% no-repeat;
	background-size: contain;
	transform: translate(-50%, -50%);
}
.home-piling .slide6 h2,
.home-piling .slide6 .h2 {
	margin-bottom: 2.40740741vmin;
	font-size: 6.48148148vmin;
}
.home-piling .slide-contact-address {
	margin-bottom: 6.85185185vmin;
}
.home-piling .slide-contact-mail,
.home-piling .slide-contact-phone {
	font-weight: normal;
	font-family: 'Futura PT';
}
.home-piling .slide-contact-mail a {
	color: inherit;
}
/*-------------------------------------------------------------------------------
  6. Home Minimal
-------------------------------------------------------------------------------*/
.promo-minimal-container {
	position: relative;
}
.promo-minimal {
	position: relative;
	z-index: 200;
}
.promo-minimal-hover {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 100;
	overflow: hidden;
}
.minimal-item {
	display: block;
	border-top: #cccccc 1px solid;
	padding-top: 23.79629630vmin;
	padding-bottom: 8vmin;
	text-align: center;
	position: relative;
	opacity: 1;
	transition: opacity .5s ease-in-out;
}
.promo-minimal .minimal-item:hover {
	opacity: 0;
}
a.minimal-item,
a.minimal-item:hover {
	color: inherit;
	text-decoration: none;
}
.minimal-item:first-child {
	border: none;
}
.minimal-item-letter {
	margin-bottom: 4.81481481vmin;
	font-size: 41.66666667vmin;
	font-size: 23.4375vmax;
	font-weight: 900;
	line-height: .75;
}
.minimal-item-letter .letter {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
}
.minimal-item-letter .text-texture {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 100;
	background-position: 50% 50%;
	background-size: auto 132%;
	-webkit-background-clip: inherit;
	-webkit-text-fill-color: inherit;
}
.minimal-item-letter .text-texture>.inside {
	display: block;
	height: 100%;
	padding-top: 23.79629630vmin;
}
.promo-minimal-hover .text-texture>.inside {
	background: rgba(0, 0, 0, .65);
	mix-blend-mode: darken;
}
.promo-minimal-hover .minimal-item {
	transition: opacity .5s ease-in-out;
}
.promo-minimal-hover .minimal-item.visible {
	opacity: 1;
}
.minimal-item-title {
	margin-bottom: 1.5rem;
	font-size: 2.625rem;
	font-weight: 900;
}
.minimal-item-title,
.minimal-item-descr,
.minimal-item-more {
	padding-left: 10%;
	padding-right: 10%;
	position: relative;
	z-index: 200;
}
.minimal-item-descr {
	line-height: 1.44444444;
	font-size: 1.125rem;
}
.promo-minimal-hover,
.promo-minimal-hover .text-grey {
	color: #ffffff;
}
.promo-minimal-hover>.row {
	position: relative;
	z-index: 200;
}
.promo-minimal-hover .minimal-item-letter .letter {
	overflow: visible;
}
.promo-minimal-hover .text-texture {
	transition: all .75s ease-in-out;
}
.promo-minimal-hover .visible .text-texture {
	background-size: auto 120%;
}
.promo-minimal-hover .minimal-item-title,
.promo-minimal-hover .minimal-item-descr,
.promo-minimal-hover .minimal-item-more {
	transform: translate(0, 150px);
	opacity: 0;
	transition: all .5s ease-in-out;
}
.promo-minimal-hover .visible .minimal-item-title,
.promo-minimal-hover .visible .minimal-item-descr,
.promo-minimal-hover .visible .minimal-item-more {
	opacity: 1;
	transform: translate(0, 0);
}
.promo-minimal-hover .minimal-item-title {
	transition-delay: .35s;
}
.promo-minimal-hover .minimal-item-descr {
	transition-delay: .5s;
}
.promo-minimal-hover .minimal-item-more {
	transition-delay: .65s;
}
.minimal-item-more {
	margin-top: 1.625rem;
	font-size: 4.44444444vmin;
	font-weight: bold;
	opacity: 0;
}
@media (max-width: 991px) {
	.minimal-item {
		overflow: hidden;
	}
}
.dark-horizontal .promo-minimal-container a {
	color: #000000 !important;
}
@media (min-width: 992px) {
	.minimal-item {
		min-height: 100vh;
		border-left: #cccccc 1px solid;
		border-top: none;
	}
	.minimal-item.over {
		opacity: 0;
	}
	.promo-minimal-hover .minimal-item {
		opacity: 0;
	}
	.minimal-item-letter .letter1 .text-texture {
		left: 0;
		right: -202%;
		padding-right: 202%;
	}
	.minimal-item-letter .letter2 .text-texture {
		left: -101%;
		right: -101%;
		padding-left: 101%;
		padding-right: 101%;
	}
	.minimal-item-letter .letter3 .text-texture {
		left: -202%;
		right: 0;
		padding-left: 202%;
	}
	.promo-minimal-hover:before,
	.promo-minimal-hover:after {
		content: "";
		display: block;
		width: 1px;
		height: 100%;
		position: absolute;
		top: 0;
		z-index: 300;
		background: #ffffff;
		opacity: .25;
	}
	.promo-minimal-hover:before {
		left: 33.33333333%;
	}
	.promo-minimal-hover:after {
		left: 66.66666667%;
	}
	.promo-minimal-hover .minimal-item-letter .letter3 .text-texture {
		padding-left: 0;
	}
	.promo-minimal-hover .minimal-item-letter .letter3 .text-texture>.inside {
		padding-left: 66.66666667%;
	}
}
/*-------------------------------------------------------------------------------
  7. Home Video
-------------------------------------------------------------------------------*/
.video-bnr {
	position: relative;
	margin-bottom: -15.375rem;
	height: 37.5rem;
}
.video-container {
	position: absolute;
	z-index: 50;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: hidden;
}
.video-container:before {
	content: "";
	display: block;
	position: absolute;
	z-index: 600;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #000000;
	opacity: .35;
	pointer-events: none;
}
.video-item {
	display: none;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
.video-item.is-active {
	display: block;
}
.video-container iframe {
	border: none;
	margin: 0;
	padding: 0;
	height: 500%;
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.circular-container {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 10%;
	right: 10%;
	z-index: 99;
	width: 80%;
	height: 100%;
	opacity: 1;
	transition: opacity .3s ease-in-out;
}
.circular-container.is-active {
	opacity: 1;
	transition: opacity .5s ease-out .8s;
}
.circular-names {
	margin: 0;
	padding: 0;
	list-style: none;
}
@media (max-width: 767px) {
	.circular-container {
		display: none;
	}
}
.circular-container .circular-wrapper {
	position: relative;
	width: 59.72222222vmin;
	height: auto;
	margin-top: 7.96296296vmin;
}
.circular-container .circular-wrapper .circular-names li {
	display: flex;
	flex-direction: column;
	position: absolute;
	z-index: 300;
	overflow: hidden;
	padding-bottom: 0;
	color: #ffffff;
	font-size: 1.125rem;
	line-height: 1.5;
	text-transform: uppercase;
	cursor: pointer;
	letter-spacing: .08333333em;
}
.circular-container .circular-wrapper .circular-names li .name-wrapper {
	display: inline-block;
	padding: 10px;
	padding-bottom: 0;
	white-space: nowrap;
	transition: transform 1s cubic-bezier(.23, 1, .32, 1);
}
.circular-container .circular-wrapper .circular-names li .name-wrapper-date {
	padding-top: 0;
	padding-bottom: 10px;
	font-size: .875rem;
	white-space: nowrap;
	opacity: .7;
}
.circular-container .circular-wrapper .circular-names li[data-portrait-index="1"] {
	bottom: 61.8%;
	left: 98%;
}
.circular-container .circular-wrapper .circular-names li[data-portrait-index="2"] {
	top: 87.65%;
	left: 80%;
}
.circular-container .circular-wrapper .circular-names li[data-portrait-index="3"] {
	top: 87.65%;
	right: 80%;
}
.circular-container .circular-wrapper .circular-names li[data-portrait-index="4"] {
	right: 98%;
	bottom: 61.8%;
}
@media (max-width: 960px) {
	.circular-container .circular-wrapper .circular-names li[data-portrait-index="4"] {
		bottom: 58.6%;
	}
	.circular-container .circular-wrapper .circular-names li[data-portrait-index="4"] .name-wrapper {
		white-space: normal;
	}
}
.circular-container .circular-wrapper .circular-names li[data-portrait-index="5"] {
	bottom: 99.5%;
	left: 48.5%;
}
.circular-container .circular-wrapper .circular-names li[data-portrait-index="1"] .name-wrapper,
.circular-container .circular-wrapper .circular-names li[data-portrait-index="2"] .name-wrapper,
.circular-container .circular-wrapper .circular-names li[data-portrait-index="5"] .name-wrapper {
	transform: translate3d(-100%, 0, 0);
}
.circular-container .circular-wrapper .circular-names li[data-portrait-index="3"],
.circular-container .circular-wrapper .circular-names li[data-portrait-index="4"] {
	text-align: right;
}
.circular-container .circular-wrapper .circular-names li[data-portrait-index="3"] .name-wrapper,
.circular-container .circular-wrapper .circular-names li[data-portrait-index="4"] .name-wrapper {
	transform: translate3d(100%, 0, 0);
}
.circular-container .circular-wrapper .circular-names li.is-active .name-wrapper {
	transform: translateZ(0);
	transition: transform 1s cubic-bezier(.23, 1, .32, 1) .8s;
}
.circular-container .circular-wrapper .circular-names li.is-init .name-wrapper {
	transform: translateZ(0);
	transition: transform 1s cubic-bezier(.23, 1, .32, 1) 0s;
}
.circular-container svg {
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.circular-container svg .circle-path.circle-path--background {
	opacity: .2;
}
.circular-container svg .circle-path.circle-path--background circle {
	stroke-dasharray: 2644;
	stroke-dashoffset: 2644;
}
.circular-container svg .circle-path.circle-path--fill {
	opacity: 1;
}
.circular-container svg .circle-path.circle-path--fill circle {
	stroke-dasharray: 2644;
	stroke-dashoffset: 2644;
}
.circular-container svg .circle-path circle {
	fill: none;
	stroke-width: 2;
	stroke: #fff;
	stroke-miterlimit: 10;
}
.circular-container svg .circle-dot {
	position: relative;
	cursor: pointer;
}
.circular-container svg .circle-dot .circle-outside {
	fill: none;
	stroke-width: 2;
	stroke: #fff;
	opacity: 0.2;
	stroke-miterlimit: 10;
}
.circular-container svg .circle-dot .circle-center {
	fill: #fff;
	stroke: none;
	opacity: 0;
	transition: opacity .6s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1);
}
.circular-container svg .circle-dot:hover .circle-center {
	opacity: 1;
}
.circular-container svg .circle-dot.is-active .circle-center {
	opacity: 1;
	transition: opacity .6s cubic-bezier(.23, 1, .32, 1) 1s, transform 1s cubic-bezier(.23, 1, .32, 1);
}
.video-text-container {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 400;
	left: 50%;
	top: 0;
	transform: translate(-50%, 0);
	color: #ffffff;
}
.video-text-item.is-active {
	visibility: visible;
}
.video-item-title {
	margin-bottom: .5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 5.55555556vmin;
	font-weight: bold;
	letter-spacing: -.05em;
	line-height: 1.2;
}
.video-text-container a {
	pointer-events: all;
	color: inherit;
}
.video-item-title-sub {
	font-size: 1rem;
	text-transform: uppercase;
}
.video-item-title-sub:first-child {
	margin-bottom: .5rem;
}
.video-item-descr {
	margin-top: 4.07407407vmin;
	margin-bottom: 4vmin;
	overflow: hidden;
	height: auto;
	line-height: 1.875;
	font-size: 1rem;
	color: #cccccc;
}
.video-item-more {
	font-size: 1.125rem;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: .25em;
}
@media (min-width: 768px) {
	.video-text-container {
		width: 59.72222222vmin;
		pointer-events: none;
	}
	.video-item-descr {
		height: 9.375em;
		height: 13.88888889vmin;
		margin-bottom: 2.59259259vmin;
	}
	.video-text-item {
		visibility: hidden;
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		height: 0;
		padding-bottom: 100%;
		padding-left: 2rem;
		padding-right: 2rem;
		margin-top: 16.962963vmin;
		text-align: center;
		transform: translate(0, -50%);
	}
}
@media (max-width: 767px) {
	.video-text-container {
		display: flex !important;
	}
	.video-text-container .owl-stage-outer,
	.video-text-container .owl-stage,
	.video-text-container .owl-item {
		height: 100%;
	}
	.video-text-item {
		height: 100%;
		position: relative;
	}
	.video-text-item>.inside {
		position: absolute;
		z-index: 20;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 92%;
		text-align: center;
	}
	.video-text-container.owl-theme .owl-dots {
		position: absolute;
		top: 80%;
		left: 10%;
		right: 10%;
		text-align: center;
	}
	.video-text-container.owl-theme .owl-dots .owl-dot span:before {
		background: #ffffff;
	}
	.video-text-container.owl-theme .owl-dots .owl-dot.active span {
		border-color: #ffffff;
		background: rgba(255, 255, 255, .1);
	}
	.mobile-video-bg {
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 10;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.mobile-video-bg:before {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background: #000000;
		opacity: .35;
	}
	.promo-video-container {
		position: relative;
		z-index: 200;
	}
}
.video-item-more i {
	margin-left: 1.25rem;
}
.video-text-item>.inside>* {
	transform: translateY(10vmin);
	opacity: 0;
}
.video-text-item.is-active>.inside>.video-item-title-sub,
.video-text-item.is-active>.inside>.video-item-title:first-child {
	animation: videoText 2s ease-in-out forwards;
	animation-delay: 0s;
}
.video-text-item.is-active>.inside>.video-item-title-sub+.video-item-title,
.video-text-item.is-active>.inside>.video-item-title+.video-item-title-sub {
	animation: videoText 2s ease-in-out forwards;
	animation-delay: .15s;
}
.video-text-item.is-active>.inside>.video-item-descr {
	animation: videoText2 .5s ease-in-out forwards;
	animation-delay: 1.8s;
}
.video-text-item.is-active>.inside>.video-item-more {
	animation: videoText2 .5s ease-in-out forwards;
	animation-delay: 1.95s;
}
@-webkit-keyframes videoText {
	0% {
		opacity: 0;
		transform: translateY(24vmin);
	}
	30% {
		opacity: 1;
		transform: translateY(12vmin);
	}
	70% {
		transform: translateY(12vmin);
	}
	100% {
		opacity: 1;
		transform: translateY(0px);
	}
}
@keyframes videoText {
	0% {
		opacity: 0;
		transform: translateY(24vmin);
	}
	30% {
		opacity: 1;
		transform: translateY(12vmin);
	}
	70% {
		transform: translateY(12vmin);
	}
	100% {
		opacity: 1;
		transform: translateY(0px);
	}
}
@-webkit-keyframes videoText2 {
	0% {
		opacity: 0;
		transform: translateY(5vmin);
	}
	100% {
		opacity: 1;
		transform: translateY(0px);
	}
}
@keyframes videoText2 {
	0% {
		opacity: 0;
		transform: translateY(5vmin);
	}
	100% {
		opacity: 1;
		transform: translateY(0px);
	}
}
/*-------------------------------------------------------------------------------
  8. Home 3D
-------------------------------------------------------------------------------*/
.screen {
	min-height: 100vh;
	width: 100%;
	padding-top: 5vmin;
	padding-bottom: 5vmin;
	display: flex;
	align-items: center;
	text-align: center;
}
.promo-3d {
	padding-top: 25vmin;
	position: relative;
	text-align: center;
}
.promo-3d-bg,
.promo-3d-man {
	position: fixed;
	left: 0;
	right: 0;
	bottom: -10vmin;
	z-index: 100;
}
.promo-3d-man {
	left: 50%;
	right: auto;
	bottom: -40vmin;
	width: 100%;
	transform: translate(-50%, 0) scale(1.05);
}
.promo-3d-bg img,
.promo-3d-man img {
	width: 100%;
}
@media (max-width: 575px) {
	.promo-3d-bg img,
	.promo-3d-man img {
		width: 200vmin;
		margin-left: -100vmin;
		margin-right: -100vmin;
	}
}
.promo-3d-man-start {
	position: absolute;
	left: 0;
	top: 10%;
}
.promo-3d-opacity {
	position: absolute;
	left: 0;
	top: 70%;
}
.promo-3d .promo-screen-titles {
	position: relative;
	z-index: 200;
}
.about-3d {
	position: relative;
	opacity: 0;
}
.section-about-3d.active .about-3d {
	opacity: 1;
}
.section-about-3d .section-item-title,
.section-about-3d .about-3d-detail {
	opacity: 0;
	transform: translateY(16rem);
	transition: all .75s ease-in-out;
}
.section-about-3d .section-item-title {
	transition-delay: .3s;
}
.section-about-3d .about-3d-detail {
	transition-delay: 1.2s;
}
.section-about-3d.active .section-item-title,
.section-about-3d.active .about-3d-detail {
	opacity: 1;
	transform: translateY(0);
}
.about-3d-photo {
	position: relative;
	padding-left: 6.25rem;
	padding-right: 6.25rem;
	margin-top: 12px;
	margin-bottom: 8vmin;
}
.photo-container {
	position: relative;
	overflow: hidden;
}
.photo-container img {
	transform: scale(1.2);
	transform-origin: right top;
	transition: all 1.5s .5s ease-in-out;
}
.section-about-3d.active .photo-container img {
	transform: scale(1);
}
.photo-container .mask {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	background: #ffffff;
	transition: all 1.3s .5s ease-in-out;
}
.section-about-3d.active .photo-container .mask {
	top: -100%;
}
.section-about-3d .stamp {
	opacity: 0;
	transform: scale(1.5);
	transform-origin: right center;
	transition: all 1s .5s ease-in-out;
}
.section-about-3d.active .stamp {
	transform: scale(1);
	opacity: 1;
}
.about-3d .section-item-title {
	margin-bottom: 8.51851852vmin;
}
.about-3d-detail {
	position: relative;
	padding-bottom: 3.75rem;
	margin-bottom: 5vmin;
}
@media (min-width: 768px) {
	.about-3d-photo {
		padding-left: 6.25rem;
		padding-right: 4.375rem;
	}
	.rounded-logo.stamp {
		bottom: -8rem;
	}
}
@media (min-width: 992px) {
	.about-3d-photo,
	.about-3d-detail {
		margin-bottom: 11.85185185vmin;
	}
}
.about-3d-detail .lead {
	margin-bottom: 2.5rem;
}
.about-3d-detail .more {
	position: absolute;
	bottom: 0px;
	left: 15px;
}
.h2-3d {
	margin-bottom: 2.5rem;
	font-size: 3rem;
	line-height: 1.25;
	letter-spacing: -.035em;
}
.vertical-text-left {
	position: absolute;
	left: auto;
	right: 100%;
	margin-right: -34px;
	top: 0;
	transform: rotate(-90deg);
	transform-origin: top right;
	white-space: nowrap;
	text-align: right;
}
.vertical-text-right {
	position: absolute;
	right: auto;
	left: 100%;
	margin-left: -34px;
	top: 0;
	transform: rotate(90deg);
	transform-origin: top left;
	white-space: nowrap;
	text-align: left;
}
.vertical-text-left,
.vertical-text-right {
	font-size: 1rem;
	color: #666666;
	letter-spacing: .25em;
	text-transform: uppercase;
}
.about-3d .vertical-text-left,
.about-3d .vertical-text-right {
	top: 90px;
}
@media (max-width: 575px) {
	.rounded-logo.stamp {
		width: 7rem;
		height: 7rem;
		left: 3rem;
		bottom: -2rem;
	}
}
.project-carousel-3d {
	overflow: hidden;
	position: relative;
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
}
@media (min-width: 576px) {
	.project-carousel-3d .owl-carousel {
		width: 78.33333333%;
		position: static;
	}
}
.project-carousel-3d .owl-stage-outer {
	overflow: visible;
	transform: translate(0%, 0%);
	transition: all .4s ease-in-out;
}
@media (min-width: 768px) {
	.project-carousel-3d .project-carousel-item {
		padding-bottom: 54.04255319%;
	}
}
.project-carousel-3d:hover .owl-carousel .owl-stage-outer {
	transform: translate(-5rem, 0%);
}
.project-carousel-3d.move-left .owl-carousel .owl-stage-outer {
	transform: translate(-8rem, 0%);
}
.project-carousel-3d.move-right .owl-carousel .owl-stage-outer {
	transform: translate(-2rem, 0%);
}
.project-carousel-3d .owl-item .project-carousel-photo,
.project-carousel-3d .owl-item .project-carousel-date,
.project-carousel-3d .owl-item .project-carousel-detail {
	transition: all .4s ease-in-out;
	transform: translate(0rem, 0%);
}
.project-carousel-3d .owl-item.active+.owl-item .project-carousel-photo {
	transform: translate(-4rem, 0%);
}
.project-carousel-3d:hover .owl-item.active+.owl-item .project-carousel-photo {
	transform: translate(-6rem, 0%);
}
.project-carousel-3d.move-left .owl-item.active+.owl-item .project-carousel-photo {
	transform: translate(-7rem, 0%);
}
.project-carousel-3d:hover .owl-item.active .project-carousel-date,
.project-carousel-3d:hover .owl-item.active .project-carousel-detail {
	transform: translate(5rem, 0%);
}
.project-carousel-3d.move-left .owl-item.active .project-carousel-date,
.project-carousel-3d.move-left .owl-item.active .project-carousel-detail {
	transform: translate(8rem, 0%);
}
.project-carousel-3d.move-right .owl-item.active .project-carousel-date,
.project-carousel-3d.move-right .owl-item.active .project-carousel-detail {
	transform: translate(2rem, 0%);
}
.project-carousel-3d .project-carousel-item:not(.text-white) .project-carousel-title,
.project-carousel-3d .project-carousel-item:not(.text-white) .project-carousel-date {
	color: #000000;
}
.project-carousel-3d .project-carousel-item .project-carousel-category,
.project-listing-category,
.project-masonry-category {
	color: #999999;
}
.project-carousel-3d .project-carousel-category,
.project-listing-category,
.project-masonry-category {
	font-size: .875rem;
	text-transform: uppercase;
}
.project-carousel-date {
	font-size: 1.5rem;
}
.project-carousel-3d .project-carousel-detail,
.project-carousel-3d .owl-item.active .project-carousel-detail {
	opacity: 1;
	animation: none;
}
.project-carousel-3d .project-carousel-detail {
	bottom: 2rem;
}
.project-carousel-3d .owl-item {
	overflow: hidden;
}
@media (min-width: 768px) {
	.project-carousel-3d .project-carousel-detail {
		bottom: 5rem;
	}
}
/*-------------------------------------------------------------------------------
  14. Footer
-------------------------------------------------------------------------------*/
@media (min-width: 768px) {
	.fixed-footer .wrapper {
		position: relative;
		z-index: 200;
		margin-bottom: 51.875rem;
		background: #ffffff;
	}
	.fixed-footer-lg .wrapper {
		margin-bottom: 59.375rem;
	}
	.fixed-footer .footer {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 100;
	}
}
.footer-content {
	padding-top: 3rem;
	padding-bottom: 0rem;
	line-height: 1.625;
	color: #666666;
}
.contact-item,
.twitter-item {
	margin-bottom: .875rem;
}
.contact-item a,
.twitter-item a {
	color: #000000;
	text-decoration: underline;
}
.contact-item a:hover,
.twitter-item a:hover {
	text-decoration: none;
}
a.phone-link {
	color: inherit;
	text-decoration: none;
	cursor: default;
}
.social {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0.8rem;
}
.footer-content .social {
	margin-top: 3.125rem;
}
.social li {
	display: inline-block;
	vertical-align: top;
	margin-right: 1rem;
	margin-bottom: .5rem;
}
.social a {
	transition: color .2s ease-in-out;
	color: #000000;
}
.social a:hover {
	color: #b11d11;
	text-decoration: none;
}
.social-rounded {
	margin-right: -.625rem;
	font-size: 20px;
}
.social-rounded li {
	margin-right: .625rem;
	margin-bottom: 1rem;
}
.social-rounded a {
	display: inline-block;
	border-radius: 2.5rem;
	width: 2.5rem;
	height: 2.5rem;
	border: #cccccc 1px solid;
	background: transparent;
	text-align: center;
	line-height: 2.3rem;
	transition: all .2s ease-in-out;
}
.social-rounded a:hover {
	background: #b11d11;
	border-color: #b11d11;
	color: #ffffff;
}
.social-rounded i {
	display: inline-block;
	vertical-align: middle;
	line-height: .75;
}
.social-rounded i:before {
	display: block;
	line-height: .75;
}
.social-rounded .socicon-twitter,
.social-rounded .socicon-facebook,
.social-rounded .socicon-tumblr,
.social-follow {
	font-size: 1rem;
}
.social-rounded .socicon-rss {
	font-size: .875rem;
}
.social-follow li {
	vertical-align: middle;
	margin-right: .25rem;
	margin-bottom: .5rem;
}
.social .social-title {
	padding-bottom: .125rem;
	margin-right: 1rem;
	font-size: .875rem;
	text-transform: uppercase;
	color: #999999;
}
.social-follow a {
	width: 1.875rem;
	height: 1.875rem;
	line-height: 1.65;
	color: #ffffff;
}
.social-rounded .follow-facebook {
	background: #3b5999;
	border-color: #3b5999;
}
.social-rounded .follow-twitter {
	background: #55acee;
	border-color: #55acee;
}
.social-rounded .follow-googleplus {
	background: #dd4b39;
	border-color: #dd4b39;
}
.social-rounded.social-follow i {
	font-size: .75rem;
}
.social-rounded.social-follow .socicon-googleplus {
	font-size: 1rem;
}
.social-rounded .follow-tumblr {
	background: #2b4b6a;
	border-color: #2b4b6a;
}
.social-rounded .follow-rss {
	background: #fb7000;
	border-color: #fb7000;
}
.social-fixed,
.social-rounded-fixed {
	position: fixed;
	left: 15px;
	bottom: 0;
	z-index: 400;
}
.social-fixed li {
	display: block;
	margin-right: 0;
	margin-bottom: 2.125rem;
}
.social-rounded-fixed {
	left: auto;
	right: 15px;
	margin-right: -.625rem;
	bottom: 4.62962963vmin;
}
.social-rounded-fixed li {
	margin-bottom: 0;
}
.social-rounded-dark a {
	border-color: #000000;
}
.socicon-facebook {
	font-size: 1.1875rem;
}
.socicon-googleplus {
	font-size: 1.375rem;
}
.ion-social-rss {
	font-size: 16px;
}
.ion-social-twitter,
.ion-social-vimeo,
.ion-social-facebook {
	font-size: 18px;
}
.twitter-date {
	margin-top: .625rem;
	color: #999999;
	text-transform: uppercase;
	font-size: .875rem;
}
.footer .section-item-title {
	margin-bottom: 2.375rem;
}
.establised {
	display: none;
	position: fixed;
	left: 34px;
	top: 50%;
	z-index: 300;
	margin-top: -1.625rem;
	text-transform: uppercase;
	letter-spacing: .625rem;
	color: #464646;
	font-size: 1rem;
	transform: rotate(-90deg) translate(-50%, 0%);
	transform-origin: bottom left;
	font-family: 'Futura PT';
	font-weight: normal;
}
.copyright-fixed {
	position: fixed;
	left: 15px;
	padding-bottom: .5rem;
	bottom: 4.62962963vmin;
	z-index: 300;
	color: #000000;
	text-transform: uppercase;
	font-family: 'Futura PT';
}
.copyright-fixed i {
	margin-top: -2px;
	vertical-align: middle;
	margin-right: .75rem;
	font-size: 1.5rem;
	line-height: .75;
}
.copyright-fixed a {
	color: inherit;
}
@media (min-width: 576px) {
	.establised {
		display: block;
	}
}
@media (min-width: 1600px) {
	.social-fixed {
		left: 3.75rem;
	}
	.social-rounded-fixed {
		right: 3.75rem;
	}
	.copyright-fixed {
		left: 3.75rem;
	}
	.establised {
		left: 5rem;
	}
}
.site-info {
	border-top: #ebebeb 1px solid;
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.copyright {
	text-align: center;
	text-transform: uppercase;
}
@media (min-width: 768px) {
	.footer-content {
		padding-top: 11.25rem;
		padding-bottom: 7.5rem;
	}
	.site-info {
		padding-top: 4.5rem;
		padding-bottom: 5.375rem;
	}
}
@media (max-width: 767px) {
	.footer-content,
	.footer-content .text-right {
		text-align: center !important;
	}
}
.more.fs14 {
	letter-spacing: .05em;
}
.footer-red {
	background: #b11d11;
	color: #ffffff;
}
.footer-red .footer-content {
	color: #ffcccc;
}
@media (min-width: 768px) {
	.fixed-footer-md .footer-content {
		padding-top: 15.92592593vmin;
		padding-bottom: 6.48148148vmin;
	}
	.fixed-footer-md .site-info {
		padding-top: 5.74074074vmin;
		padding-bottom: 5.74074074vmin;
	}
}
.footer-red .twitter-date,
.footer-red .social a {
	color: #ff9999;
}
.footer-red a,
.footer-red .contact-item a,
.footer-red .twitter-item a,
.footer-red .social a:hover,
.footer-red .section-item-title,
.footer-red .h2-3d {
	color: #ffffff;
}
.footer-red .site-info {
	border-top-color: #cc3333;
}
.theme-yellow .navbar-nav a:before,
.theme-yellow .menu-main a:before,
.theme-yellow .menu-lang-item.active,
.theme-yellow .menu-lang-item:hover,
.theme-yellow .nav-toggle-btn:hover,
.theme-yellow .text-primary,
.theme-yellow .social:not(.social-rounded) a:hover,
.theme-yellow .brand-name {
	color: #ff9000 !important;
}
.theme-yellow .nav-toggle-btn:hover .stick,
.theme-yellow .social-rounded a:hover,
.theme-yellow .btn-primary,
.theme-yellow .btn-play:hover {
	background-color: #ff9000;
}
.theme-yellow .social-rounded a:hover,
.theme-yellow .btn-primary,
.theme-yellow .btn-play {
	border-color: #ff9000;
}
.body-menu-opened .theme-white .social-rounded a:hover {
	border-color: #000000;
}
@media (min-width: 768px) {
	html {
		font-size: 13px;
	}
}
@media (min-width: 992px) {
	html {
		font-size: 14px;
	}
}
@media (min-width: 1280px) {
	html {
		font-size: 15px;
	}
}
@media (min-width: 1600px) {
	html {
		font-size: 16px;
	}
}
@media screen and (max-width:696px) {
	.deskContact {
		display: none;
	}
	.header-contacts {
		padding-top: 0px;
		font-weight: bold;
		font-size: 1.25em;
	}
	.header-contact-item {
		margin-top: -5px;
		margin-left: 20px;
	}
	.waDesk {
		display: none;
	}
}
@media (min-width:697px) {
	.mobContact {
		display: none;
	}
	.header-contacts {
		padding-top: .5rem;
		font-weight: bold;
	}
	.waMob {
		display: none;
	}
}
.thewrapper {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.thewrapper a {
	font-family: 'Futura PT';
	text-decoration: none;
}
.thewrapper a:hover {
  color: #fff;
  text-decoration: none;
}
.thewrapper2 {
	position: relative;
	/* left: 50%; */
	/* top: 50%; */
	/* -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); */
	max-width: 300px;
}
.thewrapper2 a {
	font-family: 'Futura PT';
	text-decoration: none;
}
.thewrapper2 a:hover {
  color: #fff;
  text-decoration: none;
}
.cta {
	display: flex;
	padding: 10px 45px;
	text-decoration: none;
	font-size: 40px;
	color: white;
	background: #6225E6;
	transition: 1s;
	box-shadow: 6px 6px 0 black;
	transform: skewX(-15deg);
}
.cta:focus {
	outline: none;
}
.cta:hover {
	transition: 0.5s;
	box-shadow: 10px 10px 0 #FBC638;
}
.cta span:nth-child(2) {
	transition: 0.5s;
	margin-right: 0px;
}
.cta:hover span:nth-child(2) {
	transition: 0.5s;
	margin-right: 25px;
}
span {
	transform: skewX(0deg)
}
span:nth-child(2) {
	width: 20px;
	margin-left: 30px;
	position: relative;
	top: 12%;
}
/**************SVG****************/
path.one {
	transition: 0.4s;
	transform: translateX(-60%);
}
path.two {
	transition: 0.5s;
	transform: translateX(-30%);
}
.cta:hover path.three {
	animation: color_anim 1s infinite 0.2s;
}
.cta:hover path.one {
	transform: translateX(0%);
	animation: color_anim 1s infinite 0.6s;
}
.cta:hover path.two {
	transform: translateX(0%);
	animation: color_anim 1s infinite 0.4s;
}
/* SVG animations */
@keyframes color_anim {
	0% {
		fill: white;
	}
	50% {
		fill: #FBC638;
	}
	100% {
		fill: white;
	}
}

.social .fab{
  font-size: 30px;
  border-radius: 50%;
}