body.light figure.img-effect01 {
  background-color: #fff;
  color: #ffffff;
  display: inline-block;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  margin: 10px 5px;
  overflow: hidden;
  position: relative;
  text-align: left;
  width: 100%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }
body.light figure.img-effect01 *, body.light figure.img-effect01 *:before, body.light figure.img-effect01 *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease;
  transition: all 0.45s ease; }
body.light figure.img-effect01 img {
  backface-visibility: hidden;
  max-width: 100%;
  vertical-align: top; }
body.light figure.img-effect01:before, body.light figure.img-effect01:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  background-color: #ededed;
  opacity: 0.5;
  -webkit-transition: all 0.45s ease;
  transition: all 0.45s ease; }
body.light figure.img-effect01:before {
  -webkit-transform: skew(30deg) translateX(-80%);
  transform: skew(30deg) translateX(-80%); }
body.light figure.img-effect01:after {
  -webkit-transform: skew(-30deg) translateX(-70%);
  transform: skew(-30deg) translateX(-70%); }
body.light figure.img-effect01 figcaption {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 1;
  bottom: 0;
  padding: 25px 40% 25px 20px; }
body.light figure.img-effect01 figcaption:before, body.light figure.img-effect01 figcaption:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #ededed;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
  content: '';
  opacity: 0.5;
  z-index: -1; }
body.light figure.img-effect01 figcaption:before {
  -webkit-transform: skew(30deg) translateX(-100%);
  transform: skew(30deg) translateX(-100%); }
body.light figure.img-effect01 figcaption:after {
  -webkit-transform: skew(-30deg) translateX(-90%);
  transform: skew(-30deg) translateX(-90%); }
body.light figure.img-effect01 h2, body.light figure.img-effect01 p {
  margin: 0;
  opacity: 0;
  letter-spacing: 1px;
  color: #000; }
body.light figure.img-effect01 h2 {
  font-family: 'Teko', sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1em;
  text-transform: uppercase; }
body.light figure.img-effect01 p {
  font-size: 0.9em; }
body.light figure.img-effect01 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1; }
body.light figure.img-effect01:hover h2, body.light figure.img-effect01.hover h2, body.light figure.img-effect01:hover p, body.light figure.img-effect01.hover p {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 0.9;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s; }
body.light figure.img-effect01:hover:before, body.light figure.img-effect01.hover:before {
  -webkit-transform: skew(30deg) translateX(-20%);
  transform: skew(30deg) translateX(-20%);
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s; }
body.light figure.img-effect01:hover:after, body.light figure.img-effect01.hover:after {
  -webkit-transform: skew(-30deg) translateX(-10%);
  transform: skew(-30deg) translateX(-10%); }
body.light figure.img-effect01:hover figcaption:before, body.light figure.img-effect01.hover figcaption:before {
  -webkit-transform: skew(30deg) translateX(-40%);
  transform: skew(30deg) translateX(-40%);
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s; }
body.light figure.img-effect01:hover figcaption:after, body.light figure.img-effect01.hover figcaption:after {
  -webkit-transform: skew(-30deg) translateX(-30%);
  transform: skew(-30deg) translateX(-30%);
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s; }
body.light figure.img-effect02 {
  font-family: 'Raleway', Arial, sans-serif;
  color: #fff;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  width: 100%;
  background: #000000;
  text-align: center; }
body.light figure.img-effect02 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
body.light figure.img-effect02 img {
  opacity: 1;
  width: 100%;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s; }
body.light figure.img-effect02 figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 3em 3em;
  width: 100%;
  height: 100%; }
body.light figure.img-effect02 figcaption::before {
  position: absolute;
  top: 50%;
  right: 30px;
  bottom: 50%;
  left: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
  content: '';
  opacity: 0;
  background-color: #ffffff;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s; }
body.light figure.img-effect02 h2, body.light figure.img-effect02 p {
  margin: 0 0 5px;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s, transform 0.35s;
  color: #ededed; }
body.light figure.img-effect02 h2 {
  word-spacing: -0.15em;
  font-weight: 300;
  text-transform: uppercase;
  -webkit-transform: translate3d(0%, 50%, 0);
  transform: translate3d(0%, 50%, 0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s; }
body.light figure.img-effect02 h2 span {
  font-weight: 800; }
body.light figure.img-effect02 p {
  font-weight: 200;
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }
body.light figure.img-effect02 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  color: #ffffff; }
body.light figure.img-effect02:hover img {
  opacity: 0.35; }
body.light figure.img-effect02:hover figcaption h2 {
  opacity: 1;
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s; }
body.light figure.img-effect02:hover figcaption p {
  opacity: 0.9;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s; }
body.light figure.img-effect02:hover figcaption::before {
  background: rgba(255, 255, 255, 0);
  top: 30px;
  bottom: 30px;
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }
body.light figure.img-effect03 {
  background-color: #000;
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  margin: 10px 7px;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%; }
body.light figure.img-effect03 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease; }
body.light figure.img-effect03:before, body.light figure.img-effect03:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  background-color: #000000;
  border-left: 3px solid #fff;
  border-right: 3px solid #fff;
  content: '';
  opacity: 0.9;
  z-index: 1; }
body.light figure.img-effect03:before {
  -webkit-transform: skew(45deg) translateX(-155%);
  transform: skew(45deg) translateX(-155%); }
body.light figure.img-effect03:after {
  -webkit-transform: skew(45deg) translateX(155%);
  transform: skew(45deg) translateX(155%); }
body.light figure.img-effect03 img {
  backface-visibility: hidden;
  max-width: 100%;
  vertical-align: top; }
body.light figure.img-effect03 figcaption {
  top: 50%;
  left: 50%;
  position: absolute;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%) scale(0.5);
  transform: translate(-50%, -50%) scale(0.5);
  opacity: 0;
  background-color: rgba(23, 23, 23, 0.6);
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  padding: 10px; }
body.light figure.img-effect03 h2, body.light figure.img-effect03 p {
  color: #ededed; }
body.light figure.img-effect03 h3 {
  background-color: #000000;
  border: 2px solid #fff;
  color: #fff;
  font-size: 1em;
  font-weight: 600;
  letter-spacing: 1px;
  margin: 0;
  padding: 5px 10px;
  text-transform: uppercase; }
body.light figure.img-effect03 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3; }
body.light figure.img-effect03:hover > img, body.light figure.img-effect03.hover > img {
  opacity: 0.5; }
