.wgcoam-thumbs {
	text-align:center;
	width:90%;
	margin-left: auto;
	margin-right: auto;
}

.wgcoam-works-close {
	position:absolute;
	right: 18px;
	top: 18px;
	font-size:14pt;
	cursor: pointer;
	color: white;
	background-color: #333;
	padding-left:4px;
	padding-right:4px;
	border-radius: 4px;
}

.wgcoam-works
{
	display:none;
	height:100vh;
	overflow:hidden;
	
    background: #F7F7F7;
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 203;
}

.wgcoam-works-row
{
	display: flex;height:100vh;
}

.wgcoam-works-row-left {
	background-color:black;
	flex: 70%;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}
.wgcoam-works-row-right {
	flex: 30%;
	margin-left: 15px;
	margin-right: auto;
	margin-top: 50px;
	text-align:left;
	overflow-x: hidden;
}

.wgcoam-group-block a{
	text-decoration: underline;
}

.wgcoam_status {
	font-weight: bold;
	text-transform: uppercase;
	margin-top:10px;
}

.wgcoam_available {
	color: green;
	text-align: center;
	border: 1px solid green;
	margin-bottom: 10px;
	display: inline-block;
	padding: 5px 10px 5px 10px;
}
.wgcoam_reserved{
	text-align: center;
	border: 1px solid orange;
	color: orange;
	margin-bottom: 10px;
	display: inline-block;
	padding: 5px 10px 5px 10px;

}
.wgcoam_sold{
	text-align: center;
	border: 1px solid red;
	color: red;
	margin-bottom: 10px;
	display: inline-block;
	padding: 5px 10px 5px 10px;
}

.wgcoam_inq {
	color: black;
	font-weight: bold;
	text-transform: uppercase;
	display: inline-block;
	margin-top: 10px;

}
.wgcoam_inq_button {
	text-align: center;
	border: 1px solid black;
	padding: 5px 10px 5px 10px;
}
.wgcoam_inq_button:hover {
	color: white;
	background-color: black;
	cursor:pointer;
}

.wgcoam_next {
	float:right;
	margin-right:15px;
}

#wgcoam_txt_img_slider {
	width:96%;
}
#wgcoam_txt_slidetop img
{
	padding-right:5px;
	cursor: pointer;
}
#wgcoam_txt_slidetop
{
	display: none;
	padding-right:5px;
}
#wgcoam_txt_slidebottom img
{
	padding-right:5px;
	cursor: pointer;
}

#wgcoam_txt_slidebottom
{
	display: block;
	margin-top:45px;
	padding-right:5px;
}

#wgcoam_img {
	max-height: 100%;
	max-width: 100%;
}

#inq-div {
	margin-bottom: 15px;
}

.wgcoam-arrow
{
	background-color: #292F4B;
	border-radius: 50%;
	height: 40px;
	width: 40px;
	color:white;
	font-size: 25px;
}

@media screen and (max-width: 425px)
{
	.wgcoam_status {
		font-weight: bold;
		text-transform: uppercase;
		margin-top:10px;
		display: inline;
	}
	#inq-div {
		display: inline;
		padding-left: 10px;
	}

	.wgcoam-works
	{
		display:none;
		overflow:scroll;
		
		background: #F7F7F7;
		bottom: 0;
		display: none;
		left: 0;
		position: fixed;
		top: 0;
		width: 100%;
	}

	.wgcoam-works-row
	{
		display: block;height:auto;
	}
	
	.wgcoam-works-row-left {
		display:block;
		flex: none;
		height:302px;
	}
	#wgcoam_img {
		max-height: 300px;
		max-height: 300px;
		zmax-width: 50%;
	}
	.wgcoam-works-row-right {
		display:block;
		margin-top: 10px;
		flex: none;
		overflow:auto;
	}
	#wgcoam_txt_slidetop
	{
		display: block;
		width: 98%;
		height: 140px;
		overflow-x: scroll;
	}

	#wgcoam_txt_slidebottom
	{
		display: none;
		margin-top:45px;
		width: 98%;
		height: 140px;
		overflow-x: scroll;
	}

}

/* Style inputs, select elements and textareas */
.wgcoam-inqfrm-bg
{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 2000;
	opacity: 0.85;
	display: none;
}

.inq_thanks {
	display:none;
}
.wgcoam-inqfrm {
	background-color: white;
	width: 50%;
	zmax-width: 700px;
	position: fixed;
	left: 25%;
	top:10%;
	border-radius: 10px;
	padding: 20px;
	z-index: 2100;
	display: none;
}

.wgcoam-inqfrm button {
	text-align: center;
	border: 1px solid black;
	padding: 15px;
}
.wgcoam-inqfrm button:hover {
	color: white;
	background-color: black;
	cursor:pointer;
}

.wgcoam-inqfrm input[type=text], select, textarea{
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
}

/* Style the label to display next to the inputs */
.wgcoam-inqfrm label {
  padding: 12px 12px 12px 0;
  display: inline-block;
}

/* Style the submit button */
.wgcoam-inqfrm input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: right;
}

/* Style the container */
.wgcoam-inqfrm .container {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}

/* Floating column for labels: 25% width */
.wgcoam-inqfrm .wgcoam-inq-col-25 {
  float: left;
  width: 25%;
  margin-top: 6px;
}

/* Floating column for inputs: 75% width */
.wgcoam-inqfrm .wgcoam-inq-col-75 {
  float: left;
  width: 75%;
  margin-top: 6px;
}

/* Floating column for inputs: 100% width */
.wgcoam-inqfrm .wgcoam-inq-col-100 {
  float: left;
  width: 100%;
  margin-top: 6px;
}

/* Clear floats after the columns */
.wgcoam-inqfrm .wgcoam-inq-row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .wgcoam-inqfrm .wgcoam-inq-col-25, .wgcoam-inqfrm .wgcoam-inq-col-75, .wgcoam-inqfrm input[type=submit] {
    zwidth: 100%;
    margin-top: 0;
  }
}