@font-face {
	font-family: 'pf_din_text_comp_probold';
	src: url("../fonts/pfdintextcomppro-bold-webfont.eot");
	src: url("../fonts/pfdintextcomppro-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/pfdintextcomppro-bold-webfont.woff") format("woff"), url("../fonts/pfdintextcomppro-bold-webfont.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'pf_din_text_comp_pro_mediumRg';
	src: url("../fonts/pfdintextcomppro-medium-webfont.eot");
	src: url("../fonts/pfdintextcomppro-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/pfdintextcomppro-medium-webfont.woff") format("woff"), url("../fonts/pfdintextcomppro-medium-webfont.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}


@font-face {
	font-family: 'pf_din_text_comp_proregular';
	src: url("../fonts/pfdintextcomppro-regular-webfont.eot");
	src: url("../fonts/pfdintextcomppro-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/pfdintextcomppro-regular-webfont.woff") format("woff"), url("../fonts/pfdintextcomppro-regular-webfont.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
html, body, div, span, h1, h2, h3, h4, p, ol, ul, li,
fieldset, form, textarea, input, label, legend{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit; vertical-align: baseline;list-style:none;}
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
img {
  -webkit-touch-callout: none; 
  -webkit-user-select: none;  
  -moz-user-select: none;  
  -ms-user-select: none;  
  user-select: none;       
}

a img {border:0;}

html,body{
	width: 100%;
	min-width: 320px;
}
body{
	font-family: 'pf_din_text_comp_proregular', sans-serif;
	line-height: 1.4;
	font-size: 18px;
	font-weight: 500;
	font-style: normal;
	color: #2E2D2D;
	background:#f1f1f1;
	margin: 0;
}
::selection {
	background: #ECE8E0;
}
::-moz-selection {
	background: #ECE8E0;
}

* {
	box-sizing: border-box;
	outline: 0!important;
}

input,
textarea {
	-webkit-appearance:none;
	-moz-appearance:none;
	padding: 0;
	outline: none;
	border: none;
}
button {
	outline: none;
	border: none;
	cursor: pointer;
}
.clearfix:after{
	content: ' ';
	display: block;
	clear: both;
}


body::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px transparent;
	-webkit-box-shadow: inset 0 0 6px transparent;
	background-color: #F5F5F5;
}
body::-webkit-scrollbar {
	width: 6px;
	background-color: #F5F5F5;
}
body::-webkit-scrollbar-thumb {
	background-color: #1D1916;
}

/*Preload*/
.preloader {
	display: flex;
	position: fixed;
	height: 100vh;
	width: 100vw;
	z-index: 100;
	background:#f1f1f1;
	-webkit-transform: translateX(100vw);
	transform: translateX(100vw);
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-name: preload-elem;
	animation-name: preload-elem;
}

.preloader_item {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	width: 100%;
	-webkit-transform: translateX(-100vw);
	-ms-transform: translateX(-100vw);
	transform: translateX(-100vw);
}
.preloader_item_dark {
	background: #1D1916;
	-webkit-animation-name: preload-elem1;
	animation-name: preload-elem1;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	z-index: 3;
}

.preloader_item_gold {
	background: #d52340;
	-webkit-animation-name: preload-elem2;
	animation-name: preload-elem2;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	z-index: 2;
}

.preloader_item_logo {
	background: #FCFBF9;
	-webkit-animation-name: preload-elem3;
	animation-name: preload-elem3;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	z-index: 1;
}

.loading-container {
  animation-name: rotate 2s linear infinite;
  -webkit-animation-name: rotate 2s linear infinite;
}

.loading-container circle {
  stroke-dasharray: 1, 150;
  stroke-dashoffset: 0;
  stroke: #d52340;
  stroke-linecap: round;
  animation: dash 1.5s ease-in-out infinite;
}

/* SLIDER */
.slideshow {
  position: relative;
  width: 100%;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  overflow:hidden;
  z-index:1;
  opacity:0;
}

.slide {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  text-align: center;
  font-size: 18px;
  background: #fff;
  overflow: hidden;
}
.slide-image {
  position: absolute;
  top: -200px;
  left: -200px;
  width: calc(100% + 400px);
  height: calc(100% + 400px);
  background-position: 50% 50%;
  background-size: cover;
}
.slide-image:before {
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:rgba(0, 2, 13, 0.3)
}
.slide-title {
  font-size: 3rem;
  line-height: 1;
  max-width: 50%;
  white-space: normal;
  word-break: break-word;
  color: #FFF;
  font-family: 'pf_din_text_comp_probold';
  z-index: 100;
  font-weight: normal;
  -webkit-transition: text-shadow 0.2s linear;
  -moz-transition: text-shadow 0.2s linear;
  transition: text-shadow 0.2s linear;
}
.slide-title:hover {
	text-shadow: 1px 1px 14px #555;
}

@media (min-width: 45em) {
  .slide-title {
    font-size: 4vw;
    max-width: none;
  }
}
.slide-title span {
  white-space: pre;
  display: inline-block;
  opacity: 0;
}

.slideshow-pagination {
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  transition: .3s opacity;
  z-index: 10;
}
.slideshow-pagination-item {
  display: flex;
  align-items: center;
  height: 16px;
  line-height:16px;
  font-family:arial;
}
.slideshow-pagination-item .pagination-number {
  opacity: 0.5;
}
.slideshow-pagination-item:hover, .slideshow-pagination-item:focus {
  cursor: pointer;
}
.slideshow-pagination-item:last-of-type .pagination-separator {
  width: 0;
}
.slideshow-pagination-item .pagination-number {
  opacity: 0.5;
}
.slideshow-pagination-item:hover, .slideshow-pagination-item:focus {
  cursor: pointer;
}
.slideshow-pagination-item:last-of-type .pagination-separator {
  width: 0;
}
.slideshow-pagination-item.active .pagination-number {
  opacity: 1;
}
.slideshow-pagination-item.active .pagination-separator {
  width: 10vw;
}
.slideshow-navigation-button {
  position: absolute;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 5rem;
  z-index: 1000;
  transition: all .3s ease;
  color: #FFF;
}
.slideshow-navigation-button svg {
	width:40px;
	fill:#fff;
}
.slideshow-navigation-button:hover, .slideshow-navigation-button:focus {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.5);
}
.slideshow-navigation-button.prev {
  left: 0;
}
.slideshow-navigation-button.prev svg {
	margin-left:15px;
}
.slideshow-navigation-button.next {
  right: 0;
}
.slideshow-navigation-button.next svg {
	margin-right:15px;
}


.pagination-number {
  font-size: 4rem;
  color: #FFF;
  padding: 0 0.5rem;
}

.pagination-separator {
  display: none;
  position: relative;
  width: 40px;
  height: 2px;
  top: 0px;
  background: rgba(255, 255, 255, 0.25);
  transition: all .3s ease;
}
@media (min-width: 45em) {
  .pagination-separator {
    display: block;
  }
}
.pagination-separator-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  transform-origin: 0 0;
}


/* menu */
.menu {
	position: fixed;
	width: 120px;
	height: 100%;
	left:0;
	top:0;
	background: #fff;
	min-height: 600px;
    overflow: hidden;
	z-index: 110;
	border-right: 1px solid #edf0ef;
}
.menu:after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:120px;
	height:100%;
	background:#fff;
	z-index:12
}
.menu_logo {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 120px;
	height: 120px;
	padding:30px;
	text-align: center;
	border-top:1px solid #edf0ef;
	z-index: 14;
}
.menu_logo a {
	display:block;
	width: 60px;
	height: 60px;
	transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.menu_logo a svg  {
	max-width:100%;
	height:100%;
}
.menu_logo a:hover {
	opacity: 0.6;
}
.menu_title {
	font-family: 'pf_din_text_comp_pro_mediumRg', sans-serif;
	color: #666;
    text-transform: uppercase;
    position: absolute;
    font-size: calc(2.5vh + 10px);
    top: calc(10vh + 120px);
    left: -82%;
    width: 320px;
    text-align: center;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    z-index: 15;
	pointer-events:none;
}




.menu_lang {
	position: absolute;
    left: 0;
    bottom: 130px;
    width: 100%;
	text-align:center;
	z-index: 13;
}
.menu_lang a {
	width: 40px;
    border: 1px solid #f2f2f2;
    margin: 0 auto;
    display: flex;
    cursor: pointer;
    text-decoration: none;
    color: #d52340;
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.menu_lang a img {float:left;}

.menu_invalid {
	position: absolute;
    left: 42px;
    bottom: 170px;
	width: 35px;
	height: 35px;
	text-align:center;
	z-index: 13;
	display: flex;
    justify-content: center;
}

.menu_invalid img:hover {
    filter: invert(0.5) sepia(1) saturate(5);
}

.totop {
	position: absolute;
    left: 40px;
    bottom: 220px;
    width: 40px;
    height: 40px;
    z-index: 13;
    opacity: 0;
    cursor: pointer;
    pointer-events: none;
}
.totop svg {
	fill:#cfd0d4;
	transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.totop:hover svg {
	fill:#777;
}
.totop.show {
	pointer-events: visible;
	opacity: 1;
}


.menu_burger {
	position: absolute;
    width: 120px;
    height: 120px;
    top: 0;
    left: 0;
    cursor: pointer;
    z-index: 14;
	text-align:center;
	background:#fff;
    transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
	overflow:hidden
}
.menu_burger:focus {
	background:rgba(0,0,0,0.1);
}

.menu_burger svg{
	position:relative;
	cursor: pointer;
	width:140px;
	height:140px;
	margin: -10px 0 0 -14px;
}

.menu_burger svg path{
  stroke-width: 30;
  stroke: #d52340;
  fill: none;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
}

/* In menu form */
.menu_burger .top_bar,
.menu_burger .bottom_bar{
  stroke-dasharray: 240px 910px;
}

.menu_burger .middle_bar{
  stroke-dasharray: 240px 240px;
}

.open_navigation .menu_burger .top_bar,
.open_navigation .menu_burger .bottom_bar{
  stroke-dashoffset: -650px;
}

.open_navigation .menu_burger .middle_bar{
  stroke-dasharray: 0px 220px;
  stroke-dashoffset: -120px;
}

/* .open_navigation .menu_burger svg path{
  stroke: #000;
} */

.menupanel {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: auto;
	padding: 70px;
	width: 320px;
	min-height: 600px;
    overflow: hidden;
	background: #1F1F1F;
	z-index: 2;
	-webkit-transform: translateX(-321px);
	-ms-transform: translateX(-321px);
	transform: translateX(-321px);
	transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.open_navigation .menupanel {
	-webkit-transform: translateX(119px);
	-ms-transform: translateX(119px);
	transform: translateX(119px);
	transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.menu-list {
    list-style: none;
    padding: 0;
    position: relative
}

.menu-list li {
    width:100%;
	float:left;
	margin-bottom: 2vh;
    opacity: 0;
    transform: translate3d(70px, 0, 0)
}

.menu-list li a {
	font-family: 'pf_din_text_comp_proregular', sans-serif;
	font-size: 35px;
	line-height: 35px;
	color:#fff;
    display: block;
	white-space: nowrap;
	text-transform:uppercase;
	text-decoration:none;
	position:relative;
	z-index:1;
	transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
.menu-list li a:before {
    content: "";
    background: #fff;
    position: absolute;
    width: 0px;
    height: 0px;
    text-decoration: none;
    margin-top: 0;
    border-radius: 50%;
	left: -20px;
	top: 50%;
    transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform-origin: center;
	opacity:0;
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.menu-list li:hover a, 
.menu-list li.active a{
	color:#d52340;
	margin-left:20px;
	
	transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.menu-list li:hover a:before, 
.menu-list li.active a:before {
	width: 10px;
    height: 10px;
	margin-top: -6px;
	opacity:1;
}

.open_navigation .menupanel .menu-list li:nth-child(1) {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transition: transform .2s .5s, opacity .2s .5s;
    transition: transform .2s .5s, opacity .2s .5s;
}

.open_navigation .menupanel .menu-list li:nth-child(2) {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transition: transform .2s .6s, opacity .2s .6s;
    transition: transform .2s .6s, opacity .2s .6s;
}

.open_navigation .menupanel .menu-list li:nth-child(3) {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transition: transform .2s .7s, opacity .2s .7s;
    transition: transform .2s .7s, opacity .2s .7s; 
}

.open_navigation .menupanel .menu-list li:nth-child(4) {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transition: transform .2s .8s, opacity .2s .8s;
    transition: transform .2s .8s, opacity .2s .8s;
}

.open_navigation .menupanel .menu-list li:nth-child(5) {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transition: transform .2s .9s, opacity .2s .9s;
    transition: transform .2s .9s, opacity .2s .9s;
}


.socialpanel {
	position:absolute;
	bottom:4vh;
	left: 70px;
    right: 70px;
	color:#fff;
	font-size:22px;
}
.socialpanel * {
	position:relative;
}
.socialpanel h3,
.socialpanel .address,
.socialpanel > a {
	opacity:0;
	transform: translate3d(0, 20px, 0);
	-webkit-transform: translate3d(0, 20px, 0);
} 

.socialpanel h3 {
	font-size: 34px;
	padding-bottom:15px;
}

.socialpanel > a {
	opacity:0;
	color:#fff;
	text-decoration:none;
	display:block;
}
.socialpanel a:hover {
    color: #d52340;
}
.social_icons {
	width:100%;
	float: left;
	margin-top:15px;
}
.social_icons li {
	float:left;
	width: 18%;
}
.social_icons li a {
	width:20px;
	opacity:0;
	display:block;
}
.social_icons li a svg {
	fill:#d52340;
	transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.social_icons li a:hover svg {
	fill:#fff;
}

.open_navigation .menupanel .socialpanel h3 {
	opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transition: transform .2s .9s, opacity .2s .9s;
    transition: transform .2s .9s, opacity .2s .9s;
}
.open_navigation .menupanel .socialpanel .address {
	opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transition: transform .2s 1s, opacity .2s 1s;
    transition: transform .2s 1s, opacity .2s 1s;
}
.open_navigation .menupanel .socialpanel a.phone {
	opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transition: transform .2s 1.1s, opacity .2s 1.1s, color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform .2s 1.1s, opacity .2s 1.1s, color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.open_navigation .menupanel .socialpanel a.email {
	opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transition: transform .2s 1.2s, opacity .2s 1.2s, color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform .2s 1.2s, opacity .2s 1.2s, color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.open_navigation .menupanel .social_icons li:nth-child(1) a{
	opacity: 1;
    -webkit-transition: transform .2s 1.6s, opacity .2s 1.6s;
    transition: transform .2s 1.6s, opacity .2s 1.6;
}
.open_navigation .menupanel .social_icons li:nth-child(2) a{
	opacity: 1;
    -webkit-transition: transform .2s 1.7s, opacity .2s 1.7s;
    transition: transform .2s 1.7s, opacity .2s 1.7;
}
.open_navigation .menupanel .social_icons li:nth-child(3) a{
	opacity: 1;
    -webkit-transition: transform .2s 1.8s, opacity .2s 1.8s;
    transition: transform .2s 1.8s, opacity .2s 1.8;
}
.open_navigation .menupanel .social_icons li:nth-child(4) a{
	opacity: 1;
    -webkit-transition: transform .2s 1.9s, opacity .2s 1.9s;
    transition: transform .2s 1.9s, opacity .2s 1.9;
}

.containers-wrap {
	width: calc(100% - 120px);
	margin-left: 120px;
	position: relative;
    float: left;
	z-index: 1;
}


.container {
    max-width: 1400px;
    padding: 0 15px;
    margin: 0 auto;
}
.container:after {
	clear:both;
	content:"";
	display:table;
}
.container h1 {
	text-align:center;
	font-size:calc(2vw + 30px);
	padding:80px 0 50px 0;
	text-transform:uppercase
}


/*Intro*/
.intro {
	float:left;
	width:100%;	
	padding-bottom:120px;
}
.block_nav {
	width:100%;
	margin-bottom:30px;
	display:flex;
    justify-content: space-evenly;
	cursor:pointer;
}
.block_nav div {
	text-align:center;
	padding:10px 0;
	font-size: calc(0.4vw + 18px);
	position:relative;
	text-transform: uppercase;
	color:#767676
}
.block_nav div:after {
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	width:0;
	border-bottom:2px solid transparent;
	transition: width 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition: width 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: width 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.block_nav div.active {
	color:#d52340;
}

.block_nav div.active:after {
	border-bottom:2px solid #d52340;
	width:100%;
}

.intro_blocks {
	width:100%;	
	padding-bottom: 60%;
    position: relative;
	z-index:1;
}
.intro_blocks .item_image,
.intro_blocks .item_text {
	position:absolute;
	opacity: 0;
}

.intro_blocks .item_image {overflow:hidden}

.intro_blocks .item_image:after {
	content:"";
	position: absolute;
    top: 0;
    left: -101%;
    width: 100%;
    height: 100%;
    background: #000;
    display:none;
    z-index: 10;
}

.intro_blocks .item_image.effect:after {
	display:block;
	animation: animSide .8s 1 .1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
    -webkit-animation: animSide .8s 1 .1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}

.intro_blocks .item_image div,
.intro_blocks .item_text div {
	display:none;
	width:100%;
	height:100%;
	position:relative;
	background-position: 50% 0;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.intro_blocks .item_text div h2,
.intro_blocks .item_text div span {
	opacity:0;
	display:block;
	position:relative;
	top:40px;
}

.intro_blocks .item_image > div.active,
.intro_blocks .item_text > div.active {display:block;}

.intro_blocks .item_text > div.active h2 {
	animation: fadeUp .6s 1 cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
    -webkit-animation: fadeUp .6s 1 cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}

.intro_blocks .item_text > div.active span {
	animation: fadeUp .6s 1 .5s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
    -webkit-animation: fadeUp .6s 1 .5s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}

.intro_blocks .item_image:nth-child(1) {
	top: 0;
    left: 0%;
    width: 55%;
    height: 40%;
    background-color: #ccc;
	margin-top:20px;
}
.intro_blocks .item_image:nth-child(2) {
	top: 45%;
    left: 5%;
    width: 35%;
    height: 48%;
    background-color: #ccc;
	margin-top:20px;
}
.intro_blocks .item_image:nth-child(3) {
	top: 5%;
    left: 58%;
    width: 42%;
    height: 45%;
    background-color: #ccc;
	margin-top:20px;
}
.intro_blocks .item_text {
	top: 56%;
    left: 44%;
    width: 56%;
	margin-top:20px;
}
.intro_blocks.animated > div {
	-webkit-animation:fadeUpMove cubic-bezier(.7, 0, .175, 1) 1;
	animation:fadeUpMove cubic-bezier(.7, 0, .175, 1) 1;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-duration:.6s;
	animation-duration:.6s;
}
.intro_blocks.animated > div:nth-child(1){
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}
.intro_blocks.animated > div:nth-child(2) {
	-webkit-animation-delay: .4s;
	animation-delay: .4s;
}
.intro_blocks.animated > div:nth-child(3) {
   -webkit-animation-delay: .2s;
	animation-delay: .2s;
}
.intro_blocks.animated > div:nth-child(4) {
   -webkit-animation-delay: .6s;
	animation-delay: .6s;
}



.intro_blocks .item_text:nth-child(4) div h2 {
	font-size: calc(0.8vw + 26px);
	line-height:calc(0.8vw + 26px);
	padding-bottom:1vw;
}
.intro_blocks .item_text:nth-child(4) div span {
	color:#767676;
	font-size: calc(0.6vw + 14px);
    line-height: calc(0.8vw + 14px);
}




/*Last works*/
.work_list_wrapper {
	width:100%;
	float:left;
	background:#fff;
	padding-bottom:60px;
}

/*.work_list_wrapper .container {
	max-width:100%;
}*/

.nobackground {
	background:none!important;
	padding-bottom:80px!important;
}


.work_list_wrapper h3 {
	text-align:center;
	font-size:calc(2vw + 30px);
	padding:80px 0 50px 0;
	text-transform:uppercase
}
.work_list {
	display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: 1fr;
    grid-auto-rows: auto;
    grid-gap: 10px;
}
.work_list a {
	display:block;
	position: relative;
    overflow: hidden;
	color: #fff;
	opacity:0;
}
.work_list a img {
	max-width: 100%;
	vertical-align: middle;
    width: 100%;
    height: auto;
	object-fit: cover
}
.work_list.animated > a {
	-webkit-animation:fadeUp cubic-bezier(.7, 0, .175, 1) 1;
	animation:fadeUp cubic-bezier(.7, 0, .175, 1) 1;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-duration:.8s;
	animation-duration:.8s;
}
.work_list.animated > a:nth-child(1){
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}
.work_list.animated > a:nth-child(2) {
	-webkit-animation-delay: .1s;
	animation-delay: .1s;
}
.work_list.animated > a:nth-child(3) {
   -webkit-animation-delay: .2s;
	animation-delay: .2s;
}
.work_list.animated > a:nth-child(4) {
   -webkit-animation-delay: .3s;
	animation-delay: .3s;
}
.work_list.animated > a:nth-child(5) {
   -webkit-animation-delay: .4s;
	animation-delay: .4s;
}
.work_list.animated > a:nth-child(6) {
   -webkit-animation-delay: .5s;
	animation-delay: .5s;
}
.work_list.animated > a:nth-child(7) {
   -webkit-animation-delay: .6s;
	animation-delay: .6s;
}
.work_list.animated > a:nth-child(8) {
   -webkit-animation-delay: .7s;
	animation-delay: .7s;
}
.work_list.animated > a:nth-child(9) {
   -webkit-animation-delay: .8s;
	animation-delay: .8s;
}
.work_list.animated > a:nth-child(10) {
   -webkit-animation-delay: .9s;
	animation-delay: .9s;
}
.work_list.animated > a:nth-child(11) {
   -webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.work_list.animated > a:nth-child(12) {
   -webkit-animation-delay: 1.1s;
	animation-delay: 1.1s;
}
.work_list.animated > a:nth-child(13) {
   -webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
}
.work_list.animated > a:nth-child(14) {
   -webkit-animation-delay: 1.3s;
	animation-delay: 1.3s;
}
.work_list.animated > a:nth-child(15) {
   -webkit-animation-delay: 1.4s;
	animation-delay: 1.4s;
}
.work_list.animated > a:nth-child(16) {
   -webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
}

.work_list a h4 {
    font-size: calc(0.6vw + 18px);
    line-height:  calc(0.6vw + 18px);
    color: #fff;
    margin-bottom: 0;
    position: absolute;
    bottom: 40px;
    left: 20px;
    right: 20px;
    z-index: 1;
    opacity: 0;
    transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
	-webkit-transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.work_list a:hover h4 {
    bottom: 20px;
    opacity: 1;
}

.work_list a img {
	transform-origin: center center;
	transition: transform 2s cubic-bezier(0.215, 0.61, 0.355, 1);
	-webkit-transition: transform 2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.work_list a .shadow {
    position: absolute;
    bottom: 0;
    opacity: 0;
    transition: opacity .3s cubic-bezier(0.215, 0.61, 0.355, 1);
	-webkit-transition: opacity .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    height: 145px;
    width: 100%;
    background-image: linear-gradient(180deg,rgba(0,0,0,.0) 0%,#000 100%);
}
.work_list a:hover img {
	transform: scale(1.05);
}
.work_list a:hover .shadow {
	opacity: 1;
}

.last_work_all {
	width:100%;
	float:left;
	text-align:center;
	padding: 60px 0 0 0;
}

.last_work_all a {
	font-size:calc(0.6vw + 15px);
	padding: 0.6vw 1.6vw 0.6vw 4.4vw;
	text-decoration:none;
	border:2px solid #d52340;
	color:#d52340;
	position:relative;
	display:inline-flex;
	transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
	-webkit-transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.last_work_all a svg {
	width: calc(0.6vw + 16px);
	margin-left:1vw;
	opacity:0;
	transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
	-webkit-transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.last_work_all a:hover {
	background:#d52340;
	color:#fff;
	padding: 0.6vw 3vw;
}

.last_work_all a:hover svg {
	opacity:1;
	fill:#fff;
}


.inrto_services {
	width:100%;
	float:left;
	background:url(../img/dark.jpg) left top no-repeat;
	color:#fff;
	padding-bottom:3vw;
}

.inrto_services h3 {
	text-align: center;
    font-size: calc(2vw + 30px);
    padding: 80px 0 50px 0;
    text-transform: uppercase;
	position: relative;
    z-index: 1;
}

.inrto_services .container span {
	font-size: calc(0.6vw + 16px);
	text-align:center;
	padding-bottom:3vw;
	display:block;
	color: #cfd0d4;
	width:100%;
	float:left;
}

.inrto_services ul {
	width:100%;
	float:left;
}

.inrto_services ul li {
	width:50%;
	float:left;
	display:flex;
	align-items: center;
	padding-bottom:30px;
	padding-right:30px;
}

.inrto_services ul li div {
	font-size: calc(0.4vw + 13px);
}

.inrto_services ul li h4 {
	width:100%;
	float:left;
	display:block;
	font-size: calc(0.6vw + 18px);
	padding-bottom:0.4vw;
}

.inrto_services ul li img {
	min-width:10vw;
	max-width: 10vw;
}



.work_item_header {
	width:100%;
	float:left;
	height: 23vw;
	position:fixed;
	text-align:center;
	top:0;
	left:121px;
	z-index:1;
	overflow:hidden
}

.work_item_header img {
    width: 100%;
    height: auto;
	position: relative;
	object-fit: cover;
	margin-top:-20%;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-animation-duration: 70s;
	animation-duration: 70s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-name: to-bg-scale;
	animation-name: to-bg-scale;
}

.work_item_wrapper {
	width:100%;
	float:left;
	margin-top:23vw; 
	position:relative;
	background:#f1f1f1;
	z-index:2
}
.work_item_wrapper > .container {padding-bottom:60px;}

.work_item_wrapper .container h1 {
	font-size: calc(2vw + 30px);
	color: #d52340;
	padding: 50px 0 50px 0;
}
.work_item_wrapper .container .work_item_info {
	border-top:3px solid #ccc;
	font-size: calc(0.6vw + 14px);
	line-height: calc(0.8vw + 14px);
	width:100%;
	float:left;
	padding:40px 0;
}
.work_item_wrapper .container .work_items {
	width:100%;
	float:left;
	overflow:hidden;
}
.work_item_wrapper .container .work_items .img  {
	float:left;
	width:100%;
	position:relative;
	z-index:1;
	/*max-height: 900px;*/
	margin-bottom:20px;
	opacity: 0;
	overflow:hidden;
	opacity: 0;
    transform: translateY(100px);
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.work_item_wrapper .container .work_items .img.active {
	opacity: 1 !important;
    transform: translateY(0) !important;
}
.work_item_wrapper .container .work_items .img:after {
	content: "";
    display: table;
    clear: both;
}
.work_item_wrapper .container .work_items .img50  {
	width:calc(50% - 10px);
}
.work_item_wrapper .container .work_items .align-right  {
	float:right!important
}
.work_item_wrapper .container .work_items .img img {
	max-width:100%;
	width:100%;
	height:auto;
	float:left;
}
.work_item_wrapper .container .work_items .img span {
	display: block;
	float:left;
	width:100%;
	opacity: 0;
	position:relative;
	z-index:1;
	transform: translateY(100px);
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
	padding-top:20px;
}
.work_item_wrapper .container .work_items .img.active span {
	opacity: 1 !important;
    transform: translateY(0) !important;
}


.project_list_wrapper {
	width:100%;
	float:left;
	background:#fff;
	padding-bottom:80px;
}
.project_list_wrapper h1 {
	text-align:center;
	font-size:calc(2vw + 30px);
	padding:80px 0 50px 0;
	text-transform:uppercase
}
.project_list_wrapper span {
	font-size: calc(1vw + 20px);
    line-height: calc(1vw + 20px);
    text-align: center;
    display: block;
    color: #767676;
    padding-bottom: 40px;
    width: 100%;
    float: left;
}
.project_info {
	width: 100%;
    float: left;
    background: #fff;
    padding: 50px;
    margin-bottom: 40px;
}
.project_info .w50 {
	width:50%;
	float:left;
	font-size: calc(0.6vw + 14px);
	line-height: calc(0.8vw + 14px);
}
.project_info .w50:first-child {
	padding-right:50px;
}
.project_info .w50 ul li {
	position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
}
.project_info .w50 ul li:last-child {
	margin-bottom: 0;
}
.project_info .w50 ul li:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 10px;
    height: 10px;
    content: '';
	border-radius: 50%;
	margin-top:-6px;
    background-color: #d52340;
}
.project_list {
	display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: 1fr;
    grid-auto-rows: auto;
	grid-gap: 10px;
	width: 100%;
	float:left;
}
.project_list > a {
	display:block;
	position: relative;
    overflow: hidden;
	color: #2E2D2D;
	padding-bottom:50px;
	text-decoration:none;
	opacity:0;
}

.project_list.animated > a {
	-webkit-animation:fadeUp cubic-bezier(.7, 0, .175, 1) 1;
	animation:fadeUp cubic-bezier(.7, 0, .175, 1) 1;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-duration:.8s;
	animation-duration:.8s;
}

.project_list.animated > a:nth-child(1){
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}
.project_list.animated > a:nth-child(2) {
	-webkit-animation-delay: .1s;
	animation-delay: .1s;
}
.project_list.animated > a:nth-child(3) {
   -webkit-animation-delay: .2s;
	animation-delay: .2s;
}
.project_list.animated > a:nth-child(4) {
   -webkit-animation-delay: .3s;
	animation-delay: .3s;
}
.project_list.animated > a:nth-child(5) {
   -webkit-animation-delay: .4s;
	animation-delay: .4s;
}
.project_list.animated > a:nth-child(6) {
   -webkit-animation-delay: .5s;
	animation-delay: .5s;
}
.project_list.animated > a:nth-child(7) {
   -webkit-animation-delay: .6s;
	animation-delay: .6s;
}
.project_list.animated > a:nth-child(8) {
   -webkit-animation-delay: .7s;
	animation-delay: .7s;
}
.project_list.animated > a:nth-child(9) {
   -webkit-animation-delay: .8s;
	animation-delay: .8s;
}
.project_list.animated > a:nth-child(10) {
   -webkit-animation-delay: .9s;
	animation-delay: .9s;
}
.project_list.animated > a:nth-child(11) {
   -webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.project_list.animated > a:nth-child(12) {
   -webkit-animation-delay: 1.1s;
	animation-delay: 1.1s;
}
.project_list.animated > a:nth-child(13) {
   -webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
}
.project_list.animated > a:nth-child(14) {
   -webkit-animation-delay: 1.3s;
	animation-delay: 1.3s;
}
.project_list.animated > a:nth-child(15) {
   -webkit-animation-delay: 1.4s;
	animation-delay: 1.4s;
}
.project_list.animated > a:nth-child(16) {
   -webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
}

.project_list a img {
	max-width: 100%;
    vertical-align: middle;
	height:auto;
	transform-origin: center center;
	transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition: opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.project_list a h4 {
    font-size: calc(0.6vw + 18px);
    line-height:  calc(0.6vw + 18px);
	padding:10px 0 0 0;
	transition: color .5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition: color .5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.project_list a:hover img { opacity:0.5}
.project_list a:hover h4 {color:#d52340;}
.project_list.animated > a {
	-webkit-animation:fadeUp cubic-bezier(.7, 0, .175, 1) 1;
	animation:fadeUp cubic-bezier(.7, 0, .175, 1) 1;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-duration:.6s;
	animation-duration:.6s;
}


/*project_item*/

.project_item_wrapper {
	width:100%;
	float:left;
	padding-bottom: 60px;
	background:#fff url(../img/briks.jpg) left top no-repeat;
}
.project_item_wrapper .container > h1 {
	padding:0;
	color: #d52340;;
	text-align: center;
    font-size: calc(2vw + 30px);
	padding: 50px 0 0 0;
    text-transform: uppercase;
} 
.project_item_wrapper .container > span {
	font-size: calc(1vw + 20px);
	line-height: calc(1vw + 20px);
    text-align: center;
    display: block;
	color: #767676;
	padding-bottom: 40px;
    width: 100%;
    float: left;
}

.project_item_wrapper .container h3 {
	font-size: calc(1vw + 20px);
    text-align: center;
    display: block;
	padding-bottom: 60px;
    width: 100%;
    float: left;
}

.project_items {
	width:100%;
	float:left;
	padding-top:40px;
	border-top:3px solid #ccc;
}
.project_item_wrapper .container .project_items .img  {
	float:left;
	width:100%;
	position:relative;
	z-index:1;
	overflow:hidden;
	margin-bottom: 20px;
	text-align:center
}
.project_item_wrapper .container .project_items .img img {
	max-width:100%;
	margin-bottom: 20px;
}
.project_item_wrapper .container .project_items .img:after {
	content: "";
    display: table;
    clear: both;
}
.project_item_wrapper .container .project_items .img50  {
	width:calc(50% - 10px);
	text-align:left;
	margin-bottom:80px;
}
.project_item_wrapper .container .project_items .img50 img {
	max-width:100%;
	height:auto;
	position:relative;
	margin-bottom: 0;
	z-index:1;
}
.project_item_wrapper .container .project_items .align-right  {
	float:right!important;
	font-size: calc(0.6vw + 14px);
	line-height: calc(0.8vw + 14px);
}
.project_item_wrapper .container .project_items_gallery .img  {
	float:left;
	width:calc(25% - 10px);
	position:relative;
	z-index:1;
	overflow:hidden;
	margin-bottom:20px;
	text-align:center
}
.project_item_wrapper .container .project_items_gallery .img img {
	max-width:100%;
	height:auto;
	position:relative;
	z-index:1;
}


@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#d52340}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;z-index:1;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiper-container {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}
.swiper-slide {
  background-size: cover;
  background-position: center;
  background: #fff;
}
.swiper-slide-container {
	text-align:center;
}
.gallery-top {
  height: 600px;
  width: 100%;
}
.gallery-thumbs {
  height: 25%;
  box-sizing: border-box;
  padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
  cursor:pointer;
}
.gallery-thumbs .swiper-slide img {
  width: 100%;
  
}
.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}
.gallery-top .swiper-slide-container  {
	height:100%;
}
.gallery-top .swiper-slide-container img {
	height:100%;
	max-width:100%;
}


.video-wrapper {
	float:left;
	width:100%;
	margin-bottom: 80px;
}
.video-wrapper .video-wrapper-inner {
    max-width: 100%;
	margin:0 auto;
	position: relative;
    padding-bottom: 53%; /* 16:9 */
    height: 0;
}
.video-wrapper .video-wrapper-inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}





/*Services*/
.services {
	width:100%;
	float:left;
}
.services .services-image {
	background:url(../img/services.jpg) center 80% no-repeat;
	background-size:cover;
	height:25vw;
	position:relative;
	z-index:1;
	color:#fff;
}
.services .services-image:after {
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(0,0,0,0.5);
} 
.services .services-image .container {
	position:relative;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	margin:0;
	padding:0;
	z-index:10
}
.services .services-image .container h1 {
	padding:0;
}


.services .services-image .container .subtitle {
    font-size: calc(1vw + 20px);
    text-align: center;
    display: block;
    width: 100%;
    float: left;
}


.services .text .container  {
	padding:60px 15px;
	font-size: calc(0.6vw + 14px);
	line-height: calc(0.6vw + 16px);
	color: #767676;
}

.services .text .container h3 {
	font-size: calc(1vw + 16px);
	line-height: calc(1vw + 16px);
	padding-bottom:40px;
	color: #000;
}

.services .text .container .align-left,
.services .text .container .align-right {
	width:50%;
}
.services .text .container .align-left {
	float:left;
	padding-top:1vw;
}

.services .text .container .align-right {
	float:left;
	text-align:right;
	padding:0 15px;
}
.services .text .container .align-right img {
	max-width:100%;
}

.services .steps {
	background:#fff;
}

.services .steps .container {
	padding:60px 15px;
	font-size: calc(0.6vw + 14px);
	line-height: calc(0.6vw + 14px);
	color: #767676;
}

.services .steps .container h3 {
	text-align: center;
    font-size: calc(2vw + 30px);
    padding: 80px 0 50px 0;
    text-transform: uppercase;
	color: #000;
}

.services .steps .container ul {
	width:100%;
	float:left;
	display:flex;
	flex-wrap: nowrap;
	justify-content:space-between
}

.services .steps .container ul li {
	display: inline-block;
	margin-left: 20px;
	text-align:center;
	padding:2vw
}
.services .steps .container ul li:first-child {
	margin-left:0
}
.services .steps .container ul li div {
	width: calc(4vw + 60px);
	height: calc(4vw + 60px);
	border:3px solid #f1f1f1;
	border-radius:50%;
	display: flex;
	margin:0 auto 20px auto;
    align-items: center;
    align-content: center;
}
.services .steps .container ul li div svg {
	width:50%;
	margin:0 auto;
	height:60px;
}

.services .steps .container ul li span {
	display:block;
	width:100%;
	float:left;
}


.contacts {
	width:100%;
	float:left;
}

.contacts .container .subtitle {
    font-size: calc(1vw + 20px);
    text-align: center;
    display: block;
    width: 100%;
    float: left;
}
.contacts .container .subtitle span {display:block;width:100%}

.contacts .container .subtitle a {color:#d52340;text-decoration:none;}
.contacts .container .subtitle a:hover {text-decoration:underline;}


#map-canvas {
  height: 500px;
  width: 100%;
  float: left;
  margin-top:20px;
}
.gm-style-iw {
	padding: 0 !important;
    display: flex !important;
    flex-direction: row !important;
}

.gm-style .gm-style-iw-d {
    padding:15px 15px 0 15px !important;
	color:#000
}
.gm-style-iw-ch {
	display:none!important
}


.footer {
	width:100%;
	float:left;
	background:#1F1F1F;
	color: #686868;
	font-size: 20px;
	position: relative;
    z-index: 1;
}
.footer .container {
	display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 120px;
}
.footer .container div {
	flex: auto;
}
.footer .container div p:nth-child(2){
	display:none!important
}
.footer .container div span {
	display:block;
}
.footer .container div span a {
	color: #cfd0d4;
	text-decoration:none;
	margin-left:10px;
	transition: color .3s cubic-bezier(0.215, 0.61, 0.355, 1);
	-webkit-transition: color .3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.footer .container div span a:hover {
	color:#d52340;
}
.footer .container div .social_icons {
	margin:0;
	width:auto;
	float: right;
}
.footer .container div .social_icons li {
	height: 20px;
	width:20px;
	margin-left:10px;
}
.footer .container div .social_icons a {
    opacity: 1;
}

a:focus, button:focus, input:focus {
	box-shadow: 0 0 3pt 2pt cornflowerblue;
	border-radius:3px;
}

body.invalid {
	background-color: black !important;
    color: yellow !important;
    border-color: yellow !important;
}
body.invalid .slide-title{
    color: yellow !important;
}
body.invalid .block_nav div {
    color: #fff !important;
}
body.invalid .block_nav div.active {
    color: yellow !important;
}
body.invalid .block_nav div.active:after {
    border-bottom: 2px solid yellow !important;
}
body.invalid .intro_blocks .item_text:nth-child(4) div span {
    color: yellow !important;
}
body.invalid .work_list_wrapper {
	background-color: black !important;
}
body.invalid  .work_list a h4 {
    color: yellow !important;
}
body.invalid  .last_work_all a {
    border: 2px solid yellow !important;
    color: yellow !important;
}
body.invalid  .last_work_all a:hover {
    background: yellow !important;
	color: black !important;
}
body.invalid  .last_work_all a:hover svg {
    fill: black !important;
}
body.invalid  .inrto_services {
    color: yellow !important;
}
body.invalid  .inrto_services .container span {
    color: yellow !important;
}
body.invalid .menu-list li:hover a, body.invalid .menu-list li.active a  {
	color: yellow !important;
}
body.invalid .footer {
    color: yellow !important;
	background: black !important;
}
/* body.invalid .menu_burger svg path {
    stroke: black !important;
} */
body.invalid .services .services-image {
    color: yellow !important;
}
body.invalid .services .text .container h3 {
    color: yellow !important;
}
body.invalid .services .text .container {
    color: yellow !important;
}

body.invalid .services .steps {
    background: black !important;
}
body.invalid .services .steps .container h3 {
	color: yellow !important;
}
body.invalid .services .steps .container ul li div {
	background: white !important;
}
body.invalid .services .steps .container {
	color: yellow !important;
}
body.invalid .work_item_wrapper {
	background: black !important;
}
body.invalid .work_item_wrapper .container h1 {
	color: yellow !important;
}
body.invalid .socialpanel {
	color: yellow !important;
}
body.invalid .socialpanel > a,
body.invalid .socialpanel > a:hover {
	color: yellow !important;
}
body.invalid .socialpanel > a:hover {
	text-decoration:underline!important
}
body.invalid .footer .container div span a {
	color: yellow !important;
}

.center {
	width: 100%;
	float:left;
	font-size: calc(0.8vw + 8px);
	padding:30px 0;
}
.center form {
    width: max-content;
	max-width: 800px;
	margin: 0 auto;
}

.radio-inline {
	position: relative;
	display: inline-block;
	padding-right: 20px;
	margin-bottom: 0;
	font-weight: 400;
	vertical-align: middle;
	cursor: pointer;
}

.radio-inline input[type=radio] {
	margin-right: 10px;
	box-sizing: border-box;
	padding: 0;
	-webkit-appearance: auto !important
}
.radio-inline input[type=radio]:focus {
	border-radius:50%;
	border: none;
}

.btns {
	padding-top:30px;
}

.btns button {
	padding:10px 30px;
	font-size: calc(0.8vw + 8px);
	border-radius:3px;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 1px;
	margin-left:10px;
	color:#fff;
	transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.btns button.btn-save {
	background:#d52340
}

.btns button.btn-save:hover {
	background:#bd1632
}


.btns button.btn-cancel {
	background:#ccc
}
.btns button.btn-cancel:hover {
	background:#a9a9a9
}




@media only screen and (max-width : 1440px) {
	.container {
		max-width: 1400px;
		padding: 0 80px;
		margin: 0 auto;
	}
	.work_item_wrapper .container .work_items .img {
		float: left;
		width: 100%;
		position: relative;
		z-index: 1;
		max-height: 850px;
		overflow: hidden;
		margin-bottom: 20px;
	}
}
@media only screen and (max-width : 1024px) {
	.slideshow {
		height: 500px!important;
	}
	.slide img {
		width: 100%;
	}
}
@media only screen and (max-width : 768px) {
	html, body {
		width: 100%;
		min-width: 100%;
	}
	.container {
		padding: 0 50px;
	}
	.block_nav {
		display: flex;
		text-align: center;
		flex-direction: column;
	}
	.block_nav div {
		display: inline-block;
		font-size: calc(1vw + 20px);
		margin: 0 20%;
	}
	.intro {
		float: left;
		width: 100%;
		padding-bottom: 80px;
	}
	.intro_blocks {
		width: 100%;
		padding-bottom:0;
	}
	.intro_blocks .item_image:nth-child(1) {
		top: 0;
		left: 0;
		width: 100%;
		height: inherit;
		position: relative;
		float: left;
	}
	.intro_blocks .item_image:nth-child(2),
	.intro_blocks .item_image:nth-child(3) {
		display: none;
	}
	.intro_blocks .item_image div {
		width:100%;
		padding-top:56%;
	}
	.intro_blocks .item_text {
		top: 0;
		left: 0;
		width: 100%;
		float:left;
		padding-top: 20px;
		position:relative;
	}
	.intro_blocks .item_text:nth-child(4) div span {
		color: #767676;
		font-size: calc(0.6vw + 16px);
		line-height: calc(1.2vw + 16px);
	}
	.work_list {
		grid-template-columns: repeat(2,1fr);
	}
	.last_work_all a {
		font-size: calc(2vw + 15px);
		padding: 1.6vw 2.6vw 1.6vw 6vw;
	}
	.last_work_all a:hover {
		padding: 1.6vw 4.3vw;
	}
	.inrto_services {
		background: url(../img/dark.jpg) center top no-repeat;
		background-size: cover;
	}
	.inrto_services ul li {
		width: 100%;
		float: left;
		display: flex;
		align-items: center;
		padding-bottom: 30px;
		padding-right: 0;
	}
	.inrto_services ul li img {
		min-width: 15vw;
	}
	.inrto_services ul li h4 {
		font-size: calc(0.8vw + 18px);
		padding-bottom: 0.6vw;
	}
	.inrto_services ul li div {
		font-size: calc(0.6vw + 13px);
	}
	.work_list a .shadow {
		height: 35%;
		opacity:1;
	}
	.work_list a h4 {
		bottom: 20px;
		opacity: 1;
	}
	.project_info {
		padding: 30px;
	}
	.project_info .w50 {
		width: 100%;
		float: left;
		font-size: calc(0.8vw + 14px);
		line-height: calc(1vw + 14px);
		padding-right:0!important
	}
	.project_info .w50:first-child {
		padding-bottom: 50px;
	}
	.project_list {
		grid-template-columns: repeat(2,1fr);
	}
	.project_item_wrapper .container .project_items .img50 {
		width: 100%;
		margin-bottom: 40px;
	}
	.gallery-top {
		height: 250px;
		width: 100%;
	}
	.footer .container {
		padding: 0 30px;
		min-height: 100px;
	}
	.footer .container div .social_icons li {
		height: 20px;
		width: 100%;
		margin-left: 0;
		margin-bottom: 7px;
	}
}

@media only screen and (max-width : 767px) {
	.containers-wrap {
		width: 100% ;
		margin-left: 0;
		border-left: 0;
	}
	.container {
		padding: 0 40px;
	}
	.container h1 {
		font-size: calc(2vw + 28px);
		padding: 40px 0;
	}
	.work_list_wrapper h3 {
		font-size: calc(2vw + 28px);
		padding: 40px 0;
	}
	.work_list {
		grid-template-columns: repeat(1,1fr);
	}
	.work_list a h4 {
		font-size: calc(0.8vw + 22px);
		line-height: calc(0.8vw + 22px);
	}
	.inrto_services h3 {
		font-size: calc(2vw + 28px);
		padding: 40px 0 30px 0;
	}
	.inrto_services .container span {
		font-size: calc(0.6vw + 18px);
		line-height: calc(0.8vw + 18px);
		text-align: center;
		padding-bottom: 30px;
	}
	.slideshow {
		height: 400px!important;
		margin-top: 51px;
	}
	.menu {
		position: fixed;
		width: 100%;
		height: 50px;
		min-height: inherit;
		overflow:inherit;
		border-bottom: 1px solid #edf0ef;
		z-index:100;
	}
	.menu:after {
		display:none;
	}
	.menu_logo {
		left: auto;
		right:0;
		width: 50px;
		height: 50px;
		padding: 10px;
		border-top: 0;
		border-left: 1px solid #edf0ef;
		z-index: 1;
	}
	.menu_logo a {
		width: 100%;
		height: 100%;
	}
	.menu_burger {
		position: absolute;
		width: 50px;
		height: 50px;
		background: transparent!important;
		z-index:100
	}
	.menu_burger svg {
		position: relative;
		cursor: pointer;
		width: 80px;
		height: 80px;
		margin: -17px 0 0 -17px;
		z-index:100
	}
	.menu_title {
		right: 70px;
		left: auto;
		top: 12px;
		width: auto;
		font-size: 22px;
		text-align: left;
		z-index: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
	.menu_lang {
		left: 64px;
        right: auto;
        bottom: auto;
        top: 13px;
        width: 35px;
	}
	.menu_lang a {
		width: 35px;
	}
	.menu_lang a img{
		width: 100%;
	}
	.menu_invalid {
		left: 120px;
		right: auto;
		top: 13px;
		bottom: auto;
		width: 26px;
		height: 26px;
	}
	.menu_invalid img {
		width:100%
	}
	.menupanel {
		z-index: 13;
	}
	.menu-list li:hover a {
		margin:0!important;
		color:#fff!important;
	}
	.menu-list li a:hover:before {
		display:none!important;
	}
	.containers-wrap {
		z-index: -1;
	}
	.open_navigation .menupanel {
		-webkit-transform: translateX(0px);
		-ms-transform: translateX(0px);
		transform: translateX(0px);
	}
	.open_navigation .menu_burger svg path {
		stroke: #fff;
	}
	.open_navigation .slide hgroup {
		left: 0;
	}
	.inrto_services ul li img {
		min-width: 26vw;
	}
	.inrto_services ul li div {
		font-size: calc(0.8vw + 14px);
	}
	.inrto_services ul li h4 {
		font-size: calc(0.8vw + 22px);
		line-height: calc(0.8vw + 22px);
		padding-bottom: 15px;
	}
	.work_item_header {
		display:none;
	}
	.work_item_wrapper {
		margin-top: 51px;
	}
	.work_item_wrapper .container h1 {
		font-size: calc(2vw + 28px);
		color: #d52340;
		padding: 40px 0 30px 0;
	}
	.work_item_wrapper .container .work_item_info {
		border-top: 3px solid #ccc;
		font-size: calc(0.8vw + 16px);
		line-height: calc(1vw + 16px);
		width: 100%;
		float: left;
		padding: 40px 0;
	}
	.work_list_wrapper .container, 
	.project_list_wrapper .container,
	.contacts .container,
	.negishut .container  {
		padding-top:60px;
	}
	.project_info .w50 {
		font-size: calc(0.8vw + 18px);
		line-height: calc(1vw + 18px);
	}
	.project_list {
		grid-template-columns: repeat(1,1fr);
	}
	.project_list a h4 {
		font-size: calc(0.8vw + 24px);
		line-height: calc(0.8vw + 24px);
	}
	.project_item_wrapper {
		background-size: 100%;
	}
	.project_item_wrapper .container .project_items .align-right {
		float: right!important;
		font-size: calc(0.8vw + 18px);
		line-height: calc(1vw + 20px);
	}
	.gallery-top {
		height: 200px;
	}
	.services .services-image {
		height:200px;
		margin-top:51px;
	}
	.services .text .container h3 {
		font-size: calc(0.8vw + 24px);
		line-height: calc(0.8vw + 24px);
	}
	.services .text .container {
		padding: 40px;
		font-size: calc(0.8vw + 18px);
		line-height: calc(1vw + 20px);
		color: #767676;
	}
	.services .text .container .align-left, 
	.services .text .container .align-right {
		width: 100%;
	}
	.services .text .container .align-right {
		padding:30px  0 0 0;
	}
	.services .steps .container ul {
		flex-direction: column;
	}
	.services .steps .container ul li div {
		width: calc(4vw + 100px);
		height: calc(4vw + 100px);
	}
	.services .steps .container {
		padding:40px;
		font-size: calc(0.8vw + 24px);
		line-height: calc(0.8vw + 24px);
	}

	.footer .container div {font-size: 17px;}
	.footer .container div:nth-child(3),
	.footer .container div:nth-child(1) {
		display:none;
	}
}

@media only screen and (max-width : 480px) {
	.menupanel {
		width:100%;
		-webkit-transform: translateX(-101%);
		-ms-transform: translateX(-101%);
		transform: translateX(-101%);
	}
	.container {
		padding: 0 20px;
	}
	.slide-title {
		font-size: 1.5rem;
		max-width: 80%;
	}
	.slideshow-navigation {
		display:none;
	}
	.block_nav div {
		margin: 0 auto;
	}
	.last_work_all a {
		height:52px!important;
		font-size: 20px;
		padding: 10px 0;
		width:100%;
		text-align:center;
		display:block;
		display: flex;
		justify-content: center;
	}
	.last_work_all a svg {
		width: 20px;
		margin-left: 20px;
		display:none;
	}
	
	.last_work_all a:hover {
		padding: 10px 50px 10px 10px;
	}
	.last_work_all a:hover svg {
		display:block;
	}
}