body {
	font-family: 'Work Sans', sans-serif;
	line-height: 1.8;
}
.mboff {
	margin-bottom: 0;
}
img {
	width: 100%;
}
#sidenav-overlay {
	z-index: 1001;
}
#modal-overlay {
	z-index: 1000;
}
p {
	text-align: justify;
}
.side-nav {
	z-index: 1002;
}
.mb30m {
	margin-bottom: -30px;
}
.mt60 {
	margin-top: 60px !important;
}
.error-message {
	width: 100%;
	padding: 15px 40px;
	border-radius: 2px;
	color: #fff;
	background-color: #e53935;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 1px;
	color: #fff;
	text-transform: uppercase;

}
.success-message {
	width: 100%;
	padding: 15px 40px;
	border-radius: 2px;
	background-color: #43a047;
	color: #fff;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 1px;
	color: #fff;
	text-transform: uppercase;
}
.toast {
	padding: 0;
	font-size: 1.1rem;
	font-family: 'Work Sans', sans-serif;
}
::-webkit-input-placeholder {font-weight: 300; color: #9B9B9B }
::-moz-placeholder {font-weight: 300; color: #9B9B9B } /* firefox 19+ */
:-ms-input-placeholder {font-weight: 300; color: #9B9B9B } /* ie */
input:-moz-placeholder {font-weight: 300; color: #9B9B9B }

::-webkit-scrollbar {
	display: none;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
	background-color: #fff !important;
	-webkit-box-shadow: 0 0 0 30px white inset;
	background-image: none;
	color: rgb(0, 0, 0);
}
.arrows-1_tail-up {
	position: fixed;
	bottom: 75px;
	right: 75px;
	cursor: pointer;
	display: none;
	z-index: 999;
}
@media only screen and (max-width: 993px) {
	.arrows-1_tail-up {
		bottom: 35px;
		right: 10px;
	}
}

.btn, .btn-large, .btn-floating, .btn-large, .btn-flat {
	box-shadow: none !important;
	border-radius: 0;
}

.cookie-info {
	background-color: #fff;
	box-shadow: 0 -8px 20px 0 rgba(0,0,0,0.07);
	width: 650px;
	color: #1E1E1E;
}

@media only screen and (max-width: 993px) {
	.cookie-info {
		width: 90%;
		top: 2% !important;
		max-height: 95% !important;
	}
}

.cookie-info h2 {
	font-size: 18px;
	color: #1E1E1E;
	line-height: 18px;
	margin: 20px 0 10px 0;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0;
	font-family: 'Spectral', serif;
}

.cookie-info p {
	font-size: 15px;
	font-weight: 300;
	line-height: 20px;
}

.cookie-info p a {
	font-weight: 500;
	color: #1E1E1E;
}

.cookie-info button {
	margin-top: 20px;
	color: #1E1E1E;
	background-color: #fff;
	text-decoration: none;
	border: 1px solid #DCDCDC;
	height: 51px;
	font-weight: 400;
	box-shadow: none;
	font-size: 14px;
	/*margin-left: -10px;*/
	/*margin-right: -10px;*/
	width: 100%;
	padding: 0;
}

.cookie-info button.confirm {
	background-color: #1E1E1E;
	border: 1px solid #1E1E1E;
	color: #fff;
}

.cookie-info .ui-1_simple-remove {
	margin-top: 32px;
	font-size: 25px;
	cursor: pointer;
	color: #969696;
}

.cookie-info .container .row {
	margin-bottom: 10px;
}

@media only screen and (max-width: 993px) {
	.cookie-info {
		padding-top: 10px;
	}
	.cookie-info p {
		padding-right: 0px;
	}
	.cookie-info button {
		margin-top: 10px;
	}
	.cookie-info .ui-1_simple-remove {
		margin-top: 20px;
	}
}

/***********************************/
/* Header Menu */
nav {
	border-bottom: 1px solid #e8e8e8;
	z-index: 999;
}
nav ul a,
nav .brand-logo {
	color: #1e1e1e;
	font-size: 12px;
}
.brand-logo img {
	width: 20px;
	margin-top: 12px;
}
nav {
	background-color: #ffffff;
	height: 69px;
	line-height: 69px;
	box-shadow: none;
	color: #1e1e1e;
}
nav ul a:hover {
	background-color: #ffffff;
}
.nav-up {
	top: -140px;
}
.nav-down {
	top: 0;
}

.focus-popup.nav-up {
	top: -300px;
}


.focus-popup.nav-down {
	top: 64px;
}

.focus-popup-mobile.nav-up {
	top: -200px;
}

.focus-popup-mobile.nav-down {
	top: 64px;
}

#about-nav-to-hide,
#projects-nav-to-hide,
#services-nav-to-hide,
#projects-mob-nav-to-hide,
#services-mob-nav-to-hide,
#focus-nav-to-hide,
#focus-nav-to-hide-mobile,
#nav-to-hide {
	transition: top 0.2s ease-in-out;
	-webkit-transition: top 0.2s ease-in-out;
}
nav a ,
.btn-langs {
	color: #1e1e1e;
	text-transform: uppercase;
	font-family: 'Work Sans', sans-serif;
	font-size: 12px;
	font-weight: 400;
}
.navbar-fixed {
	z-index: 840;
}
.nav-section {
	box-sizing: content-box;
	z-index: 840;
}

.focus-popup {
	position: fixed;
	top: 64px;
	width: 100%;
	z-index: 999;
	border-radius: 2px;
	background-color: #FFFFFF;
	box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.1), inset 0 1px 0 0 rgba(0,0,0,0.1), 0 10px 20px 0 rgba(0,0,0,0.05);
}

.focus-popup .list .row {
	margin-bottom: 0;
}

.focus-popup .list .focus-in {
	margin-left: -25px;
	margin-right: -25px;
}

.focus-popup .list .link-focus {
	padding: 15px;
	text-align: center;
	display: inline-block;
	box-shadow: inset 0.8px 0 0 0 #EBEBEB, inset -0.8px 0 0 0 #EBEBEB;
}
.focus-popup .list a {
	text-align: center;
}

.focus-popup .list a img {
	width: 140px;
	height: 86px;
}

.focus-popup .list a span {
	color: #1E1E1E;
	font-size: 12px;
	font-weight: 300;
	line-height: 14px;
	text-transform: uppercase;
	font-family: 'Work Sans', sans-serif;
	margin-top: 7px;
	display: block;
	text-align: center;
}

.focus-popup .close {
	position: absolute;
	right: 20px;
	top: 20px;
}

.focus-popup .close i {
	cursor: pointer;
}

.focus-popup-mobile .close {
	position: absolute;
	right: 20px;
	top: 8px;
}

.focus-popup-mobile .close i {
	font-size: 15px;
}

.focus-popup-mobile .list {
	padding-top: 25px;
	overflow: hidden;
	display: block;
	overflow-x: scroll;
}

.focus-popup-mobile .fcs {
	position: absolute;
	top: 8px;
	left: 22px;
	color: #1E1E1E;
	font-size: 12px;
}

.focus-popup-mobile .list .focus-in {
	display: inline-flex;
	margin-left: 0;
	margin-right: 0;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
}

.focus-popup-mobile .list .link-focus {
	box-shadow: none;
}

.focus-popup-mobile .list .link-focus {
	padding: 8px;
}

.focus-popup .list a span {
	text-align: left;
}

.btns-header-menu {
	display: block;
}
.btns-header-menu .divid {
	color: #E1E1E1;
	margin-left: 7px;
	margin-right: 7px;
}
.btns-header-menu ul li:last-child {
	// margin-right: 27px;
}
.header-menu-links a {
	color: #bebebe;
	transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	-moz-transition: all .2s linear;
}
.header-menu-links:first-child {
	margin-left: 93px;
}
.header-menu-links a.active {
	color: #1e1e1e;
}
.header-menu-links a:hover {
	color: #1e1e1e;
}
.pdf-link a {
 margin-right: -7px;
}
.btn-langs span {
	color: #bebebe;
	cursor: pointer;
	transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	-moz-transition: all .2s linear;
}
.btn-langs .active {
	color: #1e1e1e;
}
.n-pdf ,
.btn-langs .en {
	margin-left: 5px;
}
.mobile-menu-links {
	
	margin-top: 90px;
}

.side-nav .mobile-l .close-menu {
	padding: 17px 20px;
}
.side-nav .mobile-l .close-menu i.material-icons {
	margin: 0;
}
.side-nav .brand-logo {
	margin-top: 10px;
}
nav .button-collapse {
	margin: 5px 20px;
}
.mobile-pdf-link {
	padding-right: 10px;
}
.mobile-menu-links li a {
	font-size: 15px;
	text-transform: uppercase;
}
.social-menu-mobile-links ul {
	margin-top: 80px;
	margin-bottom: 25px;
}
.social-menu-mobile-links ul li {
	display: inline-block;
	margin-left: 15px;
	text-align: center;
}
.social-menu-mobile-links ul li:first-child {
	margin-left: 20px;
}
.social-menu-mobile-links ul li a {
	padding: 0;
	background-color: #1e1e1e;
	height: 28px;
	width: 28px;
	line-height: 28px;
}
.social-menu-mobile-links ul li a i {
	color: #fff;
	margin: 0;
	height: 28px;
	width: 28px;
	line-height: 28px;
}
.mobile-langs-links li {
	display: inline-block;
	margin-left: 10px;
}
.mobile-langs-links li:first-child {
	margin-left: 20px;
}

.nav-about,
.nav-projects {
	margin-top: 6px;
	height: 40px;
	line-height: 40px;
}

.nav-projects ul li:first-child {
	margin-left: 65px;
}
.nav-about ul li:first-child {
	// margin-left: -72px;
}
.nav-about ul li a,
.nav-projects ul li a {
	color: #9c9c9c;
	transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	-moz-transition: all .2s linear;
}
.nav-about ul li a:hover,
.nav-projects ul li a:hover {
	background-color: #fff;
	color: #1e1e1e;
}
.nav-about ul li a.active,
.nav-projects ul li a.active {
	color: #1e1e1e;
}
.homepage li a {
	color: #1e1e1e;
}
.homepage:hover a {
	color: #9c9c9c;
}
.homepage a:hover {
	color: #1e1e1e;
}
.nav-about ul li a i,
.nav-projects ul li a i,
.header-menu-links li a i {
	font-size: 20px;
	height: auto;
	padding-left: 5px;
	vertical-align: sub;

	/*transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	-moz-transition: all .2s linear;*/
}

.nav-projects ul li a.active i,
.header-menu-links li a.active i {
	transform: rotate(180deg);
	padding-right: 5px;
	padding-left: 0;
}

.nav-about ul li a:hover,
.nav-projects ul li a:hover {
	background-color: #fff;
}

.filters {
	font-size: 15px;
	text-align: center;
	
}
.filters span {
	text-align: center;
	display: inline-block;
}
.filters .divid {
	color: #9c9c9c;
	padding-left: 15px;
}
.filters a {
	font-size: 15px;
	font-weight: 300;
	margin-top: 10px;
	padding-left: 15px;
	color: #121212;
	transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	-moz-transition: all .2s linear;
	display: inline-block;
}
.filters a:hover,
.filters a.active {
	color: #9c9c9c;
}

@media only screen and (max-width: 993px) {
	.nav-projects {
		margin-top: 14px;
	}
	.nav-about ul li:first-child {
		margin-left: -5px;
	}
	.nav-projects ul li:first-child {
		margin-left: -1px;
	}
	.nav-about ul li:last-child a {
		margin-right: 0;
		padding-right: 0;
	} 
	.nav-about ul li a {
		font-size: 12px;
		padding: 0 15px;
	}
	.nav-about ul li a:hover {
		background-color: #fff;
	}
	.nav-projects ul li a {
		font-size: 12px;
		padding: 0px 15px;
	}
	.nav-projects ul li a i {
		font-size: 22px;
	}
	.nav-about .about-menu-links {
		margin-left: 7px;
	}
	.nav-about {
		margin-top: 14px;
	}


	.about-mobile-menu-block {
		display: block;
		overflow: hidden;
		height: 45px;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}
	.about-mobile-menu-block ul {
		display: flex;
	}
	.about-mobile-menu-block ul li {
		display: inline-table;
	}
	.about-mobile-menu-block ul li:last-child {
		padding-right: 25px;
	}
}

/***********************************/
/* End Header Menu */


/***********************************/
/* Home */
.header-section .divid-container .long .divid {
	width: 100%;
	margin-bottom: 150px;
}
.header-section .section-title h3 {
	margin-bottom: 10px;
}
.header-cards .smallcard {
	margin-top: 10px;
	height: 240px;
	padding: 0;
}
.header-cards .smallcard-mt {
	margin-top: 65px;
}
.header-cards .smallcard-img .img,
.header-cards .smallcard-img {
	height: 240px;
}


.clients-logo {
	margin-top: 170px;
	margin-bottom: 150px;
}
@media only screen and (max-width: 993px) {
	.clients-logo {
		margin-top: 100px;
		margin-bottom: 100px;
	}
}
.animate-client-out {
	animation: bound-out 2s forwards;
}
.animate-client-in {
	animation: bound-in 2s forwards;
}

@keyframes bound-out {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes bound-in {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.header-cards .smallcard-txt .title {
	font-size: 11px;
	font-weight: 400;
	text-transform: uppercase;
	color: #1e1e1e;
}
.header-cards .smallcard-txt .subtitle {
	font-size: 12px;
	font-weight: 300;
	margin: 0;
	padding: 0;
	margin-top: -10px;
	color: #1e1e1e;
}
.header-cards .smallcard-txt {
	top: -50px;
	opacity: 0;

	transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	-moz-transition: all .2s linear;


}
.header-cards .card-txt-in {
	top: 0;
	opacity: 1;
}

.section-title h3 {
	text-transform: uppercase;
	color: #1e1e1e;
	font-size: 22px;
	font-weight: 400;
	margin-top: 100px;
	margin-bottom: 10px;
	position: relative;

	font-family: 'Spectral', serif;

}
.section-title-row .section-title p {
	text-align: center;
}
.section-title-row .section-title .subtitle {
	font-size: 14px;
	margin-top: 0;
	margin-bottom: 5px;
}
.section-title-row .section-title .tag {
	font-size: 12px;
	margin: 0;
	margin-bottom: 15px;
}
.section-title h3:after {
	content: " ";
	position: absolute;
	bottom: -5px;
	top: 25px;
	left: 50%;
	margin-left: -12px;
	width: 1px;
	height: 25px;
	background: #000;
	transform: rotate(90deg);
}
.section-title h3:before {
	content: " ";
	position: absolute;
	bottom: -5px;
	top: 25px;
	left: 50%;
	margin-left: 13px;
	width: 1px;
	height: 25px;
	background: #d2d2d2;
	transform: rotate(90deg);
}

@media only screen and (max-width: 993px) {
	.header-cards .first-smallcard {
		margin-top: 0;
	}
	.header-cards .smallcard {
		margin-top: 75px;
	}
	.home-header-text h2 {
		top: -350px;
		padding-left: 35px;
		padding-right: 35px;
	}
	.section-title h3 {
		margin-top: 80px;
		margin-bottom: 10px;
	}
	.section-title h3:after,
	.section-title h3:before {
		margin-top: 15px;
	}
}

/***********************************/
/* End Home */

.desc-bp p {
	font-size: 16px;
	font-weight: 300;
	color: #1e1e1e;
	padding-bottom: 50px;
}


/***********************************/
/* Projects Case */

.projects-container {
	padding-bottom: 20px;
}
.news-container a,
.projects-container a {
	color: #1e1e1e;
}
.news-container .row,
.projects-container .row {
	margin-top: 50px;
}
.news-container .row:last-child,
.projects-container .row:last-child {
	// margin-top: 150px;
}
.addmargin .smallcard {
	margin-top: 100px;
}
.smallcard {
	padding: 25px;
	position: relative;
	height: 350px;
}
.smallcard-img {
	overflow: hidden;
	height: 300px;
	position: relative;
	z-index: 333;
}
.smallcard-img .img {
	height: 300px;
	background-size: cover;
	background-position: center;
	transform: scale(1.1);

	

	transition: 		all .2s linear, background-image 0.015s ease-in-out, transform 1.2s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-webkit-transition: all .2s linear, background-image 0.015s ease-in-out, transform 1.2s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-o-transition: 		all .2s linear, background-image 0.015s ease-in-out, transform 1.2s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-moz-transition: 	all .2s linear, background-image 0.015s ease-in-out, transform 1.2s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-ms-transition: 	all .2s linear, background-image 0.015s ease-in-out, transform 1.2s cubic-bezier(0.555, 0.205, 0.295, 0.975);
}
.smallcard .divid,
.bigcard-tags .divid {
	color: #d8d8d8;
	margin-left: 7px;
	margin-right: 7px;
	font-size: 15px;
}
.smallcard-tags,
.bigcard-tags {
	margin-bottom: 12px;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 400;
	opacity: 0;
	transform: translateY(30px);

	transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-webkit-transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-o-transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-moz-transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);
}
.title-up {
	opacity: 1;
	transform: translateY(0px);
}
.projects-container .smallcard:not(.no__hover):hover .smallcard-txt {
	top: -55px;
	opacity: 1;
}
.projects-container .smallcard:not(.no__hover):hover .smallcard-img .img {
	margin-top: -50px;
}
.smallcard-txt {
	position: relative;
	height: 15px;

	transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	-moz-transition: all .2s linear;
}

.smallcard .smallcard-black {
	width: 100%;
	height: 400px;
	background-color: #1E1E1E;
	position: absolute;
	top: 0;

	transform: translateY(450px);

	transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-webkit-transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-o-transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-moz-transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);

}
.smallcard .black-card-in {
	transform: translateY(0px);
}
.smallcard .black-card-out {
	transform: translateY(-505px);
}

.projects-container .smallcard-txt {
	top: -65px;
	opacity: 0;
}
.smallcard-txt .desc,
.bigcard-txt .desc {
	font-size: 14px;
	font-weight: 300;
	color: #1e1e1e;
	margin-bottom: 0;
	padding-bottom: 0;
}
.smallcard-txt .title,
.bigcard-txt .title {
	font-size: 16px;
	color: #000000;
	margin-top: 7px;
	font-weight: 400;
	font-family: 'Spectral', serif;
}
.smallcard-txt {
	z-index: 222;
}
.bigcard {
	padding: 25px;
	position: relative;
	height: 550px;
}
.bigcard-img {
	overflow: hidden;
	height: 500px;
	position: relative;
	z-index: 333;
}
.bigcard-img .img {
	height: 500px;
	background-size: cover;
	background-position: center;
	transform: scale(1.1);

	transition: 		all .2s linear, background-image 0.015s ease-in-out, transform 1.2s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-webkit-transition: all .2s linear, background-image 0.015s ease-in-out, transform 1.2s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-o-transition: 		all .2s linear, background-image 0.015s ease-in-out, transform 1.2s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-moz-transition: 	all .2s linear, background-image 0.015s ease-in-out, transform 1.2s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-ms-transition: 	all .2s linear, background-image 0.015s ease-in-out, transform 1.2s cubic-bezier(0.555, 0.205, 0.295, 0.975);
}
.projects-container .bigcard:not(.no__hover):hover .bigcard-txt {
	top: -55px;
	opacity: 1;
}
.projects-container .bigcard:not(.no__hover):hover .bigcard-img .img {
	margin-top: -50px;
}
.bigcard-txt {
	position: relative;
	height: 15px;
}

.bigcard .bigcard-black {
	width: 100%;
	height: 500px;
	background-color: #1E1E1E;
	position: absolute;
	top: 0;

	transform: translateY(550px);

	transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-webkit-transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-o-transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-moz-transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);

}
.bigcard .black-card-in {
	transform: translateY(0px);
}
.bigcard .black-card-out {
	transform: translateY(-505px);
}


.bigcard-img .r-scale,
.smallcard-img .r-scale {
	transform: scale(1);
}


.projects-container .bigcard-txt {
	top: -85px;
	opacity: 0;
}

.divid-container {
	margin-top: 110px;
	text-align: right;
}
.divid-container .long .divid {
	width: 108%;
}
.divid-container .divid {
	height: 1px;
	border: 0;
	border-top: 1px solid #e8e8e8;
	margin-top: 0;
	vertical-align: middle;
	background-color: none ;
	margin-top: 10px;
}
.divid-container a {
	font-size: 11px;
	color: #9c9c9c;
	text-transform: uppercase;
	font-weight: 400;

	transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	-moz-transition: all .2s linear;
}
.divid-container a:hover {
	color: #1d1d1d;
}
.load-more a {
	cursor: pointer;
}

.news-title {
	margin-top: 130px;
}
.short-news-row {
	margin-top: 113px;
}
.short-news-card {
	padding-left: 50px;
	padding-top: 25px;
	border: 1px solid #fff;

	transition: border .2s linear;
	-webkit-transition: border .2s linear;
	-o-transition: border .2s linear;
	-moz-transition: border .2s linear;
}
.short-news-img {
	width: 120px;
	height: 120px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	
}
.short-news-txt .title {
	font-size: 16px;
	color: #000;
	text-align: left;
	font-weight: 400;
	margin-bottom: 0;
	margin-top: 52px;
	padding-right: 30px;
	padding-left: 10px;
	font-family: 'Spectral', serif;
}
.short-news-txt .date {
	color: #000;
	font-size: 14px;
	font-weight: 300;
	padding-left: 10px;
}

.news-gallery-video .s4 .player {
	height: 232px;
	margin-top: 15px;
}
.news-gallery-video .s6 .player {
	height: 355px;
	margin-top: 15px;
}

.project-page {
	padding-top: 20px;
	width: 100%;
	height: 100%;
	position: fixed;
	overflow: hidden;
	background: #fff;
	top: 0;
	z-index: 900;
}
.scroll {
	overflow-x: hidden;
	overflow-y: auto;
	width: 100%;
	height: 100%;
	-webkit-overflow-scrolling: touch;

}
.project-page-grid h3 {
	margin-top: 50px;
}
.project-page-grid h3,
.project-page h3 {
	font-size: 16px;
	color: #1e1e1e;
	font-family: 'Spectral', serif;
	font-weight: 400;
}
.project-page .card {
	box-shadow: none;
}
.project-nav a {
	cursor: pointer;
	color: #1e1e1e;
	margin-top: 20px;
}
.project-nav a:first-child {
	margin-right: 25px;
}
.project-nav a:last-child {
	margin-right: 20px;
}
.grid-link {
	width: 20px;
}
.project-gallery {
	position: relative;
	padding: 5px 15px;
	overflow: hidden;

	transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	-moz-transition: all .2s linear;
}

@media only screen and (min-width: 2100px) {
	.project-gallery {
		padding: 20px;
	}
}
.project-gallery .gallery-img {
	height: 70vh;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;

	transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	-moz-transition: all .2s linear;


}
.gallery-arrow {
	background: rgba(255,255,255,.7);
	position: absolute;
	top: 36vh;
	padding: 12px 8px;
	border-radius: 100%;
}
.project-gallery .prev {
	left: 30px;
}
.project-gallery .next {
	right: 30px;
}
.project-gallery .video-row {
	height: 70vh;
	display: flex;
	width: 100%;
}
.project-gallery .video-row .player {
	margin-left: 20vh;
	margin-right: 20vh;
	height: 70vh;
	width: 100%;
}
@media only screen and (max-width: 993px) {
	.project-gallery .video-row .player {
		margin-left: 0;
		margin-right: 0;
		height: 52vh;
	}
}
.count {
	font-size: 14px;
	margin-top: -10px;
}
.count  span {
	padding-left: 6px;
}
.count .total {
	color: #9c9c9c;
}
.count .divid {
	font-size: 20px;
	color: #9c9c9c;
}

.gallery-block {
	transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	-moz-transition: all .2s linear;

	overflow: hidden;

}


.row-btns {
	margin-top: 15px;
	margin-bottom: 50px;
}
.row-btns .btn-gallery:first-child {
	margin-left: 0;
}
.row-btns .disabled {
	opacity: 0.15;
	cursor: inherit;
}
.row-btns .disabled:hover {
	opacity: 0.15;
	cursor: inherit;
}
.btn-gallery {
	display: inline-flex;
	cursor: pointer;
	width: 80px;
	height: 45px;
	background-color: #1d1d1d;
	margin-left: 35px;
	position: relative;

	transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	-moz-transition: all .2s linear;
}
.btn-gallery:hover {
	opacity: .9;
}
.btn-gallery i {
	color: #fff;
	position: absolute;
	top: 12px;
}
.btn-gallery i.makingof-play-icon {
	left: 50%;
	transform: translateX(-50%);
	top: 8px;
	font-size: 30px;
}
.btn-gallery i.left-wireframe,
.btn-gallery i.right-wireframe {
	font-size: 11px;
	top: 18px;
	font-weight: 700;
}
.btn-gallery i.left-wireframe {
	left: 2px;
}
.btn-gallery i.right-wireframe {
	right: 2px;
}
.btn-gallery i.left-ba,
.btn-gallery i.right-ba {
	font-size: 26px;
	top: 11px
}
.btn-gallery i.left-ba {
	left: 19px;
}
.btn-gallery i.right-ba {
	right: 19px;
}
.btn-gallery .divid {
	height: 0px;
	border-bottom: rgba(255, 255, 255, 0.25);
	position: absolute;
	width: 43px;
	transform: rotate(90deg);
	left: 17px;
	top: 14px;
}
.btn-gallery i.reel-play-icon {
	left: 50%;
	transform: translateX(-50%);
	top: 16px;
	font-size: 16px;
}
.btn-gallery .title-btn {
	position: absolute;
	bottom: -25px;
	text-transform: uppercase;
	color: #1d1d1d;
	font-size: 10px;
	width: 100px;
	left: 50%;
	transform: translateX(-50%);
}
@media only screen and (max-width: 993px) {
	.btn-gallery {
		margin-left: 10px;
	}
}
@media only screen and (max-width: 360px) {
	.btn-gallery {
		margin-left: 5px;
	}
}

.gallery-modal {
	width: 90% !important;
	max-height: 90% !important;
	background-color: #fff !important;
	height: 90vh;
}
.gallery-modal .modal-close {
	padding: 20px;
	z-index: 999;
	position: absolute;
	right: 0;
}
.gallery-modal .modal-content {
	width: 100%;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.gallery-modal .video-row {
	padding-right: 12.3vw;
	padding-left: 12.3vw;
	height: 70vh;
	display: flex;
	width: 100%;
}
.gallery-modal .player {
	width: 100% !important;
	height: 70vh;
	position: relative;
}

.gallery .gallery-img {
	height: 70vh;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
	position: relative;
	z-index: 333;

}
.gallerycard {
	position: relative;
	// height: 70vh;
}
.gallery-img {
	overflow: hidden;
	height: 70vh;
	position: relative;
}
.gallery-img .img {
	height: 70vh;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;	

	transition: 		all .2s linear, transform 1.2s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-webkit-transition: all .2s linear, transform 1.2s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-o-transition: 		all .2s linear, transform 1.2s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-moz-transition: 	all .2s linear, transform 1.2s cubic-bezier(0.555, 0.205, 0.295, 0.975);
}
.services-img .r-scale {
	transform: scale(1);
}
.gallerycard .gallerycard-black {
	width: 80vw;
	height: 70vh;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 50%;

	transform: translateY(75vh) translateX(-50%);

	transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-webkit-transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-o-transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-moz-transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);

}
.gallerycard .black-card-in {
	transform: translateY(0px) translateX(-50%);
}
.gallerycard .black-card-out {
	transform: translateY(-75vh) translateX(-50%);
}



@media only screen and (max-width: 993px) {
	.gallerycard .gallerycard-black {
		width: 100%;
	}
	.gallery-modal .video-row {
		padding-right: 0;
		padding-left: 0;
	}
	.gallery-modal .player {
		height: 24.6vh !important;
	}
}

.wireframe-item-block {
	height: 77vh;
}
.wireframe-item {
	width: 100%;
	height: 77vh;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.gallery-modal .owl-prev ,
.gallery-modal .owl-next ,
.project-page .owl-prev ,
.project-page .owl-next {
	position: absolute;
	top: 40vh;
}
.gallery-modal .owl-prev,
.project-page .owl-prev {
	left: -150px;
}
.gallery-modal .owl-next ,
.project-page .owl-next {
	right: -150px;
}
.owl-prev.disabled i,
.owl-next.disabled i {
	color: #9c9c9c;
}


@media only screen and (max-width: 1790px) {
	.gallery-modal .owl-prev,
	.project-page .owl-prev {
		left: -30px;
	}
	.gallery-modal .owl-next ,
	.project-page .owl-next {
		right: -30px;
	}
}


.cd-image-container {
  position: relative;
  width: 90%;
  max-width: 55vh;
  margin: 0em auto;
}
.cd-image-container img {
  display: block;
}

.cd-image-label {
	position: absolute;
	bottom: 15px;
	right: 15px;
	color: #ffffff;
	background-color: rgba(255, 255, 255, 0.35);
	border-radius: 1px;
	padding: 5px 10px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	opacity: 0;
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-o-transform: translateY(20px);
	transform: translateY(20px);
	-webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s;
	-moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s;
	transition: transform 0.3s 0.7s, opacity 0.3s 0.7s;
}
.cd-image-label.is-hidden {
  visibility: hidden;
}
.is-visible .cd-image-label {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.cd-resize-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	overflow: hidden;
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.cd-resize-img img {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	height: 100%;
	width: auto;
	max-width: none;
}
.cd-resize-img .cd-image-label {
	right: auto;
	left: 15px;
}
.is-visible .cd-resize-img {
	width: 50%;
	/* bounce in animation of the modified image */
	-webkit-animation: cd-bounce-in 0.7s;
	-moz-animation: cd-bounce-in 0.7s;
	animation: cd-bounce-in 0.7s;
}
@-webkit-keyframes cd-bounce-in {
	0% {
		width: 0;
	}
	60% {
		width: 55%;
	}
	100% {
		width: 50%;
	}
}
@-moz-keyframes cd-bounce-in {
  0% {
		width: 0;
	}
	60% {
		width: 55%;
	}
	100% {
		width: 50%;
	}
}
@keyframes cd-bounce-in {
	0% {
		width: 0;
	}
	60% {
		width: 55%;
	}
	100% {
		width: 50%;
	}
}
.cd-handle {
	position: absolute;
	height: 44px;
	width: 44px;
	/* center the element */
	left: 50%;
	top: 50%;
	margin-left: -22px;
	margin-top: -22px;
	border-radius: 50%;
	background:url("../img/cd-arrows.svg") no-repeat center center;
	cursor: move;
	box-shadow: 0 0 0 3px rgba(255, 255, 255, 1),inset 0 1px 0 rgba(255, 255, 255, 0.3);
	opacity: 0;
	-webkit-transform: translate3d(0, 0, 0) scale(0);
	-moz-transform: translate3d(0, 0, 0) scale(0);
	-ms-transform: translate3d(0, 0, 0) scale(0);
	-o-transform: translate3d(0, 0, 0) scale(0);
	transform: translate3d(0, 0, 0) scale(0);
}
.cd-handle.draggable {
	background-color: rgba(255, 255, 255, 0.35);
}
.is-visible .cd-handle {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0) scale(1);
	-moz-transform: translate3d(0, 0, 0) scale(1);
	-ms-transform: translate3d(0, 0, 0) scale(1);
	-o-transform: translate3d(0, 0, 0) scale(1);
	transform: translate3d(0, 0, 0) scale(1);
	-webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s;
	-moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s;
	transition: transform 0.3s 0.7s, opacity 0s 0.7s;
}

.bottom-action {
	font-weight: 300;
	margin-top: -10px;
}
.project-moblie-nav .link-t,
.bottom-action .link-t {
	position: relative;
}
.project-moblie-nav .link-t a,
.bottom-action .link-t a {
	color: #1e1e1e;
}
.project-moblie-nav .link-t i,
.bottom-action .link-t i {
	float: left;
	margin-right: 10px;
	margin-left: 20px;
	font-size: 16px;
	margin-top: 3px;
}
.bottom-action .add-pdf {
	cursor: pointer;
	position: relative;
}
.bottom-action .add-pdf i {
	position: absolute;
	left: -25px;
	top: 3px;
	font-size: 16px;
}
.bottom-action .link-t {
	 margin-right: -2vw;
}

.bottom-action .link-t a div div  {
	display: flex;
}


.project-moblie-nav .info,
.bottom-action .info {
	font-size: 14px;
	text-align: left;
	color: #1d1d1d;
	text-transform: uppercase;
	margin-left: 30px;
	cursor: pointer;
}
.project-moblie-nav .link-t a i {
	font-size: 15px;
	margin-top: 25px;
	margin-right: 5px;
}
.project-moblie-nav .add-pdf {
	display: flex;
}
.project-moblie-nav .add-pdf i {
	margin-top: 23px;
	margin-left: -5px;
	margin-right: 5px;
	font-size: 15px;
}
.info-mobile {
	text-transform: uppercase;
}
.info-block-mobile,
.info-block {
	z-index: 9999;
	width: 500px;
	position: absolute;
	bottom: 65px;
	left: 40px;
	padding: 30px;
	padding-right: 75px;
	background-color: #fff;
	font-size: 15px;
	font-weight: 300;

	transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	-moz-transition: all .2s linear;
}

.info-block-mobile{
	width: 96vw;
	bottom: 0px;
	z-index: 2;
	left: 2vw;
	line-height: normal;
	text-align: left;
}
.info-block-mobile .info-item,
.info-block .info-item {
	margin-top: 15px;
}
.info-block-mobile .title,
.info-block .title {
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 40px;
	font-family: 'Spectral', serif;
}
.info-block-mobile .info-item span,
.info-block .info-item span {
	font-weight: 400;
}
.info-close {
	position: absolute;
	right: 15px;
	top: 15px;
}
.mobile-close {
	position: relative;
	top: 22px;
}
.info-close .info-close-img {
	width: 15px;
	cursor: pointer;
}
.go-pdf {
	color: #1e1e1e;
}
.go-pdf img {
	width: 15px;
	margin-left: 5px;
}
.bottom-action .add-pdf,
.bottom-action .go-pdf {
	margin-right: 25px;
}

@media only screen and (max-width: 1280px) {
	.bottom-action .link-t {
		margin-left: -40px;
	}
}
@media only screen and (min-width: 2550px) {
	.project-page .bottom-action {
		margin-top: 100px;
	}
}
@media only screen and (max-width: 1152px) {
	.project-page .bottom-action {
		margin-top: -20px;
	}
}

@media only screen and (max-width: 993px) {
	.scroll-row h3 {
		text-align: left;
	}
	.projects-container .row {
		margin-bottom: 0;
		margin-top: 0;
	}
	.smallcard {
		margin-top: 25px;
		padding: 0;
	}
	.bigcard {
		padding: 0;
	}
	.news-title {
		margin-top: 70px;
	}
	.short-news-row {
		margin-top: 70px;
	}
	.short-news-card {
		padding-left: 10px;
	}
	.short-news-txt .title {
		padding-right: 25px;
	}
	.divid-container {
		margin-top: 100px;
	}
	.news-container .row:last-child,
	.projects-container .row:last-child {
		margin-top: 30px;
	}
	.news-container .row .bigcard:first-child,
	.projects-container .row .bigcard:first-child {
		margin-top: 30px;
	}
	.project-nav a:first-child {
		margin-right: 10px;
	}
	.project-page {
		margin-top: 0;
		padding-top: 0;
	}
	.project-page h3 {
		margin-top: 5px;
	}
	.project-gallery {
		padding: 0;
	}
	.project-gallery .col {
		padding: 0;
	}
	.project-gallery .next {
		right: 15px;
	}
	.project-gallery .prev {
		left: 15px;
	}
	.project-moblie-nav {
		margin-left: 0;
		height: 65px;
		line-height: 65px;
	}
	.project-moblie-nav .link-t i {
		margin-left: 0;
		margin-top: 20px;
	}
	.project-moblie-nav .link-t span {
		margin-left: -15px;
	}
	.project-moblie-nav .grid-a a {
		margin-top: 22px;
	}
	.project-gallery {
		height: 58vh;
		margin-top: 0px;
	}
	.gallery-img .img,
	.project-gallery .gallery-img {
		height: 55vh;
	}
	.gallery-arrow {
		top: 23.5vh;
	}
	.go-pdf img {
		width: 15px;
		margin-left: 5px;
		position: absolute;
		top: 27px;
	}
	
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) {

	.header-menu-links:first-child {
		margin-left: 30px;
	}
	.pdf-link a {
		margin-left: -20px;
	}
	nav .projects-menu-links {
		margin-left: -110px;
		margin-right: -70px;
	}
	nav .about-menu-links {
		margin-left: -75px;
		margin-right: -70px;
	}
	.careercard,
	.careercard .career-img,
	.careercard .career-img .img {
		height: 300px;
	}
	#map1, #map2 {
		height: 400px;
		width: 100%;
	}
	.short-news-img {
		width: 75px;
		height: 75px;
	}
	.short-news-txt .title {
		margin-top: 30px;
		padding-right: 0;
	}
	.gallerycard .gallerycard-black {
		width: 100%;
	}
}

// ipad 
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
	nav .projects-menu-links {
		margin-left: -110px;
		margin-right: -70px;
	}
	nav .about-menu-links {
		margin-left: -75px;
		margin-right: -70px;
	}
}

