.fphotogrid .image-wrap, 
.fvideoogrid .image-wrap{
	position:relative;
		  -webkit-transition: all 0.7s ease 0s;
	 -moz-transition: all 0.7s ease 0s;
	 -o-transition: all 0.7s ease 0s;
	 transition: all 0.7s ease 0s;	
}

.fvideogrid .image-wrap:before{
  font-family: 'gg';
  font-style: normal;
  font-weight: normal;
  speak: none;
  text-decoration: inherit;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display:inline-block;
  color:rgba(255,255,255,1);
  background: rgba(0,0,0,.4);
  font-size:38px;
  padding-left:3px;
  position:absolute;
  left:calc(50% - 29px);
  top:calc(50% - 29px);
  z-index:2;
  width:58px;
  height:58px;
  line-height:58px;
  box-sizing:border-box;
  overflow:hidden;
  text-align:center;
  border-radius:50%; 
  -moz-border-radius:50%;
}
.smallwidth .fvideogrid .image-wrap:before{
	width:38px;
    height:38px;
    line-height:38px;
	left:calc(50% - 19px);
    top:calc(50% - 19px);
	font-size:28px;
}
.fvideogrid .image-wrap:before{
	content: '\e821';
}
.fvideogrid .image-wrap:hover:before{
	 background: rgba(0,0,0,.6);
}


.fphotogrid .image-wrap:after, 
.fvideogrid .image-wrap:after{
	-webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
     color:#fff;
     background: rgba(0,0,0,0.4);
	 position:absolute;
	 padding:6px 6px 6px 6px;
	 box-sizing:border-box;
	  font-size:14px;
	  line-height: 15px;
	  display:none;
	  bottom:0;
	  left:0;
	  right:0;
	  content:attr(title);
      overflow: hidden;	 
  
	 
}
.fphotogrid .image-wrap:not([title='']):after, 
.fvideogrid .image-wrap:not([title='']):after{
	    display:block;
}
.fphotogrid.imgs-grid-1 .image-wrap:after, 
.fvideogrid.imgs-grid-1 .image-wrap:after{
		font-size:15px;
	    line-height:16px;
}
.smallwidth .fphotogrid .image-wrap:after,
.smallwidth .fvideogrid .image-wrap:after{
	display:none;
}

.fphotogrid, .fvideogrid{
	display:none;
}


.imgs-grid {
  max-width: 1000px;
  margin: 0 auto;
  font-size: 0;
}
.imgs-grid.imgs-grid-1 .imgs-grid-image {
  width: 100%;
  text-align: center;
}
.imgs-grid.imgs-grid-2 .imgs-grid-image,
.imgs-grid.imgs-grid-4 .imgs-grid-image {
  width: 50%;
}
.imgs-grid.imgs-grid-3 .imgs-grid-image,
.imgs-grid.imgs-grid-6 .imgs-grid-image {
  width: 33.333333333333336%;
}
.imgs-grid.imgs-grid-5 .imgs-grid-image:nth-child(1),
.imgs-grid.imgs-grid-5 .imgs-grid-image:nth-child(2),
.imgs-grid.imgs-grid-5 .imgs-grid-image:nth-child(3) {
  width: 33.333333333333336%;
}
.imgs-grid.imgs-grid-5 .imgs-grid-image:nth-child(4),
.imgs-grid.imgs-grid-5 .imgs-grid-image:nth-child(5) {
  width: 50%;
}



.imgs-grid.imgs-grid-1[data-type="list"] .imgs-grid-image {
  width: 100%;
  text-align: center;
}
.imgs-grid.imgs-grid-2[data-type="list"] .imgs-grid-image,
.imgs-grid.imgs-grid-4[data-type="list"] .imgs-grid-image {
  width: auto;
}
.imgs-grid.imgs-grid-3[data-type="list"] .imgs-grid-image,
.imgs-grid.imgs-grid-6[data-type="list"] .imgs-grid-image {
  width: auto;
}
.imgs-grid.imgs-grid-5[data-type="list"] .imgs-grid-image:nth-child(1),
.imgs-grid.imgs-grid-5[data-type="list"] .imgs-grid-image:nth-child(2),
.imgs-grid.imgs-grid-5[data-type="list"] .imgs-grid-image:nth-child(3) {
  width: auto;
}
.imgs-grid.imgs-grid-5[data-type="list"] .imgs-grid-image:nth-child(4),
.imgs-grid.imgs-grid-5[data-type="list"] .imgs-grid-image:nth-child(5) {
  width: auto;
}

.imgs-grid .imgs-grid-image {
  position: relative;
  display: inline-block;
  padding: 1px;
  box-sizing: border-box;
  text-align: center;
}

