* {
 	padding: 0;
 	margin: 0;
 	-webkit-background-origin: border-box;
 	box-sizing: border-box;
 }

 /*  Tags  */

 html {
 	font-size: 15px;
 }

 body {
 	width: 100%;
 	font-family: 'Metropolis', sans-serif;
 	font-size: calc(1.2rem + 2px); /* 20px */
 	font-weight: 300;
 	color: #1D1D1D;
 	position: relative;
 }

 li {
 	display: inline-block;
 	list-style: none;
 }

 img {
 	width: 100%;
 	display: block;
 }

 p {
 	color: #1D1D1D;
 	line-height: 1.5em;
 }

 h1 {
 	font-family: 'Mottas';
 	font-size: 8rem;
 	font-weight: 400;
 	line-height: 1em;
 }

 h2 {
 	font-size: 5.333rem;
 	line-height: 1.188em;
 	font-weight: 300;
 }

 h3 {
 	font-size: 4.2rem;
 	line-height: 1.19em;
 	font-weight: 300;
 }

 h4 {
 	font-size: calc(1.2rem + 2px); /* 20px */
 	color: #0D0D0D;
 	font-weight: 300;
 }

 h5 {
 	font-size: calc(1rem + 2px); /* 17px */
 	font-weight: 400;
 }

 a {
 	display: inline-block;
 	text-decoration: none;
 	padding: 0;
 	margin: 0;
 	font-family: 'Metropolis', sans-serif;
 	font-weight: 500;
 	font-size: calc(1rem - 2px); /* 13px */
 	color: #000;
 	line-height: 1em;
 	letter-spacing: 0.15em;
 	text-transform: uppercase;
 	cursor: pointer;
 	-webkit-transition: all .3s linear;
 	transition: all .3s linear;
 }

 /* Containers */

 .container_fluid {
 	width: 100%;
 	max-width: 1920px;
 	margin: 0;
 	padding: 0 120px;
 }

 .container {
 	width: 1590px;
 	padding: 0 60px;
 	margin: 0 auto;
 }

 /*  Columns  */

 .columns_wrap {
 	margin-right: -40px;
 }

 .column {
 	padding-right: 40px;
 }

 .column_1-3 {
 	width: 33.333%;
 }

 .column_1-4 {
 	width: 25%;
 }

 .column_1-8 {
 	width: 12.5%;
 }

 /* Header */

 .header-wrap {
 	width: 100%;
 	height: 100vh;
 	min-height: 950px;
 	max-height: 1050px;
 	background: #F0F0F0 url(../images/header/back.jpg) center no-repeat;
 	-webkit-background-size: cover;
 	background-size: cover;
 	position: relative;
 	overflow: hidden;
 }

 .header_top-wrap {
 	position: absolute;
 	width: 100%;
 	max-width: 1138px;
 	padding: 0 60px;
 	top: 0;
 	left: 50%;
 	-webkit-transform: translateX(-50%);
 	transform: translateX(-50%);
 	z-index: 100;

 }

 .nav {
 	text-align: right;
 	padding: 53px 0;
 }

 .nav ul li {
 	margin-left: 21px;
 }

 .nav_link:hover {
 	color: #87a386;
 }

 .header_inner {
 	position: absolute;
 	width: 100%;
 	height: 100%;
 	max-width: 1138px;
 	padding: 0 60px 104px;
 	top: 0;
 	left: 50%;
 	-webkit-transform: translateX(-50%);
 	transform: translateX(-50%);
 	z-index: 5;
 	display: -webkit-flex;
 	display: -moz-flex;
 	display: -ms-flex;
 	display: -o-flex;
 	display: flex;
 	justify-content: flex-end;
 	-webkit-flex-direction: column;
 	-moz-flex-direction: column;
 	-ms-flex-direction: column;
 	-o-flex-direction: column;
 	flex-direction: column;
 }

 .header_content {
 	text-align: center;
 	width: 300px;
 	margin-left: 7px;
 }

 .header_sub {
 	font-family: 'Metropolis', sans-serif;
 	font-weight: 500;
 	font-size: calc(.8rem - 1px);
 	color: #575757;
 	text-transform: uppercase;
 	letter-spacing: .15em;
 	line-height: 1.82em;
 	margin-top: 5px;
 }

 .frame {
 	position: absolute;
 	z-index: 5;
 }

 .frame_1 {
 	width: 32.4%;
 	top: 0%;
 	left:20.7%;
 }

 .frame_2 {
 	width: 17.55%;
 	top: 15.2%;
 	right: 23.9%;
 }

 .frame_3 {
 	width: 21.1%;
 	right: -2.8%;
 	bottom: 13.4%;
 }

 .frame_4 {
 	width: 27.86%;
 	bottom: 0%;
 	right: 27.9%;
 }

 .frame_5 {
 	width: 27.33%;
 	bottom: -13.5%;
 	left: -7.3%;
 	z-index: 6;
 }

 /* Section */

 section {
 	overflow: hidden;
 }

 .btn {
	position: relative;
	color: #fff;
}