// ipad 3 & 4
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
	nav .projects-menu-links {
		margin-left: -110px;
		margin-right: -70px;
	}
	nav .about-menu-links {
		margin-left: -75px;
		margin-right: -70px;
	}
}

// ipad mini
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1)  {
	nav .projects-menu-links {
		margin-left: -110px;
		margin-right: -70px;
	}
	nav .about-menu-links {
		margin-left: -75px;
		margin-right: -70px;
	}
}
/***********************************/
/* End Projects Case */

/***********************************/
/* Article Case */
article img {
	width: 100%;
}
article .player {
	height: 720px;
}
article .l6 .player {
	height: 354px;
	margin-top: 20px;
}
article img {
	width: 100%;
}
article .title h1 {
	font-size: 30px;
	margin-top: 120px;
	font-weight: 400;
	line-height: 1.5;
	margin-bottom: 0;
	font-family: 'Spectral', serif;
}
article .date-pub {
	margin-bottom: -15px;
}
article .date-pub span {
	font-size: 11px;
	color: #1e1e1e;
}
article p {
	font-size: 16px;
	padding-top: 10px;
	padding-bottom: 15px;
}
article p.s-text {
	font-weight: 300;
	padding-bottom: 20px;
}
article p.m-text {
	font-size: 20px;
	font-weight: 300;
}
article p.s-title {
	font-size: 24px;
	padding-bottom: 0;
	margin-bottom: 0;
}
article .quote {
	text-align: center;
	position: relative;
	padding-top: 20px;
	padding-bottom: 50px;
}
article .quote p {
	text-align: left;
	font-style: italic;
	font-weight: 300;
	font-size: 24px;
	text-align: center;
}
article .quote span {
	text-align: center;
	line-height: .5;
	font-family: 'Alex Brush', cursive;
	font-size: 115px;
	text-align: center;
	position: absolute;
	top: -40px;
	transform: rotate(180deg);

}
article .card {
	box-shadow: none;
}
article .share-article {
	display: inline-flex;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 300;
}
article .share-article li:first-child {
	padding-left: 0;
}
article .share-article li {
	padding-left: 25px;
}
article .share-article li.title {
	font-weight: 400;
}
article .share-article li a {
	color: #1e1e1e;
	cursor: pointer;
}