body.light figure.img-effect03:hover:before, body.light figure.img-effect03.hover:before {
  -webkit-transform: skew(45deg) translateX(-55%);
  transform: skew(45deg) translateX(-55%); }
body.light figure.img-effect03:hover:after, body.light figure.img-effect03.hover:after {
  -webkit-transform: skew(45deg) translateX(55%);
  transform: skew(45deg) translateX(55%); }
body.light figure.img-effect03:hover figcaption, body.light figure.img-effect03.hover figcaption {
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  opacity: 1; }
body.light figure.img-effect04 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  width: 100%;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  background-color: #000000; }
body.light figure.img-effect04 *, body.light figure.img-effect04 *:before, body.light figure.img-effect04 *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.55s ease;
  transition: all 0.55s ease; }
body.light figure.img-effect04 img {
  max-width: 100%;
  backface-visibility: hidden;
  vertical-align: top;
  opacity: 0.9; }
body.light figure.img-effect04 .title {
  position: absolute;
  top: 58%;
  left: 25px;
  padding: 5px 10px 10px; }
body.light figure.img-effect04 .title:before, body.light figure.img-effect04 .title:after {
  height: 2px;
  width: 300%;
  position: absolute;
  content: '';
  background-color: #ffffff; }
body.light figure.img-effect04 .title:before {
  top: 0;
  left: 10px;
  -webkit-transform: translateX(100%);
  transform: translateX(100%); }
body.light figure.img-effect04 .title:after {
  bottom: 0;
  right: 10px;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%); }
body.light figure.img-effect04 .title div:before, body.light figure.img-effect04 .title div:after {
  width: 2px;
  height: 300%;
  position: absolute;
  content: '';
  background-color: #ffffff; }
body.light figure.img-effect04 .title div:before {
  top: 10px;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%); }
body.light figure.img-effect04 .title div:after {
  bottom: 10px;
  left: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%); }
body.light figure.img-effect04 h2, body.light figure.img-effect04 h4 {
  margin: 0;
  text-transform: uppercase; }
body.light figure.img-effect04 h2 {
  font-weight: 400;
  color: #ededed;
  font-family: "Roboto Slab", sans-serif; }
body.light figure.img-effect04 h4 {
  display: block;
  font-weight: 700;
  background-color: #ffffff;
  padding: 5px 10px;
  color: #000000; }
body.light figure.img-effect04 figcaption {
  position: absolute;
  bottom: 42%;
  left: 25px;
  text-align: left;
  opacity: 0;
  padding: 5px 60px 5px 10px;
  font-size: 0.8em;
  font-weight: 500;
  letter-spacing: 1.5px; }
body.light figure.img-effect04 figcaption p {
  margin: 0; }
body.light figure.img-effect04 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }
body.light figure.img-effect04:hover img, body.light figure.img-effect04.hover img {
  zoom: 1;
  filter: alpha(opacity=35);
  -webkit-opacity: 0.35;
  opacity: 0.35; }
body.light figure.img-effect04:hover .title:before, body.light figure.img-effect04.hover .title:before, body.light figure.img-effect04:hover .title:after, body.light figure.img-effect04.hover .title:after, body.light figure.img-effect04:hover .title div:before, body.light figure.img-effect04.hover .title div:before, body.light figure.img-effect04:hover .title div:after, body.light figure.img-effect04.hover .title div:after {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0); }
body.light figure.img-effect04:hover .title:before, body.light figure.img-effect04.hover .title:before, body.light figure.img-effect04:hover .title:after, body.light figure.img-effect04.hover .title:after {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s; }
body.light figure.img-effect04:hover figcaption, body.light figure.img-effect04.hover figcaption {
  opacity: 1;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s; }
body.light figure.img-effect05 {
  font-family: 'Montserrat', Arial, sans-serif;
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 8px;
  width: 100%;
  color: #fff;
  text-align: left;
  font-size: 16px;
  background: #000; }
body.light figure.img-effect05 *, body.light figure.img-effect05:before, body.light figure.img-effect05:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease; }
body.light figure.img-effect05 img {
  max-width: 100%;
  backface-visibility: hidden;
  vertical-align: top; }
body.light figure.img-effect05:before, body.light figure.img-effect05:after {
  position: absolute;
  top: 20px;
  right: 20px;
  content: '';
  background-color: #fff;
  z-index: 1;
  opacity: 0; }
