/* ===================
bootstrap
===================*/
.nav > li > a:hover, .nav > li > a:focus {
	background:transparent;
}

.navbar-toggle .icon-bar {
	background-color: #333;
}
/*
.navbar-nav {
    margin: 0px -15px 0px;
}
*/

@media (max-width: 767px) {
	.navbar-toggle {
			margin-right:0px;
	}
}
@media (min-width: 768px) {
	.navbar-fixed-top {
		  padding-right: 30px;
	}
}
@media (min-width: 768px) {
	/*
	.navbar-nav > li > a {
		 padding-top:0px;
		 padding-bottom: 0px;
	}
	*/
}
@media (min-width: 1260px){
	.container {
			width: 1230px;
	}
}


/* ===================
drawer
===================*/
.drawer-overlay {
	background-color: rgba(0, 0, 0, .6);
}

.drawer--right .drawer-nav {
	right: -70%;
}
.drawer-nav {
	 width: 70%;
}

.drawer--navbarTopGutter {
		padding-top: 0rem;
}
.drawer-navbar {
	height: 60px;
}

.drawer-navbar-header {
	height: auto;
}
.drawer-navbar .drawer-navbar-header {
	border-bottom: none;
}
.drawer-hamburger {
	 width: 2.8rem;
   padding-top: 20px;
	margin-right: 10px;
}

@media (max-width: 767px){
	.drawer-navbar .drawer-nav {
		/*
		padding-top: 6rem;
		*/
	}
}

@media (min-width: 768px){
	.drawer-navbar {
		/*height: 70px;
		padding-top: 6px;*/
		height: 70px;
	}
	.drawer-navbar .drawer-nav {
		/*
		padding-top:inherit;
		height: auto;
		*/
	}
}


/* ===================
slick
===================*/
.slick_container {
/*	width:360px;
	margin:0 auto;
	position:relative;
	border: 1px solid #000;*/
}

.slick-list  {
	position:relative;
}
.slick-prev:before, .slick-next:before {
    content:"";
}
button.slick-prev, button.slick-next {
    z-index:2;
}

/*.slick-arrow{z-index:10;}*/

#arrows {
	height:57px;
	width: 100%;
	position: absolute;
	top:43%;
}

.slick-prev{
	background-image: url(../images/bx-prev.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
	left:20px;
}
.slick-next{
	background-image: url(../images/bx-next.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: cover;
	right:20px;
}
.slick-prev,
.slick-next {
  width:16px;
  height: auto;
}

@media (max-width: 480px){
	#arrows {
		position: absolute;
		top:30%;
	}
}

@media (min-width: 768px){
	.slick-prev,
	.slick-next {
			width:29px;
			height:57px;
	}
}


/* ===================
print
===================*/
@media print {
	.drawer-navbar--fixed{
		position: static!important;
	}
	.contents{
		margin-top:0!important;
	}
}