.crousel-set {
	position: relative;
}
.crousel-set .item {
	cursor: pointer;
}
.crousel-set .owl-prev,
.crousel-set .owl-next {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -40px;
}

.crousel-set .owl-prev {
	margin-left: -40px;
}

.crousel-set .owl-next {
	margin-left: 40px;
}

.slider-col {
	position: relative;
	margin-bottom: 60px;
}
.slider-col .counter {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -43px;
	font-family: 'Spectral', serif;
}

.editor h1 {
	font-size: 30px;
	font-weight: 400;
	line-height: 1.5;
	font-family: 'Spectral', serif;
	text-align: center;
}
.editor h2 {
	font-size: 24px;
	font-weight: 400;
	line-height: 1.5;
	font-family: 'Spectral', serif;
	text-align: center;
}
.editor p {
	font-size: 16px;
	padding-top: 0;
	padding-bottom: 0;
	font-weight: 300;
}
.editor .image-card {
	padding: 5px;
}
.editor .image-card-p {
	padding-left: 20px;
	padding-right: 20px;
}
.editor .s4 .player {
	height: 250px;
}
.editor .s6 .player {
	height: 450px;
}
.editor .offset-l3 .player {
	height: 400px;
}

@media only screen and (max-width: 993px) {
	
	article .title h1 {
		margin-top: 120px;
	}
	article .player {
		height: 220px;
		margin-bottom: 15px;
	}
}

