body{margin: 0px; padding: 0px;font-family: 'Open Sans', sans-serif;}

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }
.clear
{
	clear:both;
}



.banner-wrapper{
    background: url('../images/banner1.jpg') no-repeat;
    background-size: cover;
    color:#ffffff;
    overflow: hidden;
	background-attachment:fixed;
}
.banner-overlay{
    /*background-color: rgba(53,51,64, 0.6);*/
    height: 100vh;
}
.banner-overlay h1{
    font-size: 34px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    letter-spacing: 2px;
    padding: 150px 0px 50px 0px;
	width:60%;
	margin:0 auto;
}
.banner-header{
    padding: 20px;
    flex-direction: row;
    box-sizing: border-box;
    display: flex;
    place-content: center space-between;
    align-items: center;
}
.banner-header .menu{width: 250px; text-align: left;}
.banner-header .menu img{width: 30px; height: auto;}
.banner-header .logo{width: 100px; text-align: center;}
.banner-header .logo img{width: 100%; height: auto;}
.img_white{display:block;}
.img_black{display:none;}
.menu_white{display:block;}
.menu_black{display:none;}
.banner-header .tagline{
    width: 250px;
    text-align: right;
    font-size: 16px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-style: italic;
	position:relative;
}
.tagline:after
{
	width:50px;
	height:2px;
	background:#b18f4f;
	content:"";
	display:inline-block;
	bottom:-8px;
	position:absolute;
	left:50%;
	margin-left:-32px;
}
.explore{
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-size: 14px;
    font-style: normal;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    bottom: 60px;
    width: 100%;
    text-align: center;
}
.explore img{
    width: 20px;
    height: auto;
    margin: 10px 0px;
}
.scroll-bar{
    position: absolute;
    display: block;
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 60px;
    background-color: #fff;
    overflow: hidden;
}
.scroll-bar:after{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: '';
    width: 1px;
    height: 40px;
    background-color: #ed2024;
    animation: scrollHighlight 1.5s linear infinite;
}
.ml12 {
	font-size:3.4vw;
}


.second_part
{
	margin:0 auto;
	width:100%;
	background-image:url("images/home-intro-perfect-768x428.jpg");
	position:relative;
}
.second_part > img
{
	width:100%;
	vertical-align:middle;
}
.second_part_con
{
	position:absolute;
	bottom:25%;
	right:15%;
	color:#fff;
	width:55%;
	z-index:10;
}
.second_part_con_tit
{
	font-size:46px;
}
.second_part_con_text
{
	font-size:20px;
	padding:5px 10px;
	border-left:#fff 2px solid;
	margin-top:20px;
	font-weight:normal;
}

.third_part
{
	width:100%;
	background:#f0efef;
	min-height:500px;
}
.third_part_text
{
	padding:50px;
	display:table;
	table-layout:fixed;
	width:100%;
	box-sizing:border-box;
}
.third_part_text_tit
{
	font-size:36px;
	color:#2d2926;
}
.third_part_text_con
{
	padding-top:5px;
	position:relative;
}
.third_part_text > div
{
	display:table-cell;
	vertical-align:top;
	padding:20px;
}
.third_part_text_con:before
{
	width:50px;
	height:1px;
	background:#b18f4f;
	content:"";
	display:inline-block;
	top:0px;
	position:absolute;
}
.third_part_text h2
{
	font-size:16px;
	text-transform:uppercase;
	font-weight:normal;
	padding:7px 0;
	color:#535353;
}
.third_part_text p
{
	font-size:16px;
	font-weight:normal;
	padding:7px 0;
	color:#5f5e5e;
	line-height:140%;
}
.third_part_text ul
{
	color:#5f5e5e;
}
.whatweimg
{
	width:100%;
}
.whatweimg img
{
	width:100%;
}


footer
{
	margin:0 auto;
	font-size:.85em;
	background:#dcdcdc;
	padding:20px 0;
	text-align:center;
}
footer a
{
	color:#000;
	text-decoration:none;
}
footer a:hover
{
	color:#7c6654;
}



.ml12 .letter {
  display: inline-block;
  line-height: 1em;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  background:rgba(255,255,255,1);
  padding:5px 20px;
  z-index:100;
  transition: .5s;
}
.sticky .tagline
{
	color:#000;
}
.sticky .img_white{display:none;}
.sticky .img_black{display:block;}

.sticky .menu_white{display:none;}
.sticky .menu_black{display:block;

@keyframes scrollHighlight{
    from{
        transform:translateY(-40px)}to{transform:translateY(200px)

    }    }