/*variable*/
body {
	--main-color: #eaa672;
}
/*end variable*/

/*reset*/
a:hover {
	text-decoration: none
}
.hamburger-menu {
	opacity: 0;
	pointer-events: none
}
/*end reset*/
.fullHeight {
	height: 100vh;
}
.fixed-thumb {
	width: 100%;
	position: relative;
	height: .1px;
	overflow: hidden;
	padding-bottom: 61.5%;
}
.fixed-thumb img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index:  1;
}
.lineFrame-hover {
	position: relative;
}
.lineFrame-hover > svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: calc(100% + 30px);
	height: calc(100% + 30px);
	pointer-events: none;
	z-index: 2;
}
.lineFrame-hover .lineFrame-inside-relative {
	position: relative;
	z-index: 1;
}
.lineFrame-hover > svg rect {
	stroke-width: 2;
    stroke: rgba(0,0,0,.3);
    stroke-dasharray: 0,310;
    stroke-dashoffset: 48;
    transition: all 1.35s cubic-bezier(0.19,1,0.22,1);
}
.lineFrame-hover:hover > svg rect {
	stroke-dasharray: 422,0;
}
.lineFrame-hover:focus > svg rect {
	stroke-dasharray: 0,310;
}

.hight-light-wrap {
	position: relative;
}
.hight-light {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10;
}
.hight-light .hl {
	position: absolute;
	left: -40%;
	top: -25%;
	opacity: 0;
	width: 80px;
	height: 200%;
	background: rgba(255,255,255,.3);
    transform: skewX(-20deg);
    transition: all .5s cubic-bezier(0, 0, 0, 0.98)
}
.hight-light-trigger:hover .hight-light .hl {
	left: 130%;
	opacity: 1;
	width: 160px;
}
.card__container:not(.card__container--closed) + svg {
	opacity: 0;
	transition: all .3s ease-in-out;
}
.service-column-section {
	background: #0e0e0e;
	padding: 100px 0;
	position: relative;
}
.line-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	display: flex;
	pointer-events: none;
}
.service-column-section .title_ {
	margin-bottom: 60px;
}
.service-column-section .title_ h3 {
	font-weight: 500;
	font-size: 35px;
	margin: 0;
	text-align: center;
	color: #fff;
}
.service-column-section .title_ h3 span{
	color: #eaa672;
}
.service-column-section .text {
	padding: 0 30px;
}
.service-column-section .text img {
	height: 70px;
	width: auto;
	margin-bottom: 20px;
    filter: invert(1);
}
.service-column-section .title h5 {
	font-size: 20px;
}
.service-column-section .text p {
	color: rgba(255,255,255,.7);
	font-size: 14px;
	line-height: 2
}

.service-row > * {
	display: flex;
}
.service-row > * > * {
	width: 100%;
}
.service-wide-section .text {
	background: #0e0e0e;
	padding: 80px;
	color: #fff;
	text-align: justify;
}
.service-wide-section .img {
	position: relative;
	background-size: cover;
	background-position: center;
	overflow: hidden;
}
.service-wide-section .img .parallax-bg-wrapper {
	position: absolute;
	top: -300px;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: calc(100% + 500px);

}
.service-wide-section .img .parallax-bg {
	position: relative;
	width: 100%;
	height: 100%;
	background-size: cover
}
.service-wide-section .img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}
.service-wide-section .text h5 {
	font-weight: bold;
}
.service-wide-section .text a {
	color: #eaa672
}
.service-wide-section._reverse .text {
	color: #0e0e0e;
	background: #fff;
}
@media (max-width: 575.82px) {
	.service-wide-section .text {
		padding: 30px;
	}
}


/*===== career =====*/
.card__form {
	margin-top: 40px;
}
.card__form label {
	font-size: 16px;
}
.card__form .form-control {
	border-radius: 0;
}
.card__form button[type="submit"] {
	margin-top: 40px;
	display: block;
	background: #eaa672;
	border: 2px solid #eaa672;
	color: #fff;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 10px;
	width: 100%;
	transition: all .3s ease-in-out;
}
.card__form button[type="submit"]:hover {
	background: none;
	color: #eaa672;
}

.career-form {
	margin-top: 40px;
}
.career-form #contact {
  width: 100%;
  display: flex;
  /*margin-left: -100px;*/
  padding: 40px 20px;
  background: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
