@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;

	}
	.in_menu .navbar-custom,.header,.navbar-custom{ padding-top:0!important; margin-top:0!important;}
	.navbar-header{ padding-top:0!important; margin-top:0!important;}

	

}