.gallery-items { font-size:0; padding:0px!important; margin:30px 0 0 !important; }

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

.gallery-item {
  display:inline-block;
  vertical-align:top;
  -webkit-transition:height 500ms ease;
  -o-transition:height 500ms ease;
  transition:height 500ms ease;
  /*width:25%;*/ /* responsive */
}

@media only screen and (max-width: 960px) {
}
@media only screen and (max-width: 768px) {
	.gallery-item {
		/*width:50% !important;*/ /* responsive */
	}
}
@media only screen and (max-width: 641px) {
	.gallery-item {
		/*padding-left: 0 !important;
		padding-right: 0 !important;
		width:100% !important;*/ /* responsive */
	}
}

.gallery-item {
  text-align:left;
  font-size:16px;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

.gallery-contents { position:relative; }

.gallery-contents:after {
  display:block;
  position:absolute;
  bottom:0px;
  left:50%;
  margin-left:-30px;
  width:0;
  height:0;
  content:'';
  border-left:30px solid transparent;
  border-right:30px solid transparent;
  border-bottom-style:solid;
  border-bottom-width:0px;
  -webkit-transition:border-bottom-width 500ms ease;
  -o-transition:border-bottom-width 500ms ease;
  transition:border-bottom-width 500ms ease;
}

.gallery-contents:after { /*border-bottom-color:#00ccff;*/ }

.gallery-item.active .gallery-contents:after { border-bottom-width:30px; }


	.gallery-item .thumbnail {
	  position:relative;
	  width:240px;
	  /*width:100%;*/ /* responsive */
	  height:240px;
	  /*height:100%;*/ /* responsive */
	  overflow:hidden;
	  cursor:pointer;
	  
	  background:none!important;
	  border:0px!important;
	  padding:0px!important;
	  margin:0px!important;
	  border-radius:0px!important;
	}

	.gallery-item .thumbnail > img {
	  position:absolute;
	  /*position:relative;+/ /* responsive */
	  max-width:100%;
	  height:auto;
	}

	.gallery-item .title {
	  text-align:center;
	  margin-top:10px;
	  padding-bottom:10px;
	}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

.gallery-expander {
  position:absolute;
  left:0;
  right:0;
  overflow:hidden;
  max-height:0;
  -webkit-transition:max-height 500ms ease;
  -o-transition:max-height 500ms ease;
  transition:max-height 500ms ease;
}

.gallery-expander { /*background:#F6F3ED;*/ }

	.gallery-expander-contents {
	  margin:0 auto;
	  width:1000px;
	  padding:20px 0;
	}
	@media (min-width:640px) and (max-width:999px) {
		.gallery-expander-contents { width:640px; }
	}
	@media (max-width:639px) {
		.gallery-expander-contents { width:100%; }
	}

	.gallery-expander-contents:after {
	  clear:both;
	  display:table;
	  content:'';
	}

	.gallery-expander-contents > div.col {
	  float:left;
	  width:480px;
	}
	@media (min-width:640px) and (max-width:999px) {
		.gallery-expander-contents > div.col { width:310px; }
	}
	@media (max-width:639px) {
		.gallery-expander-contents > div.col {
		  float:none;
		  padding:25px 30px 0;
		  width:auto;
		}
	}

	.gallery-expander-contents > div.col + div.col { margin-left:40px; }
	@media (min-width:640px) and (max-width:999px) {
		.gallery-expander-contents > div.col + div.col { margin-left:20px; }
	}
	@media (max-width:639px) {
		.gallery-expander-contents > div.col + div.col { margin-left:0px; }
	}

	.gallery-expander-contents div.close {
	  position:absolute;
	  top:10px;
	  right:20px;
	}

	.gallery-expander-contents div.contents {
	  margin-top:10px;
	  /*border-top:1px solid #BCB098;
	  border-bottom:1px solid #BCB098;*/
	  padding:10px 0;
	  font-size:14px;
	  line-height:24px;
	  /*color:#797262;*/
	}

	.gallery-expander-contents div.image > img {
	  width:100%;
	  display:block;
	}