body.light figure.img-effect05:before {
  width: 0;
  height: 1px; }
body.light figure.img-effect05:after {
  height: 0;
  width: 1px; }
body.light figure.img-effect05 figcaption {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 15px 20px; }
body.light figure.img-effect05 h2, body.light figure.img-effect05 h3 {
  margin: 0;
  font-weight: normal;
  opacity: 0;
  color: #ededed; }
body.light figure.img-effect05 h3 {
  text-transform: uppercase; }
body.light figure.img-effect05 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1; }
body.light figure.img-effect05:hover img, body.light figure.img-effect05.hover img {
  zoom: 1;
  filter: alpha(opacity=20);
  -webkit-opacity: 0.2;
  opacity: 0.2; }
body.light figure.img-effect05:hover:before, body.light figure.img-effect05.hover:before, body.light figure.img-effect05:hover:after, body.light figure.img-effect05.hover:after {
  opacity: 1;
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s; }
body.light figure.img-effect05:hover:before, body.light figure.img-effect05.hover:before {
  width: 40px; }
body.light figure.img-effect05:hover:after, body.light figure.img-effect05.hover:after {
  height: 40px; }
body.light figure.img-effect05:hover h2, body.light figure.img-effect05.hover h2, body.light figure.img-effect05:hover h3, body.light figure.img-effect05.hover h3 {
  opacity: 1; }
body.light figure.img-effect05:hover h2, body.light figure.img-effect05.hover h2 {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s; }
body.light figure.img-effect05:hover h3, body.light figure.img-effect05.hover h3 {
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s; }
body.light figure.img-effect06 {
  font-family: 'Poppins', Arial, sans-serif;
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 8px;
  width: 100%;
  color: #000000;
  font-size: 16px;
  line-height: 1.2em;
  text-align: center;
  font-weight: 300; }
body.light figure.img-effect06 *, body.light figure.img-effect06 *:before, body.light figure.img-effect06 *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.65s ease;
  transition: all 0.65s ease; }
body.light figure.img-effect06:after {
  -webkit-transition: all 0.65s ease;
  transition: all 0.65s ease;
  position: absolute;
  height: 0px;
  width: 0px;
  bottom: -478px;
  right: -478px;
  border-radius: 50%;
  border: 1200px solid transparent;
  border-bottom-color: #000000;
  border-right-color: #000000;
  content: '';
  opacity: 0.8; }
body.light figure.img-effect06 img {
  max-width: 100%;
  vertical-align: top; }
body.light figure.img-effect06 i {
  position: absolute;
  bottom: -10px;
  right: -10px;
  border-radius: 50%;
  color: #000000;
  display: block;
  z-index: 10; }
body.light figure.img-effect06 i:before, body.light figure.img-effect06 i:after {
  border-radius: 50%; }
body.light figure.img-effect06 i:before {
  color: #ddd;
  background-color: #fff;
  font-size: 37.64705882px;
  line-height: 64px;
  text-align: center;
  width: 64px; }
body.light figure.img-effect06 i:after {
  position: absolute;
  top: -14px;
  bottom: -14px;
  left: -14px;
  right: -14px;
  border: 15px solid #ddd;
  border-bottom-color: #2f2f2f;
  border-right-color: #2f2f2f;
  content: '';
  z-index: -2;
  box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5); }
body.light figure.img-effect06 i:hover {
  background-color: #D2B17F;
  cursor: pointer; }
body.light figure.img-effect06 h2 {
  top: 5px;
  color: #fff;
  letter-spacing: 2px;
  margin: 0;
  opacity: 0;
  padding: 10px 15px;
  position: absolute;
  left: 0;
  text-transform: uppercase;
  z-index: 3; }
body.light figure.img-effect06 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9; }
body.light figure.img-effect06:hover:after, body.light figure.img-effect06.hover:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }
body.light figure.img-effect06:hover img, body.light figure.img-effect06.hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1); }
body.light figure.img-effect06:hover i:before, body.light figure.img-effect06.hover i:before {
  color: #2980b9; }
body.light figure.img-effect06:hover i:after, body.light figure.img-effect06.hover i:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }
body.light figure.img-effect06:hover h2, body.light figure.img-effect06.hover h2 {
  opacity: 1; }
body.light figure.img-effect07 {
  font-family: 'Raleway', Arial, sans-serif;
  color: #fff;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  width: 100%;
  background: #000000;
  text-align: center; }
body.light figure.img-effect07 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
body.light figure.img-effect07 img {
  opacity: 1;
  width: 100%;
  -webkit-transition: all 0.6s;
  transition: all 0.6s; }
body.light figure.img-effect07 figcaption {
  position: absolute;
  bottom: 0;
  left: 18%;
  right: 18%;
  height: 100%; }
body.light figure.img-effect07 h3, body.light figure.img-effect07 span {
  position: absolute;
  margin: 0;
  padding: 10px 15px;
  display: inline-block;
  width: 100%;
  left: 0;
  font-weight: 800;
  text-transform: uppercase; }