.editor .crousel-set {
	position: relative;
}
.editor .crousel-set .item {
	cursor: inherit;
}

.editor .crousel-set .max-width-item {
	max-width: 950px;
}

.editor .main-cr .crousel-set .item {
	cursor: pointer;
}

/*.editor .main-cr .crousel-set .owl-prev {*/
/*	position: absolute;*/
/*	left: 5%;*/
/*	top: 50%;*/
/*	transform: translateX(-50%);*/
/*	margin-left: 0;*/
/*	color: #fff;*/
/*	text-shadow: 0px 0px 2px #000;*/
/*	display: block;*/
/*}*/

.editor .main-cr .crousel-set .owl-prev {
	position: absolute;
	left: 5%;
	top: 50%;
	transform: translateX(-50%);
	margin-left: -1px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	display: block;
	margin-top: -15px;
	padding: 10px 10px 10px 50px;
	height: 40px;
}


.editor .main-cr  .owl-item .crousel-set .owl-nav {
	display: none;
	transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
}

.editor .main-cr .owl-item {
	opacity: 0.5;
	transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	pointer-events: none;
}

.editor .main-cr .owl-item.active {
	opacity: 1;
	pointer-events: inherit;
}



.editor .main-cr .owl-item.active  .crousel-set {
	opacity: 1;
	transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
}

.editor .main-cr .owl-item.active  .crousel-set .owl-nav {
	display: inherit;
}

@media only screen and (min-width: 2100px) {

	.editor .main-cr .owl-item {
		opacity: 0.5;
		transition: all .4s ease-in-out;
		-webkit-transition: all .4s ease-in-out;
		-o-transition: all .4s ease-in-out;
		-moz-transition: all .4s ease-in-out;
		pointer-events: none;
	}

	.editor .main-cr .owl-item.active {
		opacity: 0.5;
		pointer-events: none;
	}

	.editor .main-cr .owl-item.center {
		opacity: 1;
		pointer-events: inherit;
	}

	.editor .main-cr .owl-item.active  .crousel-set .owl-nav {
		display: none;
	}

	.editor .main-cr .owl-item.center  .crousel-set .owl-nav {
		display: inherit;
	}

	.editor .crousel-set .max-width-item {
		max-width: 1100px;
	}
}

/*.editor .main-cr .crousel-set .owl-next {*/
/*	position: absolute;*/
/*	right: 5%;*/
/*	left: unset;*/
/*	top: 50%;*/
/*	transform: translateX(-50%);*/
/*	margin-left: 0;*/
/*	color: #fff;*/
/*	text-shadow: 0px 0px 2px #000;*/
/*	display: block;*/
/*}*/

.editor .main-cr .crousel-set .owl-next {
	position: absolute;
	right: 5%;
	left: unset;
	top: 50%;
	transform: translateX(-50%);
	margin-left: 0;
	color: #fff;
	text-shadow: 0 0 2px #000;
	display: block;
	margin-top: -15px;
	height: 40px;
	margin-right: -82px;
	padding: 10px 50px 10px 10px;
}

.editor .crousel-set .owl-prev {
	display: none;
}
.editor .crousel-set .owl-next {
	display: none;
}


.editor .main-cr .slider-col {
	position: relative;
	margin-bottom: 60px;
}
.editor .main-cr .slider-col .counter {
	position: absolute;
	left: inherit;
	transform: none;
	bottom: -20px;
	font-family: 'Spectral', serif;
	width: 100%;
}

.editor .main-cr .slider-col .counter .slider-count {
	padding-right: 20px;
}

.editor .main-cr .slider-col .counter .lines-f {
	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flex;
	display: -o-inline-flex;
	display: inline-flex;
	padding-right: 15px;
	position: relative;
}

.editor .main-cr .slider-col .counter .lines-f .line-f {
	background-color: #CDCDCD;
	height: 1px;
	width: 100%;
	display: block;
	position: relative;
}

.editor .main-cr .slider-col .counter .lines-f:last-child {
	padding-right: 0;
}

.editor .main-cr .slider-col .counter .lines-f.active-focus .line-f:before {
	content: ' ';
	height: 3px;
	background-color: #1E1E1E;
	position: absolute;
	top: -1px;
	left: 0px;
	width: 100%;
}

/*.focus-page .main-cr .slider-col .counter .lines-f.active-focus .line-f:before {
	content: ' ';
	height: 3px;
	background-color: #1E1E1E;
	position: absolute;
	top: -1px;
	left: 0px;
	animation: focusStoryWith 7s ease-in-out;
}*/

.editor .custom-nav-f-owl {
	position: relative;
	margin-bottom: 15px;
	padding-left: 15px;
}

.editor .custom-nav-f-owl .nc-icon-outline {
	cursor: pointer;
}

.editor .custom-nav-f-owl .arrows-1_tail-right {
	margin-left: 20px;
}

.editor .custom-nav-f-owl .disabled {
	pointer-events: none !important;
	opacity: 0.5;
}

.editor .custom-nav-f-owl .counter-fs {
	position: absolute;
	right: 10px;
	top: -5px;
}

.editor .custom-nav-f-owl .counter-fs .focus-main-line {
	height: 1px;
	width: 15px;
	background-color: #D8D8D8;
	margin-left: 4px;
	margin-right: 4px;
	display: inline-block;
	vertical-align: middle;
}

.editor .custom-nav-f-owl .counter-fs {
	font-size: 14px;
}

.editor .main-cr .headline {
	color: #1E1E1E;
	font-size: 24px;
	line-height: 28px;
	font-family: 'Spectral', serif;
}

.editor .body-slider {
	margin-top: 20px;
	margin-bottom: 20px;
	border-top: 1px solid #E8E8E8;
	border-bottom: 1px solid #E8E8E8;
	padding-top: 50px;
	padding-bottom: 50px;
}

.editor .owl-item {
	max-width: 1200px !important;
}

@media only screen and (min-width: 2500px) {
	.editor .owl-item {
		max-width: 1400px !important;
	}
}


/***********************************/
/* End Article Case */

/***********************************/
/* Story */

.story .story-img {
	height: 400px;
	background-size: cover;
	background-position: center;
	overflow: hidden;
	position: relative;
	z-index: 333;

}
.storycard {
	position: relative;
	height: 400px;
}
.story-img {
	overflow: hidden;
	height: 400px;
	position: relative;
	z-index: 333;
}
.story-img .img {
	height: 400px;
	background-size: cover;
	background-position: center;
	transform: scale(1.1);

	

	transition: 		all .2s linear, transform 1.2s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-webkit-transition: all .2s linear, transform 1.2s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-o-transition: 		all .2s linear, transform 1.2s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-moz-transition: 	all .2s linear, transform 1.2s cubic-bezier(0.555, 0.205, 0.295, 0.975);
}
.story-img .r-scale {
	transform: scale(1);
}
.storycard .storycard-black {
	width: 100%;
	height: 450px;
	background-color: #1E1E1E;
	position: absolute;
	top: 0;

	transform: translateY(450px);

	transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-webkit-transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-o-transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-moz-transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);

}
.storycard .black-card-in {
	transform: translateY(0px);
}
.storycard .black-card-out {
	transform: translateY(-505px);
}
.story .modal {
	min-height: 80%;
}
.story .videoplayer {
	margin-bottom: 20px;
}
.story a {
	cursor: pointer;
}
.story .desc {
	margin-bottom: 70px;
}
.story .desc p {
	font-size: 16px;
	color: #1e1e1e;
	text-align: justify;
	font-weight: 300;
	line-height: 1.63;
}
.story p {
	font-size: 16px;
	font-weight: 300;
	line-height: 1.63;
	text-align: justify;
	color: #1e1e1e;
}
.stroy-block img,
.desc-img img {
	width: 100%;
}
.stroy-block {
	text-align: left;
}
.stroy-block p.title {
	font-weight: 500;
	font-size: 16px;
	margin-top: 40px;
}
.stroy-block p.desc {
	font-weight: 300;
	font-size: 16px;
	margin-top: -10px;
	padding-right: 75px;
}
.projects-block h3 {
	margin-top: 18px;
}
.projects-block .desc p {
	font-size: 16px;
	color: #1e1e1e;
	text-align: justify;
	font-weight: 300;
	line-height: 1.63;
}
.career h3,
.prj h3,
.story h3,
.journal h3 {
	margin-top: 35px;
}
.journal p {
	font-weight: 300;
}
.service h3 {
	margin-top: 100px;
}
.desc {
	font-weight: 300;
}
@media only screen and (max-width: 993px) {
	.stroy-block {
		margin-top: 50px;
	}
}

/***********************************/
/* End Story */


/***********************************/
/* Services */

