#works {
    padding:0px 0 0 0;
    width:100%;
    float:left
}
 #works .wrapper {
    max-width:100%;
    background-color: #fff;
    padding:0;
}
#works #more  {
    text-align:center;
    padding: 30px 0 30px 0;
    background-color:#f6f6f6
}

#works #more input  {
    font-family:"Open Sans", sans-serif;
    font-weight:400;
    font-size:1.2em;
    text-align:center;
    vertical-align:middle;
    line-height:1em;
    letter-spacing:-0.05em;
    color:#333;
    text-decoration: none;
    border: none;
    background: none;
}
@media screen and (min-width: 480px) {
    #works #more input {
        font-size:1.5em;
    }
}
@media screen and (min-width: 991px) {
     #works #more input {
        font-size:1.8em;
    }
}

.work {
    width:100%;
    float:left
}

.grid-list {
    padding:0px 0 0 0
}
@media screen and (min-width: 768px) {
    .grid-list {
        padding:0px 0
    }
}
.grid-list article {
    margin:0 0 0px 0;
    text-align:center
}
@media screen and (max-width: 479px) {
    .grid-list article {
        height:auto !important
    }
}
@media screen and (min-width: 480px) {
    .grid-list article {
        width:50%
    }
}
@media screen and (min-width: 991px) {
    .grid-list article {
        width:33.3333%
    }
}
.grid-list article img {
    margin:0 auto
}
.grid-list article.pre-fancy {
    -webkit-transform:translate3d(0, 150px, 0);
    transform:translate3d(0, 150px, 0);
    opacity:0.1
}
.grid-list article.post-fancy {
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    opacity:1
}
@media screen and (min-width: 991px) {
    .grid-list  .work-hide {
       display: none;
    }
}



.work-item-list {
    margin-bottom:0;
    width:100%
}
.work-item-list .image-overlay {
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity:0;
    -webkit-transition-property:opacity;
    -moz-transition-property:opacity;
    -o-transition-property:opacity;
    transition-property:opacity;
    -webkit-transition-duration:0.2s;
    -moz-transition-duration:0.2s;
    -o-transition-duration:0.2s;
    transition-duration:0.2s;
    -webkit-transition-timing-function:linear;
    -moz-transition-timing-function:linear;
    -o-transition-timing-function:linear;
    transition-timing-function:linear;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(255, 255, 255, 0.8)
}
.work-item-list .image-overlay:hover {
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity:1
}
@media screen and (max-width: 991px) {
    .work-item-list .image-overlay {
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity:1;
        top:initial;
        bottom:0;
        height:30%
    }
}
.work-item-list .work-item-info {
    position:absolute;
    left:0;
    bottom:50%;
    margin-bottom:-2.5em;
    width:100%;
    text-align:center;
    color:#646464
}
.work-item-list .work-item-info img {
    width:3em;
}
@media screen and (max-width: 991px) {
    .work-item-list .work-item-info img {
        display:none
    }
}
.work-item-list .work-item-info h3 {
    font-family:"Open Sans", sans-serif;
    font-size:1.5em;
    line-height:1.25em;
    font-weight: 600;
    text-align:center;
    color: #000;
    padding:0 0 0px 0;
    margin: 0;
    line-height:1em;
    letter-spacing:-0.05em;
}
@media screen and (min-width: 480px) {
     .work-item-list .work-item-info h3 {
        font-size:1.2em;
        
    }
}
@media screen and (min-width: 768px) {
     .work-item-list .work-item-info h3 {
        font-size:1.5em;
        
    }
}
@media screen and (min-width: 991px) {
     .work-item-list .work-item-info h3{
        font-size:2em;
        padding:0 0 10px 0;
    }
}

.work-item-list .work-item-info p {
    font-family:"Open Sans", sans-serif;
    font-weight:200;
    font-size:1.3em;
    padding:0 0 25px 0;
    width:100%;
    text-align:center;
    vertical-align:middle;
    line-height:1em;
    letter-spacing:-0.05em;
    color:#333
}
@media screen and (min-width: 480px) {
     .work-item-list .work-item-info p {
        font-size:1.1em;
    }
}
@media screen and (min-width: 991px) {
     .work-item-list .work-item-info p{
        font-size:1.5em;
    }
}


/*** MODAL ***/
/* Popup */

/* Control Nav */
.slider-control-nav {margin: 0 0 0 0px; padding: 0; list-style: none;}
.slider-control-nav {width: 100%; position: relative; bottom: -20px;text-align: center;}
.slider-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.slider-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.slider-control-thumbs li {width: 25%; float: left; margin: 0;}
.slider-control-thumbs img {width: 100%; display: block; opacity: .5; cursor: pointer;}
.slider-control-thumbs img:hover {opacity: 1;}
.slider-control-thumbs .flex-active {opacity: 1; cursor: default;}

.carousel-inner > .item > img{
	width: 100%;
}