body.light figure.img-effect07 h3 {
  background: #333333;
  bottom: 0;
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  color: #ededed; }
body.light figure.img-effect07 span {
  background: #ffffff;
  color: #333;
  -webkit-transform: translate3d(0%, -100%, 0);
  transform: translate3d(0%, -100%, 0);
  font-size: 0.8em;
  font-family: "Roboto Slab",sans-serif; }
body.light figure.img-effect07 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute; }
body.light figure.img-effect07.blue {
  background: #0a212f; }
body.light figure.img-effect07.blue h3 {
  background: #2980b9; }
body.light figure.img-effect07.red {
  background: #36100c; }
body.light figure.img-effect07.red h3 {
  background: #c0392b; }
body.light figure.img-effect07.yellow {
  background: #583804; }
body.light figure.img-effect07.yellow h3 {
  background: #f39c12; }
body.light figure.img-effect07:hover img, body.light figure.img-effect07.hover img {
  opacity: 0.35;
  -webkit-filter: blur(5px);
  filter: blur(5px);
  -webkit-transform: scale(1.1);
  transform: scale(1.1); }
body.light figure.img-effect07:hover figcaption h3, body.light figure.img-effect07.hover figcaption h3 {
  -webkit-transform: translate3d(0%, 100%, 0);
  transform: translate3d(0%, 100%, 0); }
body.light figure.img-effect07:hover figcaption span, body.light figure.img-effect07.hover figcaption span {
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0); }
body.light figure.img-effect08 {
  font-family: 'Raleway', Arial, sans-serif;
  color: #fff;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  width: 100%;
  color: #ffffff;
  text-align: left;
  font-size: 16px; }
body.light figure.img-effect08 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in; }
body.light figure.img-effect08 img {
  max-width: 100%;
  vertical-align: top;
  -webkit-transform: scale(1.1);
  transform: scale(1.1); }
body.light figure.img-effect08 figcaption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  padding: 0 20px; }
body.light figure.img-effect08 figcaption:before, body.light figure.img-effect08 figcaption:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 40px;
  background-color: #ffffff;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  z-index: -1; }
body.light figure.img-effect08 figcaption:before {
  left: 0;
  top: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%); }
body.light figure.img-effect08 figcaption:after {
  left: 0;
  bottom: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%); }
body.light figure.img-effect08 h3 {
  position: absolute;
  left: 15px;
  bottom: 0;
  line-height: 40px;
  margin: 0;
  font-weight: 800;
  text-transform: uppercase; }
body.light figure.img-effect08 .icons {
  position: absolute;
  right: 15px;
  top: 0;
  font-family: "Roboto Slab",sans-serif;
  line-height: 40px; }
body.light figure.img-effect08 .icons a {
  display: inline-block; }
body.light figure.img-effect08 .icons i {
  color: #ffffff;
  line-height: 40px;
  width: 32px;
  font-size: 1.4em;
  padding: 0;
  text-align: center;
  display: inline-block;
  margin: 0; }
body.light figure.img-effect08 .icons i:hover {
  background-color: #0b311b;
  color: #ffffff; }
body.light figure.img-effect08:hover figcaption, body.light figure.img-effect08.hover figcaption {
  color: #0b311b; }
body.light figure.img-effect08:hover figcaption:before, body.light figure.img-effect08.hover figcaption:before, body.light figure.img-effect08:hover figcaption:after, body.light figure.img-effect08.hover figcaption:after {
  -webkit-transform: translateY(0);
  transform: translateY(0); }
body.light figure.img-effect08:hover figcaption i, body.light figure.img-effect08.hover figcaption i {
  color: #0b311b; }
body.light figure.img-effect09 {
  font-family: 'Raleway', Arial, sans-serif;
  color: #fff;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  width: 100%;
  background: #000000;
  color: #ffffff;
  text-align: left; }
body.light figure.img-effect09 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease; }
body.light figure.img-effect09 img {
  opacity: 0.8;
  width: 100%;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s; }
body.light figure.img-effect09 figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%; }
body.light figure.img-effect09 figcaption > div {
  height: 50%;
  overflow: hidden;
  width: 100%;
  position: relative; }
body.light figure.img-effect09 h2, body.light figure.img-effect09 h3 {
  margin: 0;
  position: absolute;
  left: 0;
  padding: 0 30px;
  text-transform: uppercase;
  color: #ededed; }
body.light figure.img-effect09 h2 {
  font-weight: 900;
  bottom: 0; }
body.light figure.img-effect09 h3 {
  font-size: 1em;
  top: 0;
  font-weight: 500; }
body.light figure.img-effect09 h3:nth-of-type(2) {
  opacity: 0;
  -webkit-transform: translateY(-150%);
  transform: translateY(-150%); }
body.light figure.img-effect09 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute; }
body.light figure.img-effect09:hover img, body.light figure.img-effect09.hover img {
  opacity: 0.3;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%); }
body.light figure.img-effect09:hover figcaption h3:first-of-type, body.light figure.img-effect09.hover figcaption h3:first-of-type {
  -webkit-transform: translateY(-150%);
  transform: translateY(-150%);
  opacity: 0; }
body.light figure.img-effect09:hover figcaption h3:nth-of-type(2), body.light figure.img-effect09.hover figcaption h3:nth-of-type(2) {
  opacity: 1;
  -webkit-transform: translateY(0%);
  transform: translateY(0%); }

body.dark figure.img-effect01 {
  background-color: #fff;
  color: #ffffff;
  display: inline-block;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  margin: 10px 5px;
  overflow: hidden;
  position: relative;
  text-align: left;
  width: 100%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }
body.dark figure.img-effect01 *, body.dark figure.img-effect01 *:before, body.dark figure.img-effect01 *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease;
  transition: all 0.45s ease; }