.services .services-img {
	height: 420px;
	background-size: cover;
	background-position: center;
	overflow: hidden;
	position: relative;
	z-index: 333;

}
.servicescard {
	position: relative;
	height: 420px;
}
.services-img {
	overflow: hidden;
	height: 420px;
	position: relative;
	z-index: 333;
}
.services-img .img {
	height: 420px;
	background-size: cover;
	background-position: center;
	transform: scale(1.1);

	

	transition: 		all .2s linear, transform 1.2s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-webkit-transition: all .2s linear, transform 1.2s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-o-transition: 		all .2s linear, transform 1.2s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-moz-transition: 	all .2s linear, transform 1.2s cubic-bezier(0.555, 0.205, 0.295, 0.975);
}
.services-img .r-scale {
	transform: scale(1);
}
.servicescard .servicescard-black {
	width: 100%;
	height: 450px;
	background-color: #1E1E1E;
	position: absolute;
	top: 0;

	transform: translateY(450px);

	transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-webkit-transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-o-transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-moz-transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);

}
.servicescard .black-card-in {
	transform: translateY(0px);
}
.servicescard .black-card-out {
	transform: translateY(-505px);
}

.services-img-small,
.services-img {
	height: 420px;
	background-size: cover;
	background-position: center;
}
.services-img-small {
	height: 225px;
	margin-top: 25px;
	margin-right: -5px;
}
.services-block .desc {
	font-size: 16px;
	color: #1e1e1e;
	text-align: left;
	font-weight: 300;
	line-height: 1.63;
}
.services-block {
	text-align: left;
}
.services-block p.desc {
	font-weight: 300;
	font-size: 16px;
	padding-right: 75px;
	margin-top: 50px;
}
.services-title-col {
	position: relative;
}
.services-title-col .count-services {
	position: absolute;
	left: 0px;
	top: -3px;
	font-size: 11px;
	color: #9c9c9c;
}
.services-title-col h4 {
	border-bottom: 1px solid #1d1d1d;
	padding-bottom: 20px;
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase; 
	font-family: 'Spectral', serif;
}
.services-list {
	margin-top: -10px;
 }
.services-list img.arrow {
	width: 14px;
	margin-right: 10px;
	margin-top: 2px;
}
.services-list .row .s1 {
	text-align: right;
}
.services-list img.up {
	transform: rotate(180deg);
} 

.services-list .txt {
	border-bottom: 1px solid #e8e8e8;
	display: inline-block;
	padding-bottom: 7px;
	font-size: 14px;
	font-weight: 300;
	color: #1e1e1e;
	margin-left: -15px;
	line-height: 2rem;
}

.services-list .collapsible {
	border: none !important;
	box-shadow: none;
}
.services-list .collapsible-body,
.services-list .collapsible-header {
	border: none !important;
}
.services-list .collapsible-body span,
.services-list .collapsible-header span {
	display: block;
}

.services-list .collapsible-header img {
	margin-top: 10px;
	transition: all .2s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-webkit-transition: all .2s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-o-transition: all .2s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-moz-transition: all .2s cubic-bezier(0.555, 0.205, 0.295, 0.975);
}
.services-list .collapsible-header.active img {
	transform: rotate(180deg);
}
.services-list .collapsible-header .txt {
	padding-bottom: 0px;
}
.services-list .collapsible-body span {
	margin-top: 20px;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.63;
	text-align: justify;
	color: #1e1e1e;
}
.services-list .collapsible-body span.title {
	font-size: 12px;
	text-transform: uppercase;
}
.services-list .ul-list li {
	margin-top: 10px;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.63;
	text-align: left;
	color: #1e1e1e;
}
.services-list .ul-list li::before {
	content: "-";
	padding-right: 5px;
}

@media only screen and (max-width: 993px) {
	.servicescard {
		height: 240px;
	}
	.services-block {
		margin-top: 30px;
	}
	.services-img .img,
	.services-img {
		height: 220px;
	}
	.services-block p.desc {
		padding-right: 10px;
	}
	.services-list .txt {
		margin-left: 10px;
		margin-right: 30px;
	}
	.collapsible-header .row {
		margin-bottom: 20px;
	}
}

/***********************************/
/* End Services */

/***********************************/
/* Partners */
.partners-block {
	margin-top: 30px;
}
.partners-block a {
	cursor: pointer;
}
.partners-block .title {
	font-size: 16px;
	color: #1d1d1d;
	margin-top: 15px;
	margin-bottom: -12px;
	font-family: 'Spectral', serif;
	font-weight: 400;
}
.partners-block .tag {
	font-size: 14px;
	font-weight: 300;
	color: #1e1e1e;
	margin-top: 15px;
}
.partners h3 {
	margin-top: 35px;
}
.modal-in-partners {
	box-shadow: 0 8px 20px 1px rgba(0, 0, 0, 0.07),0 3px 15px 2px rgba(0, 0, 0, 0.1),0 5px 5px -3px rgba(0, 0, 0, 0.07);
	background-color: #1e1e1e;
	z-index: 1000 !important;
	width: 50%;
}
.modal-overlay {
	z-index: 999 !important;
}
.modal-partners {
	background-color: #1e1e1e;
	position: relative;
}
@media only screen and (min-width: 3048px) {
	.modal-partners > .container > div {
		position: fixed;
		top: 50%;
		transform: translateY(-50%);
	}
}
.modal-partners .close {
	position: absolute;
	top: 20px;
	right: 20px;
}
.modal-partners .close i {
	color: #fff;
	font-size: 25px;
	cursor: pointer;
}
.modal-partners .row:first-child {
	margin-top: 30px;
}
.modal-partners .title,
.modal-partners p {
	color: #fff;
}
.modal-partners img {
	width: 100%;
}
.modal-partners .txt,
.modal-partners .sec-title {
	font-size: 14px;
	font-weight: 300;
}
.modal-partners .sec-title {
	margin-top: 10px;
}
.partner-projects-visit {
	text-align: right;
}
.partner-projects-visit a {
	padding-bottom: 15px;
	font-size: 14px;
	color: #fff;
}
.partner-projects-title .title {
	font-size: 18px;
	font-weight: 300;
	margin-bottom: 20px;
}
.partners .desc {
	font-size: 16px;
	font-weight: 300;
}
.modal-partners  .divid {
	height: 1px;
	border: 0;
	border-top: 1px solid #313131;
	margin-top: 0;
	vertical-align: middle;
	background-color: none ;
	margin-top: 10px;
}
.modal-partners .title-pro {
	font-family: 'Spectral', serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.33;
	text-align: left;
	color: #ffffff;
	text-transform: uppercase;
	margin-top: -10px;
}
.modal-partners .likn-pro {
	margin-bottom: -20px;
	color: #fff;
}
.modal-partners .sec-title-pro {
	font-family: 'Spectral', serif;
	margin-top: 10px;
	font-size: 14px;
	font-weight: 400;
}


.partnerscard .partners-img {
	height: 180px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
	position: relative;
	z-index: 333;
	width: 100%;

}
.partnerscard {
	position: relative;
	height: 180px;
	width: 100%;
	cursor: pointer;
	border: 1px solid #E8E8E8;
}
.partners-img {
	overflow: hidden;
	height: 180px;
	width: 100%;
	position: relative;
	z-index: 333;
}
.partners-img .img {
	height: 175px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	transform: scale(1.1);

	

	transition: 		all .2s linear, transform 1.2s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-webkit-transition: all .2s linear, transform 1.2s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-o-transition: 		all .2s linear, transform 1.2s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-moz-transition: 	all .2s linear, transform 1.2s cubic-bezier(0.555, 0.205, 0.295, 0.975);
}
.partners-img .r-scale {
	transform: scale(1);
}
.partnerscard .partnerscard-black {
	width: 100%;
	height: 200px;
	background-color: #1E1E1E;
	position: absolute;
	top: 0;

	transform: translateY(200px);

	transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-webkit-transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-o-transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-moz-transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);

}
.partnerscard .black-card-in {
	transform: translateY(0px);
}
.partnerscard .black-card-out {
	transform: translateY(-205px);
}




.partnerscard-g .partners-img-g {
	height: 250px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
	position: relative;
	z-index: 333;
	width: 100%;

}
.partnerscard-g {
	position: relative;
	height: 255px;
	width: 100%;
	cursor: pointer;
	border: 1px solid #E8E8E8;
}
.partners-img-g {
	overflow: hidden;
	height: 250px;
	width: 100%;
	position: relative;
	z-index: 333;
}
.partners-img-g .img {
	height: 250px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	transform: scale(1.1);

	

	transition: 		all .2s linear, transform 1.2s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-webkit-transition: all .2s linear, transform 1.2s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-o-transition: 		all .2s linear, transform 1.2s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-moz-transition: 	all .2s linear, transform 1.2s cubic-bezier(0.555, 0.205, 0.295, 0.975);
}
.partners-img-g .r-scale {
	transform: scale(1);
}
.partnerscard-g .partnerscard-black {
	width: 100%;
	height: 250px;
	background-color: #1E1E1E;
	position: absolute;
	top: 0;

	transform: translateY(250px);

	transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-webkit-transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-o-transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-moz-transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);

}
.partnerscard-g .black-card-in {
	transform: translateY(0px);
}
.partnerscard-g .black-card-out {
	transform: translateY(-255px);
}





@media only screen and (max-width: 993px) {
	.modal {
		width: 95%;
	}
	.modal-partners .title, .modal-partners p {
		margin-bottom: 20px;
	}
	.partners-block {
		margin-top: 15px;
	}
	.modal .modal-content {
		overflow: hidden;
	}
	.modal-partners .row {
		margin-bottom: 0;
	}
	.modal-partners img {
		margin-bottom: 10px;
	}
}

/***********************************/
/* End Partners */

/***********************************/
/* Clients */

.clients .desc {
	font-size: 16px;
	font-weight: 300;
}
.clients h3 {
	margin-top: 35px;
}

/***********************************/
/* End Clients */


/***********************************/
/* Presentations */
.presentations .presentations-img {
	height: 200px;
	background-size: cover;
	background-position: center;
	overflow: hidden;
	position: relative;
	z-index: 333;

}
.presentationscard {
	position: relative;
	height: 200px;
	margin-bottom: 100px;
}
.presentations-img {
	overflow: hidden;
	height: 200px;
	position: relative;
	z-index: 333;
}
.presentations-img .img {
	height: 200px;
	background-size: cover;
	background-position: center;
	transform: scale(1.1);

	

	transition: 		all .2s linear, transform 1.2s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-webkit-transition: all .2s linear, transform 1.2s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-o-transition: 		all .2s linear, transform 1.2s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-moz-transition: 	all .2s linear, transform 1.2s cubic-bezier(0.555, 0.205, 0.295, 0.975);
}
.presentations-img .r-scale {
	transform: scale(1);
}
.presentationscard .presentationscard-black {
	width: 100%;
	height: 250px;
	background-color: #1E1E1E;
	position: absolute;
	top: 0;

	transform: translateY(250px);

	transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-webkit-transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-o-transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-moz-transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);

}
.presentationscard .black-card-in {
	transform: translateY(0px);
}
.presentationscard .black-card-out {
	transform: translateY(-255px);
}
.presentationscard .presentationscard-txt {
	position: relative;
	top: -50px;
	opacity: 0;

	transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	-moz-transition: all .2s linear;


}
.presentationscard .card-txt-in {
	top: 0;
	opacity: 1;
}
.presentationscard .presentationscard-down {
	position: absolute;
	opacity: 0;
	bottom: -53px;
}
.presentationscard .presentationscard-in {
	bottom: -60px;
	opacity: 1;

	transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-webkit-transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-o-transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-moz-transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);
}
.presentationscard .presentationscard-down .title {
	font-size: 14px;
	font-weight: 300;
	color: #1d1d1d;
}
.presentationscard .presentationscard-down i {
	color: #1d1d1d;
	font-size: 10px;
	margin-right: 3px;
}
/***********************************/
/* End Presentations */

/***********************************/
/* News */

.news-container .smallcard-tags,
.news-container .bigcard-tags {
	font-size: 11px;
	font-weight: 300;

	transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	-moz-transition: all .2s linear;
}
.news-container .smallcard-img,
.news-container .bigcard-img,
.news-container .smallcard,
.news-container .bigcard {

	transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	-moz-transition: all .2s linear;
}


.news-container .smallcard:hover,
.news-container .bigcard:hover,
.news-container .smallcard-txt:hover + .bigcard-img,
.news-container .bigcard-txt:hover + .bigcard-img {
	opacity: .5;
}

.news-container .bigcard-txt,
.news-container .smallcard-txt {
	top: -50px;
	opacity: 0;

	transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	-moz-transition: all .2s linear;


}
.news-container .card-txt-in {
	top: 0;
	opacity: 1;
}


