/* @override http://newmediacampaigns.com/css/compiled.css */



/* Eric Meyer Reset */





body {

  font-family: 'Open Sans';

}

:focus {

  outline: 0;

}

a:link, a:visited {

  text-decoration: none;

}

a:hover, a:active {

  text-decoration: none;

}

a img {

  border: none;

}



/* Layout */

.boundingBox {

  margin: 0 auto;

  width: 90%;

}



/* Content */

#content {



  /* padding: 20px 0; */

}



/* Content - Portfolio Listing */

#portfolio-filter > li:nth-child(1) {

  margin: 0 5px 0 0;

}

.gallery-block {

  padding: 0;

  height: 64px;

  line-height: 64px;

  background: transparent url(../images/icon-tag-green.png) left no-repeat;

}

.gallery-block li {

  display: inline;

  margin: 0 4px;

}



/*ul#portfolio-filter a{ padding: 0.5em 1em; background: #FFF; color: #AAA; font-weight: bold; text-decoration: none; }*/

.gallery-block a {

  background: none repeat scroll 0 0 #ffffff;

  border: 1px solid #999999;

  color: #666666;

  font-size: 16px;

  font-weight: bold;

  padding: 0.5em 1em;

  text-decoration: none;

  font-weight: 500;

  text-transform: uppercase;

}

.gallery-block a:hover, .gallery-block a.current {

  color: #fff;

  background: #574099;

  border: 1px solid #574099;

  transition: background 0.5s ease 0s;

}

.gallery-block a.current {

  background-color: #574099;

  color: #fff;

}

#contentWrapper > div {

  text-align: center;

}

#loadMore > a {

  background: #574099;

  color: #ffffff;

  margin: 4% 10px 1%;

  padding: 10px;

}

.caption.fade-caption > p {

  left: 40%;

  position: absolute;

  top: 40%;

}

.fa.fa-search {

  background: #fff;

  border-radius: 50%;

  box-sizing: border-box;

  color: #000000;

  font-size: 20px;

  padding: 11px;

  text-align: center;

}

.fa.fa-play {

  border: 1px solid;

  border-radius: 50%;

  padding: 11px 13px;

  text-align: center;

  font-size: 20px;

}



/* ul#portfolio-list{ margin: 36px 0 0 0; padding: 0; list-style: none; }

ul#portfolio-list li{  width: 278px; height: 188px;  display: block; float: left; margin-right: 18px; overflow: hidden; }

ul#portfolio-list li a{ display: block; width: 163px; height: 120px;overflow: hidden; border: 1px solid #CDCDCD; background: #eee; }

ul#portfolio-list li p{ font-size: 11px; line-height: 15px; color: #AAA; margin: 5px 0; } */



/* ul#portfolio-list li img{display: inline-block;

vertical-align: middle;} */





#portfolio-list {



  /* Prevent vertical gaps */

  line-height: 0;

  margin: 36px 0 0 0;

  padding: 0;

  -webkit-column-count: 4;

  -webkit-column-gap: 0px;

  -moz-column-count: 5;

  -moz-column-gap: 0px;

  column-count: 5;

  column-gap: 0px;

}

#portfolio-list img {



  /* Just in case there are inline attributes */

  width: 100% !important;

  height: auto !important;

}

.gallery-drop {

  display: none;

}

@media (max-width:1200px) {

  #portfolio-list {

    -moz-column-count: 4;

    -webkit-column-count: 4;

    column-count: 4;

  }

}

@media (max-width:1000px) {

  #portfolio-list {

    -moz-column-count: 3;

    -webkit-column-count: 3;

    column-count: 3;

  }

}

@media (max-width:800px) {

  #portfolio-list {

    -moz-column-count: 2;

    -webkit-column-count: 2;

    column-count: 2;

  }

}

@media (max-width:400px) {

  #portfolio-list {

    -moz-column-count: 1;

    -webkit-column-count: 1;

    column-count: 1;

  }

  .gallery-block {

    display: none;

  }

  .gallery-drop {

    display: block;

  }

}

@media (max-width:760px) {

  .gallery-block {

    display: none;

  }

  .gallery-drop {

    display: block;

  }

}

#popHolder {

  position: fixed;

  display: none;

  background: rgba(0, 0, 0, 0.7);

  overflow: hidden;

  top: 0px;

  z-index: 999;

  height: 100%;

  width: 100%;

}

.imageContainer {

  position: absolute;

  top: 0px;

  left: 0px;

  right: 0px;

  bottom: 0px;

  height: 90%;

  width: 90%;

  margin: auto;

  text-align: center;

}

.imageContainer img {

  position: relative;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  text-align: center;

}



/**/



/*.img_big{ height:100%;}*/

.folio-close {

  height: 13px;

  width: 13px;

  position: absolute;

  right: 10px;

  top: 10px;/* right:82px; top:66px; */

  z-index: 2; /* display:none; */

}

.folio-next {

  display: block;

  position: absolute;

  top: 45%;

  right: 20px;

  z-index: 5;

  cursor: pointer;

}

.folio-prev {

  display: block;

  position: absolute;

  top: 45%;

  left: 20px;

  z-index: 3;

  cursor: pointer;

}

.folio-item {

  position: relative;

  cursor: pointer;

}

.folio-item .caption {

  background-color: rgba(0, 0, 0, 0.8);

  position: absolute;

  color: #fff;

  z-index: 2;    /* -webkit-transition: all 300ms ease-out;  

        -moz-transition: all 300ms ease-out;  

        -o-transition: all 300ms ease-out;  

        -ms-transition: all 300ms ease-out;  

        transition: all 300ms ease-out; */

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  line-height: 2;

  text-align: center; /* display: none; */

}

.btn-default {

  background-color: #fff;

  border-color: #999999;

  color: #666666;

  font-size: 16px;

  font-style: normal;

}

.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {

  background-color: #574099;

  border-color: #999999;

  color: #666666;

  transition: background 0.5s ease 0s;

  font-size: 16px;

  font-style: normal;

}



/*.gallery-drop .dropdown-menu {

  background-clip: padding-box;

  background-color: #ffffff;

  border: 1px solid rgba(0, 0, 0, 0.15);

  border-radius: 4px;

  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);

  display: none;

  float: left;

  font-size: 14px;

  left: 0;

  list-style: outside none none;

  min-width: 100%;

  padding: 5px 0;

  position: absolute;

  text-align: left;

  top: 100%;

  z-index: 1000;

  margin:0;

}*/

.gallery-drop .dropdown-menu {

  width: 100%;

}

.gallery-drop .dropdown-menu > li > a {

  line-height: 5px;

  padding: 15px 21px;

  text-transform: uppercase;

}