/*! prefix flex for ie10  in less
* https://gist.github.com/codler/2148ba4ff096a19f08ea
* copyright (c) 2014 han lin yap http://yap.nu; mit license */
/* these are the conditional mixins for the different syntax for ie10 flexbox */
/* #testimonials
================================================== */
/* !-- testimonials shortcode */
.testimonial-item {
  position: relative;
}
.testimonial-item:not(.testimonial-item-slider) {
  padding: 20px 25px 20px;
}
.testimonial-item .ts-slide {
  padding: 20px 25px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/*testimonial slider*/
#page .testimonial-item.testimonial-item-slider {
  margin-bottom: 32px;
}
.testimonial-item ul {
  margin: 0;
  padding: 0;
}
.testimonial-vcard .no-avatar {
  width: 60px;
  height: 60px;
}
.testimonial-vcard .no-avatar:after {
  content: "\f007";
  font-size: 28px;
}
.testimonial-vcard a.no-avatar:hover:after {
  color: #fff;
}
.widget .testimonial-vcard .text-secondary,
.widget .testimonial-vcard .text-primary {
  font-weight: normal;
}
.testimonial-vcard .rollover i {
  width: 60px;
  height: 60px;
}
.testimonials .description-on-hover > .wf-cell .rollover i,
.testimonials .description-on-hover > .wf-cell .rollover i:after {
  visibility: visible;
}
/*rollover icon*/
.rollover i:after {
  position: absolute;
  width: 50px;
  height: 50px;
  background-position: center center;
  background-repeat: no-repeat;
  content: "";
}
.small-hover-icons .testimonial-vcard .rollover i:after {
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.testimonial-vcard img,
.testimonial-vcard .alignleft,
.testimonial-vcard .rollover i,
.testimonial-vcard .alignleft div {
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.mobile-false .scale-on-hover .testimonial-vcard a .alignleft div,
.mobile-false .scale-on-hover .testimonial-vcard a .alignleft {
  overflow: hidden;
}
.mobile-false .scale-on-hover .testimonial-vcard a .alignleft div,
.mobile-false .scale-on-hover .testimonial-vcard a .alignleft {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translatez(0);
}
.mobile-false .scale-on-hover .testimonial-vcard a.rollover:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.mobile-false .is-safari.scale-on-hover .testimonial-vcard a.rollover:hover img {
  -webkit-transform: scale(1);
  transform: scale(1);
}
#page .testimonial-vcard .rollover i:after {
  background-image: ;
}
/* !-- testimonials widgets */
.testimonials {
  padding-bottom: 10px;
}
body.testimonials {
  padding-bottom: 0px;
}
.widget .testimonials article {
  position: relative;
  padding: 0;
}
.testimonial-vcard {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  margin: 20px 0 0 0;
  overflow: hidden;
}
.testimonial-desc {
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.testimonial-vcard .alignleft {
  margin: 0 20px 5px 0;
  font-size: 0;
  line-height: 0;
}
.testimonial-vcard .alignleft div {
  overflow: hidden;
}
.testimonials.list-view li {
  position: relative;
  overflow: hidden;
  padding: 25px 0 0 0;
}
.testimonials.list-view li:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none !important;
}
/* #team
================================================== */
.content .slider-content .team-container {
  margin-bottom: 0px;
}
.team-container {
  min-width: 100%;
}
.dt-team-masonry-shortcode .team-container {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-align-content: flex-start;
  align-content: flex-start;
}
.content-align-center.dt-team-masonry-shortcode .team-container {
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
}
.dt-team-shortcode .iso-grid .team-container {
  height: 100%;
}
.bg-on.team-container:not(.fullwidth-img) {
  -webkit-border-radius: 0;
  border-radius: 0;
}
.team-container img {
  max-width: 100%;
  height: auto;
}
.widget .team-container {
  padding: 0;
  text-align: center;
}
.widget .team-media a.rollover {
  display: inline-block;
}
.widget .team-media a.rollover i:after {
  background-image: ;
}
.widget .team-container img {
  max-width: 81px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.team-desc {
  padding: 20px 0px 0px;
  text-align: center;
}
.content-align-left .team-desc {
  text-align: left;
}
.bg-on .team-desc {
  padding: 15px 25px 10px;
}
#sidebar .team-desc,
#footer .team-desc {
  padding: 8px 0 7px;
}
.team-container .soc-ico {
  padding-top: 5px;
  margin-bottom: 18px;
}
.team-container.bg-on .soc-ico {
  margin-bottom: 13px;
}
#sidebar .team-container .soc-ico,
#footer .team-container .soc-ico,
.sidebar-content .team-container .soc-ico {
  margin-bottom: 0px;
}
.content .team-items ul {
  margin: 0;
}
.round-images .team-container {
  text-align: center;
}
.team-author-name {
  margin-bottom: 5px;
}
.team-author-name a {
  text-decoration: none;
}
.hide-team-position .team-author p {
  display: none;
}
.dt-team-shortcode .team-media.apply-max-width {
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-align-self: flex-start;
  -ms-flex-item-align: flex-start;
  align-self: flex-start;
  -ms-flex: 0 0 auto;
}
.content-align-center.dt-team-shortcode .team-media.apply-max-width {
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.team-media {
  position: relative;
  line-height: 0;
}
.content-align-center .team-media {
  text-align: center;
}
.team-media > a,
.team-media > span {
  width: 100%;
  display: inline-block;
}
.round-images .bg-on .team-media {
  padding: 25px 25px 0;
}
.disable-bg-rollover .rollover i {
  visibility: hidden;
}
.team-carousel-shortcode .rollover i:after {
  display: none;
}
.dt-team-shortcode.scale-img .rollover {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translatez(0);
}
.dt-team-shortcode.scale-img .rollover img {
  -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.35s;
  transition: transform 0.3s ease-out, opacity 0.35s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.rollover img.lazy-load {
  -webkit-transition: transform 0.3s ease-out, opacity 0.35s;
  transition: transform 0.3s ease-out, opacity 0.35s;
}
.dt-team-shortcode.scale-img .rollover:hover img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: -webkit-transform 4s ease-out;
  transition: transform 4s ease-out;
}
.content .dt-team-shortcode .soc-ico a {
  margin-left: 0;
}
.content .dt-team-shortcode .soc-ico a:before,
.content .dt-team-shortcode .soc-ico a:after {
  box-sizing: border-box;
}
.content .dt-team-shortcode.dt-icon-bg-off .soc-ico a:before {
  background: none;
}
.dt-team-shortcode.dt-icon-hover-bg-off .soc-ico a:after {
  background: none !important;
}
.dt-team-shortcode .post-details {
  float: none;
  vertical-align: top;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.content-align-left.dt-team-shortcode .post-details {
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-align-self: flex-start;
  -ms-flex-item-align: flex-start;
  align-self: flex-start;
}
.dt-team-shortcode[data-auto-height="false"] .owl-stage {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.dt-team-shortcode[data-auto-height="false"] .owl-stage .dt-owl-item {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.dt-team-shortcode[data-auto-height="false"] .team-desc {
  -webkit-flex: 1 0 auto;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.move-icons-under-position .team-desc {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.move-icons-under-position .team-desc .soc-ico {
  -webkit-order: 0;
  -moz-order: 0;
  -ms-flex-order: 0;
  order: 0;
}
.move-icons-under-position .team-desc .team-content {
  -webkit-order: 1;
  -moz-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
.move-icons-under-position .team-desc .post-details {
  -webkit-order: 2;
  -moz-order: 2;
  -ms-flex-order: 2;
  order: 2;
}
/* #main slideshow
================================================== */
/* #photo scroller
================================================== */
.photo-scroller {
  position: relative;
  visibility: hidden;
  overflow: hidden;
  -webkit-transform: translatez(0);
  transform: translatez(0);
}
.photo-scroller.full-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}
.photo-scroller:-webkit-full-screen {
  width: 100%;
  height: 100%;
}
.photo-scroller .ts-wrap {
  overflow: hidden;
}
/*overlay*/
.show-overlay .ts-centered:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  content: "";
  background: url(/uploads/image/wtdimages/mask.png) 0 0 repeat;
}
.show-overlay .ts-centered.hide-slider-overlay:before {
  display: none;
}
.photo-scroller .ts-viewport {
  position: absolute;
  width: 100%;
  margin: 0 auto;
  -webkit-transition: height 350ms;
  transition: height 350ms;
  -webkit-transform: translatez(0);
  transform: translatez(0);
}
.photo-scroller .ts-ready .ts-viewport {
  position: static;
}
.photo-scroller .ts-wrap.ts-centered .ts-viewport {
  width: 0;
  overflow: visible;
}
.photo-scroller .ts-slide,
.photo-scroller .ts-cell {
  position: absolute;
  display: table-cell;
  vertical-align: middle;
  top: 0;
  overflow: hidden;
  text-align: center;
}
.photo-scroller .ts-slide {
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.photo-scroller .ts-autoheight .ts-slide {
  height: auto;
}
.photo-scroller .ts-slide-img {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.rtl .photo-scroller .ts-slide-img {
  left: auto;
  right: -50%;
}
#page .photo-scroller .ts-slide.act .ts-slide-img,
#page .photo-scroller .ts-cell.act .ts-slide-img,
#page .photo-scroller .act .video-icon,
#page .photo-scroller .act .ps-link {
  opacity: 1 !important;
}
.photo-scroller .ts-cell .ts-slide-img {
  position: relative;
  -webkit-backface-visibility: hidden;
}
.photo-scroller .ts-cell .ts-slide-img > img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.photo-scroller .ts-slide img,
.photo-scroller .ts-cell img {
  opacity: 0;
  -webkit-transition: opacity 1350ms;
  transition: opacity 1350ms;
}
.photo-scroller .ts-slide > img,
.photo-scroller .ts-cell > img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
}
.photo-scroller .ts-slide.ts-loaded img,
.photo-scroller .ts-cell.ts-loaded img {
  opacity: 1;
}
.ts-ls-fit .ts-wide.ts-ls img {
  width: auto;
  max-width: none;
  height: 50%;
  max-height: 50%;
}
.ts-ls-fit .ts-narrow.ts-ls img {
  width: 50%;
  max-width: 50%;
  height: auto;
  max-height: none;
}
.ts-pt-fit .ts-wide.ts-pt img {
  width: auto;
  max-width: none;
  height: 50%;
  max-height: 50%;
}
.ts-pt-fit .ts-narrow.ts-pt img {
  width: 50%;
  max-width: 50%;
  height: auto;
  max-height: none;
}
.ts-pt-fill .ts-wide.ts-pt img {
  width: 50%;
  max-width: 50%;
  height: auto;
  max-height: none;
}
.ts-pt-fill .ts-narrow.ts-pt img {
  width: auto;
  max-width: none;
  height: 50%;
  max-height: 50%;
}
.ts-ls-fill .ts-wide.ts-ls img {
  width: 50%;
  max-width: 50%;
  height: auto;
  max-height: none;
}
.ts-ls-fill .ts-narrow.ts-ls img {
  width: auto;
  max-width: none;
  height: 50%;
  max-height: 50%;
}
.ts-collapsed.ts-ls-mob-fit .ts-wide.ts-ls img {
  width: auto;
  max-width: none;
  height: 50%;
  max-height: 50%;
}
.ts-collapsed.ts-ls-mob-fit .ts-narrow.ts-ls img {
  width: 50%;
  max-width: 50%;
  height: auto;
  max-height: none;
}
.ts-collapsed.ts-pt-mob-fit .ts-wide.ts-pt img {
  width: auto;
  max-width: none;
  height: 50%;
  max-height: 50%;
}
.ts-collapsed.ts-pt-mob-fit .ts-narrow.ts-pt img {
  width: 50%;
  max-width: 50%;
  height: auto;
  max-height: none;
}
.ts-collapsed.ts-pt-mob-fill .ts-wide.ts-pt img {
  width: 50%;
  max-width: 50%;
  height: auto;
  max-height: none;
}
.ts-collapsed.ts-pt-mob-fill .ts-narrow.ts-pt img {
  width: auto;
  max-width: none;
  height: 50%;
  max-height: 50%;
}
.ts-collapsed.ts-ls-mob-fill .ts-wide.ts-ls img {
  width: 50%;
  max-width: 50%;
  height: auto;
  max-height: none;
}
.ts-collapsed.ts-ls-mob-fill .ts-narrow.ts-ls img {
  width: auto;
  max-width: none;
  height: 50%;
  max-height: 50%;
}
.photo-scroller .ts-slide figcaption {
  visibility: hidden;
}
.photoslider .video-icon,
.rsplaybtn {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  margin-left: -40px;
  margin-top: -40px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  background-image: ;
  background-repeat: no-repeat;
  background-position: 30px center;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.photo-scroller .ps-link {
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.ps-center-btn,
.rsbtncenterer {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 91px;
  height: 91px;
  margin: -45px 0 0 -45px;
}
.ps-center-btn.btncenterer,
.rsbtncenterer.with-link {
  width: 200px;
  margin: -45px 0 0 -100px;
}
.photoslider .ps-center-btn.btncenterer .video-icon,
.photoslider .ps-center-btn.btncenterer .ps-link,
.rsbtncenterer .rsplaybtn {
  position: relative;
  top: 0;
  left: 0;
  display: inline-block;
  margin: 0 5px;
}
#page .photo-scroller .photoslider .video-icon:hover,
#page .photo-scroller .act .ps-link:hover,
.rsplaybtn:hover {
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0.7 !important;
}
/*!scroller navigation*/
.btn-cntr,
.project-navigation,
.photo-scroller .slide-caption,
.photo-scroller .scroller-thumbnails {
  position: absolute;
  z-index: 99;
}
.btn-cntr,
.photo-scroller .slide-caption,
.photo-scroller .scroller-thumbnails {
  -webkit-transition: bottom .5s ease;
  transition: bottom .5s ease;
}
.btn-cntr a,
.project-navigation,
.photo-scroller .scroller-thumbnails,
.photo-scroller .album-content-btn > a,
#page .photo-scroller .album-content-btn > a:hover {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
}
.mobile-false .project-navigation a:hover,
.mobile-false .btn-cntr a:hover {
  opacity: 0.7;
}
.slider-post-caption .album-content-btn a:hover {
  opacity: 1;
}
.btn-cntr {
  position: absolute;
  z-index: 100;
  right: 10px;
  bottom: 100px;
}
.photo-scroller.hide-thumbs .btn-cntr,
.photo-scroller.disable-thumbs .btn-cntr {
  bottom: 5px !important;
}
.btn-cntr a {
  float: left;
  width: 36px;
  height: 36px;
  margin: 0 0 5px 5px;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
/*thumbnails*/
.scroller-thumbnails {
  bottom: 0;
  width: 100%;
}
.photo-scroller.disable-thumbs .scroller-thumbnails,
.photo-scroller.disable-thumbs .hide-thumb-btn {
  display: none;
}
.photo-scroller.hide-thumbs .scroller-thumbnails {
  bottom: -100px;
}
.photo-scroller .scroller-thumbnails .ts-cell {
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 3px solid transparent;
  border-right: 2px solid transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.photo-scroller .scroller-thumbnails .ts-thumb-img {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.photo-scroller .scroller-thumbnails .ts-cell:not(.act) .ts-thumb-img:hover {
  cursor: pointer;
}
.photo-scroller .scroller-thumbnails .ts-thumb-img:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.photo-scroller .scroller-thumbnails .ts-thumb-img:hover:after,
.photo-scroller .scroller-thumbnails .act .ts-thumb-img:after {
  opacity: 1;
}
.photo-scroller .scroller-thumbnails .act .ts-thumb-img:after {
  background-image: ;
  background-repeat: no-repeat;
  background-position: center center;
}
.photo-scroller.proportional-thumbs .scroller-thumbnails .ts-cell .ts-thumb-img > img {
  width: auto;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
/*navigation between albums*/
.project-navigation {
  top: 10px;
  right: 10px;
  height: 36px;
  padding: 6px 5px 7px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.project-post .project-navigation {
  overflow: hidden;
}
.full-screen .project-navigation {
  display: none;
}
.project-navigation * {
  color: #fff;
}
.project-navigation span {
  float: left;
  padding: 0 5px;
}
.project-navigation a {
  float: left;
  width: 12px;
  height: 12px;
  padding: 5px;
  margin: 0;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
/*album caption*/
.photo-scroller .slide-caption {
  z-index: 100;
  bottom: 130px;
  left: 10px;
  width: 100%;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.photo-scroller.disable-thumbs .slide-caption {
  bottom: 5px !important;
}
.hide-thumbs.photo-scroller .slide-caption,
.photo-scroller.disable-thumbs .slide-caption {
  bottom: 30px;
}
.photo-scroller .slide-caption * {
  color: #fff;
}
.photo-scroller figcaption {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .4s;
  /* for safari 3.1 to 6.0 */
  transition: opacity .4s;
}
.photo-scroller .slide-caption figcaption.actcaption {
  opacity: 1;
  visibility: visible;
}
.photo-scroller .album-content-btn {
  position: absolute;
  left: 0;
  bottom: 0;
}
.album-content-description {
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -200px;
  width: 400px;
  text-align: center;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}
.photo-scroller .slide-caption h4 {
  margin-bottom: 0;
}
/*share and link*/
.album-share-overlay {
  position: relative;
}
.album-share-overlay,
.photo-scroller .btn-project-link,
.album-share-overlay .share-button.entry-share {
  float: left;
  width: 32px;
  height: 32px;
  padding: 0;
  margin: 0 5px 5px 0;
}
.photo-scroller .btn-project-link,
.album-share-overlay .share-button.entry-share {
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.photo-scroller .btn-project-link:hover,
.album-share-overlay .share-button.entry-share:hover {
  opacity: 0.7;
  background-color: rgba(0, 0, 0, 0.4);
}
.photo-scroller .album-share-overlay .share-button.entry-share {
  width: 36px;
  height: 36px;
  background-color: rgba(0, 0, 0, 0.4);
}
.photo-scroller .album-share-overlay .share-button.entry-share:hover {
  opacity: 0.7;
  background-color: rgba(0, 0, 0, 0.4);
}
.album-share-overlay .share-button.entry-share {
  text-indent: -9999px;
}
.album-share-overlay .share-button.entry-share {
  margin: 0;
  background-position: center center;
  background-repeat: no-repeat;
}
.album-share-overlay .soc-ico {
  position: absolute;
  z-index: 999;
  visibility: hidden;
  overflow: visible;
  opacity: 0;
  left: 0;
  bottom: 46px;
  width: 36px;
  background-color: #fff;
}
.album-share-overlay .soc-ico:after {
  position: absolute;
  left: 50%;
  margin-left: -5px;
  bottom: -5px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid white;
  content: "";
}
.album-share-overlay .soc-ico a {
  display: none;
  width: 100%;
  margin: 5px auto;
  background: none !important;
}
.mobile-false .album-share-overlay .soc-ico a.whatsapp {
  display: none;
}
#page .album-share-overlay .soc-ico a {
  box-shadow: none;
}
.album-share-overlay .soc-ico a:hover {
  background: none !important;
  opacity: 0.6;
}
.album-share-overlay .soc-ico a:before,
.album-share-overlay .soc-ico a:after {
  display: none;
}
#page .album-share-overlay .soc-ico a .soc-font-icon,
#page .album-share-overlay .soc-ico a:hover .soc-font-icon {
  color: #000;
}
/*!navigation svg bg*/
.full-screen-btn {
  background-image: ;
}
.full-screen-btn.act {
  background-image: ;
}
.auto-play-btn {
  background-image: ;
}
.auto-play-btn.paused {
  background-image: ;
}
.hide-thumb-btn {
  background-image: ;
}
.hide-thumb-btn.act {
  background-image: ;
}
.project-navigation .prev-post {
  background-image: ;
}
.project-navigation .next-post {
  background-image: ;
  margin-right: -3px;
}
.project-navigation .back-to-list,
.project-navigation .back-to-list:hover {
  background-image: ;
}
.photo-scroller .btn-project-link {
  background-image: ;
}
/*!prev-next navigation*/
.scroller-arrow {
  position: absolute;
  z-index: 99;
  top: 50%;
  margin-top: -20px;
  width: 50px;
  height: 50px;
  cursor: pointer;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.scroller-arrow.prev {
  left: 10px;
}
.scroller-arrow.next {
  right: 10px;
}
.scroller-arrow i {
  position: absolute;
  top: 40%;
  left: 0;
  width: 38px;
  height: 3px;
  -webkit-border-radius: 2.5px;
  border-radius: 2.5px;
  background: #fff;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
}
.scroller-arrow.next i {
  left: auto;
  right: 0;
}
.scroller-arrow.prev i {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
.scroller-arrow.prev i:first-child {
  -webkit-transform: translate(0, -1px) rotate(43deg);
  transform: translate(0, -1px) rotate(43deg);
}
.scroller-arrow.prev i:last-child,
.scroller-arrow.next i:first-child {
  -webkit-transform: translate(0, 1px) rotate(-43deg);
  transform: translate(0, 1px) rotate(-43deg);
}
.scroller-arrow.prev:hover i:first-child {
  -webkit-transform: translate(0, -1px) rotate(33deg);
  transform: translate(0, -1px) rotate(33deg);
}
.scroller-arrow.prev:hover i:last-child {
  -webkit-transform: translate(0, 1px) rotate(-33deg);
  transform: translate(0, 1px) rotate(-33deg);
}
.scroller-arrow.prev.disabled i:first-child,
.scroller-arrow.prev.disabled i:last-child,
.scroller-arrow.prev.disabled:hover i:first-child,
.scroller-arrow.prev.disabled:hover i:last-child {
  -webkit-transform: translate(-5px, 0) rotate(0deg);
  transform: translate(-5px, 0) rotate(0deg);
}
.scroller-arrow.next i {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.scroller-arrow.next i:first-child {
  -webkit-transform: translate(0, 1px) rotate(43deg);
  transform: translate(0, 1px) rotate(43deg);
}
.scroller-arrow.next i:last-child {
  -webkit-transform: translate(0, -1px) rotate(-43deg);
  transform: translate(0, -1px) rotate(-43deg);
}
.scroller-arrow.next:hover i:first-child {
  -webkit-transform: translate(0, 1px) rotate(33deg);
  transform: translate(0, 1px) rotate(33deg);
}
.scroller-arrow.next:hover i:last-child {
  -webkit-transform: translate(0, -1px) rotate(-33deg);
  transform: translate(0, -1px) rotate(-33deg);
}
.scroller-arrow.next.disabled i:first-child,
.scroller-arrow.next.disabled i:last-child,
.scroller-arrow.next.disabled:hover i:first-child,
.scroller-arrow.next.disabled:hover i:last-child {
  -webkit-transform: translate(5px, 0) rotate(0deg);
  transform: translate(5px, 0) rotate(0deg);
}
.scroller-arrow.disabled {
  opacity: 0.3;
  cursor: default;
}
/*porthole slideshow*/
#main-slideshow.fixed > .ts-wrap {
  margin: 0 auto;
}
.portholeslider-wrap {
  background: #262626;
}
.portholeslider-wrap .ts-slide {
  width: 100%;
  height: 100%;
  text-align: left;
}
/***************
*
*  caption
*
****************/
.portholeslider-wrap .rscapt {
  position: absolute;
  top: auto;
  bottom: 45px;
  text-align: center;
  width: 100%;
  padding: 0 140px;
  z-index: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.portholeslider-wrap .rstitle {
  position: relative;
  display: inline-block;
  margin-right: 15px;
  color: #fff;
  vertical-align: middle;
  -webkit-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 0px 15px rgba(0, 0, 0, 0.5);
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 0px 15px rgba(0, 0, 0, 0.5);
}
.portholeslider-wrap .rsdesc {
  display: block;
  margin: 10px auto 0 auto;
  color: #fff;
  vertical-align: middle;
  -webkit-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 0px 15px rgba(0, 0, 0, 0.5);
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 0px 15px rgba(0, 0, 0, 0.5);
}
.portholeslider-wrap .rsclink,
.royalslider .rsclink,
.ps-link {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -40px 0 0 -40px;
  width: 80px;
  height: 80px;
  background-color: rgba(0, 0, 0, 0.4);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: .3s;
  transition: .3s;
  background-image: ;
}
.royalslider .rsclink:hover,
.portholeslider-wrap .rsclink:hover {
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0.7;
}
.rshomeporthole .rsbtncenterer {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -40px 0 0 -40px;
}
.royalslider .rsbtncenterer.with-link,
.portholeslider-wrap .rsbtncenterer.with-link {
  margin: -40px 0 0 -90px;
}
.portholeslider-wrap .with-link .rsclink,
.royalslider .with-link .rsclink,
.royalslider .with-link .rsplaybtn,
.portholeslider-wrap .with-link .rsplaybtn {
  position: relative;
  top: 0;
  left: 0;
  display: inline-block;
  margin: 0 5px;
}
.psthumbs {
  position: absolute;
  overflow: hidden;
  top: 50%;
  right: 25px;
  width: 98px;
  height: 370px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.psthumbscontainer {
  position: absolute;
  width: 100%;
  padding-top: 120px;
  transition-property: transform;
  transition-duration: 600ms;
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.ps-thumb {
  position: relative;
}
.ps-thumb-img {
  position: relative;
  top: 0;
  left: auto;
  right: auto;
  overflow: hidden;
  width: 30px;
  height: 30px;
  opacity: 0;
  margin: 0 auto 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.05);
}
.mobile-false .ps-thumb-img {
  -webkit-transition: width 600ms ease, height 600ms ease;
  transition: width 600ms ease, height 600ms ease;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.mobile-false .ps-thumb-img:first-child {
  -webkit-transition: width 100ms ease, height 100ms ease;
  transition: width 100ms ease, height 100ms ease;
}
.ps-thumb-img.psnavvis {
  opacity: 0.5;
}
.ps-thumb-img.psnavprev,
.ps-thumb-img.psnavnext {
  width: 50px;
  height: 50px;
  opacity: 0.8;
}
.ps-thumb-img.psnavselected {
  width: 90px;
  height: 90px;
  opacity: 1;
}
.ps-thumb-img img {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
#main-slideshow .progress-wrapper {
  position: absolute;
  z-index: 999;
  top: 50%;
  left: 0;
  margin-top: -49px;
  width: 98px;
  height: 98px;
  -webkit-transition: opacity 150ms ease;
  transition: opacity 150ms ease;
}
#main-slideshow .progress-wrapper.blurred {
  opacity: 0;
}
#main-slideshow .progress-controls {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 90px;
  height: 90px;
  opacity: 0.5;
  -webkit-border-radius: 90px;
  border-radius: 90px;
  background-color: rgba(0, 0, 0, 0.3);
  background-image: ;
  background-size: 30px 30px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: opacity 150ms ease;
  transition: opacity 150ms ease;
}
.mobile-true #main-slideshow .progress-controls {
  background-color: transparent;
}
#main-slideshow .progress-controls:hover {
  opacity: 1;
}
#main-slideshow .paused .progress-controls {
  background-image: ;
  background-size: 32px 32px;
  background-position: 31px center;
}
#main-slideshow .progress-mask {
  position: relative;
  float: left;
  width: 50%;
  height: 100%;
  overflow: hidden;
}
#main-slideshow .progress-spinner-left,
#main-slideshow .progress-spinner-right {
  width: 100%;
  height: 100%;
  border: 4px solid transparent;
  animation-duration: 5s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  -webkit-animation-duration: 5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#main-slideshow .progress-spinner-left.paused,
#main-slideshow .progress-spinner-right.paused {
  animation-play-state: paused;
  -webkit-animation-play-state: paused;
}
#main-slideshow .progress-spinner-left {
  border-top-left-radius: 100% 50%;
  border-top-right-radius: 0 0;
  border-bottom-right-radius: 0 0;
  border-bottom-left-radius: 100% 50%;
  border-right: none;
  transform-origin: 100% 50%;
  transform: rotate(180deg);
  animation-name: rota-left;
  -webkit-transform-origin: 100% 50%;
  -webkit-transform: rotate(180deg);
  -webkit-animation-name: rota-left;
}
#main-slideshow .progress-spinner-right {
  border-top-left-radius: 0 0;
  border-top-right-radius: 100% 50%;
  border-bottom-right-radius: 100% 50%;
  border-bottom-left-radius: 0 0;
  border-left: none;
  transform-origin: 0 50%;
  transform: rotate(-180deg);
  animation-name: rota-right;
  -webkit-transform-origin: 0 50%;
  -webkit-transform: rotate(-180deg);
  -webkit-animation-name: rota-right;
}
@keyframes rota-left {
  0% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rota-right {
  0% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rota-left {
  0% {
    -webkit-transform: rotate(180deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes rota-right {
  0% {
    -webkit-transform: rotate(180deg);
  }
  50% {
    -webkit-transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
/* #hover layouts
================================================== */
.content-align-centre,
.content-align-bottom {
  text-align: center;
}
.rollover-project {
  position: relative;
  overflow: hidden;
}
.post .rollover-project.alignnone {
  margin-bottom: 0;
}
.rollover-content {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  display: none;
  width: 100%;
  height: 100%;
  padding: 10px 25px 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.mobile-true .hover-style-two:not(.effect-layla):not(.effect-bubba):not(.effect-sarah) .rollover-content {
  display: none;
}
.rollover-content:hover {
  cursor: pointer;
}
.mobile-false .rollover-content {
  display: block;
  opacity: 0;
}
.mobile-false .rollover-project:hover .rollover-content,
.mobile-false .buttons-on-img:hover .rollover-content {
  opacity: 1;
}
.hover-grid .rollover-content,
.mobile-false .text-on-img.hover-grid .fs-entry {
  overflow: hidden;
}
.mobile-true .rollover-content.hide-content,
.mobile-true .fs-entry i {
  display: none;
}
.mobile-true .albums .rollover-content,
.mobile-true .media .rollover-content,
.mobile-true .buttons-on-img .rollover-content {
  opacity: 0;
}
.mobile-true .is-clicked.rollover-content,
.mobile-true .is-clicked .buttons-on-img i {
  visibility: visible !important;
  opacity: 1 !important;
}
/*always show description*/
.always-show-info .rollover-content,
.always-show-info .rollover-content-container {
  display: block;
  opacity: 1 !important;
}
.rollover-content-container {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/*show icons*/
.links-container {
  position: relative;
  line-height: 0 !important;
  font-size: 0 !important;
  text-align: center;
}
.small-portfolio-icons .buttons-on-img .links-container,
.small-portfolio-icons .wf-container:not(.effect-layla):not(.effect-bubba):not(.effect-sarah) .links-container,
.content-align-left-bottom.hover-style-two .links-container,
.content-align-left.hover-style-one .links-container,
.content-align-left.hover-style-three .links-container {
  position: absolute;
  display: block;
  top: 15px;
  right: 15px;
  text-align: right;
}
.small-portfolio-icons #page .effect-layla .links-container,
.small-portfolio-icons #page .effect-bubba .links-container,
.small-portfolio-icons #page .effect-sarah .links-container {
  position: relative;
  display: block;
  top: 0;
  right: auto;
  width: 100%;
  text-align: center;
}
.small-portfolio-icons #page .effect-sarah .links-container {
  text-align: left;
}
.small-portfolio-icons .buttons-on-img .links-container,
.small-portfolio-icons .wf-container:not(.effect-layla):not(.effect-bubba):not(.effect-sarah) .links-container {
  right: 10px;
}
.small-portfolio-icons .content-align-left-top.hover-style-two:not(.effect-layla):not(.effect-bubba):not(.effect-sarah) .links-container {
  top: auto;
  bottom: 15px;
}
.content-align-left-top.hover-style-two .links-container {
  position: absolute;
  display: block;
  bottom: 15px;
  right: 15px;
  text-align: right;
}
.semitransparent-portfolio-icons .buttons-on-img .links-container,
.accent-portfolio-icons .buttons-on-img .links-container,
.outlined-portfolio-icons .buttons-on-img .links-container {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.effect-layla .links-container,
.effect-bubba .links-container,
.effect-sarah .links-container {
  margin-top: 10px;
}
.mobile-true .links-container {
  visibility: hidden;
}
.mobile-true .is-clicked .links-container,
.mobile-true .effect-layla.always-show-info .links-container,
.mobile-true .effect-bubba.always-show-info .links-container,
.mobile-true .effect-sarah.always-show-info .links-container {
  visibility: visible;
}
.mobile-true .hover-style-two:not(.effect-layla):not(.effect-bubba):not(.effect-sarah) .is-clicked .links-container {
  -webkit-transition-delay: 300ms;
  transition-delay: 300ms;
}
.links-container > a {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 44px;
  margin: 5px 5px;
  text-indent: -9999px;
  line-height: 0;
  font-size: 0 !important;
  background-image: none;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
.effect-sarah .links-container > a {
  margin: 5px 10px 5px 0;
}
.small-portfolio-icons .links-container > a {
  width: 26px;
  height: 26px;
  margin-top: 1px;
}
.small-portfolio-icons .links-container > a:hover {
  opacity: 0.8;
}
.semitransparent-portfolio-icons .links-container > a {
  background-color: rgba(255, 255, 255, 0.35);
}
.buttons-on-img .links-container > a,
.hover-style-two:not(.hover-color-static) .links-container > a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.links-container > a:after,
.outlined-portfolio-icons .links-container > a:before {
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-position: center center;
  background-repeat: no-repeat;
}
.outlined-portfolio-icons .links-container > a:after,
.outlined-portfolio-icons .links-container > a:before {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
}
.outlined-portfolio-icons .links-container > a:before,
.outlined-portfolio-icons .links-container > a:hover:after {
  opacity: 0;
}
.outlined-portfolio-icons .links-container > a:hover:before {
  opacity: 1;
}
.outlined-portfolio-icons .links-container .project-details:after {
  background-image: ;
}
.outlined-portfolio-icons .links-container .project-details:before {
  background-image: ;
}
.semitransparent-portfolio-icons .links-container .project-details:after,
.accent-portfolio-icons .links-container .project-details:after,
.small-portfolio-icons .links-container .project-details:after {
  background-image: ;
}
.outlined-portfolio-icons .project-zoom:after {
  background-image: ;
}
.outlined-portfolio-icons .project-zoom:before {
  background-image: ;
}
.semitransparent-portfolio-icons .project-zoom:after,
.accent-portfolio-icons .project-zoom:after,
.small-portfolio-icons .project-zoom:after {
  background-image: ;
}
.outlined-portfolio-icons .project-link:after {
  background-image: ;
}
.semitransparent-portfolio-icons .project-link:after,
.accent-portfolio-icons .project-link:after,
.small-portfolio-icons .project-link:after {
  background-image: ;
}
.outlined-portfolio-icons .project-link:before {
  background-image: ;
}
.links-container a > span {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: -2px;
  top: -2px;
  border: 2px solid rgba(255, 255, 255, 0.38);
  opacity: 1;
  visibility: hidden;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.mobile-false .semitransparent-portfolio-icons .links-container > a .icon-hover,
.mobile-false .accent-portfolio-icons .links-container > a .icon-hover {
  visibility: visible;
  opacity: 0;
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}
.cs-style-3 .rollover-content-wrap:before,
.description-under-image .links-container:before,
.description-under-image .links-container:after,
.links-container:after,
.links-container:before {
  content: "";
  display: table;
  clear: both;
}
#page .rollover-content .entry-title a {
  background: none;
}
.links-hovers-disabled .rollover-content .entry-title a:hover {
  background: none;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #fff;
}
#page .rollover-content,
#page .rollover-content *,
#page .rollover-content h3.entry-title,
#page .rollover-content h3.entry-title a,
#page .post .rollover-content h4.entry-title a:hover,
#page .post .rollover-content .entry-title a:hover,
#page .rollover-content a:hover,
#page .post .rollover-content h3.entry-title a:hover,
#page .hover-style-one h2.entry-title,
#page .hover-style-two h2.entry-title {
  color: #fff;
  -webkit-text-fill-color: #fff;
}
.rollover-content .portfolio-categories > a:after,
.rollover-content .portfolio-categories > span:after {
  background: #fff;
}
#page .rollover-content h3.entry-title,
#page .rollover-content .entry-title a,
#page .post .rollover-content .entry-title a:hover,
#page .hover-style-one h2.entry-title,
#page .hover-style-two h2.entry-title,
#page .hover-style-two h4.entry-title {
  background: none;
}
.hover-grid .rollover-content {
  -webkit-transition: none;
  transition: none;
}
/* #under images
================================================== */
.buttons-on-img {
  position: relative;
  overflow: hidden;
  margin: 0 0 20px;
  text-align: center;
}
.bg-on .buttons-on-img {
  margin: 0;
}
.layout-list .buttons-on-img {
  margin: 0 30px 25px 0;
}
.layout-list .project-even .buttons-on-img {
  margin: 0 0 25px 30px;
}
.layout-list .media-wide .buttons-on-img {
  margin-right: 0;
  margin-left: 0;
}
.buttons-on-img > p,
.post .buttons-on-img .alignnone,
.description-under-image .post .buttons-on-img .alignnone,
.description-under-image .post .buttons-on-img .photoslider-wrap {
  margin-bottom: 0;
}
.post .buttons-on-img .alignleft {
  margin: 0;
}
.buttons-on-img > .rollover-content {
  padding: 0;
}
.mobile-true .buttons-on-img > .rollover-content {
  display: block;
}
/* # on colored background
================================================== */
.mobile-true .hover-style-two:not(.effect-layla):not(.effect-bubba):not(.effect-sarah) .rollover-content.is-clicked {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.hover-style-two .rollover-content {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.content-align-bottom.hover-style-two .rollover-content {
  -webkit-align-content: flex-end;
  -moz-align-content: flex-end;
  -ms-align-content: flex-end;
  align-content: flex-end;
  -ms-flex-line-pack: end;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -ms-flex-align: end;
}
.content-align-centre.hover-style-two .rollover-content {
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -ms-flex-line-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-align: center;
}
.content-align-left-bottom.hover-style-two .rollover-content {
  -webkit-align-content: flex-end;
  -moz-align-content: flex-end;
  -ms-align-content: flex-end;
  align-content: flex-end;
  -ms-flex-line-pack: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -ms-flex-align: end;
}
.content-align-left-top.hover-style-two .rollover-content {
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-align-content: flex-start;
  align-content: flex-start;
  -ms-flex-line-pack: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
}
.hover-style-two .rollover-content-container {
  margin-top: 10px;
  width: 100%;
}
/* #direction aware
	-------------------------------------------------- */
.mobile-true .hover-grid .rollover-content,
.mobile-true .hover-grid-reverse .rollover-content,
.mobile-true .hover-scale .rollover-content {
  /*display: block !important;*/
  top: 0 !important;
  left: 0 !important;
  opacity: 0;
}
.mobile-true .hover-grid .is-clicked .rollover-content,
.mobile-true .hover-grid-reverse .is-clicked .rollover-content,
.mobile-true .hover-scale .is-clicked .rollover-content {
  opacity: 1;
}
/* #scale in
	-------------------------------------------------- */
.mobile-false .hover-scale .rollover-content {
  background: none;
}
.hover-scale .rollover-project:after {
  background-color: inherit;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  content: "";
  -webkit-border-radius: 50%;
  border-radius: 50%;
  padding-bottom: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s;
}
.hover-scale .ratio-2.rollover-project:after {
  top: -50%;
}
.hover-scale .ratio_3-2.rollover-project:after {
  top: -25%;
}
.hover-scale .ratio_4-3.rollover-project:after {
  top: -16.6666%;
}
.hover-scale .ratio_2-3.rollover-project:after {
  top: 16.6666%;
}
.hover-scale .ratio_3-4.rollover-project:after {
  top: 14.5%;
}
.mobile-false .hover-scale .rollover-project:hover:after {
  opacity: 1;
  -webkit-transform: scale(1.42);
  transform: scale(1.42);
}
.mobile-false .hover-scale .ratio_3-2.rollover-project:hover:after {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.mobile-false .hover-scale .ratio_4-3.rollover-project:hover:after {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}
.mobile-false .hover-scale .ratio_3-4.rollover-project:hover:after {
  -webkit-transform: scale(2);
  transform: scale(2);
}
.mobile-false .hover-scale .ratio_2-3.rollover-project:hover:after {
  -webkit-transform: scale(2);
  transform: scale(2);
}
.mobile-false .hover-scale .rollover-content {
  background: none !important;
  background-color: transparent;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s;
}
.mobile-false .hover-scale .rollover-project:hover .rollover-content {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
/* #on dark gradient
================================================== */
.hover-style-one .rollover-content,
.accent-gradient .hover-style-one .rollover-content {
  background: rgba(0, 0, 0, 0.6);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), rgba(0, 0, 0, 0.1) 50%, color-stop(100%, rgba(0, 0, 0, 0.6)));
  /* chrome,safari4  */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.6) 100%);
  /* chrome10 ,safari5.1  */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.6) 100%);
  /* w3c */
  background-color: transparent !important;
  color: #fff;
}
.hover-style-one .rollover-content {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.content-align-centre.hover-style-one .rollover-content {
  -webkit-align-content: flex-end;
  -moz-align-content: flex-end;
  -ms-align-content: flex-end;
  align-content: flex-end;
  -ms-flex-line-pack: end;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -ms-flex-align: end;
}
.content-align-left.hover-style-one .rollover-content {
  -webkit-align-content: flex-end;
  -moz-align-content: flex-end;
  -ms-align-content: flex-end;
  align-content: flex-end;
  -ms-flex-line-pack: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -ms-flex-align: end;
}
.hover-style-one .rollover-project > a:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0;
}
.mobile-false .hover-style-one .rollover-project:hover > a:after {
  opacity: 1;
}
.hover-style-one .rollover-content-container {
  margin-top: 10px;
  width: 100%;
}
.hover-style-one.always-show-info .links-container,
.hover-style-one.always-show-info .rollover-thumbnails {
  opacity: 0;
}
.hover-style-one.always-show-info .rollover-project:hover .links-container,
.hover-style-one.always-show-info .rollover-project:hover .rollover-thumbnails {
  opacity: 1;
}
/* #in the bottom
================================================== */
.cs-style-3 .rollover-project .rollover-content {
  opacity: 1;
}
.cs-style-3 .rollover-content {
  padding: 0;
}
.cs-style-3.content-align-centre .rollover-content {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: flex-end;
  -moz-align-content: flex-end;
  -ms-align-content: flex-end;
  align-content: flex-end;
  -ms-flex-line-pack: end;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -ms-flex-align: end;
}
.cs-style-3 .rollover-project > a {
  position: relative;
  display: block;
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
}
.mobile-false .cs-style-3 .rollover-project:hover > a {
  -ms-transform: translatey(-20px);
  -webkit-transform: translatey(-20px);
  transform: translatey(-20px);
}
.hover-style-three .rollover-project > a:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0;
}
.mobile-false .hover-style-three .rollover-project:hover > a:after,
.mobile-true .hover-style-three .rollover-project.is-clicked > a:after {
  opacity: 1;
}
.mobile-false .scale-on-hover .hover-style-three a.rollover:hover > img {
  -webkit-transform: none;
  transform: none;
}
.cs-style-3.content-align-left .rollover-content-container {
  position: absolute;
  bottom: 0;
}
.cs-style-3 .rollover-content-container {
  width: 100%;
  padding: 15px 20px 5px;
  background-color: #1e1e1e;
}
.mobile-false .cs-style-3 .rollover-content-container {
  -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
  transition: transform 0.4s, opacity 0.1s 0.3s;
  -ms-transform: translatey(100%);
  -webkit-transform: translatey(100%);
  transform: translatey(100%);
}
.cs-style-3 .rollover-project:hover .rollover-content-container,
.mobile-false .cs-style-3 .fs-entry:hover .rollover-content-container,
.mobile-true .cs-style-3 .is-clicked .rollover-content-container,
.mobile-true .cs-style-3 .fs-entry .rollover-content-container {
  opacity: 1;
  -ms-transform: translatey(0px);
  -webkit-transform: translatey(0px);
  transform: translatey(0px);
  -ms-transition: -ms-transform 0.4s, opacity 0.1s;
  -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
  transition: transform 0.4s, opacity 0.1s;
}
.mobile-true .cs-style-3 .is-clicked .rollover-content {
  display: block;
}
.mobile-true .cs-style-3.content-align-centre .rollover-content {
  display: none;
}
.cs-style-3.content-align-centre .rollover-content.is-clicked {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.cs-style-3 .rollover-thumbnails {
  opacity: 0;
  margin-bottom: 20px;
}
.mobile-false .cs-style-3 .links-container {
  opacity: 0;
}
.cs-style-3 .links-container {
  margin-bottom: 15px;
}
.mobile-false .cs-style-3 .rollover-project:hover .links-container,
.mobile-false .cs-style-3 .rollover-project:hover .rollover-thumbnails,
.mobile-false .cs-style-3 .fs-entry:hover .links-container {
  opacity: 1;
}
.mobile-false .cs-style-3 .links-container,
.cs-style-3 .rollover-project .rollover-thumbnails {
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.mobile-true .cs-style-3 .links-container {
  -webkit-transition: opacity 0.1s 0.3s;
  transition: opacity 0.1s 0.3s;
}
.cs-style-3 .rollover-content * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
.accent-gradient .cs-style-3 .rollover-content .entry-title a {
  -webkit-backface-visibility: hidden;
  background-image: none;
}
/* #background & animated lines
================================================== */
/*---------------*/
/***** layla *****/
/*---------------*/
.mobile-false .wf-container.effect-layla:not(.jg-container) .rollover-project > a > img {
  position: absolute;
  left: 0;
  top: 50%;
  width: calc(100%   40px);
  max-width: calc(100%   40px);
}
.filter-grayscale .wf-container.effect-layla:not(.jg-container) .rollover-project > a > img,
.filter-grayscale-static .wf-container.effect-layla:not(.jg-container) .rollover-project > a > img {
  top: 0;
  width: 100%;
  max-width: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.effect-layla .rollover-content {
  display: block;
  padding: 35px 45px;
  opacity: 1;
  text-align: center;
}
.effect-layla .rollover-content:hover {
  padding: 35px 45px;
}
.effect-layla .rollover-content:before,
.effect-layla .rollover-content:after {
  position: absolute;
  content: '';
  opacity: 0;
}
.effect-layla .rollover-content:before {
  top: 25px;
  right: 15px;
  bottom: 25px;
  left: 15px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -ms-transform: scale(0, 1);
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.effect-layla .rollover-content:after {
  top: 15px;
  right: 25px;
  bottom: 15px;
  left: 25px;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  -ms-transform: scale(1, 0);
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  -ms-transform-origin: 100% 0;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.effect-layla .entry-title,
.effect-layla .links-container,
.effect-layla .rollover-thumbnails {
  -ms-transition: -ms-transform 0.35s;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
}
.effect-layla:not(.always-show-info) .entry-title,
.effect-layla:not(.always-show-info) .links-container,
.effect-layla:not(.always-show-info) .rollover-thumbnails {
  opacity: 0;
  -ms-transition: -ms-transform 0.35s, opacity 0.35s;
  -webkit-transition: -webkit-transform 0.35s, opacity 0.35s;
  transition: transform 0.35s, opacity 0.35s;
}
.effect-layla p,
.effect-layla .entry-meta {
  opacity: 0;
  -webkit-transform: translate3d(0, -15px, 0);
  transform: translate3d(0, -15px, 0);
}
.effect-layla .entry-title,
.effect-layla .links-container,
.effect-layla .rollover-thumbnails {
  -webkit-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
}
.always-show-info.effect-layla .entry-title,
.always-show-info.effect-layla .links-container,
.always-show-info.effect-layla .rollover-thumbnails {
  -webkit-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
}
.mobile-false .effect-layla:not(.jg-container):not(.slider-wrapper) .rollover-project > a > img {
  -webkit-transform: translate3d(-20px, -50%, 0);
  transform: translate3d(-20px, -50%, 0);
}
.effect-layla .rollover-project > a > img,
.effect-layla .rollover-content:before,
.effect-layla .rollover-content:after,
.effect-layla p,
.effect-layla .entry-meta {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}
.effect-layla .links-container,
.effect-layla .entry-meta {
  position: relative;
  z-index: 10;
}
.mobile-false .effect-layla:not(.jg-container):not(.slider-wrapper) .rollover-project:hover > a > img {
  -webkit-transform: translate3d(-20px, calc(-50%   10px), 0);
  transform: translate3d(-20px, calc(-50%   10px), 0);
}
.mobile-true .filter-grayscale .effect-layla:not(.jg-container):not(.slider-wrapper) .rollover-project.is-clicked > a > img,
.mobile-true .filter-grayscale-static .effect-layla:not(.jg-container):not(.slider-wrapper) .rollover-project.is-clicked > a > img,
.mobile-true .effect-layla:not(.jg-container):not(.slider-wrapper) .rollover-project.is-clicked > a > img {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.mobile-false .effect-layla.hover-color-static .rollover-project:hover > a > img,
.mobile-true .effect-layla.hover-color-static .rollover-project.is-clicked > a > img {
  opacity: 0.3;
}
.mobile-false .effect-layla .rollover-project:hover figcaption::before,
.mobile-false .effect-layla .rollover-project:hover figcaption::after,
.mobile-true .effect-layla .rollover-project.is-clicked figcaption::before,
.mobile-true .effect-layla .rollover-project.is-clicked figcaption::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.mobile-false .effect-layla .rollover-project:hover .entry-title,
.mobile-false .effect-layla .rollover-project:hover p,
.mobile-false .effect-layla .rollover-project:hover .entry-meta,
.mobile-false .effect-layla .rollover-project:hover .links-container,
.mobile-false .effect-layla .rollover-project:hover .rollover-thumbnails,
.mobile-true .effect-layla .rollover-project.is-clicked .entry-title,
.mobile-true .effect-layla .rollover-project.is-clicked p,
.mobile-true .effect-layla .rollover-project.is-clicked .entry-meta,
.mobile-true .effect-layla .rollover-project.is-clicked .links-container,
.mobile-true .effect-layla .rollover-project.is-clicked .rollover-thumbnails {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.mobile-false.mobile-false .effect-layla .rollover-project:hover .rollover-content:after,
.mobile-false.mobile-false .effect-layla .rollover-project:hover .entry-title,
.mobile-false.mobile-false .effect-layla .rollover-project:hover .links-container,
.mobile-false.mobile-false .effect-layla .rollover-project:hover .rollover-thumbnails,
.mobile-false.mobile-false .effect-layla .rollover-project:hover p,
.mobile-false.mobile-false .effect-layla .rollover-project:hover a > img,
.mobile-false.mobile-false .effect-layla .rollover-project:hover .entry-meta,
.mobile-true.mobile-true .effect-layla .rollover-project.is-clicked .rollover-content:after,
.mobile-true.mobile-true .effect-layla .rollover-project.is-clicked .entry-title,
.mobile-true.mobile-true .effect-layla .rollover-project.is-clicked .links-container,
.mobile-true.mobile-true .effect-layla .rollover-project.is-clicked .rollover-thumbnails,
.mobile-true.mobile-true .effect-layla .rollover-project.is-clicked p,
.mobile-true.mobile-true .effect-layla .rollover-project.is-clicked a > img,
.mobile-true.mobile-true .effect-layla .rollover-project.is-clicked .entry-meta {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
/*---------------*/
/***** bubba *****/
/*---------------*/
.effect-bubba .rollover-project > a > img {
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
.mobile-false .effect-bubba.hover-color-static .rollover-project:hover > a > img,
.mobile-true .effect-bubba.hover-color-static .rollover-project.is-clicked > a > img,
.mobile-false.effect-bubba.hover-color-static .rollover-project:hover > a > .blur-effect {
  opacity: 0.3;
}
.effect-bubba .rollover-content {
  display: block;
  padding: 35px 45px;
  text-align: center;
  opacity: 1;
}
.effect-bubba .rollover-content:before,
.effect-bubba .rollover-content:after {
  position: absolute;
  top: 25px;
  right: 25px;
  bottom: 25px;
  left: 25px;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}
.effect-bubba .rollover-content:before {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
}
.effect-bubba .rollover-content:after {
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
}
.effect-bubba:not(.always-show-info) .rollover-content .entry-title,
.effect-bubba:not(.always-show-info) .rollover-content .links-container,
.effect-bubba:not(.always-show-info) .rollover-content .rollover-thumbnails {
  opacity: 0;
  -webkit-transition: -webkit-transform 0.35s, opacity 0.35s;
  transition: transform 0.35s, opacity 0.35s;
  -webkit-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
}
.effect-bubba .rollover-content p,
.effect-bubba .rollover-content .entry-meta {
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}
.effect-bubba .links-container,
.effect-bubba .entry-meta {
  position: relative;
  z-index: 10;
}
.mobile-false.mobile-false .effect-bubba .rollover-project:hover .rollover-content:before,
.mobile-false.mobile-false .effect-bubba .rollover-project:hover .rollover-content:after,
.mobile-true.mobile-true .effect-bubba .rollover-project.is-clicked .rollover-content:before,
.mobile-true.mobile-true .effect-bubba .rollover-project.is-clicked .rollover-content:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.mobile-false.mobile-false .effect-bubba .rollover-project:hover .entry-title,
.mobile-false.mobile-false .effect-bubba .rollover-project:hover .links-container,
.mobile-false.mobile-false .effect-bubba .rollover-project:hover .rollover-thumbnails,
.mobile-false.mobile-false .effect-bubba .rollover-project:hover p,
.mobile-false.mobile-false .effect-bubba .rollover-project:hover .entry-meta,
.mobile-true.mobile-true .effect-bubba .rollover-project.is-clicked .entry-title,
.mobile-true.mobile-true .effect-bubba .rollover-project.is-clicked .links-container,
.mobile-true.mobile-true .effect-bubba .rollover-project.is-clicked .rollover-thumbnails,
.mobile-true.mobile-true .effect-bubba .rollover-project.is-clicked p,
.mobile-true.mobile-true .effect-bubba .rollover-project.is-clicked .entry-meta {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/*---------------*/
/***** sarah *****/
/*---------------*/
.mobile-false .wf-container.effect-sarah:not(.jg-container) .rollover-project > a > img {
  position: absolute;
  top: 50%;
  left: 0;
  width: calc(100%   20px);
  max-width: calc(100%   20px);
}
.filter-grayscale .wf-container.effect-sarah:not(.jg-container) .rollover-project > a > img,
.filter-grayscale-static .wf-container.effect-sarah:not(.jg-container) .rollover-project > a > img {
  top: 0;
  width: 100%;
  max-width: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.effect-sarah .rollover-project > a > img {
  max-width: none;
  width: -webkit-calc(100%   20px);
  width: calc(100%   20px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-10px, -50%, 0);
  transform: translate3d(-10px, -50%, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.jg-container.effect-sarah .rollover-project > a > img,
.slider-wrapper.effect-sarah .rollover-project > a > img,
.mobile-true .effect-sarah .rollover-project > a > img {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slider-wrapper.effect-sarah .rollover-project > a > img {
  width: 100%;
}
.mobile-false.mobile-false .effect-sarah.hover-color-static .rollover-project:hover > a > img,
.mobile-true.mobile-true .effect-sarah.hover-color-static .rollover-project.is-clicked > a > img {
  opacity: 0.3;
}
.mobile-false.mobile-false .effect-sarah:not(.jg-container):not(.slider-wrapper) .rollover-project:hover > a > img,
.mobile-false.mobile-false .effect-sarah:not(.jg-container):not(.slider-wrapper) .rollover-project.is-clicked > a > img {
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.effect-sarah .rollover-content {
  display: block;
  padding: 25px 40px;
  text-align: left;
  opacity: 1;
}
.effect-sarah .rollover-content .links-container {
  text-align: left;
}
.effect-sarah:not(.always-show-info) .rollover-content .entry-title,
.effect-sarah:not(.always-show-info) .rollover-content .links-container,
.effect-sarah:not(.always-show-info) .rollover-content .rollover-thumbnails {
  opacity: 0;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
.effect-sarah .rollover-content .entry-title {
  position: relative;
  overflow: hidden;
  padding: 0 0 15px;
  margin-bottom: 15px;
}
.effect-sarah .rollover-content .entry-title:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #fff;
  content: '';
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(-101%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.mobile-false.mobile-false .effect-sarah .rollover-project:hover .entry-title,
.mobile-true.mobile-true .effect-sarah .rollover-project .is-clicked .entry-title {
  opacity: 1;
}
.mobile-false.mobile-false .effect-sarah .rollover-project:hover .entry-title:after,
.mobile-true.mobile-true .effect-sarah .rollover-project .is-clicked .entry-title:after {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.mobile-false.mobile-false .effect-sarah .rollover-project:hover .links-container,
.mobile-false.mobile-false .effect-sarah .rollover-project:hover .rollover-thumbnails,
.mobile-true.mobile-true .effect-sarah .rollover-project .is-clicked .links-container,
.mobile-true.mobile-true .effect-sarah .rollover-project .is-clicked .rollover-thumbnails {
  opacity: 1;
}
.effect-sarah .rollover-content p,
.effect-sarah .rollover-content .entry-meta {
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.mobile-false.mobile-false .effect-sarah .rollover-project:hover p,
.mobile-false.mobile-false .effect-sarah .rollover-project:hover .entry-meta,
.mobile-true.mobile-true .effect-sarah .rollover-project .is-clicked p,
.mobile-true.mobile-true .effect-sarah .rollover-project .is-clicked .entry-meta {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.portfolio.small-hover-icons .rollover-video i:after,
.albums.small-hover-icons .rollover-video i:after,
.small-hover-icons .dt-portfolio-shortcode .rollover-video i:after,
.small-hover-icons .dt-albums-shortcode .rollover-video i:after {
  background-image: ;
}
.portfolio.large-hover-icons .rollover-video i:after,
.albums.large-hover-icons .rollover-video i:after,
.large-hover-icons .dt-portfolio-shortcode .rollover-video i:after,
.large-hover-icons .dt-albums-shortcode .rollover-video i:after {
  background-image: ;
}
.instagram-photos.dt-gallery-container .rollover.rollover-small i:after {
  background-image: ;
}
.instagram-photos.dt-gallery-container .rollover.rollover-small i:after {
  background-position: center center;
  background-repeat: no-repeat;
}
/*albums -> show image miniatures (hover styling)*/
.rollover-thumbnails {
  position: relative;
  display: -ms-flexbox;
}
.buttons-on-img .rollover-thumbnails,
.description-under-image .rollover-thumbnails {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
  z-index: 9;
}
.album-minuatures-style-1 .rollover-thumbnails {
  width: 142px;
  height: 116px;
}
.album-minuatures-style-2 .rollover-thumbnails {
  width: 170px;
  height: 70px;
}
.content-align-left-bottom.hover-style-two .rollover-thumbnails,
.hover-style-one.content-align-left .rollover-thumbnails,
.hover-style-three.content-align-left .rollover-thumbnails {
  position: absolute;
  display: block;
  top: 15px;
  right: 17px;
}
.content-align-left-top.hover-style-two .rollover-thumbnails {
  position: absolute;
  display: block;
  bottom: 14px;
  right: 17px;
}
.rollover-project .rollover-thumbnails {
  margin-top: 5px;
  margin-bottom: 5px;
  /*opacity: 1;*/
}
.effect-layla .rollover-project .rollover-thumbnails,
.effect-bubba .rollover-project .rollover-thumbnails,
.effect-sarah .rollover-project .rollover-thumbnails {
  display: inline-block;
  margin-bottom: -5px;
  margin-top: 15px;
}
.disabled-hover-icons .blog-media .rollover-thumbnails {
  display: none;
}
.mobile-false .buttons-on-img:hover .rollover-thumbnails,
.mobile-false .rollover:hover .rollover-thumbnails,
.mobile-true .rollover.is-clicked .rollover-thumbnails {
  opacity: 1;
}
.rollover-thumbnails span {
  position: absolute;
  top: 0;
  left: 0;
  border: 3px solid #fff;
  -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.album-minuatures-style-1 .rollover-thumbnails span {
  width: 90px;
  height: 90px !important;
}
.album-minuatures-style-2 .rollover-thumbnails span {
  top: 0;
  left: 0;
  width: 69px;
  height: 69px !important;
}
.rollover-thumbnails span,
.rollover-thumbnails span img {
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.rollover-thumbnails .r-thumbn-1 {
  z-index: 102;
}
.album-minuatures-style-1 .rollover-thumbnails .r-thumbn-1 {
  top: 25px;
  left: 49px;
}
.rollover-thumbnails .r-thumbn-2 {
  z-index: 100;
}
.album-minuatures-style-1 .rollover-thumbnails .r-thumbn-2 {
  top: 0;
  left: 42px;
  width: 50px;
  height: 50px !important;
}
.album-minuatures-style-2 .rollover-thumbnails .r-thumbn-2 {
  left: 49px;
}
.album-minuatures-style-1 .rollover-thumbnails .r-thumbn-3 {
  top: 29px;
  left: 0px;
  width: 70px;
  height: 70px !important;
  z-index: 101;
}
.album-minuatures-style-2 .rollover-thumbnails .r-thumbn-3 {
  left: 98px;
  z-index: 99;
}
.rollover-thumbnails span i {
  display: none !important;
}
.rollover.rollover-thumbnails-on i:after,
.albums .rollover.rollover-thumbnails-on i:after,
.dt-albums-shortcode .rollover.rollover-thumbnails-on i:after {
  display: none;
}
/* #photos widget
========================================================================= */
.widget .instagram-photos {
  overflow: hidden;
  margin-bottom: 15px;
  padding-top: 5px;
}
.instagram-photos a {
  position: relative;
  float: left;
  max-width: 115px;
  border-right: 2px solid transparent;
  border-bottom: 2px solid transparent;
  line-height: 0;
  opacity: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.widget .instagram-photos a {
  max-width: 77px;
}
.instagram-photos img {
  max-width: 100%;
  width: 100%;
  height: auto;
}
.instagram-photos a i {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.mobile-false .instagram-photos a:hover i {
  opacity: 1;
}