body.dark figure.img-effect01 img {
  backface-visibility: hidden;
  max-width: 100%;
  vertical-align: top; }
body.dark figure.img-effect01:before, body.dark figure.img-effect01:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  background-color: #ededed;
  opacity: 0.5;
  -webkit-transition: all 0.45s ease;
  transition: all 0.45s ease; }
body.dark figure.img-effect01:before {
  -webkit-transform: skew(30deg) translateX(-80%);
  transform: skew(30deg) translateX(-80%); }
body.dark figure.img-effect01:after {
  -webkit-transform: skew(-30deg) translateX(-70%);
  transform: skew(-30deg) translateX(-70%); }
body.dark figure.img-effect01 figcaption {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 1;
  bottom: 0;
  padding: 25px 40% 25px 20px; }
body.dark figure.img-effect01 figcaption:before, body.dark figure.img-effect01 figcaption:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #ededed;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
  content: '';
  opacity: 0.5;
  z-index: -1; }
body.dark figure.img-effect01 figcaption:before {
  -webkit-transform: skew(30deg) translateX(-100%);
  transform: skew(30deg) translateX(-100%); }
body.dark figure.img-effect01 figcaption:after {
  -webkit-transform: skew(-30deg) translateX(-90%);
  transform: skew(-30deg) translateX(-90%); }
body.dark figure.img-effect01 h2, body.dark figure.img-effect01 p {
  margin: 0;
  opacity: 0;
  letter-spacing: 1px;
  color: #000; }
body.dark figure.img-effect01 h2 {
  font-family: 'Teko', sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1em;
  text-transform: uppercase; }
body.dark figure.img-effect01 p {
  font-size: 0.9em; }
body.dark figure.img-effect01 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1; }
body.dark figure.img-effect01:hover h2, body.dark figure.img-effect01.hover h2, body.dark figure.img-effect01:hover p, body.dark figure.img-effect01.hover p {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 0.9;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s; }
body.dark figure.img-effect01:hover:before, body.dark figure.img-effect01.hover:before {
  -webkit-transform: skew(30deg) translateX(-20%);
  transform: skew(30deg) translateX(-20%);
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s; }
body.dark figure.img-effect01:hover:after, body.dark figure.img-effect01.hover:after {
  -webkit-transform: skew(-30deg) translateX(-10%);
  transform: skew(-30deg) translateX(-10%); }
body.dark figure.img-effect01:hover figcaption:before, body.dark figure.img-effect01.hover figcaption:before {
  -webkit-transform: skew(30deg) translateX(-40%);
  transform: skew(30deg) translateX(-40%);
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s; }
body.dark figure.img-effect01:hover figcaption:after, body.dark figure.img-effect01.hover figcaption:after {
  -webkit-transform: skew(-30deg) translateX(-30%);
  transform: skew(-30deg) translateX(-30%);
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s; }
body.dark figure.img-effect02 {
  font-family: 'Raleway', Arial, sans-serif;
  color: #fff;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  width: 100%;
  background: #000000;
  text-align: center; }
body.dark figure.img-effect02 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
body.dark figure.img-effect02 img {
  opacity: 1;
  width: 100%;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s; }
body.dark figure.img-effect02 figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 3em 3em;
  width: 100%;
  height: 100%; }
body.dark figure.img-effect02 figcaption::before {
  position: absolute;
  top: 50%;
  right: 30px;
  bottom: 50%;
  left: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
  content: '';
  opacity: 0;
  background-color: #ffffff;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s; }
body.dark figure.img-effect02 h2, body.dark figure.img-effect02 p {
  margin: 0 0 5px;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s, transform 0.35s;
  color: #ededed; }
body.dark figure.img-effect02 h2 {
  word-spacing: -0.15em;
  font-weight: 300;
  text-transform: uppercase;
  -webkit-transform: translate3d(0%, 50%, 0);
  transform: translate3d(0%, 50%, 0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s; }
body.dark figure.img-effect02 h2 span {
  font-weight: 800; }
body.dark figure.img-effect02 p {
  font-weight: 200;
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }
body.dark figure.img-effect02 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  color: #ffffff; }
body.dark figure.img-effect02:hover img {
  opacity: 0.35; }
body.dark figure.img-effect02:hover figcaption h2 {
  opacity: 1;
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s; }
body.dark figure.img-effect02:hover figcaption p {
  opacity: 0.9;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s; }
body.dark figure.img-effect02:hover figcaption::before {
  background: rgba(255, 255, 255, 0);
  top: 30px;
  bottom: 30px;
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }
body.dark figure.img-effect03 {
  background-color: #000;
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  margin: 10px 7px;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%; }
body.dark figure.img-effect03 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease; }
body.dark figure.img-effect03:before, body.dark figure.img-effect03:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  background-color: #000000;
  border-left: 3px solid #fff;
  border-right: 3px solid #fff;
  content: '';
  opacity: 0.9;
  z-index: 1; }
body.dark figure.img-effect03:before {
  -webkit-transform: skew(45deg) translateX(-155%);
  transform: skew(45deg) translateX(-155%); }
body.dark figure.img-effect03:after {
  -webkit-transform: skew(45deg) translateX(155%);
  transform: skew(45deg) translateX(155%); }
body.dark figure.img-effect03 img {
  backface-visibility: hidden;
  max-width: 100%;
  vertical-align: top; }
body.dark figure.img-effect03 figcaption {
  top: 50%;
  left: 50%;
  position: absolute;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%) scale(0.5);
  transform: translate(-50%, -50%) scale(0.5);
  opacity: 0;
  background-color: rgba(23, 23, 23, 0.6);
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  padding: 10px; }
body.dark figure.img-effect03 h2, body.dark figure.img-effect03 p {
  color: #ededed; }
body.dark figure.img-effect03 h3 {
  background-color: #000000;
  border: 2px solid #fff;
  color: #fff;
  font-size: 1em;
  font-weight: 600;
  letter-spacing: 1px;
  margin: 0;
  padding: 5px 10px;
  text-transform: uppercase; }
body.dark figure.img-effect03 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3; }
body.dark figure.img-effect03:hover > img, body.dark figure.img-effect03.hover > img {
  opacity: 0.5; }
