/*-----------------------------Custom Css------------------------------------------ */
.wrapper{
	padding:0;
	margin:0;
	-webkit-font-smoothing: subpixel-antialiased;
 -webkit-text-stroke:1px transparent
}

a{text-decoration:none !important;}
/*-------Use Horizontal Row------------------------------*/

.gallery-section{padding:60px 0; background:#eee;}
.gallery{margin:15px 0;}
.horizontal-row-container{
  margin:0 auto;
  width:1170px; 
}

.horizontal-row-section{
	box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
	background-color: #fff;
	padding:30px;
}

.horizontal-row{
	display:block;
	background:#fff;
	border: #c6c6c6 2px solid;
    background-color: white;
    min-height: 100px;
    padding: 5px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 2px;
    border-radius: 4px;
	margin-bottom:30px;
}
.horizontal-row .media-object {
    max-width: 350px;
    min-height: 100px;
    border-radius:2px;
}
.horizontal-row .gallery-content{
	padding:15px;
	overflow:hidden;
	width:auto !important;
}
.horizontal-row .media-heading{
	margin:15px 0;
	color: #313536;
	font-size:24px;
}
.horizontal-row .gallery-content p{
	color:#6C7476;
	font-size:15px;
	line-height:26px;
}
.readmore-btn {
    word-spacing: 0.1em;
    letter-spacing: 0.01em;
    padding: 10px 0px ;
    line-height: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    display: inline-block;
    outline: none !important;
    text-decoration: none !important;
    font-weight: 700;
    margin: 0px !important;
}

.readmore-btn:hover {
  color:#fff;
  background:#2B60DE;
  padding: 10px 15px ;
}
/*-----Media Responsive-----------*/
@media only screen and (min-width:480px) and (max-width: 600px) {
.horizontal-row .gallery-content{
  float:left !important;
}
.horizontal-row .media-object {
   max-width:100% !important;
}
	
}

@media only screen and (min-width:200px) and (max-width: 480px) {
.horizontal-row .gallery-content{
  float:left !important;
}
.horizontal-row .media-object {
   max-width:100% !important;
}

}


/*---------Mansory Gallery Css---------------------------------------------------------*/
#my-gallery-container {
	background-color: #ededed;
}
#my-gallery-container p {
	text-align: center;
	color: #4d4d4d;
}
.item {
	border: #c6c6c6 2px solid;
	width: 100%;
	background-color: white;
	min-height: 100px;
	padding: 5px;
	margin: 10px 0px;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 2px;
	border-radius: 4px;,
	
}

.item:hover {
	opacity: 0.5;
}
.item p {

}
.item.h150{
	width: 100%;
	min-height: 150px;
}

.item.h200{
	width: 100%;
	min-height: 200px;

}

.item.h250{
	width: 100%;
	min-height: 200px;
}
.padding{
	padding:5px !important;
}


/*------------------Gallery With Caption----------------------------------------------------*/
.gallery-area{
  margin-bottom:30px;
}
.gallery-caption{
 text-align:center;
 display:block;
 padding:15px;
 background:#eee;
}
.gallery-caption h4{
 font-size:18px;
 line-height:36px;
 padding:0;
 margin:0;
}
.gallery-caption h4 a{
 color:#101010;
}

/*---Shadow Css-----------------------------------*/
.shadow1,.shadow6{
    z-index: 10;
  position:relative;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;
}
.shadow1:before, .shadow1:after{
  position:absolute;
  content:"";
  bottom:12px;left:15px;top:80%;
  width:45%;
  background:#9B7468;
  z-index:-1;
  -webkit-box-shadow: 0 20px 15px #9B7468;
  -moz-box-shadow: 0 20px 15px #9B7468;
  box-shadow: 0 20px 15px #9B7468;
  -webkit-transform: rotate(-6deg);
  -moz-transform: rotate(-6deg);
  transform: rotate(-6deg);
}
.shadow1:after{
  -webkit-transform: rotate(6deg);
  -moz-transform: rotate(6deg);
  transform: rotate(6deg);
  right: 15px;left: auto;
}
.shadow6:before, .shadow6:after{
  position:absolute;
  content:"";
  top:100px;bottom:5px;left:30px;right:30px;
  z-index:-1;
  box-shadow:0 0 40px 13px #486685;
  border-radius:100px/20px; 
}
/*------Gallery overly Caption Css-----------------------------*/
.item-box {
    position: relative;
    display: block;
	margin-bottom:30px;
}
.item-box a {
 display:block;
  overflow:hidden;
}

.item-box:hover .item-mask {
opacity: 1;
visibility: visible;
}

.item-box:hover .item-mask .item-caption {
		bottom: 30px;
		opacity: 1;
	}
.item-box:hover .item-container {
	transform: scale(1.1);
	transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	width: 100%;
	
	}
.item-container {
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    width: 100%;
    transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    min-height: 250px;
	
}

.item-mask {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    height: 100%;
    position: absolute;
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
	text-align:center;
}
.item-mask h4, .item-mask h6, .item-mask p {
	margin-bottom: 0px;
	color:#fff;
	text-align:center;
}
.item-mask h4{
  font-size:18px;
  line-height:36px;
}

.item-mask p {
	text-transform: uppercase;
	font-size: 12px;
	line-height:24px;
	letter-spacing: 1.5px;
	margin-top: 0;
}

.item-mask .item-caption {
    width:100%;
	position: absolute;
	bottom: -60px;
	padding-left: 30px;
	padding-right: 30px;
	text-align:center;
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	opacity: 0;
}