/* Content modal */
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
  z-index: 9999;
}
.modal-content {
	background: none repeat scroll 0 0 #FFF;
	margin: 100px auto;
	max-width: 1170px;
	padding: 20px 20px;
	position: relative;
	text-align: left;
	display: block;
	border-radius: 0;
}
.modal-content h2 {
	font-family:"Open Sans", sans-serif;
	font-size:1.8em;
	line-height:1.25em;
	font-weight: 600;
	color: #000;
	margin: 0 0 10px 0;
	line-height:1em;
	letter-spacing:-0.05em;
}
@media screen and (min-width: 480px) {
     .modal-content h2  {
        font-size:2.1em;
    }
}
@media screen and (min-width: 991px) {
     .modal-content h2 {
        font-size:2.7em;
    }
}
.modal-content h3 {
	font-family:"Open Sans", sans-serif;
	font-weight:200;
	font-size:1.4em;
	margin: 0 0 10px 0;
	width:100%;
	line-height:1em;
	letter-spacing:-0.05em;
	color:#333
}
@media screen and (min-width: 480px) {
     .modal-content h3 {
        font-size:1.65em;
    }
}
@media screen and (min-width: 991px) {
     .modal-content h3{
        font-size:2em;
    }
}
.modal-content h4 {
	font-family:"Open Sans", sans-serif;
	font-weight:400;
	font-size:1.2em;
	margin: 0 0 10px 0;
	width:100%;
	line-height:1em;
	letter-spacing:-0.05em;
	color:#333
}
@media screen and (min-width: 480px) {
     .modal-content h4 {
        font-size:1.4em;
    }
}
@media screen and (min-width: 991px) {
     .modal-content h4{
        font-size:1.6em;
    }
}
.modal-content .highlight {
	font-family:"Open Sans", sans-serif;
	color: #333;
	font-size:1.15em;
	line-height:1.1em;
	font-weight: 600;
	opacity: 1;
  	padding: 5px 10px;
  	margin-top:  5px;
  	margin-bottom: 5px;
  	border: 1px solid #333;
}
@media screen and (min-width: 480px) {
     .modal-content .highlight {
        font-size:1.3em;
    }
}
@media screen and (min-width: 991px) {
     .modal-content .highlight{
        font-size:1.5em;
    }
}
.modal-content p {
	font-family:"Merriweather", sans-serif;
	font-weight:100;
	font-size:0.9em;
	margin:0 0 10px 0px;
	width:100%;
	line-height:1.2em;
	letter-spacing:0em;
	color:#555
	
}
@media screen and (min-width: 480px) {
     .modal-content p {
        font-size:1em;
    }
}
@media screen and (min-width: 991px) {
     .modal-content p{
        font-size:1.1em;
    }
}

.modal-content ul{
  	font-family:"Open Sans", sans-serif;
	font-size:1em;
  	letter-spacing:-0.05em;
	line-height:1.3em;
  	margin:0 0 0px 0px;
  	padding: 0;
}
@media screen and (min-width: 480px) {
     .modal-content ul {
        font-size:1.1em;
    }
}
@media screen and (min-width: 991px) {
     .modal-content ul{
        font-size:1.2em;
    }
}
.modal-content i{
  margin:0 5px 0px 0px;
}



.btn-primary {
  color: #fff;
  background-color: #ccc;
  border-color: #ccc;
  margin-bottom: 10px;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #999;
  border-color: #999;
}

/*@media screen and (max-width: 767px) {
    .push-bottom {
    	margin-bottom: 35px;
    }
    
    .push-top {
    	margin-top: 35px;
    }
}*/

.mfp-wrap .popup-inline-content {
	display: block;
}

span.arrow {
	background: transparent url(../img/arrows.png) no-repeat 0 0;
	width: 60px;
	height: 29px;
	display: inline-block;
	position: relative;
	top: 10px;
	
}
span.arrow.hlb {
	background-position: 0px 0px;
	width: 60px;
	height: 29px;
	margin: 0px;
}




 #clients {
    padding:0px 0 0 0;
    max-width:100%
}
 #clients .wrapper {
    max-width:100%;
    padding:0
}
 #clients h4 {
    text-align:center;
    font-family:"Open Sans", sans-serif;
    font-weight:600;
    font-size:1.375em;
    padding:0 0 50px 0
}
 #clients #gallery article {
    float:left;
    width:33.3333%
}
 #clients #gallery article:nth-child(odd) {
    background-color:#f6f6f6
}
@media screen and (min-width: 640px) {
     #clients #gallery article {
        width:20%
    }
}
@media screen and (min-width: 991px) {
     #clients #gallery article {
        width:12.5%
    }
     #clients #gallery article:nth-child(odd) {
        background-color:#fff
    }
     #clients #gallery article:nth-child(16n+2),  #clients #gallery article:nth-child(16n+4),  #clients #gallery article:nth-child(16n+6),  #clients #gallery article:nth-child(16n+8),  #clients #gallery article:nth-child(16n+9),  #clients #gallery article:nth-child(16n+11),  #clients #gallery article:nth-child(16n+13),  #clients #gallery article:nth-child(16n+15) {
        background-color:#f6f6f6
    }
}
 #clients #gallery article .photo {
    width:100%;
    display:table
}
 #clients #gallery article .photo .photo-wrapper {
    display:table-cell;
    vertical-align:middle;
    height:100px
}
@media screen and (min-width: 640px) {
     #clients #gallery article .photo .photo-wrapper {
        height:140px
    }
}
@media screen and (min-width: 1280px) {
     #clients #gallery article .photo .photo-wrapper {
        height:200px
    }
}
 #clients #gallery article .photo .photo-wrapper a {
    display:block;
    height:100%;
    position:relative
}
 #clients #gallery article .photo .photo-wrapper a .plus {
    background:url(images/project-plus.png) no-repeat 0 0;
    background-size:100%;
    width:44px;
    height:44px;
    display:block;
    position:absolute;
    top:0;
    right:0
}
 #clients #gallery article .photo .photo-wrapper a:hover .plus {
    background-position:0 -44px
}
 #clients #gallery article .photo .photo-wrapper a img {
    display:block;
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    margin:auto
}
 #clients #gallery article .photo .photo-wrapper img {
    margin:0 auto;
    display:block;
    max-width:100px;
    max-height:80px;
    vertical-align:middle
}
@media screen and (max-width: 768px) {
     #clients #gallery article .photo .photo-wrapper img {
        padding:10%
    }
}