body.dark figure.img-effect03:hover:before, body.dark figure.img-effect03.hover:before {
  -webkit-transform: skew(45deg) translateX(-55%);
  transform: skew(45deg) translateX(-55%); }
body.dark figure.img-effect03:hover:after, body.dark figure.img-effect03.hover:after {
  -webkit-transform: skew(45deg) translateX(55%);
  transform: skew(45deg) translateX(55%); }
body.dark figure.img-effect03:hover figcaption, body.dark figure.img-effect03.hover figcaption {
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  opacity: 1; }
body.dark figure.img-effect04 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  width: 100%;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  background-color: #000000; }
body.dark figure.img-effect04 *, body.dark figure.img-effect04 *:before, body.dark figure.img-effect04 *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.55s ease;
  transition: all 0.55s ease; }
body.dark figure.img-effect04 img {
  max-width: 100%;
  backface-visibility: hidden;
  vertical-align: top;
  opacity: 0.9; }
body.dark figure.img-effect04 .title {
  position: absolute;
  top: 58%;
  left: 25px;
  padding: 5px 10px 10px; }
body.dark figure.img-effect04 .title:before, body.dark figure.img-effect04 .title:after {
  height: 2px;
  width: 300%;
  position: absolute;
  content: '';
  background-color: #ffffff; }
body.dark figure.img-effect04 .title:before {
  top: 0;
  left: 10px;
  -webkit-transform: translateX(100%);
  transform: translateX(100%); }
body.dark figure.img-effect04 .title:after {
  bottom: 0;
  right: 10px;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%); }
body.dark figure.img-effect04 .title div:before, body.dark figure.img-effect04 .title div:after {
  width: 2px;
  height: 300%;
  position: absolute;
  content: '';
  background-color: #ffffff; }
body.dark figure.img-effect04 .title div:before {
  top: 10px;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%); }
body.dark figure.img-effect04 .title div:after {
  bottom: 10px;
  left: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%); }
body.dark figure.img-effect04 h2, body.dark figure.img-effect04 h4 {
  margin: 0;
  text-transform: uppercase; }
body.dark figure.img-effect04 h2 {
  font-weight: 400;
  color: #ededed;
  font-family: "Roboto Slab", sans-serif; }
body.dark figure.img-effect04 h4 {
  display: block;
  font-weight: 700;
  background-color: #ffffff;
  padding: 5px 10px;
  color: #000000; }
body.dark figure.img-effect04 figcaption {
  position: absolute;
  bottom: 42%;
  left: 25px;
  text-align: left;
  opacity: 0;
  padding: 5px 60px 5px 10px;
  font-size: 0.8em;
  font-weight: 500;
  letter-spacing: 1.5px; }
body.dark figure.img-effect04 figcaption p {
  margin: 0; }
body.dark figure.img-effect04 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }
body.dark figure.img-effect04:hover img, body.dark figure.img-effect04.hover img {
  zoom: 1;
  filter: alpha(opacity=35);
  -webkit-opacity: 0.35;
  opacity: 0.35; }
body.dark figure.img-effect04:hover .title:before, body.dark figure.img-effect04.hover .title:before, body.dark figure.img-effect04:hover .title:after, body.dark figure.img-effect04.hover .title:after, body.dark figure.img-effect04:hover .title div:before, body.dark figure.img-effect04.hover .title div:before, body.dark figure.img-effect04:hover .title div:after, body.dark figure.img-effect04.hover .title div:after {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0); }
body.dark figure.img-effect04:hover .title:before, body.dark figure.img-effect04.hover .title:before, body.dark figure.img-effect04:hover .title:after, body.dark figure.img-effect04.hover .title:after {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s; }
body.dark figure.img-effect04:hover figcaption, body.dark figure.img-effect04.hover figcaption {
  opacity: 1;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s; }
body.dark figure.img-effect05 {
  font-family: 'Montserrat', Arial, sans-serif;
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 8px;
  width: 100%;
  color: #fff;
  text-align: left;
  font-size: 16px;
  background: #000; }
body.dark figure.img-effect05 *, body.dark figure.img-effect05:before, body.dark figure.img-effect05:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease; }
body.dark figure.img-effect05 img {
  max-width: 100%;
  backface-visibility: hidden;
  vertical-align: top; }
body.dark figure.img-effect05:before, body.dark figure.img-effect05:after {
  position: absolute;
  top: 20px;
  right: 20px;
  content: '';
  background-color: #fff;
  z-index: 1;
  opacity: 0; }
