@charset "utf-8";
/* CSS Document */

/*------------- google font -----------*/
@import url(https://fonts.googleapis.com/css?family=Merriweather:400,300italic,400italic,300);
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,700);

/*--------------- reset ---------------*/
body{
	background: #dfdfe0;
	font: normal normal 300 62.5%/150% 'Merriweather', serif;
	color:#000;
	margin:0;
	position:relative;
}
.row {
    max-width: 1200px;
    width: 100%;
}
.wrp{
	overflow:hidden;
}
a:hover, a:focus{color:inherit; outline:none;}

/*-- landing area ---*/
.landing-page{
	height:100%;
	position:relative;
	background-size:cover;
	background-position:center center;
}
.logo{
	position:absolute;
	bottom:0;
	right:0;
}
/*--- center-area ---*/
.center-area{
	padding:100px 0;
	background:#ececed;
	text-align:center;
}
.center-div{
	height:252px;
	width:627px;
	display:inline-block;
	margin:auto;
	background: url(../images/center-btn.jpg) center center no-repeat;
	xstext-indent:-9999px;
}
.text-bg{
	background:#14111e;
	display:inline-block;
	color:#fff;
	text-align:center;
	font-size:18px;
	padding: 15px 30px;
	margin: 100px 15px 0;
    line-height: normal;
}

.first-section{
	background:url(../images/first-bg.jpg) center center no-repeat;
	height:625px;
}
	
.comment{
	color:#fff;
	text-align:right;
	padding-top:200px;
}
.comment p{
	text-align:center;
	font-size:1.4em;
	font-style:italic;
}	
.comment span{
	font-size:2em;
	margin-top:30px;
	display:inline-block;
}		
.comment span span{
	font-size:.7em;
	text-align:center;
	min-width:160px;
	margin-top:.7em;
	opacity:.6;
}		
	
.second-section{
	background:url(../images/second-bg.jpg) center center no-repeat;
	height:676px;
}
.second-section .comment{
	color:#000;
	padding-top:250px;
}
	
	
.third-section{
	height:1262px;
	background: url(../images/third-area.jpg) center center no-repeat;
}
.third-section .column{padding-top:18em;}
.third-section .column span:first-child{
	font-size: 9em;
    text-transform: capitalize;
    font-weight: 400;
    display: inline-block;
    max-width: 280px;
    line-height: 100%;
	text-align: right;
    margin-right: 30px;
	font-family: 'Playfair Display', serif;
	font-weight:700;
}
.third-section .column span:nth-child(2){
	font-size: 1.4em;
    text-transform: uppercase;
    font-weight: 400;
    display: inline-block;
    line-height: 130%;
	text-align:left;
}	
	
.second-style div{
	display:inline-block;
}
	
	
.fourth-section{
	background:url(../images/forth-area.jpg) center center no-repeat;
	height:671px;
	color:#fff
}
.fourth-section p{
	font-size:2em;
	max-width:500px;
	display:inline-block;
	margin:auto;
	margin-top: 16em;
}	
	
	
.fifth-section{
	background:url(../images/fifth-area.jpg) center center no-repeat;
	height:724px;
	color:#000;
	text-align:center;
}
	
.fifth-section h1{
	font: normal normal 300 6em/150% 'Merriweather', serif;
	padding-top:4em;
}	
	
.fifth-section p{
	font-size:2em;
	max-width:600px;
	display:inline-block;
	margin:auto;
}		
	
	
.sixth-section{
	background:#1c1925;
	height:581px;
	padding-top:217px;
}
	
.sixth-section a{
	display:inline-block;
	background:#4b4952;
	padding:20px;
	color:#fff;
	font-size: 1.8em;
	margin-right:25px;
	margin-bottom:15px;
}

.bottom-footer{
	background:#4b4952;
	padding: 2.5em 0;
}
.bottom-footer .row{
	max-width:1300px;
}	
.bottom-footer a{
	display:inline-block;
	color:rgba(255, 255, 255, 0.59);
	font-size: 1.6em;
	margin-right:25px;
}	
	
/*----- sub page -----*/
.sub p{
	font-size:18px;
	color:inherit;
	display:inline-block;
	max-width:600px;
	margin-top: 18em;
}
.sub-first{
	background:url(../images/sub-first.jpg) center center no-repeat;
	height:719px;
	color:#fff;
}

.sub-second{
	background: url(../images/sub-second.jpg) center center no-repeat;
	height:719px;
	color:#000;
	text-align:right;
}

.sub-third{
	background: url(../images/sub-third.jpg) center center no-repeat;
	height:932px;
	color:#fff;
	text-align:center;
}
.sub-third .sub p{
	margin-top: 24em;
}

.blog-sub-third{
	min-height:100%;
	font-size:18px;
	background: url(../images/sub-second.jpg) center center repeat;
	color:#000;
	text-align:justify;
}
.blog-sub-third p, table{
	margin-top: 2em;
}
.blog-sub-third h1{
	font: normal normal 300 3em/150% 'Merriweather', serif;
	padding-top:1em;
}
.blog-sub-third img{
	padding:10px;
}
.blog-sub-third a{
    background: #4b4852;
    display: inline-table;
    padding: 10px 20px;
    line-height: normal;
    font-size: 18px;
    color: #fff;
	margin-bottom: 2em;
}