.career-form #contact .form-group:last-child {
  margin-bottom: 0;
}
.career-form #contact label {
  display: block;
  font-size: 14px;
  font-weight: 600;
}
.career-form #contact label.error {
  color: #e8293b;
  margin-top: 7px;
  margin-bottom: 0;
}
.career-form #contact div.error {
  background: #e8293b;
  color: #fff;
  border-radius: 0;
  border: none;
}
.career-form #contact input[type=text] {
  width: 100%;
  height: 50px;
  background: #fff;
  border: 1px solid #eee;
  padding: 0 20px;
}
.career-form #contact textarea {
  width: 100%;
  height: 150px;
  background: #fff;
  border: 1px solid #eee;
  padding: 20px;
}
.career-form #contact button[type=submit] {
  height: 50px;
  padding: 0 40px;
  font-size: 14px;
  font-weight: 600;
  color: #0e0e0e;
  background: #eaa672;
  border: none;
}
/*===== end career =====*/

/*home*/
.swiper-container-horizontal>.home-banner-pagination.swiper-pagination-bullets {
	bottom: 50%;
	transform: translateY(50%);
	left: auto;
	right: 40px;
}
.clients ul {
  width: 100%;
  float: left;
  margin: 0;
  margin-top: 90px;
  padding: 0;
}
.clients .swiper-container .clients_ * {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.clients .swiper-container {
	padding-right: 1px;
}
.clients .clients_ img {
  opacity: 1;
  background: #fff;
  border: 1px solid #eee;
  padding: 15px;
}
.clients .clients_ small {
  width: 100%;
  height: 50px;
  line-height: 50px;
  position: absolute;
  left: 0;
  top: 50%;
  text-align: center;
  font-size: 600;
  opacity: 0;
  font-family: "Fjalla One", sans-serif;
  font-size: 22px;
}
.clients .clients_:hover small {
  margin-top: -25px;
  opacity: 1;
}
.clients .clients_:hover img {
  opacity: 0.05;
  transform: scale(1.2);
}
.home-clients-pagination {
	margin-top: 20px;
	display: flex;
	justify-content: center
}
.swiperPagStyle1 .swiper-pagination-bullet {
	margin: 0 5px;
}
.swiperPagStyle1 .swiper-pagination-bullet-active {
	background: rgba(0,0,0,.7);
}

.banner-subscription {
	position: absolute;
	bottom: 30px;
	right: 30px;
	z-index: 3;

}
.banner-subscription .button-toggle {
	width: 30px;
	height: 30px;
	border: 1px solid #eaa672;
	color: #eaa672;
	align-items: center;
	font-size: 10px;
	text-align: center;
	line-height: 28px;
    opacity: 0.5;
}
.banner-subscription .form-content {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 300px;
	padding: 10px;
	background: rgba(0,0,0,.3);
	display: none
}
.banner-subscription .form-content p {
	color: #eaa672;
	font-size: 13px;
    opacity: 0.3;
}
.banner-subscription form {
	display: flex;
	flex-direction: column;
}
.banner-subscription form input {
	width: 100%;
	height: 30px;
	background: none;
	border: 1px solid #eaa672;
	color: #eaa672;
	margin-bottom: 10px;
	font-size: 13px;
	padding: 5px;
    opacity: 0.3;
}
.banner-subscription form textarea {
	width: 100%;
	background: none;
	border: 1px solid #eaa672;
	color: #eaa672;
	margin-bottom: 10px;
	font-size: 13px;
	padding: 5px;
    opacity: 0.3;
}
.banner-subscription form button, .banner-subscription form a {
    background: none;
	color: #eaa672;
	text-align: center;
	font-size: 12px;
	padding: 5px 20px;
	border: none;
	display: block;
	width: 100%;
    opacity: 0.3;
}

.banner-subscription form button, .banner-subscription form a:hover {
    background: none;
	color: #eaa672b8;
}

.banner-subscription form .btn-gr {
	display: flex;
	margin-left: -5px;
	margin-right: -5px
}
.banner-subscription form .btn-gr > * {
	width: 50%;
	padding-left: 5px;
	padding-right: 5px;
}
/* end home*/

/*works*/
.page-header-work .profile {
	height: 100%;
}
.page-header-work .profile img {
	width: 100%;
	height: 100%;
	overflow: hidden;
	object-fit: cover;
}


/*footer*/
.footer .footer-quote h2 {
	font-weight: bold
}
/*end footer*/


/*about*/
@media (max-width: 767.82px) {
	.text-item {
		left: 0;
		width: 100%;
		top: 50px;
		transform 

	}
	.text-item .date {
		text-align: left;
	}
}
@media (max-width: 575.82px) {
	.process h2 {
		font-size: 40px;
	}
}

/*end about*/