body.dark figure.img-effect05:before {
  width: 0;
  height: 1px; }
body.dark figure.img-effect05:after {
  height: 0;
  width: 1px; }
body.dark figure.img-effect05 figcaption {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 15px 20px; }
body.dark figure.img-effect05 h2, body.dark figure.img-effect05 h3 {
  margin: 0;
  font-weight: normal;
  opacity: 0;
  color: #ededed; }
body.dark figure.img-effect05 h3 {
  text-transform: uppercase; }
body.dark figure.img-effect05 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1; }
body.dark figure.img-effect05:hover img, body.dark figure.img-effect05.hover img {
  zoom: 1;
  filter: alpha(opacity=20);
  -webkit-opacity: 0.2;
  opacity: 0.2; }
body.dark figure.img-effect05:hover:before, body.dark figure.img-effect05.hover:before, body.dark figure.img-effect05:hover:after, body.dark figure.img-effect05.hover:after {
  opacity: 1;
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s; }
body.dark figure.img-effect05:hover:before, body.dark figure.img-effect05.hover:before {
  width: 40px; }
body.dark figure.img-effect05:hover:after, body.dark figure.img-effect05.hover:after {
  height: 40px; }
body.dark figure.img-effect05:hover h2, body.dark figure.img-effect05.hover h2, body.dark figure.img-effect05:hover h3, body.dark figure.img-effect05.hover h3 {
  opacity: 1; }
body.dark figure.img-effect05:hover h2, body.dark figure.img-effect05.hover h2 {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s; }
body.dark figure.img-effect05:hover h3, body.dark figure.img-effect05.hover h3 {
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s; }
body.dark figure.img-effect06 {
  font-family: 'Poppins', Arial, sans-serif;
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 8px;
  width: 100%;
  color: #000000;
  font-size: 16px;
  line-height: 1.2em;
  text-align: center;
  font-weight: 300; }
body.dark figure.img-effect06 *, body.dark figure.img-effect06 *:before, body.dark figure.img-effect06 *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.65s ease;
  transition: all 0.65s ease; }
body.dark figure.img-effect06:after {
  -webkit-transition: all 0.65s ease;
  transition: all 0.65s ease;
  position: absolute;
  height: 0px;
  width: 0px;
  bottom: -478px;
  right: -478px;
  border-radius: 50%;
  border: 1200px solid transparent;
  border-bottom-color: #000000;
  border-right-color: #000000;
  content: '';
  opacity: 0.8; }
body.dark figure.img-effect06 img {
  max-width: 100%;
  vertical-align: top; }
body.dark figure.img-effect06 i {
  position: absolute;
  bottom: -10px;
  right: -10px;
  border-radius: 50%;
  color: #000000;
  display: block;
  z-index: 10; }
body.dark figure.img-effect06 i:before, body.dark figure.img-effect06 i:after {
  border-radius: 50%; }
body.dark figure.img-effect06 i:before {
  color: #ddd;
  background-color: #fff;
  font-size: 37.64705882px;
  line-height: 64px;
  text-align: center;
  width: 64px; }
body.dark figure.img-effect06 i:after {
  position: absolute;
  top: -14px;
  bottom: -14px;
  left: -14px;
  right: -14px;
  border: 15px solid #ddd;
  border-bottom-color: #2f2f2f;
  border-right-color: #2f2f2f;
  content: '';
  z-index: -2;
  box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5); }
body.dark figure.img-effect06 i:hover {
  background-color: #D2B17F;
  cursor: pointer; }
body.dark figure.img-effect06 h2 {
  top: 5px;
  color: #fff;
  letter-spacing: 2px;
  margin: 0;
  opacity: 0;
  padding: 10px 15px;
  position: absolute;
  left: 0;
  text-transform: uppercase;
  z-index: 3; }
body.dark figure.img-effect06 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9; }
body.dark figure.img-effect06:hover:after, body.dark figure.img-effect06.hover:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }
body.dark figure.img-effect06:hover img, body.dark figure.img-effect06.hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1); }
body.dark figure.img-effect06:hover i:before, body.dark figure.img-effect06.hover i:before {
  color: #2980b9; }
body.dark figure.img-effect06:hover i:after, body.dark figure.img-effect06.hover i:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }
body.dark figure.img-effect06:hover h2, body.dark figure.img-effect06.hover h2 {
  opacity: 1; }
body.dark figure.img-effect07 {
  font-family: 'Raleway', Arial, sans-serif;
  color: #fff;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  width: 100%;
  background: #000000;
  text-align: center; }
body.dark figure.img-effect07 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
body.dark figure.img-effect07 img {
  opacity: 1;
  width: 100%;
  -webkit-transition: all 0.6s;
  transition: all 0.6s; }
body.dark figure.img-effect07 figcaption {
  position: absolute;
  bottom: 0;
  left: 18%;
  right: 18%;
  height: 100%; }
body.dark figure.img-effect07 h3, body.dark figure.img-effect07 span {
  position: absolute;
  margin: 0;
  padding: 10px 15px;
  display: inline-block;
  width: 100%;
  left: 0;
  font-weight: 800;
  text-transform: uppercase; }
