.container-fluid {
	      /*padding: 70px 60px !important;*/
	      width: 100% !important;
	  }

	  .navbar {
	      margin-bottom: 0;
	      opacity: 1;
		  /* Old browsers */
		  background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 17%, rgba(192,192,192,0.8) 83%) !important;
		  /* FF3.6-15 */
		  background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 17%, rgba(192,192,192,0.8) 83%) !important;
		  /* Chrome10-25,Safari5.1-6 */
		  background: linear-gradient(45deg, rgba(255,255,255,1) 17%, rgba(192,192,192,0.8) 83%) !important;
		  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#abbaab', GradientType=1) !important;
		  /* IE6-9 fallback on horizontal gradient */
		  /*border-radius: 10px 10px 0 0;*/
	      z-index: 9999;
	      border: 0;
	      font-size: 11px !important;
	      line-height: 1.42857143 !important;
	      letter-spacing: 2px;
	      border-radius: 0;
	      padding-left: 5px !important;
	      padding-right: 5px !important;
	   
	  }
	  .navbar2 {
	      margin-bottom: 0;
	      background-color: rgba(0,0,0,0.7) !important;
	      z-index: 9999;
	      border: 0;
	      font-size: 11px !important;
	      line-height: 1.42857143 !important;
	      letter-spacing: 2px;
	      border-radius: 0;
	      font-family: Montserrat, sans-serif;
	      padding-left: 5px !important;
	      padding-right: 5px !important;
	   
	  }
	  .navbar li a, .navbar .navbar-brand {
	      color: #000 !important;
	  }
	  .navbar-nav li a:hover, .navbar-nav li.active a {
	      color: #f4511e !important;
	      background-color: rgba(255,255,255,0) !important;
	  }
	  .navbar-default .navbar-toggle {
	      border-color: transparent;
	      color: #fff !important;
	  }
	  .navbar-brand img{
	  	width: 48px;
	  	height: 48px;
	  	padding: 5px;
	  	margin: -15px;
	  }
	  .icon-bar {
		 background-color: rgba(0,0,0,0.5) !important;
	  }
	  .navbar-inverse .navbar-toggle:hover {
    	 background-color: rgba(0,0,0,0) !important; 
	  }
		
	  .navbar-inverse .navbar-toggle {
		 border-color: rgba(0,0,0,0) !important;
	  }
	  .navbar-inverse {
		 border-color: transparent !important;
	  }
	  .navbar-toggle {
		 margin-right: 0 !important;
	  }
	  .navbar-header > h1 {
	    position: absolute;
	    top: -3px;
	    left: 52px;
	    letter-spacing: 3px;
	    font-size: 14px !important;
	    margin-bottom: -20px !important;
	    font-weight: 300 !important; 

	  }
		
		/*=====================Sidebar=========================*/
	
		.sidebar {
			position: fixed;
			top: 0;
			right: -40%;
			background: #fff;
			width: 40%;
			height: 100%;
			transition: .3s;
			z-index: 10000;
			opacity: 1 !important;
			box-shadow: 5px 0px 40px rgba(0,0,0, 0.2);

		}
		.sidebar h1 {
	      font-size: 28px;
	      color: #000;
		  font-family: Quicksand, sans-serif !important;
	      text-transform: uppercase;
	      font-weight: 300;
	      letter-spacing: 3px;
	     
	  	}
		.sidebar h2 {
	      font-size: 20px;
	      color: #000;
	      text-shadow: 1px 0 0 #ccc;
	      //text-shadow: -0.06em 0 0 red, 0.06em 0 0 cyan;
	      font-weight: 200;
	      margin-top: -40px;
	      margin-bottom: 40px;
	      text-align: center;
	      font-family: YuMincho, "Yu Mincho", メイリオ, serif;
	  	}
		.sidebar img{
			position: relative;
			max-width: 120px;
			height: auto;
			padding-top: 10%;
			-webkit-filter: drop-shadow( 0px 2px 2px #000 );
  			filter: drop-shadow( 0px 2px 2px #000);
  		
		}
		.active {
			right: 0px;
		}
		.sidebar ul {
			margin: 0;
			padding: 20px 0;
		}
		.sidebar ul li {
			list-style: none;
		}
		.sidebar ul li a {
			padding: 10px 10px !important;
			color: #fff;
			display: block;
			text-decoration: none;
			border-bottom: 0px solid rgba(0,0,0,0.2);
			text-align: center;
			font-size: 14px;

		}
		.sidebar a:hover {
			color: #f4511e !important;
		}	
		.sidebarBtn {
			position: absolute;
			top: 0;
			left: -50px;
			width: 50px;
			height: 50px;
			box-sizing: border-box;
			cursor: pointer;
			background: transparent;
			border: none;
			outline: none;
		}
		
		.sidebarBtn span {
			display: block;
			width: 26px;
			height: 3px;
			background: #000;
			position: absolute;
			top:  24px;
			transition: .3s;
		}
		
		.sidebarBtn span:before {
			content: '';
			position: absolute;
			top: -8px;
			left: 0;
			width: 100%;
			height: 3px;
			background: #000;
			transition: .3s;
		}
		.sidebarBtn span:after {
			content: '';
			position: absolute;
			top: 8px;
			left: 0;
			width: 100%;
			height: 3px;
			background: #000;
			transition: .3s;
		}
		.sidebarBtn.toggle span {
			background: transparent;
		}
		.sidebarBtn.toggle span:before {
			top: 0;
			transform: rotate(45deg);
			background: #000;

		}
		.sidebarBtn.toggle span:after {
			top: 0;
			transform: rotate(-45deg);
			background: #000;
		}
		.sidebarBtn.toggle {
			left: 10px;
		}

		.icon-center{
			display: flex;
			float: right;
			list-style: none;
			left: 50%;
			padding-right: 50px !important;
		}
		.icon-center a {
			font-size: 14px !important;
		}
		
	@media screen and (max-width: 1024px) {

		.sidebar h1 {
	      margin-top: -10px;
	      
	  	}
	  	.sidebar {
			position: fixed;
			top: 0;
			right: -40%;
			background: #fff;
			width: 40%;
			height: 100%;
			transition: .3s;
			z-index: 10000;
			opacity: 1 !important;
			box-shadow: 5px 0px 40px rgba(0,0,0, 0.2);

		}
		.sidebar h1 {
	      font-size: 24px;
	      color: #000;
		  font-family: Quicksand, sans-serif !important;
	      text-transform: uppercase;
	      font-weight: 300;
	      letter-spacing: 3px;
	     
	  	}
		.sidebar h2 {
	      font-size: 16px;
	      color: #000;
	      text-shadow: 1px 0 0 #ccc;
	      //text-shadow: -0.06em 0 0 red, 0.06em 0 0 cyan;
	      font-weight: 200;
	      margin-top: -50px;
	      margin-bottom: 40px;
	      text-align: center;
	  	}
		.sidebar img{
			position: relative;
			max-width: 120px;
			height: auto;
			padding-top: 10%;
			-webkit-filter: drop-shadow( 0px 2px 2px #000 );
  			filter: drop-shadow( 0px 2px 2px #000);
  		
		}
		.active {
			right: 0px;
		}
		.sidebar ul {
			margin: 0;
			padding: 20px 0;
		}
		.sidebar ul li {
			list-style: none;
		}
		.sidebar ul li a {
			padding: 10px 10px !important;
			color: #fff;
			display: block;
			text-decoration: none;
			border-bottom: 0px solid rgba(0,0,0,0.2);
			text-align: center;
			font-size: 14px;

		}
		.sidebar a:hover {
			color: #f4511e !important;
		}	
		.sidebarBtn {
			position: absolute;
			top: 0;
			left: -50px;
			width: 50px;
			height: 50px;
			box-sizing: border-box;
			cursor: pointer;
			background: transparent;
			border: none;
			outline: none;
		}
		
		.sidebarBtn span {
			display: block;
			width: 26px;
			height: 3px;
			background: #000;
			position: absolute;
			top:  24px;
			transition: .3s;
		}
		
		.sidebarBtn span:before {
			content: '';
			position: absolute;
			top: -8px;
			left: 0;
			width: 100%;
			height: 3px;
			background: #000;
			transition: .3s;
		}
		.sidebarBtn span:after {
			content: '';
			position: absolute;
			top: 8px;
			left: 0;
			width: 100%;
			height: 3px;
			background: #000;
			transition: .3s;
		}
		.sidebarBtn.toggle span {
			background: transparent;
		}
		.sidebarBtn.toggle span:before {
			top: 0;
			transform: rotate(45deg);
			background: #000;

		}
		.sidebarBtn.toggle span:after {
			top: 0;
			transform: rotate(-45deg);
			background: #000;
		}

		.sidebarBtn.toggle {
			left: 10px;
		}

		.icon-center{
			display: flex;
			float: right;
			list-style: none;
			left: 50%;
			padding-right: 50px !important;
		}
		.icon-center a {
			font-size: 14px !important;
		}
	 }

	 @media screen and (max-width: 860px) {
			.sidebar {
				position: fixed;
				top: 0;
				right: -50%;
				background: #fff;
				width: 50%;
				height: 100%;
				transition: .3s;
				z-index: 10000;
				opacity: 1 !important;
				box-shadow: 5px 0px 40px rgba(0,0,0, 0.2);

			}
			.sidebar h1 {
		      font-size: 22px;
		      color: #000;
			  font-family: Quicksand, sans-serif !important;
		      text-transform: uppercase;
		      font-weight: 300;
		      letter-spacing: 3px;
		     
		  	}
			.sidebar h2 {
		      font-size: 16px;
		      color: #000;
		      text-shadow: 1px 0 0 #ccc;
		      //text-shadow: -0.06em 0 0 red, 0.06em 0 0 cyan;
		      font-weight: 200;
		      margin-top: -50px;
		      margin-bottom: 40px;
		      text-align: center;
		  	}
			.sidebar img{
				position: relative;
				max-width: 120px;
				height: auto;
				padding-top: 10%;
				-webkit-filter: drop-shadow( 0px 2px 2px #000 );
	  			filter: drop-shadow( 0px 2px 2px #000);
	  		
			}
			.active {
				right: 0px;
			}
			.sidebar ul {
				margin: 0;
				padding: 20px 0;
			}
			.sidebar ul li {
				list-style: none;
			}
			.sidebar ul li a {
				padding: 10px 10px !important;
				color: #fff;
				display: block;
				text-decoration: none;
				border-bottom: 0px solid rgba(0,0,0,0.2);
				text-align: center;
				font-size: 14px;

			}
			.sidebar a:hover {
				color: #f4511e !important;
			}	
			.sidebarBtn {
				position: absolute;
				top: 0;
				left: -50px;
				width: 50px;
				height: 50px;
				box-sizing: border-box;
				cursor: pointer;
				background: transparent;
				border: none;
				outline: none;
			}
			
			.sidebarBtn span {
				display: block;
				width: 26px;
				height: 3px;
				background: #000;
				position: absolute;
				top:  24px;
				transition: .3s;
			}
			
			.sidebarBtn span:before {
				content: '';
				position: absolute;
				top: -8px;
				left: 0;
				width: 100%;
				height: 3px;
				background: #000;
				transition: .3s;
			}
			.sidebarBtn span:after {
				content: '';
				position: absolute;
				top: 8px;
				left: 0;
				width: 100%;
				height: 3px;
				background: #000;
				transition: .3s;
			}
			.sidebarBtn.toggle span {
				background: transparent;
			}
			.sidebarBtn.toggle span:before {
				top: 0;
				transform: rotate(45deg);
				background: #000;

			}
			.sidebarBtn.toggle span:after {
				top: 0;
				transform: rotate(-45deg);
				background: #000;
			}

			.sidebarBtn.toggle {
				left: 10px;
			}

			.icon-center{
				display: flex;
				float: right;
				list-style: none;
				left: 50%;
				padding-right: 50px !important;
			}
			.icon-center a {
				font-size: 14px !important;
			}

		}

	  @media screen and (max-width: 767px) {
	    .navbar-nav-lan > li {
		   	float: left !important;
		   	left: 5px !important;
		}
		.navbar-nav-lan > li > a {
		    padding-top: 15px !important;
		    padding-bottom: 15px !important; 

		}
		.sidebar h1 {
	      font-size: 20px;
	      margin-top: -30px;
	      
	  	}
		.sidebar h2 {
	      font-size: 12px;
	  	}
	  	.navbar-header > h1 {
		  	position: relative;
		    top: -2px !important;
		    left: 4px !important;
		    font-family: Quicksand, sans-serif !important;
		    text-transform: uppercase;
		    font-weight: 400;
		    letter-spacing: 3px;
		    font-size: 14px !important;
		    margin-bottom: -20px !important;
		  }
		
	  }
	  @media screen and (max-width: 600px) {
		.sidebar {
				position: fixed;
				top: 0;
				right: -70%;
				background: #fff;
				width: 70%;
				height: 100%;
				transition: .3s;
				z-index: 10000;
				opacity: 1 !important;
				box-shadow: 5px 0px 40px rgba(0,0,0, 0.2);

			}
			.sidebar h1 {
		      font-size: 22px;
		      color: #000;
			  font-family: Quicksand, sans-serif !important;
		      text-transform: uppercase;
		      font-weight: 300;
		      letter-spacing: 3px;
		     
		  	}
			.sidebar h2 {
		      font-size: 16px;
		      color: #000;
		      text-shadow: 1px 0 0 #ccc;
		      //text-shadow: -0.06em 0 0 red, 0.06em 0 0 cyan;
		      font-weight: 200;
		      margin-top: -50px;
		      margin-bottom: 40px;
		      text-align: center;
		  	}
			.sidebar img{
				position: relative;
				max-width: 120px;
				height: auto;
				padding-top: 10%;
				-webkit-filter: drop-shadow( 0px 2px 2px #000 );
	  			filter: drop-shadow( 0px 2px 2px #000);
	  		
			}
			.active {
				right: 0px;
			}
			.sidebar ul {
				margin: 0;
				padding: 20px 0;
			}
			.sidebar ul li {
				list-style: none;
			}
			.sidebar ul li a {
				padding: 10px 10px !important;
				color: #fff;
				display: block;
				text-decoration: none;
				border-bottom: 0px solid rgba(0,0,0,0.2);
				text-align: center;
				font-size: 14px;

			}
			.sidebar a:hover {
				color: #f4511e !important;
			}	
			.sidebarBtn {
				position: absolute;
				top: 0;
				left: -50px;
				width: 50px;
				height: 50px;
				box-sizing: border-box;
				cursor: pointer;
				background: transparent;
				border: none;
				outline: none;
			}
			
			.sidebarBtn span {
				display: block;
				width: 24px;
				height: 2px;
				background: #000;
				position: absolute;
				top:  24px;
				transition: .3s;
			}
			
			.sidebarBtn span:before {
				content: '';
				position: absolute;
				top: -8px;
				left: 0;
				width: 100%;
				height: 2px;
				background: #000;
				transition: .3s;
			}
			.sidebarBtn span:after {
				content: '';
				position: absolute;
				top: 8px;
				left: 0;
				width: 100%;
				height: 2px;
				background: #000;
				transition: .3s;
			}
			.sidebarBtn.toggle span {
				background: transparent;
			}
			.sidebarBtn.toggle span:before {
				top: 0;
				transform: rotate(45deg);
				background: #000;

			}
			.sidebarBtn.toggle span:after {
				top: 0;
				transform: rotate(-45deg);
				background: #000;
			}
			.sidebarBtn.toggle {
				left: 10px;
			}

			.icon-center{
				display: flex;
				float: right;
				list-style: none;
				left: 50%;
				padding-right: 50px !important;
			}
			.icon-center a {
				font-size: 14px !important;
			}
	  }	
	  @media screen and (max-width: 480px) {
	    	
	    .logo {
	        font-size: 150px;
	    }

		.sidebar {
				position: fixed;
				top: 0;
				right: -70%;
				background: #fff;
				width: 70%;
				height: 100%;
				transition: .3s;
				z-index: 10000;
				opacity: 1 !important;
				box-shadow: 5px 0px 40px rgba(0,0,0, 0.2);

			}
			.sidebar h1 {
		      font-size: 18px;
		      margin-top: -30px;
		      color: #000;
			  font-family: Quicksand, sans-serif !important;
		      text-transform: uppercase;
		      font-weight: 300;
		      letter-spacing: 2px;
		     
		  	}
			.sidebar h2 {
		      font-size: 12px;
		      color: #000;
		      text-shadow: 1px 0 0 #ccc;
		      //text-shadow: -0.06em 0 0 red, 0.06em 0 0 cyan;
		      font-weight: 200;
		      margin-top: -50px;
		      margin-bottom: 40px;
		      text-align: center;
		  	}
			.sidebar img{
				position: relative;
				max-width: 120px;
				height: auto;
				padding-top: 10%;
				-webkit-filter: drop-shadow( 0px 2px 2px #000 );
	  			filter: drop-shadow( 0px 2px 2px #000);
	  		
			}
			.active {
				right: 0px;
			}
			.sidebar ul {
				margin: 0;
				padding: 20px 0;
			}
			.sidebar ul li {
				list-style: none;
			}
			.sidebar ul li a {
				padding: 10px 10px !important;
				color: #fff;
				display: block;
				text-decoration: none;
				border-bottom: 0px solid rgba(0,0,0,0.2);
				text-align: center;
				font-size: 12px;

			}
			.sidebar a:hover {
				color: #f4511e !important;
			}	
			.sidebarBtn {
				position: absolute;
				top: 0;
				left: -50px;
				width: 50px;
				height: 50px;
				box-sizing: border-box;
				cursor: pointer;
				background: transparent;
				border: none;
				outline: none;
			}
			
			.sidebarBtn span {
				display: block;
				width: 24px;
				height: 2px;
				background: #000;
				position: absolute;
				top:  24px;
				transition: .3s;
			}
			
			.sidebarBtn span:before {
				content: '';
				position: absolute;
				top: -8px;
				left: 0;
				width: 100%;
				height: 2px;
				background: #000;
				transition: .3s;
			}
			.sidebarBtn span:after {
				content: '';
				position: absolute;
				top: 8px;
				left: 0;
				width: 100%;
				height: 2px;
				background: #000;
				transition: .3s;
			}
			.sidebarBtn.toggle span {
				background: transparent;
			}
			.sidebarBtn.toggle span:before {
				top: 0;
				transform: rotate(45deg);
				background: #000;

			}
			.sidebarBtn.toggle span:after {
				top: 0;
				transform: rotate(-45deg);
				background: #000;
			}
			.sidebarBtn.toggle {
				left: 10px;
			}

			.icon-center{
				display: flex;
				float: right;
				list-style: none;
				left: 50%;
				padding-right: 50px !important;
			}
			.icon-center a {
				font-size: 14px !important;
			}

	  }
	  @media screen and (max-width: 360px) {
		.sidebar {
				position: fixed;
				top: 0;
				right: -80%;
				background: #fff;
				width: 80%;
				height: 100%;
				transition: .3s;
				z-index: 10000;
				opacity: 1 !important;
				box-shadow: 5px 0px 40px rgba(0,0,0, 0.2);

			}
			.sidebar h1 {
		      font-size: 16px;
		      margin-top: -30px;
		      color: #000;
			  font-family: Quicksand, sans-serif !important;
		      text-transform: uppercase;
		      font-weight: 300;
		      letter-spacing: 2px;
		     
		  	}
			.sidebar h2 {
		      font-size: 12px;
		      color: #000;
		      text-shadow: 1px 0 0 #ccc;
		      //text-shadow: -0.06em 0 0 red, 0.06em 0 0 cyan;
		      font-weight: 200;
		      margin-top: -50px;
		      margin-bottom: 40px;
		      text-align: center;
		  	}
			.sidebar img{
				position: relative;
				max-width: 120px;
				height: auto;
				padding-top: 10%;
				-webkit-filter: drop-shadow( 0px 2px 2px #000 );
	  			filter: drop-shadow( 0px 2px 2px #000);
	  		
			}
			.active {
				right: 0px;
			}
			.sidebar ul {
				margin: 0;
				padding: 20px 0;
			}
			.sidebar ul li {
				list-style: none;
			}
			.sidebar ul li a {
				padding: 10px 10px !important;
				color: #fff;
				display: block;
				text-decoration: none;
				border-bottom: 0px solid rgba(0,0,0,0.2);
				text-align: center;
				font-size: 10px;

			}
			.sidebar a:hover {
				color: #f4511e !important;
			}	
			.sidebarBtn {
				position: absolute;
				top: 0;
				left: -50px;
				width: 50px;
				height: 50px;
				box-sizing: border-box;
				cursor: pointer;
				background: transparent;
				border: none;
				outline: none;
			}
			
			.sidebarBtn span {
				display: block;
				width: 24px;
				height: 2px;
				background: #000;
				position: absolute;
				top:  24px;
				transition: .3s;
			}
			
			.sidebarBtn span:before {
				content: '';
				position: absolute;
				top: -8px;
				left: 0;
				width: 100%;
				height: 2px;
				background: #000;
				transition: .3s;
			}
			.sidebarBtn span:after {
				content: '';
				position: absolute;
				top: 8px;
				left: 0;
				width: 100%;
				height: 2px;
				background: #000;
				transition: .3s;
			}
			.sidebarBtn.toggle span {
				background: transparent;
			}
			.sidebarBtn.toggle span:before {
				top: 0;
				transform: rotate(45deg);
				background: #000;

			}
			.sidebarBtn.toggle span:after {
				top: 0;
				transform: rotate(-45deg);
				background: #000;
			}
			.sidebarBtn.toggle {
				left: 10px;
			}

			.icon-center{
				display: flex;
				float: right;
				list-style: none;
				left: 50%;
				padding-right: 50px !important;
			}
			.icon-center a {
				font-size: 14px !important;
			}
		
	  }

	  .navbar{
		  margin-bottom: 0px !important;
		}
		
		.navbar-collapse.in {
		  text-align: center !important;
		  height: 2000px !important;
		  background-color: rgba(0,0,0,0.5);
		  max-height: 100vh !important;
		  font-size: 11px;
		  overflow-y: scroll;
		}
		.navbar-collapse.in li a{
			margin-top: 5% !important;
		}