.row > .column {
  padding: 0 8px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.column {
	margin-top:20px;
  float: left;
  width: 100%;
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 30px;
	    z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color:rgba(0,0,0,.9);
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #000000;
  margin: auto;
  padding: 0;
  width:100%;
  height:auto;
  
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 20px;
  right:35px;
  font-size: 50px;
  z-index:9;
  font-weight: bold;
  
    opacity: 0.9;
	}
.close:hover,
.close:focus 
	{
  	color: #fff;
  	text-decoration: none;
  	cursor: pointer;
	}
.mySlides 
	{
  	display: none;
	text-align: center;
	}
.cursor 	
	{
  	cursor: pointer;
	}
/* Next & previous buttons */
.prev,
.next 
	{
  	cursor: pointer;
  	position: absolute;
  	top: 50%;
  	width: auto;
  	padding: 16px;
  	margin-top: -50px;
  	color: white;
  	font-weight: bold;
  	font-size: 20px;
  	transition: 0.6s ease;
  	border-radius: 0 3px 3px 0;
  	user-select: none;
  	-webkit-user-select: none;
	}
/* Position the "next button" to the right */
.next
	{
	right: 0;
  	border-radius: 3px 0 0 3px;
	}

.prev
	{
	left: 0;
  	border-radius: 3px 0 0 3px;
	}
/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover 
	{
  	background-color: rgba(0, 0, 0, 0.5);
	}
/* Number text (1/3 etc) */
.numbertext 
	{
  	color: #f2f2f2;
  	font-size: 12px;
  	padding: 8px 12px;
  	position: absolute;
  	top: 0;
	}
img {
  	margin-bottom: 0px;
	}
.caption-container
	{
  	text-align: center;
  	background-color: black;
  	padding: 2px 16px;
  	color: white;
	}
.demo 
	{
  	opacity: 0.6;
	}
.active,
.demo:hover 
	{
  	opacity: 1;
	}
img.hover-shadow 
	{
  	transition: 0.3s;
	}



.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img
	{
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
	}



/* changes after send */

img.hover-shadow:hover 
	{
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	}