@media only screen and (max-width: 993px) {
	.news-container .row {
		margin-top: 0;
	}
	.news-container .col {
		margin-top: 50px;
	}
}

/***********************************/
/* End News */


/***********************************/
/* Career */

.career .career-img {
	height: 420px;
	background-size: cover;
	background-position: center;
	overflow: hidden;
	position: relative;
	z-index: 333;

}
.careercard {
	position: relative;
	height: 420px;
}
.career-img {
	overflow: hidden;
	height: 420px;
	position: relative;
	z-index: 333;
}
.career-img .img {
	height: 420px;
	background-size: cover;
	background-position: center;
	transform: scale(1.1);

	

	transition: 		all .2s linear, transform 1.2s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-webkit-transition: all .2s linear, transform 1.2s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-o-transition: 		all .2s linear, transform 1.2s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-moz-transition: 	all .2s linear, transform 1.2s cubic-bezier(0.555, 0.205, 0.295, 0.975);
}
.career-img .r-scale {
	transform: scale(1);
}
.careercard .careercard-black {
	width: 100%;
	height: 450px;
	background-color: #1E1E1E;
	position: absolute;
	top: 0;

	transform: translateY(450px);

	transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-webkit-transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-o-transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-moz-transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);

}
.careercard .black-card-in {
	transform: translateY(0px);
}
.careercard .black-card-out {
	transform: translateY(-505px);
}
.career-list {
	margin-top: 10px;
}
.career-list img.arrow {
	width: 20px;
	margin-right: 10px;
	margin-top: 15px;
	transform: rotate(270deg);
}
.career-list .row .s1 {
	text-align: right;
}
.career-list .txt span {
	display: block;
	font-weight: 300;
	padding-top: 5px;
	color: #1e1e1e;
}
.career-list .txt .title {
	font-weight: 500;
	text-transform: uppercase;
}
.career-list img.up {
	transform: rotate(180deg);
}
.career-title-col h4 {
	border-bottom: 1px solid #1d1d1d;
	padding-bottom: 20px;
	font-size: 18px;
	text-transform: uppercase;
	cursor: pointer;
}
.career-title-col i {
	color: #9c9c9c;
	font-size: 20px;
	vertical-align: middle;
	float: left;
	margin-right: 15px;
	margin-top: 15px;
	cursor: pointer;
}
.career-apply {
	font-size: 16px;
	font-weight: 300;
}
.career-apply .ul-list li {
	margin-top: 10px;
	color: #1e1e1e;
}
.career-apply .ul-list li::before {
	content: "-";
	padding-right: 5px;
}
.career-apply span {
	display: block;
	margin-top: 20px;
}
.career-apply .title {
	font-weight: 500;
	text-transform: uppercase;
}

.career-form {
	margin-top: 20px;
}
.career-form input {
	-webkit-appearance: none;
	height: 54px;
	border: 1px solid #e1e1e3;
	font-size: 15px;
	position: relative;
	padding-left: 15px;
	box-sizing: border-box;
	width: 100%;
}
.btn-bp {
	margin-top: 25px;
	width: 100%;
	background-color: #1e1e1e;
	height: 51px;
	font-weight: 400;
	box-shadow: none;
	font-size: 15px;
	text-transform: capitalize;
}
.btn-bp:focus,
.btn-bp:hover {
	background-color: #1e1e1e;
	box-shadow: none;
	font-size: 15px;
	text-transform: capitalize;
}
.hide-iputs {
	display: none;
}
.career .attachment-bp {
	display: inline-flex;
	margin-left: 20px;
	cursor: pointer;
}
.career .attachment-bp i {
	margin-right: 10px;
	font-size: 18px;
	transform: rotate(40deg);
}
.career .attachment-bp span {
	margin-top: 0;
	border-bottom: 1px solid #d8d8d8;
	padding-bottom: 7px;
}
.career .desc {
	font-size: 16px;
	font-weight: 300;
	line-height: 1.63;
	text-align: left;
	color: #1e1e1e;
}

@media only screen and (max-width: 993px) {
	.careercard {
		height: 230px;
	}
	.career .career-img {
		height: 200px;
		margin-bottom: 25px;
	}
	.career-img .img {
		height: 200px;
	}
}
/***********************************/
/* End Career */


/***********************************/
/* Contacts */
#map1, #map2 {
	height: 600px;
	width: 100%;
}
.contacts-card p {
	font-size: 16px;
	font-weight: 300;
	text-align: left;
	color: #1d1d1d;
	margin: 0;
}
.contacts-card .location {
	font-weight: 400;
	font-size: 18px;
	margin-top: 20px;
	margin-bottom: 15px;
	text-transform: uppercase;
	font-family: 'Spectral', serif;
}
.contacts-card .tel {
	margin-top: 42px;
}
.contacts-card .tel span {
	margin-right: 6px;
}
.contacts-card a {
	color: #1d1d1d;
	font-weight: 300;
}
.contacts .divid-container .long .divid {
	width: 100%;
}
.contacts .desc {
	font-size: 16px;
	color: #1e1e1e;
	text-align: left;
	font-weight: 300;
	line-height: 1.63;
	margin-bottom: 70px;
}
.contacts input {
	-webkit-appearance: none;
	font-weight: 300;
	height: 54px;
	border: 1px solid #e1e1e3;
	font-size: 15px;
	position: relative;
	padding-left: 15px;
	box-sizing: border-box;
	width: 100%;
}
.contacts textarea {
	height: 150px;
	padding: 20px;
	resize: vertical;
	outline: none;
	-webkit-appearance: none;
	border: 1px solid #e1e1e3;
	font-size: 15px;
}
.contacts .btn {
	width: inherit;
}
.contacts .long .section-title h3 {
	margin-bottom: 40px;
	margin-top: 150px;
}
.contacts .logo_c {
	border-right: 1px solid #E8E8E8;
}
.contacts .logo_c_t {
	padding-left: 25px;
}
.contacts .logo_c_t p:first-child {
	margin-top: -5px;
}
.contacts .logo_c img {
	width: 20px;
	margin-top: 5px;
}
.contacts .line {
	position: relative;
}
.contacts .line hr {
	width: 50px;
	position: absolute;
	top: 3px;
	height: 1px;
	border: 0;
	border-bottom: 1px solid #E8E8E8;
}
.contacts .line_x hr {
	top: 8px;
}


@media only screen and (max-width: 993px) {
	.contacts-card {
		margin-bottom: 50px;
	}
	#map1, #map2, #map3 {
		height: 300px;
		width: 100%;
	}
}

/***********************************/
/* End Contacts */


/***********************************/
/* Privacy */
.privacy {
	// padding-top: 120px;
}
.privacy .title {
	font-size: 24px;
	color: #1e1e1e;
	font-weight: 400;
	font-family: 'Spectral', serif;
	text-align: left;
}
.privacy .li {
	display: list-item;
	list-style-type: disc;
	list-style-position: inside;
	font-size: 16px;
	color: #1e1e1e;
	font-weight: 300;
	padding-left: 20px;
}
.privacy .title-agb {
	font-weight: inherit;
	margin-top: 0px;
}
.privacy .in {
	margin-top: -25px;
} 
.privacy .social-link,
.privacy .desc {
	font-size: 16px;
	color: #1e1e1e;
	font-weight: 300;
	margin: 0;
	margin-bottom: 10px;
}

.privacy .desc2 {
	font-size: 16px;
	color: #1e1e1e;
	font-weight: 300;
	margin: 0;
}
.privacy .number {
	font-size: 24px;
	font-weight: 400;
	font-family: 'Spectral', serif;
}
.privacy .download-link {
	font-size: 16px;
	color: #1e1e1e;
}
.privacy .download-link i {
	font-size: 12px;
}
.privacy .social-link {
	display: block;
	margin-top: 10px;
}
@media only screen and (max-width: 993px) {
	.privacy {
		padding: 120px 20px 20px 10px;
	}
	.privacy .title {
		font-size: 24px;
	}
}

.datenschutz .title {
	font-family: 'Work Sans', sans-serif;
}

.datenschutz .mt10 {
	margin-top: 10px;
}

.datenschutz .mb10 {
	margin-bottom: 10px;
}

/***********************************/
/* End Privacy */


/***********************************/
/* Collection */

.pdf-collection {
	border-bottom: 1px solid #e8e8e8;
}
.pdf-nav {
	margin-top: 20px;
	margin-bottom: 14px;
	text-align: center;
	font-size: 12px;
	color: #9b9b9b;
	text-transform: uppercase;
	font-weight: 300;
}
.pdf-nav-mobile span,
.pdf-nav span {
	cursor: pointer;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-o-transition: all .3s linear;
	-moz-transition: all .3s linear;	
}
.pdf-nav-mobile span:hover,
.pdf-nav span:hover {
	color: #1e1e1e;
}

.pdf-nav-mobile {
	margin-top: 20px;
}
.pdf-nav-mobile span {
	text-transform: uppercase;
	color: #9b9b9b;
	font-size: 12px;
}
.down-mob {
	text-align: right;
}
.pdf-nav-mobile .row:first-child {
	border-bottom: 1px solid #e8e8e8;
}
.pdf-nav-mobile .row:last-child {
	padding-top: 5px;
}
.pdf-nav .pdf-title,
.pdf-nav-mobile .row .pdf-title {
	text-align: center;
	border-bottom: none;
	margin-bottom: 10px;
}
.pdf-nav .pdf-title {
	height: 1rem;
	margin-bottom: 0;
}
.pdf-nav input[type=text]:focus:not([readonly]),
.pdf-nav-mobile input[type=text]:focus:not([readonly]) {
	border-bottom: none;
	box-shadow: none;
}

.pdf-title::-webkit-input-placeholder {
   text-align: center;
}

.pdf-title:-moz-placeholder {
   text-align: center;  
}

.pdf-title::-moz-placeholder {
   text-align: center;  
}

.pdf-title:-ms-input-placeholder {  
   text-align: center; 
}

/* clear fix */
.grid:after {
	content: '';
	display: block;
	clear: both;
}

/* ---- .grid-item ---- */

.grid-sizer,
.grid-item {
	width: 33.333%;
}

.grid-item {
	float: left;

	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-o-transition: all .3s linear;
	-moz-transition: all .3s linear;
}

.grid-item img {
	display: block;
	max-width: 100%;
	padding: 20px;
}
.remove-item {
	position: absolute;
	top: 20px;
	right: 20px;
	background: rgba(255, 255, 255, 0.8);
	padding: 11px;
	cursor: pointer;
	display: none;
	opacity: 0;

	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-o-transition: all .3s linear;
	-moz-transition: all .3s linear;
}
.grid-item:hover > .remove-item {
	display: inherit;
	opacity: 1;
}
.no-elements p {
	font-size: 16px;
}
.no-elements p:first-child {
	font-size: 18px;
	text-transform: uppercase;
	margin-top: 200px;
}


@media only screen and (max-width: 993px) {
	.grid-item {
	  width: 100%;
	}
	.remove-item {
		display: block;
		opacity: 1;
	}
}


/***********************************/
/* End Collection */

/***********************************/
/* Footer */
footer {
	margin-top: 130px;
}
footer .divid-container {
	margin-top: 20px;
}
.footer .brand-logo-footer {
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 1.5px;
	text-align: left;
	color: #1d1d1d;
	margin-top: 10px;
	text-transform: uppercase;
}
.footer .brand-logo-footer img {
	width: 120px;
	margin-top: -30px;
}
.brand-logo-col {
	margin-top: 30px;
}
.social-moblie-links li,
.social-links li {
	display: inline-block;
	margin-left: 15px;
	width: 28px;
	height: 28px;
	background-color: #1e1e1e;
	text-align: center;
	border-radius: 1px;
}
.social-links li a {
	padding: 10px;
	margin-left: -2px;
}
.social-moblie-links li a,
.social-links li a {
	border-radius: 1px;
	color: #fff;
}
.social-moblie-links li a i,
.social-links li a i {
	font-size: 12px;
	margin-top: 8px;
}
.legal-notice-link , .copyright {
	font-size: 11px;
	font-weight: 300;
	text-align: center;
	color: #9c9c9c;
	text-transform: uppercase;
}
.legal-notice-link {
	padding-left: 15px;
}


@media only screen and (max-width: 993px) {
	footer {
		margin-top: 40px;
	}
	.brand-logo-col {
		text-align: center;
	}
	.footer .footer-bottom {
		text-align: center;
	}
	.social-moblie-links li {
		margin-left: 9px;
		margin-right: 9px;
	}
}

/***********************************/
/* End Footer */

@media only screen and (min-width: 993px) {
	.container {
		width: 90%;
	}
}