.sub-forth{
	background: url(../images/sub-forth.jpg) center center no-repeat;
	height:928px;
	color:#fff;
	text-align:center;
}
.sub-forth .mid-div {
    height: 285px;
    max-width: 820px;
    display: inline-block;
    margin:29em auto 0;
    background: url(../images/forth-bg.png) center center no-repeat;
	width: 100%;
}
.sub-forth .mid-div p {
    margin-top: 7em;
}

.sub-fifth{
	background:#fff;
	color:#000;
	text-align:center;
	padding:20em 0;
}
.sub-fifth p{display:block; max-width:100%; margin:0 0 20px;}
.sub-fifth span{
	display:block;
	font-size:30px;
	line-height: normal;
}

.sub-sixth{
	background:#1c1925;
	padding:18em 0;
	color:#fff;
}
.sub-sixth p{
	font-size:30px;
}
.sub-sixth a{
	background: #4b4852;
    display: inline-table;
    padding: 10px 20px;
    line-height: normal;
    font-size: 18px;
    color: #fff;
}

@media screen and (max-width: 64em) {
body{
	font-size:50%;
}
.fifth-section h1 {
    font-size:5em;
}
.logo {
    height: 400px;
    width: 420px;
}
	
}
@media screen and (max-width: 39.9375em) {
.logo {
    height: 200px !important;
    width: 220px !important;
}
.center-area .column{padding:0 !important;}
.center-div {
    width:100%;
}
}	
@media screen and (min-width: 64em) and (max-width: 87.5em) {
	.logo {
    height: 500px;
    width: 520px;
}
}




/*----- menu -----*/

#cssmenu,
#cssmenu ul,
#cssmenu ul li
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width: auto;
  font-family: 'Open Sans', sans-serif;
  line-height: 1;
}
#menu-line {
	display:none
}

/*#cssmenu > ul > li > a {
  padding: 20px;
  font-size: 12px;
  text-decoration: none;
  text-transform: uppercase;
  color: #000000;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}*/

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
    width: 100%;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
	background: #000;
    border-radius: 5px;
  }
  #cssmenu.align-center > ul,
  #cssmenu.align-right ul ul {
    text-align: left;
  }
  #cssmenu ul li,
  #cssmenu ul ul li,
  #cssmenu ul li:hover > ul > li {
    width: 100%;
    height: auto;
    border-top: 1px solid rgba(120, 120, 120, 0.15);
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    padding:15px;
    display: block;
  }
  #cssmenu > ul > li,
  #cssmenu.align-center > ul > li,
  #cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }

  #menu-line {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 20px;
    color: #000000;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
	text-indent: -9999px;
  }
  #cssmenu #menu-button::after {
    content: '';
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 15px;
    height: 2px;
    background: #000000;
  }
  #cssmenu #menu-button::before {
    content: '';
    position: absolute;
    top: 25px;
    right: 20px;
    display: block;
    width: 15px;
    height: 7px;
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000;
  }

}

@media screen and (min-width: 48.063em) {
#cssmenu{margin-top:18em;}
#cssmenu a{
	text-transform: uppercase;
	display:inline-block;
	padding:20px 40px;
	font-size:18px;
	font-weight:600;
	color:#fff;
	line-height:normal;
	background:#2d2a35;
}
#cssmenu li{
	display:inline-block;
	float:left;
}
#cssmenu li:nth-child(1), #cssmenu li:nth-child(2), #cssmenu li:nth-child(3), #cssmenu li:nth-child(4), #cssmenu li:nth-child(5), #cssmenu li:nth-child(6), #cssmenu li:nth-child(7), #cssmenu li:nth-child(8) {
	clear:both;
}
#cssmenu li:nth-child(1) a{
	margin-left:160px;
	background:#45424c;
}
#cssmenu li:nth-child(2) a{
	margin-left:80px;
	background:#7f7e84;
}
#cssmenu li:nth-child(3) a{
	background:#2d2a35;
}
#cssmenu li:nth-child(4) a{
	margin-left:80px;
	background:rgb(97, 94, 107);
	xcolor:#000;
}
#cssmenu li:nth-child(5) a{
	margin-left:160px;
	background:#45424c;
}
#cssmenu li:nth-child(6) a{
	margin-left:240px;
	background:#2d2a35;
}
#cssmenu li:nth-child(7) a{
	margin-left:320px;
	background:#7f7e84;
}
#cssmenu li:nth-child(8) a{
	margin-left:400px;
	background:#45424c;
}


}



/* Wobble To Bottom Right */
@-webkit-keyframes hvr-wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }

  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }

  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }

  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }

  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes hvr-wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }

  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }

  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }

  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }

  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

#cssmenu ul li a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  
  -webkit-transition: background-color .5s ease-out;
  -moz-transition: background-color .5s ease-out;
  -o-transition: background-color .5s ease-out;
  transition: background-color .5s ease-out;
}
#cssmenu ul li a:hover, #cssmenu ul li a:focus, #cssmenu ul li a:active {
  -webkit-animation-name: hvr-wobble-to-bottom-right;
  animation-name: hvr-wobble-to-bottom-right;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  box-shadow:0 0 15px rgba(0, 0, 0, 0.4);
  z-index:1;
  background:#fff;
  color:#000;
}