body.dark figure.img-effect07 h3 {
  background: #333333;
  bottom: 0;
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  color: #ededed; }
body.dark figure.img-effect07 span {
  background: #ffffff;
  color: #333;
  -webkit-transform: translate3d(0%, -100%, 0);
  transform: translate3d(0%, -100%, 0);
  font-size: 0.8em;
  font-family: "Roboto Slab",sans-serif; }
body.dark figure.img-effect07 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute; }
body.dark figure.img-effect07.blue {
  background: #0a212f; }
body.dark figure.img-effect07.blue h3 {
  background: #2980b9; }
body.dark figure.img-effect07.red {
  background: #36100c; }
body.dark figure.img-effect07.red h3 {
  background: #c0392b; }
body.dark figure.img-effect07.yellow {
  background: #583804; }
body.dark figure.img-effect07.yellow h3 {
  background: #f39c12; }
body.dark figure.img-effect07:hover img, body.dark figure.img-effect07.hover img {
  opacity: 0.35;
  -webkit-filter: blur(5px);
  filter: blur(5px);
  -webkit-transform: scale(1.1);
  transform: scale(1.1); }
body.dark figure.img-effect07:hover figcaption h3, body.dark figure.img-effect07.hover figcaption h3 {
  -webkit-transform: translate3d(0%, 100%, 0);
  transform: translate3d(0%, 100%, 0); }
body.dark figure.img-effect07:hover figcaption span, body.dark figure.img-effect07.hover figcaption span {
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0); }
body.dark figure.img-effect08 {
  font-family: 'Raleway', Arial, sans-serif;
  color: #fff;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  width: 100%;
  color: #ffffff;
  text-align: left;
  font-size: 16px; }
body.dark figure.img-effect08 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in; }
body.dark figure.img-effect08 img {
  max-width: 100%;
  vertical-align: top;
  -webkit-transform: scale(1.1);
  transform: scale(1.1); }
body.dark figure.img-effect08 figcaption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  padding: 0 20px; }
body.dark figure.img-effect08 figcaption:before, body.dark figure.img-effect08 figcaption:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 40px;
  background-color: #ffffff;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  z-index: -1; }
body.dark figure.img-effect08 figcaption:before {
  left: 0;
  top: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%); }
body.dark figure.img-effect08 figcaption:after {
  left: 0;
  bottom: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%); }
body.dark figure.img-effect08 h3 {
  position: absolute;
  left: 15px;
  bottom: 0;
  line-height: 40px;
  margin: 0;
  font-weight: 800;
  text-transform: uppercase; }
body.dark figure.img-effect08 .icons {
  position: absolute;
  right: 15px;
  top: 0;
  font-family: "Roboto Slab",sans-serif;
  line-height: 40px; }
body.dark figure.img-effect08 .icons a {
  display: inline-block; }
body.dark figure.img-effect08 .icons i {
  color: #ffffff;
  line-height: 40px;
  width: 32px;
  font-size: 1.4em;
  padding: 0;
  text-align: center;
  display: inline-block;
  margin: 0; }
body.dark figure.img-effect08 .icons i:hover {
  background-color: #0b311b;
  color: #ffffff; }
body.dark figure.img-effect08:hover figcaption, body.dark figure.img-effect08.hover figcaption {
  color: #0b311b; }
body.dark figure.img-effect08:hover figcaption:before, body.dark figure.img-effect08.hover figcaption:before, body.dark figure.img-effect08:hover figcaption:after, body.dark figure.img-effect08.hover figcaption:after {
  -webkit-transform: translateY(0);
  transform: translateY(0); }
body.dark figure.img-effect08:hover figcaption i, body.dark figure.img-effect08.hover figcaption i {
  color: #0b311b; }
body.dark figure.img-effect09 {
  font-family: 'Raleway', Arial, sans-serif;
  color: #fff;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  width: 100%;
  background: #000000;
  color: #ffffff;
  text-align: left; }
body.dark figure.img-effect09 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease; }
body.dark figure.img-effect09 img {
  opacity: 0.8;
  width: 100%;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s; }
body.dark figure.img-effect09 figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%; }
body.dark figure.img-effect09 figcaption > div {
  height: 50%;
  overflow: hidden;
  width: 100%;
  position: relative; }
body.dark figure.img-effect09 h2, body.dark figure.img-effect09 h3 {
  margin: 0;
  position: absolute;
  left: 0;
  padding: 0 30px;
  text-transform: uppercase;
  color: #ededed; }
body.dark figure.img-effect09 h2 {
  font-weight: 900;
  bottom: 0; }
body.dark figure.img-effect09 h3 {
  font-size: 1em;
  top: 0;
  font-weight: 500; }
body.dark figure.img-effect09 h3:nth-of-type(2) {
  opacity: 0;
  -webkit-transform: translateY(-150%);
  transform: translateY(-150%); }
body.dark figure.img-effect09 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute; }
body.dark figure.img-effect09:hover img, body.dark figure.img-effect09.hover img {
  opacity: 0.3;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%); }
body.dark figure.img-effect09:hover figcaption h3:first-of-type, body.dark figure.img-effect09.hover figcaption h3:first-of-type {
  -webkit-transform: translateY(-150%);
  transform: translateY(-150%);
  opacity: 0; }
body.dark figure.img-effect09:hover figcaption h3:nth-of-type(2), body.dark figure.img-effect09.hover figcaption h3:nth-of-type(2) {
  opacity: 1;
  -webkit-transform: translateY(0%);
  transform: translateY(0%); }

/*# sourceMappingURL=wp_imghover.css.map */