.imgs-grid .imgs-grid-image:hover {
  cursor: pointer;
}
.imgs-grid .imgs-grid-image .image-wrap {
  position: relative;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
   outline: 0;
   width:100%
}
.imgs-grid .imgs-grid-image .image-wrap img {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0;
  padding:0;
  outline: 0;
}
.imgs-grid .imgs-grid-image .view-all {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
}
.imgs-grid .imgs-grid-image .view-all:before {
  display: inline-block;
  content: "";
  vertical-align: middle;
  height: 100%;
}
.imgs-grid .imgs-grid-image .view-all:hover {
  cursor: pointer;
}
.imgs-grid .imgs-grid-image .view-all:hover .view-all-text {

}
.imgs-grid .imgs-grid-image .view-all .view-all-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.4;
}
.imgs-grid .imgs-grid-image .view-all .view-all-text {
  position: relative;
  font-size: 16px;
  font-family: sans-serif;
  color: white;
}
@media (max-width: 350px) {
  .imgs-grid .imgs-grid-image .view-all .view-all-text {
    font-size: 14px;
	line-height:20px;
  }
 
}
.imgs-grid-modal {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: black;
  opacity: 0;
  z-index: 111111111111;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.imgs-grid-modal .modal-caption {
  padding: 30px 50px;
  text-align: center;
  color: white;
}
.imgs-grid-modal .modal-close {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 35px;
  height: 35px;
  background-image: url(../images/imgs-grid-icons.png);
  background-repeat: no-repeat;
  background-position: -100px;
}
.imgs-grid-modal .modal-close:hover {
  cursor: pointer;
}
.imgs-grid-modal .modal-inner {
  position: absolute;
  top: 60px;
  bottom: 60px;
  left: 0;
  right: 0;
}
.imgs-grid-modal .modal-inner .modal-control {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 70px;
}
.imgs-grid-modal .modal-inner .modal-control:hover {
  cursor: pointer;
}
.imgs-grid-modal .modal-inner .modal-control.left {
  left: 0;
}
.imgs-grid-modal .modal-inner .modal-control.right {
  right: 0;
}
.imgs-grid-modal .modal-inner .modal-control .arrow {
  margin: 0 auto;
  height: 100%;
  width: 40px;
  background-repeat: no-repeat;
  background-image: url(../images/imgs-grid-icons.png);
}
.imgs-grid-modal .modal-inner .modal-control .arrow.left {
  background-position: 2px center;
}
.imgs-grid-modal .modal-inner .modal-control .arrow.right {
  background-position: -42px center;
}


.imgs-grid-modal .modal-inner{
	margin:0 auto; 
	text-align: center;
	display:flex;
	flex-wrap: nowrap;
    justify-content: center;
    align-items: center; 
	align-content: center;
}
.imgs-grid-modal .modal-inner .modal-video {
  margin:0 auto;
  text-align: center;
}


.imgs-grid-modal .modal-inner .modal-image {
  position: absolute;
  top: 0;
  left: 70px;
  right: 70px;
  bottom: 0;
  text-align: center;
}
.imgs-grid-modal .modal-inner .modal-image:before {
  display: inline-block;
  content: "";
  vertical-align: middle;
  height: 100%;
}
.imgs-grid-modal .modal-inner .modal-image img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  -webkit-transition: all 0.9s ease 0s; -moz-transition: all 0.9s ease 0s;  -o-transition: all 0.9s ease 0s;  transition: all 0.9s ease 0s;
}
.imgs-grid-modal .modal-inner .modal-image img:hover {
  cursor: pointer;
}
.imgs-grid-modal .modal-inner .modal-loader {
  display: inline-block;
  vertical-align: middle;
  color: silver;
  font-size: 14px;
}
@media (max-width: 800px) {
  .imgs-grid-modal .modal-inner .modal-control {
    width: 40px;
  }
  .imgs-grid-modal .modal-inner .modal-control .arrow {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
  .imgs-grid-modal .modal-inner .modal-image {
    left: 0;
    right: 0;
  }
}
.imgs-grid-modal .modal-indicator {
  position: absolute;
  top: 65px;
  height: 60px;
  width: 100%;
  text-align: center;
  z-index:auto;
}
@media (max-width: 500px) {
.imgs-grid-modal .modal-indicator {
  top: 85px;
}
}
.imgs-grid-modal .modal-video .modal-indicator{
	
}
.imgs-grid-modal .modal-indicator ul {
  margin: 0;
  padding: 0;
}
.imgs-grid-modal .modal-indicator ul li {
  display: inline-block;
  width: 22px;
  height: 22px;
  border: 1px solid white;
  box-sizing: border-box;
  border-radius: 100%;
  margin: 0 4px;
  vertical-align: middle;
  -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s;  -o-transition: all 0.5s ease 0s;  transition: all 0.5s ease 0s;
  }
.imgs-grid-modal .modal-indicator ul li:hover {
  cursor: pointer;
  background-color: white;
}
.imgs-grid-modal .modal-indicator ul li.selected {
  background-color: white;
  width: 14px;
  height: 14px;
}