.btn::before {
  content: '';
  position: absolute;
  bottom: 0%;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #87a386;
  display: block;
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: transform 0.4s cubic-bezier(.5, .24, 0, 1);
  transition: transform 0.4s cubic-bezier(.5, .24, 0, 1)
}

.btn:hover::before {
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1)
}

 .sub {
 	font-family: inherit;
 	font-size: calc(1.2rem + 2px); /* 20px */
 	letter-spacing: .05em;
 	line-height: 1.5em;
 	font-weight: 300;
 	color: #0D0D0D;
 	margin-top: 1px;
 }

 .sup {
 	font-family: inherit;
 	font-size: .8rem;
 	font-weight: 500;
 	letter-spacing: .3em;
 	line-height: 1em;
 	text-transform: uppercase;
 }

 .row_center {
 	display: -webkit-flex;
 	display: -moz-flex;
 	display: -ms-flex;
 	display: -o-flex;
 	display: flex;
 	-webkit-flex-wrap: wrap;
 	-moz-flex-wrap: wrap;
 	-ms-flex-wrap: wrap;
 	-o-flex-wrap: wrap;
 	flex-wrap: wrap;
 	justify-content: center;
 }
 .row_between {
 	display: -webkit-flex;
 	display: -moz-flex;
 	display: -ms-flex;
 	display: -o-flex;
 	display: flex;
 	-webkit-flex-wrap: wrap;
 	-moz-flex-wrap: wrap;
 	-ms-flex-wrap: wrap;
 	-o-flex-wrap: wrap;
 	flex-wrap: wrap;
 	justify-content: space-between;
 	-ms-align-items: center;
 	align-items: center;
 }

 .white {
 	color: #fff;
 }

 .section_text {
 	margin: 2rem 0 4.2rem;
 }

 .section_btn {
 	padding: 1.7rem 3.9rem;
 	letter-spacing: .2em;
 	background: #1D1D1D;
 }

 .btn span {
 	position: relative;
 	z-index: 100;
 }

 /* Home */

 .home_wrap {
 	text-align: center;
 	padding: 7.7rem 0 6.7rem;
 	background: #F0F0F0;
 }

 .home_inner {
 	margin-top: 3rem;
 }

 .home_item img {

 	-webkit-transition: transform .5s ease;
 	-moz-transition: transform .5s ease;
 	-ms-transition: transform .5s ease;
 	transition: transform .5s ease;
 }

 .home_item a {
 	overflow: hidden;
 	text-align: center;

 	-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.13);
 	-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.13);
 	box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.13);
 }

 .home_item a:hover img {
 	-webkit-transform: scale(1.02);
 	-ms-transform: scale(1.02);
 	-o-transform: scale(1.02);
 	transform: scale(1.02);
 }

 .home_caption {
 	margin-top: 1.7rem;
 }

 /* Demo */

 .demo_wrap {
 	text-align: center;
 	padding: 7.7rem 0 5.9rem;
 	background: #fff;
 }

 .demo_inner {
 	margin-top: 3rem;
 }

 .demo_item img {

 	-webkit-transition: transform .5s ease;
 	-moz-transition: transform .5s ease;
 	-ms-transition: transform .5s ease;
 	transition: transform .5s ease;
 }

 .demo_item a {
 	overflow: hidden;
 	text-align: center;

 	-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.13);
 	-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.13);
 	box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.13);
 }

 .demo_item a:hover img {
 	-webkit-transform: scale(1.02);
 	-ms-transform: scale(1.02);
 	-o-transform: scale(1.02);
 	transform: scale(1.02);
 }

 .demo_caption {
 	margin-top: 3.5%;
 }

 /* Woo */

 .woo_wrap {
 	padding: 6.6rem 0 4.1rem;
 	background: #86A385;
 }

 .woo_content {
 	width: 42%;
 	margin-bottom: 6.3rem;
 }

 .woo_sup {
 	margin-bottom: 1rem;
 }

 .woo_text {
 	padding-right: 8rem;
 }

  .woo_btn:hover {
  	color: #1d1d1d;
 }

 .woo_btn:before {
 	background: #fff;
 }

 .woo_images {
 	position: relative;
 	padding-top: 42.5%;
 	width: 51%;
 }

 .woo_img {
 	position: absolute;
 }

 .woo_img-1 {
 	width: 76.4%;
 	top: 0%;
 	left: 0%;
 }

 .woo_img-2 {
 	width: 42.4%;
 	bottom: 2%;
 	right: 4%;
 }

 .woo_img-3 {
 	width: 26.8%;
 	bottom: 24%;
 	right: 20%;
 }

 .woo_img-4 {
 	width: 13%;
 	top: 17.7%;
 	right: 0%;
 }

 /* Builder */

 .builder_wrap {
 	padding: 8rem 0 8.1rem;
 	background: #fff;
 }

 .builder_images {
 	position: relative;
 	padding-top: 41.7%;
 	width: 51%;
 }

 .builder_img {
 	position: absolute;
 }

 .builder_img-1 {
 	width: 71.7%;
 	bottom: 0%;
 	right: 1.7%;
 	z-index: 2;
 }

 .builder_img-2 {
 	width: 41.1%;
 	left: 0%;
 	top: 6.4%;
 }

 .builder_img-3 {
 	width: 21.5%;
 	top: 0%;
 	right: 6.2%;
 	z-index: 3;
 }

 .builder_img-4 {
 	width: 14.6%;
 	top: 27.3%;
 	right: -2.3%;
 	z-index: 3;
 }

 .builder_content {
 	width: 38.6%;
 	margin-top: 2rem;
 }

 .builder_text {
 	padding-right: 3rem;
 }

 /* Blog*/

 .blog_wrap {
 	padding: 4.5rem 0 4.1rem;
 	background: #F0F0F0;
 }

 .blog_content {
 	width: 42%;
 	margin-top: 3.4rem;
 }

 .blog_sup {
 	margin-bottom: 1rem;
 }

 .blog_text {
 	padding-right: 7.3rem;
 }

 .blog_images {
 	position: relative;
 	width: 49%;
 	margin-top: 5.3rem;
 	padding-right: .7rem;
 }

 .blog_img {
 	position: absolute;
 }

 .blog_img-2 {
 	width: 38.6%;
 	bottom: 25.7%;
 	right: 1%;
 	z-index: 2;
 }

 .blog_img-3 {
 	width: 38.7%;
 	bottom: -11.2%;
 	right: 18%;
 	z-index: 3;
 }

 .blog_img-4 {
 	width: 33.7%;
 	bottom: 15.4%;
 	left: 0%;
 	z-index: 3;
 }

 .blog_img-5 {
 	width: 14.7%;
 	top: 7.7%;
 	left: 2.7%;
 	z-index: 3;
 }

 /* Blog-list */

 .blog_list-wrap {
 	border-top: 1px solid #A0B6A0;
 	margin-top: 12rem;
 }

 .blog_list-inner {
 	padding-top: 4rem;
 	margin: 0 -4.5rem;
 	text-align: center;
 	-ms-align-items: flex-start;
 	align-items: flex-start;
 }

 .blog_list-item span {
 	font-size: 3.5rem;
 	color: #86A386;
 }

 .blog_list-item span *,
 .blog_list-item span:before {
 	color: #86A386 !important;
 }

 .blog_list-caption {
 	margin-top: 1.5rem;
 }

 /* Slider */

 .slider_wrap {
 	background: #1D1D1D;
 	padding: 7.6rem 0 7.9rem;
 	text-align: center;
 }

 .slider_sub {
 	letter-spacing: 0;
 	margin-top: .5rem;
 }

