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

.header {
	border-bottom: 1px solid #f5f5f5;
	position: relative;
	width: 100%;
	z-index: 998;
}

.header .container{
	width:90% ;
}

.navbar-custom {
	border: 0;
	border-radius: 0;
	margin: 0;
	text-transform: capitalize;
	
}

.navbar-custom,
.navbar-custom .dropdown-menu {
	background: #fff;
	padding: 0;
}
.in_menu .navbar-custom .navbar-brand{
	display:inline-block;
	width:100%;
	margin:0 auto;
}
.in_menu .navbar-custom .navbar-brand img{
	margin:0 auto;
}
.in_menu .navbar-custom .navbar-header{
	display:inline-block;
	width:100%;
	margin:0 auto;
}
.in_menu .navbar-custom .navbar-header:before,
.in_menu .navbar-custom .navbar-header:after{
  display: table;
  content: " ";
}
.navbar-custom .navbar-brand{
	display:none;
}
.navbar-custom .navbar-nav > li > a,
.navbar-custom .navbar-nav .dropdown-menu > li > a {
	font-size: 14px;
	letter-spacing: 3px;
	color: #222;
}

.navbar-custom .nav li.active,
.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .navbar-nav > li.active a {
	background: none;
	outline: 0;
	color: #E7746F;
}

.navbar-custom .navbar-brand {
	font-weight: 700;
	font-size: 22px;
    font-family: Lobster, cursive;
}
.navbar-custom .dropdown-menu {
	border: 0;
	border-top: 2px solid #E7746F;
	border-radius: 0;
}

.navbar-custom .dropdown-menu > li > a {
	padding: 10px 20px;
}

.navbar-custom .nav .open > a,
.navbar-custom .dropdown-menu > li > a:hover,
.navbar-custom .dropdown-menu > li > a:focus {
	background: #f5f5f5;
}

.navbar-custom .navbar-toggle .icon-bar {
	background: #222;
}

/* ---------------------------------------------- /*
 * Scroll to top
/* ---------------------------------------------- */

.scroll-up {
	position: fixed;
	display: none;
	z-index: 999;
	bottom: 2em;
	right: 2em;
}

.scroll-up a {
	background-color: rgba(135, 135, 135, 0.5);
	display: block;
	width: 35px;
	height: 35px;
	border-radius:10px;
	text-align: center;
	color: #fff;
	font-size: 22px;
	line-height: 30px;
}

.scroll-up a:hover,
.scroll-up a:active {
	background-color: rgba(235, 235, 235, .8);
	color: #e7746f;
}
/*--------------------------------*/
/* swiper-n-STYLE
/*--------------------------------*/
.mobile_nav li{
	display:none;
}
.navbar-custom .navbar-nav .swiper-slide a,
.navbar-custom .navbar-nav .dropdown-menu .swiper-slide a {
	font-size: 14px;
	letter-spacing: 1px;
	color: #222;
	font-family: 'Microsoft JhengHei', sans-serif;
}
.navbar-custom .nav .swiper-slide.active,
.navbar-custom .nav .swiper-slide a:hover,
.navbar-custom .nav .swiper-slide a:focus,
.navbar-custom .navbar-nav .swiper-slide.active a {
	background: none;
	outline: 0;
	color: #E7746F;
}
.navbar-custom .dropdown-menu .swiper-slide a {
	padding: 10px 20px;
}
.navbar-custom .dropdown-menu .swiper-slide a:hover,
.navbar-custom .dropdown-menu .swiper-slide a:focus {
	background: #f5f5f5;
}

.swiper-container {
      width: 100%;
	  padding:0 20px;
	  height:50px;
      margin:auto;
	  
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
	  width:120%;
      background: #fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
    .append-buttons {
      text-align: center;
      margin-top: 20px;
    }
    .append-buttons a {
      display: inline-block;
      border: 1px solid #007aff;
      color: #007aff;
      text-decoration: none;
      padding: 4px 10px;
      border-radius: 4px;
      margin: 0 10px;
      font-size: 14px;
    }
	.swiper-container i{
		font-size:25px;
		margin-top:10px;
		color:#FF6B6C;
	}
/* ---------------------------------------------- /*
 *Scroll Down
/* ---------------------------------------------- */

.scroll-down {
	position: absolute;
	left: 50%;
	bottom: 40px;
	border: 2px solid #fff;
	border-radius: 50%;
	height: 50px;
	width: 50px;
	margin-left: -15px;
	display: block;
	z-index: 10;
    text-align: center;
}

.scroll-down span{
    position: relative;
    color: #fff;
    -webkit-animation-name: drop;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-play-state: running;
	animation-name: drop;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-delay: 0s;
	animation-iteration-count: infinite;
	animation-play-state: running;
}

@-webkit-keyframes drop	{
	0%   { top:0px;  opacity: 0;}
	30%  { top:10px; opacity: 1;}
	100% { top:25px; opacity: 0;}
}

@keyframes drop	{
	0%   { top:0px;  opacity: 0;}
	30%  { top:10px; opacity: 1;}
	100% { top:25px; opacity: 0;}
}
@media(max-width:991px){
	header nav .container{
		width:100%;
	}
}
@media(max-width:768px){
	.navbar-collapse .nav {
		padding-left:7%;
	}
.header .container{
	width:100% ;
}
}
@media(max-width:767px){
	.swiper-container{
		display:none;
	}
	.mobile_nav li{	
		display:block;
		font-size:16px;
	}
	.navbar-collapse .nav {
		padding-left:0%;
	}
	.in_menu .navbar-custom .navbar-brand{
		display:block;
		width:100%;
		margin:0 auto;
	}
	
}