/* Manzari Gallery*/
.fa 
{
	transition: all 0.3s !important;
	text-align: center;
        background-color: #2D3537;
        padding-left: 4px;
        border-radius: 15px;
	margin-right: 4px;
}
.fa:hover
{
        background-color: #2D4567;
}
i.rotated180
{
    -webkit-transform: rotate(180deg) !important;  /* Chrome, Safari 3.1+ */
    -moz-transform: rotate(180deg); !important  /* Firefox 3.5-15 */
    -ms-transform: rotate(180deg); !important  /* IE 9 */
    -o-transform: rotate(180deg); !important  /* Opera 10.50-12.00 */
    transform: rotate(180deg); !important  /* Firefox 16+, IE 10+, Opera 12.10+ */
}
/* Collection */
.title-block.mgal-selector
{
	transition: background 0.3s;
	-webkit-transition: background 0.3s;
}
div.title-block.mgal-selector:hover
{
	background-color:#1D2527;
/*	cursor: pointer;*/
}
#mgal-content
{
  width:100%;
  padding:10px;
  box-sizing:border-box;
  height:100%;
  display: inline-block;
  background-color: #000;
  text-align:center;
}
/* #mgal-content {display:none;} */
#mgal-gallery img
{
  transition: width 0.5s;
  width:19.8%;
}
@media(max-width:1473px)
{
  #mgal-gallery img {width:24.75%;}
}
@media(max-width:1185px)
{
  #mgal-gallery img {width:33%;}
}
@media(max-width:895px)
{
  #mgal-gallery img {width:49.0%;}
}


/* CAMPAIGN */
section#mgal-photos
{
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-column-count: 4;
  -webkit-column-gap: 0px;
  -moz-column-count: 4;
  -moz-column-gap: 0px;
  column-count: 4;
  column-gap: 0px;
  transition: all 0.2s;
}
.mgal-photoContainer
{
  transition: all 0.4s;
  position:relative;
  overflow:hidden;
  margin: 1% 0.5%;
}
.mgal-overlay
{
  position:absolute;
  top:0px;left:0px;
  transition: background-color 0.2s;
  width:100%;
  height:100%;
  opacity: 0.6;
}
.mgal-overlay:hover
{
  background-color:#CEF;
}
section#mgal-photos img
{
  transition: all 0.4s;
  width: 100% !important;
  height: auto !important;
}
@media (max-width:1473px)
{
  section#mgal-photos
  {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
}
@media (max-width:1185px)
{
  section#mgal-photos
  {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}
@media (max-width: 895px)
{
  section#mgal-photos
  {
    -moz-column-count:    1;
    -webkit-column-count: 1;
    column-count:         1;
  }
}