.swiper-container {
	margin-top: 3rem;
	padding-bottom: 3.9rem;
}

.swiper-slide img {
	margin-bottom: 1.5rem;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.11);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.11);
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.11);
}

.swiper-scrollbar-drag {
	background-color: #D8A3AA;
	border-radius: 0;
}

.swiper-container-horizontal>.swiper-scrollbar {
	width: 37.5% !important;
	height: 3px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	background: #353535;
}

/* Footer */

.footer_wrap {
	padding: 21.3rem 0 8.7rem;
	text-align: center;
	background: url(../images/footer/bg.jpg) center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

.footer_inner {
	width: 100%;
	max-width: 900px;
	padding: 0 30px;
	margin: 0 auto;
}

.footer_btn-wrap {
	margin-top: 2.4rem;
}

.footer_btn {
	background: #87a386;
}

.footer_btn::before {
	background: #1d1d1d;
}

.footer_frame {
	position: absolute;
}

.footer_frame-1 {
    width: 16.5%;
    left: 11.8%;
    bottom: 0%;
}

.footer_frame-2 {
    width: 24.2%;
    top: 0%;
    left: 20.8%;
}

.footer_frame-3 {
    width: 17.1%;
    bottom: 0%;
    right: 14.5%;
}

.footer_frame-4 {
    width: 22.3%;
    top: 27.3%;
    left: -8.9%;
}

.footer_frame-5 {
    width: 14.7%;
    top: 6.2%;
    right: 24.4%;
}

.footer_frame-6 {
    width: 15.2%;
    top: 24.7%;
    right: -1.4%;
}


#topBtn {
	position: fixed;
	bottom: 30px;
	right: 15px;
	font-size: 1.2rem;
	width: 2.5rem;
	height: 2.5rem;
	 background: #1d1d1d;
	z-index: 100;
	border: none;
	outline: none;
	cursor: pointer;
	overflow: hidden;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	transition: all .3s linear;
}

#topBtn span {
	position: relative;
	z-index: 1000;
	color: #fff;
}

#topBtn::after {
  content: '';
  position: absolute;
  bottom: 0%;
  left: 0px;
  width: 100%;
  height: 100%;
 background: #87a386;
  display: block;
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: transform 0.4s cubic-bezier(.5, .24, 0, 1);
  transition: transform 0.4s cubic-bezier(.5, .24, 0, 1)
}

#topBtn:hover::after {
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1)
}

.fade {
	transform: translateY(0);
}

.fade_out {
	transform: translateY(150px);
}