.loader-bp-block {
	position: absolute;
	
	transition: all .5s linear;
	-webkit-transition: all .5s linear;
	-o-transition: all .5s linear;
	-moz-transition: all .5s linear;
	
}
.loader-bp {
	width: 100%;
	height: 100%;
	position: fixed;
	overflow: hidden;
	top: 0;
	background-color: #fff;
	z-index: 9999;
	text-align: center;
	transform: translateY(110%);

	transition: all .5s linear;
	-webkit-transition: all .5s linear;
	-o-transition: all .5s linear;
	-moz-transition: all .5s linear;
}
.loader-bp span {
	position: absolute;
	top: 50vh;
	font-size: 25px;
	left: 50%;
	transform: translateX(-50%);
	font-weight: 500;
	text-transform: uppercase;
	color: #9c9c9c;

	animation-name: bound;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}
.loader-bp-logo img {
	width: 250px;
	margin-top: -100px;
}
.in {
	transform: translateY(0);
}
.out {
	transform: translateY(-110%);
}
.over-hide {
	overflow: hidden;
}
.invis {
	opacity: 0;
}

@keyframes bound {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}


@media only screen and (max-width: 993px) {
	.loader-bp span {
		top: 45vh;
	}
	.loader-bp-logo img {
		width: 150px;
		margin-top: -20px;
	}
}

.progresivload {

	transition: all .7s ease-in-out;
	-webkit-transition: all .7s ease-in-out;
	-o-transition: all .7s ease-in-out;
	-moz-transition: all .7s ease-in-out;
}
.initload {
	filter: blur(50px);
	/* this is needed so Safari keeps sharp edges */
	transform: scale(1);
}
.loaded {
	opacity: 1;
	filter: none;
}
.brightness {
	-webkit-filter: brightness(0.8);
	filter: brightness(0.8);
}
#modalGallery {
	width: 100% !important;
	max-height: 100%;
	height: 100%;
}

#player-focus {
	margin-left: 40px;
	margin-right: 40px;
}

.focus-page .section-title {
	margin-bottom: 60px;
}

.focus-page p {
	margin-block-start: 25px;
	margin-block-end: 20px;
	font-weight: 300;
}

.focus-page .headline {
	color: #1E1E1E;
	font-family: 'Spectral', serif;
	font-size: 24px;
	line-height: 28px;
	margin-block-end: 0;
	text-align: left;
}

.mb60 {
	margin-top: 60px;
}

.focus-page .main-cr .headline {
	text-align: center;
}

.focus-page .sub-headline {
	font-family: 'Spectral', serif;
	font-weight: 400;
	font-size: 17px;
	margin-block-start: 10px;
	text-align: left;
}

.focus-page .in-headline {
	font-family: 'Spectral', serif;
	font-weight: 400;
	font-size: 20px;
	margin-block-start: 10px;
	text-align: left;
}

.focus-page .list-headline {
	font-family: 'Spectral', serif;
	font-weight: 500;
	font-size: 17px;
	margin-block-end: 0;
}

.focus-page .headline.mt20 {
	margin-top: 20px;
}

.focus-page p.img-desc {
	color: #282828;
	font-family: 'Work Sans', sans-serif;
	font-size: 14px;
	font-weight: 300;
	margin-block-start: 20px;
	margin-block-end: 15px;
}

.focus-page .focus-ul {
	list-style-type: disc !important;
}

.focus-page .focus-ul li {
	list-style-type: disc !important;
	margin-left: 20px;
	font-weight: 300;
}

.focus-page .focus-products {
	margin-top: 50px;
	padding-top: 50px;
	margin-bottom: 55px;
	border-top: 1px solid #E8E8E8;
	border-bottom: 1px solid #E8E8E8;
}

.industry .focus-products {
	margin-top: -20px;
}

.focus-page .crousel-set {
	position: relative;
}
.focus-page .crousel-set .item {
	cursor: inherit;
}
.focus-page .main-cr .crousel-set .item {
	cursor: pointer;
	border: 1px solid #F0F0F0;
}

.focus-page .main-cr .crousel-set .owl-prev {
	position: absolute;
	left: 5%;
	top: 50%;
	transform: translateX(-50%);
	margin-left: -1px;
	color: #fff;
	text-shadow: 0px 0px 2px #000;
	display: block;
	margin-top: -30px;
	padding: 10px 10px 10px 50px;
	height: 40px;
}

.rm-class {
	color: red;
}

.focus-page .main-cr  .owl-item .crousel-set .owl-nav {
	display: none;
	transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
}

.focus-page .main-cr .owl-item {
	opacity: 0.5;
	transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	pointer-events: none;
}

.focus-page .main-cr .owl-item.active {
	opacity: 1;
	pointer-events: inherit;
}

.focus-page .main-cr .owl-item.active  .crousel-set {
	opacity: 1;
	transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
}

.focus-page .main-cr .owl-item.active  .crousel-set .owl-nav,
.focus-page .main-cr .owl-item.center  .crousel-set .owl-nav {
	display: inherit;
}

.focus-page .main-cr .crousel-set .owl-next {
	position: absolute;
	right: 5%;
	left: unset;
	top: 50%;
	transform: translateX(-50%);
	margin-left: 0;
	color: #fff;
	text-shadow: 0px 0px 2px #000;
	display: block;
	margin-top: -30px;
	height: 40px;
	margin-right: -82px;
	padding: 10px 50px 10px 10px;
}

.owl-prev.disabled i, .owl-next.disabled i {
	color: #fff !important;
}

.focus-page .crousel-set .owl-prev {
	display: none;
}
.focus-page .crousel-set .owl-next {
	display: none;
}


.focus-page .main-cr .slider-col {
	position: relative;
	margin-bottom: 60px;
}
.focus-page .main-cr .slider-col .counter {
	position: absolute;
	left: inherit;
	transform: none;
	bottom: -20px;
	font-family: 'Spectral', serif;
	width: 100%;
}

.focus-page .main-cr .slider-col .counter .slider-count {
	padding-right: 20px;
}

.focus-page .main-cr .slider-col .counter .lines-f {
	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flex;
	display: -o-inline-flex;
	display: inline-flex;
	padding-right: 15px;
	position: relative;
}

.focus-page .main-cr .slider-col .counter .lines-f .line-f {
	background-color: #CDCDCD;
	height: 1px;
	width: 100%;
	display: block;
	position: relative;
}

.focus-page .main-cr .slider-col .counter .lines-f:last-child {
	padding-right: 0;
}

/*.focus-page .main-cr .slider-col .counter .lines-f.active-focus .line-f:before {*/
/*	content: ' ';*/
/*	height: 3px;*/
/*	background-color: #1E1E1E;*/
/*	position: absolute;*/
/*	top: -1px;*/
/*	left: 0px;*/
/*	width: 100%;*/
/*}*/


.focus-page .main-cr .active .slider-col .counter .lines-f.active-focus .line-f:before {
	content: ' ';
	height: 3px;
	background-color: #1E1E1E;
	position: absolute;
	top: -1px;
	left: 0px;
	animation: focusStoryWith 7s ease-in-out forwards;
}

.focus-page .custom-nav-f-owl {
	position: relative;
	margin-bottom: 0;
	margin-top: -25px;
	z-index: 9;
}

.focus-page .custom-nav-f-owl .nc-icon-outline {
	cursor: pointer;
}

.focus-page .custom-nav-f-owl .arrows-1_tail-right {
	margin-left: 20px;
}

.focus-page .custom-nav-f-owl .disabled {
	pointer-events: none !important;
	opacity: 0.5;
}

.focus-page .custom-nav-f-owl .counter-fs {
	position: absolute;
	right: 10px;
	top: -5px;
}

.focus-page .custom-nav-f-owl .counter-fs .focus-main-line {
	height: 1px;
	width: 15px;
	background-color: #D8D8D8;
	margin-left: 4px;
	margin-right: 4px;
	display: inline-block;
	vertical-align: middle;
}

.focus-page .custom-nav-f-owl .counter-fs {
 	font-size: 14px;
}

.focus-page .share-focus {
	display: inline-flex;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 300;
	margin-top: 30px;
}
.focus-page .share-focus li:first-child {
	padding-left: 0;
}
.focus-page .share-focus li {
	padding-left: 25px;
}
.focus-page .share-focus li.title {
	font-weight: 400;
}
.focus-page .share-focus li a {
	color: #1e1e1e;
	cursor: pointer;
}
.focus-page .slider-container {
	width: 100% !important;
}

@media (-webkit-min-device-pixel-ratio: 2) {
	.focus-page .slider-container {
		width: 95% !important;
	}

	.focus-page .slider-container2 {
		width: 85% !important;
	}
}

@-webkit-keyframes focusStoryWith {
	from {width: 0%}
	to {width: 90%}
}

/* Standard syntax */
@keyframes focusStoryWith {
	from {width: 0%}
	to {width: 100%}
}

.focus-page .modal .modal-footer {
	background-color: #ffffff;
}

.focus-page .form-button {
	background-color: #1E1E1E;
	padding: 0 40px;
	height: 50px;
	margin-top: 10px;
}

.focus-page .modal .modal-footer .form-button-cancel {
	border: 1px solid #DCDCDC;
	background-color: #FFFFFF;
	color: #1E1E1E;
	padding: 0 40px;
	margin-left: 10px;
	margin-right: 10px;
	text-transform: capitalize;
	box-shadow: none;
	height: 50px;
	line-height: 50px;
	min-width: 180px;
}

.focus-page .modal .modal-footer .form-button-success {
	background-color: #1E1E1E;
	padding: 0 40px;
	text-transform: capitalize;
	box-shadow: none;
	height: 50px;
	line-height: 50px;
	min-width: 180px;
}

.focus-page .some-p span {
	color: #141414;
	font-family: 'Work Sans', sans-serif;
	font-size: 11px;
	line-height: 13px;
	text-transform: uppercase;
	margin-top: 30px;
	display: block;
}

.focus-page .company-images {
	margin-top: 25px;
}

.focus-page .modal {
	max-height: 90%;
}

.focus-page .modal-content {
	padding-left: 64px;
	padding-right: 64px;
}

.focus-page .modal-content .input-field {
	margin-top: 5px;
}

.focus-page .modal-content .help {
	color: #1E1E1E;
	font-family: 'Work Sans', sans-serif;
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
	text-align: justify;
	margin-block-start: 5px;
	margin-block-end: 5px;
}

.focus-page .modal-content .input-field label {
	background-color: #ffffff;
	color: #9B9B9B;
	padding: 0 5px;
	margin-left: 10px;
	margin-top: -2px;
	font-size: 15px;
	font-weight: 300;
}

.focus-page .modal-content textarea.materialize-textarea {
	min-height: 5rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow: none !important;
}

.focus-page .modal-content .input-field input,
.focus-page .modal-content textarea.materialize-textarea {
	border: 1px solid #DCDCDC !important;
	border-radius: 0;
	padding-left: 10px;
	box-sizing: border-box;
	color: #1E1E1E;
	font-size: 15px;
	font-weight: 300;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow: none !important;
}

.focus-page .modal-content .input-field input.error,
.focus-page .modal-content textarea.error {
	border: 1px solid #F44336 !important;
}

.focus-page .modal-content .input-field label:not(.label-icon).active {
	color: #1E1E1E;
	transform: translateY(-100%) translateX(0px);
}

.focus-page .modal-content .input-field .input-icon {
	position: absolute;
	top: 12px;
	right: 10px;
}

.focus-page .modal-content .input-field .select-wrapper span.caret {
	top: 5px;
	right: 10px;
}

.focus-page .modal-content .input-field .input-icon img {
	width: 20px;
}

.focus-page .modal-content input[type=text]:focus:not([readonly]),
.flatpickr-time input[type=number]:focus:not([readonly]),
.focus-page .modal-content textarea.materialize-textarea {
	box-shadow: none;
	border-bottom: 0;
}

.focus-page .modal-content input[type=text]:focus:not([readonly])+label,
.focus-page .modal-content textarea.materialize-textarea+label {
	color: #9B9B9B;
}

.focus-page .modal-content .center {
	text-align: center;
}

.focus-page .modal-content .modal-title {
	font-family: 'Spectral', serif;
	font-size: 18px;
	line-height: 18px;
	color: #1E1E1E;
	text-align: center !important;
}

#modalta,
#secondModal,
#redirectModal {
	background-color: #ffffff;
	max-width: 800px;
}

#modalta .ui-1_simple-remove {
	margin-right: -40px;
}

.focus-page .modal-content .input-field .dropdown-content {
	top: 50px !important;
}

