img {
    max-width:100%;
    height:auto;
    display: block;
}

.overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}
.overlay.dark {
    background-color:#4FAA4F;





    opacity: 0.6;
}
}
.overlay.green {
    background-color: #0097a7;
    opacity: 0.6;
}
.overlay.color {
    opacity: 0.5;
    background: #00f6ff;
    background: url(data:image/svg+xml;
    base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwZjZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iIzAwN2VmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzc4MTRmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzg2Mjk3YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjY2MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #00f6ff 0%, #007eff 25%, #7814ff 50%, #86297a 75%, #ff6600 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #00f6ff), color-stop(25%, #007eff), color-stop(50%, #7814ff), color-stop(75%, #86297a), color-stop(100%, #ff6600));
    background: -webkit-linear-gradient(left, #00f6ff 0%, #007eff 25%, #7814ff 50%, #86297a 75%, #ff6600 100%);
    background: -o-linear-gradient(left, #00f6ff 0%, #007eff 25%, #7814ff 50%, #86297a 75%, #ff6600 100%);
    background: -ms-linear-gradient(left, #00f6ff 0%, #007eff 25%, #7814ff 50%, #86297a 75%, #ff6600 100%);
    background: linear-gradient(to right, #00f6ff 0%, #007eff 25%, #7814ff 50%, #86297a 75%, #ff6600 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f6ff', endColorstr='#ff6600', GradientType=1);
}

/*-----------------------------------------------------------------------------------*/
/*  2d.  SEARCH BAR
/*-----------------------------------------------------------------------------------*/
 .sb-search {
    position: absolute;
    z-index: 1;
    right: 0;
    width: 0%;
    min-width: 70px;
    height: 100%;
    float: right;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
}
.sb-search-input {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    outline: none;
    background: #fff;
    width: 100%;
    height: 100%;
    margin: 0;
    s z-index: 10;
    padding: 20px 65px 20px 20px;
    font-family: inherit;
    font-size: 20px;
    color: #999999;
}
.sb-search-input::-webkit-input-placeholder {
    color: #999999;
}
.sb-search-input:-moz-placeholder {
    color: #999999;
}
.sb-search-input::-moz-placeholder {
    color: #999999;
}
.sb-search-input:-ms-input-placeholder {
    color: #999999;
}
.sb-icon-search, .sb-search-submit {
    display: block;
    position: absolute;
    right: 15px;
    top: 0;
    padding: 0;
    margin: 0;
    text-align: center;
    cursor: pointer;
    height: 100%;
    line-height: 102px;
}
#header.fixedwrap .sb-icon-search, #header.fixedwrap .sb-search-submit {
    line-height: 62px;
}
.sb-search-submit {
    background: transparent;
    /* IE needs this */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* IE 8 */
    filter: alpha(opacity=0);
    /* IE 5-7 */
    opacity: 0;
    color: transparent;
    border: none;
    outline: none;
    z-index: -1;
}
.sb-search.sb-search-open, .no-js .sb-search {
    width: 65%;
}
.sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit {
    z-index: 90;
}
.sb-icon-search i {
    background-color: #0097a7;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    color: #ffffff;
    line-height: 40px;
    font-size: 18px;
}


/*-----------------------------------------------------------------------------------*/
/*  7.  GALLERY PAGE
/*-----------------------------------------------------------------------------------*/
 .gallery {
    padding: 100px 0;
}
#gallery {
    position: relative;
    margin: 0 -12px -12px 0;
    text-align: center;
    overflow: hidden;
}
.gallery-item {
    position: relative;
    float: left;
    width: 276px;
    margin: 0 12px 12px 0;
}
.gallery-item .gallery-image {
    position: relative;
    overflow: hidden;
}
.gallery-item .gallery-image img {
    width: 100%;
    height: auto;
}
.gallery-image .overlay, .gallery-image span {
    opacity: 0;
   /* -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;*/
}
.gallery-image:hover .overlay {
    opacity: 0.3;
}
.gallery-image span {
    font-size: 34px;
    color: #ffffff;
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.gallery-image:hover span {
    opacity: 1;
}
.load-more button {
    margin: 60px 0 0 0 !important;
}