.focus-page .modal-content .input-field .dropdown-content li.active.selected {
	background-color: #1E1E1E;
	color: #ffffff;
}

.focus-page .modal-content .input-field .dropdown-content li:hover,
.focus-page .modal-content .input-field .dropdown-content li.active,
.focus-page .modal-content .input-field .dropdown-content li.selected {
	background-color: #1E1E1E;
	color: #ffffff;
}

.focus-page .modal-content .input-field .dropdown-content li>a,
.focus-page .modal-content .input-field .dropdown-content li>span {
	color: #1E1E1E;
}

.focus-page .modal-content .input-field .dropdown-content li:hover>a,
.focus-page .modal-content .input-field .dropdown-content li:hover>span,
.focus-page .modal-content .input-field .dropdown-content li.active>a,
.focus-page .modal-content .input-field .dropdown-content li.active>span,
.focus-page .modal-content .input-field .dropdown-content li.selected>a,
.focus-page .modal-content .input-field .dropdown-content li.selected>span {
	color: #ffffff;
}

.focus-page  .crousel-set .item .img {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	height: 545px;
	width: 100%;
}

.focus-page .crousel-set .item .video-container .video {
	margin-top: 40px;
}

.focus-page .crousel-set .item .video-container {
	height: 545px;
	width: 100%;
}

.line-container {
	width: 100%;
	margin-top: 50px;
	height: 100px;
	margin-left: 40px;
	margin-right: 40px;
}

.line-container .line hr {
	height: 1px;
	border: 0;
	border-top: 1px solid #d8d8d8;
	vertical-align: middle;
	background-color: transparent;
	margin-top: 10px;
}

.line-container .line-items {
	position: relative;
}

.line-container .line-items .line-item {
	display: inline-block;
	width: 20%;
}

.line-container .line-items .line-item .line-dot {
	width: 11px;
	height: 11px;
	border-radius: 100%;
	border: 1px solid #1e1e1e;
	position: absolute;
	top: -15px;
	background-color: #fff;
}

.line-container .line-items .line-item .line-title {
	position: absolute;
	top: -45px;
	color: #1E1E1E;
	font-size: 12px;
	text-transform: uppercase;
}

.line-container .line-items .line-item .line-tags {
	display: flex;
	font-size: 10px;
	text-transform: uppercase;
	color: #1E1E1E;
	margin-right: 10px;
	border-bottom: 1px solid rgba(0,0,0,0.07);
	min-height: 50px;
}

.header-section .line-container {
	margin-left: 0;
	margin-top: 10px;
}

.header-section .line-container .line-items .line-item .line-tags {
	min-height: 75px;
}

@media only screen and (max-width: 993px) {
	.header-section .line-container {
		margin-bottom: -75px;
		margin-top: -20px;
	}

	.header-section .line-container .line-items .line-item .line-tags {
		min-height: 50px;
	}
}

.focus-page .max-width-item {
	max-width: 1000px;
	margin: 0 auto;
}

@media only screen and (max-width: 993px) {
	.line-container {
		width: 100%;
		margin-top: 0;
		height: inherit;
		margin-left: 0;
		margin-right: 0;
	}

	.line-container .line {
		display: none;
	}

	.line-container .line-items {
		position: relative;
		display: block;
		padding-top: 15px;
		padding-left: 30px;
		border-left: 1px solid #d8d8d8;
	}

	.line-container .line-items .line-item {
		display: block;
		width: 100%;
		position: relative;
		height: inherit;
	}

	.line-container .line-items .line-item .line-dot {
		width: 11px;
		height: 11px;
		border-radius: 100%;
		border: 1px solid #1e1e1e;
		position: absolute;
		top: -15px;
		left: -36px;
		background-color: #fff;
	}

	.line-container .line-items .line-item .line-title {
		position: absolute;
		top: -20px;
		color: #1E1E1E;
		font-size: 12px;
		text-transform: uppercase;
	}

	.line-container .line-items .line-item .line-tags {
		display: flex;
		font-size: 12px;
		color: #1E1E1E;
		margin-right: 10px;
		border-bottom: 1px solid rgba(0,0,0,0.07);
		min-height: 50px;
		margin-bottom: 40px;
	}

	#player-focus {
		margin-left: 0;
		margin-right: 0;
	}

	.focus-page .modal-content {
		padding-left: 20px;
		padding-right: 20px;
	}

	.focus-page .modal .modal-footer {
		text-align: center;
	}

	.modal .modal-footer .btn {
		float: none !important;
		margin-bottom: 20px;
	}

	#modalta .ui-1_simple-remove {
		margin-right: -7px;
	}
}

.flatpickr-current-month select {
	display: inline-block !important;
}

.accept-rules {
	margin-top: 20px;
}

.accept-rules [type="checkbox"]+label,
.accept-rules a {
	color: #1E1E1E;
	font-size: 14px;
	margin-bottom: 60px;
}

.accept-rules [type="checkbox"]+label {
	color: #1E1E1E;
	font-family: 'Work Sans', sans-serif;
	font-size: 14px;
	font-weight: 300;
}

.accept-rules a {
	text-decoration-line: underline;
}

.contacts-accept [type="checkbox"].filled-in:checked+label:after,
.accept-rules [type="checkbox"].filled-in:checked+label:after {
	border: 2px solid #1E1E1E;
	background-color: #1E1E1E;
}

.contacts-accept {
	margin-top: 20px;
}

.contacts-accept label {
	display: block;
	height: auto;
	text-align: left;
	font-size: 14px;
	line-height: 20px;
	color: #1E1E1E;
	font-family: 'Work Sans', sans-serif;
	font-weight: 300;
}

.contacts-accept label a {
	text-decoration-line: underline;
	color: #1E1E1E;
	font-size: 14px;
}

@media only screen and (min-width: 2100px) {

	.focus-page .main-cr .owl-item {
		opacity: 0.5;
		transition: all .4s ease-in-out;
		-webkit-transition: all .4s ease-in-out;
		-o-transition: all .4s ease-in-out;
		-moz-transition: all .4s ease-in-out;
		pointer-events: none;
	}

	.focus-page .main-cr .owl-item.active {
		opacity: 0.5;
		pointer-events: none;
	}

	.focus-page .main-cr .owl-item.center {
		opacity: 1;
		pointer-events: inherit;
	}

	.focus-page .crousel-set .item .video-container,
	.focus-page  .crousel-set .item .img {
		height: 620px;
	}

	.focus-page .main-cr .active .slider-col .counter .lines-f.active-focus .line-f:before {
		content: none;
	}

	.focus-page .main-cr .center .slider-col .counter .lines-f.active-focus .line-f:before {
		content: ' ';
		height: 3px;
		background-color: #1E1E1E;
		position: absolute;
		top: -1px;
		left: 0px;
		animation: focusStoryWith 7s ease-in-out forwards;
	}


}

@media only screen and (max-width: 993px) {
	.focus-page .crousel-set .item .video-container,
	.focus-page  .crousel-set .item .img {
		height: 295px;
	}

	.focus-page .main-cr .crousel-set .owl-next {
		margin-top: -15px;
	}

	.focus-page .main-cr .crousel-set .owl-prev {
		margin-top: -10px;
	}
}

.focus-page .main-cr .focus-crou .owl-item.active {
	opacity: 1;
	pointer-events: inherit;
}

#sliderLink a {
	color: #1E1E1E;
}

#redirectModal {
	background-color: #ffffff;
	max-height: 90%;
}

.imageToClick {
	cursor: pointer;
}

.modal-content-redirec p {
	font-weight: 300;
}

.modal-content-redirec p.title {
	color: #1E1E1E;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 400;
	font-family: 'Spectral', serif;
}

.modal-content-redirec img {
	width: 350px;
	margin-left: -20px;
}

#redirectModal .modal-content {
	overflow: hidden;
	overflow-y: scroll;
	height: auto !important;
	max-height: calc(100vh - 200px) !important;
	padding-left: 64px;
	padding-right: 64px;
}

@media only screen and (max-width: 993px) {
	#redirectModal .modal-content {
		max-height: calc(100vh - 350px) !important;
	}
}

#redirectModal .modal-content::-webkit-scrollbar {
	width: 4px !important;
	display: block;
}

/* Track */
#redirectModal .modal-content::-webkit-scrollbar-track {
	background: #fff !important;
}

/* Handle */
#redirectModal .modal-content::-webkit-scrollbar-thumb {
	background: #1E1E1E !important;
}

#redirectModal .modal-footer {
	position: relative;
	bottom: 0;
	height: 75px;
	background: #fff !important;
}

#redirectModal .modal-footer .btn {
	float: none;
}

#redirectModal .modal-footer .form-button-cancel {
	margin-left: 60px;
}

#redirectModal .modal-footer .form-button-cancel {
	border: 1px solid #DCDCDC;
	background-color: #FFFFFF;
	color: #1E1E1E;
	padding: 0 40px;
	margin-right: 10px;
	text-transform: capitalize;
	box-shadow: none;
	margin-left: 60px;
}

#redirectModal .modal-footer .form-button-success {
	background-color: #1E1E1E;
	padding: 0 40px;
	text-transform: capitalize;
	box-shadow: none;
}

@media only screen and (max-width: 993px) {
	#redirectModal .modal-content {
		padding-left: 20px;
		padding-right: 20px;
	}
}

.custom-tooltip-container {
	position: relative;
}

.custom-tooltip-container .custom-tooltip-block {
	position: absolute;
	top: 15px;
	left: 0;
	width: 270px;
	border: 0.5px solid #EBEBEB;
	background-color: #FFFFFF;
	box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05);
	padding: 20px 15px;
}

.custom-tooltip-container .custom-tooltip-block .content-tooltip {
	position: relative;
}

.custom-tooltip-container .custom-tooltip-block .content-tooltip i.nc-icon-outline {
	position: absolute;
	top: -10px;
	right: -5px;
	font-size: 14px;
	z-index: 9999;
	cursor: pointer;
}

.custom-tooltip-container .custom-tooltip-block .content-tooltip span {
	color: #1E1E1E;
	font-family: 'Work Sans', sans-serif;
	font-size: 12px;
	font-weight: 300;
	line-height: 18px;
	text-transform: unset;
	margin-top: 0;
	display: inline-block;
}

.custom-tooltip-container .custom-tooltip-block .content-tooltip span span {
	font-weight: normal;
}

.custom-tooltip-container .custom-tooltip-block .content-tooltip span span a {
	color: #1E1E1E;
}

.custom-tooltip-container .custom-tooltip-block:after,
.custom-tooltip-container .custom-tooltip-block:before {
	content: '';
	display: block;
	position: absolute;
	left: 20px;
	width: 0;
	height: 0;
	border-style: solid;
	transform: rotate(270deg);
}


/* this border color controlls the color of the triangle (what looks like the fill of the triangle) */
.custom-tooltip-container .custom-tooltip-block:after {
	top: -18px;
	border-color: transparent transparent transparent #fff;
	border-width: 10px;
}

/* this border color controlls the outside, thin border */
.custom-tooltip-container .custom-tooltip-block:before {
	top: -19px;
	border-color: transparent transparent transparent #EBEBEB;
	border-width: 10px;
}

#sliderLink {
	cursor: pointer;
}

.focus-page  .crousel-set .item .gallery-img-focus {
	overflow: hidden;
	position: relative;
	z-index: 333;

}
.focus-page .crousel-set .item .gallerycard-focus {
	position: relative;
}
.focus-page .crousel-set .item .img {

	transition: 		all .2s linear, transform 1.2s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-webkit-transition: all .2s linear, transform 1.2s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-o-transition: 		all .2s linear, transform 1.2s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-moz-transition: 	all .2s linear, transform 1.2s cubic-bezier(0.555, 0.205, 0.295, 0.975);
}
.services-img .r-scale {
	transform: scale(1);
}
.focus-page .crousel-set .item .gallerycard-focus .gallerycard-black {
	width: 57vw;
	height: 70vh;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 50%;

	transform: translateY(75vh) translateX(-50%);

	transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-webkit-transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-o-transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);
	-moz-transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);

}
.focus-page .crousel-set .item .gallerycard-focus .black-card-in {
	transform: translateY(0px) translateX(-50%);
}
.focus-page .crousel-set .item .gallerycard-focus .black-card-out {
	transform: translateY(-75vh) translateX(-50%);
}

@media only screen and (min-width: 2100px) {
	.focus-page .crousel-set .item .gallerycard-focus .gallerycard-black {
		width: 40vw;
	}
}

.hover-effect-zoom .img:hover {
	transform: scale(1.1);
	transition: transform 2.2s cubic-bezier(0.14, 1.12, 0.67, 0.99) 0s;
}