.img-intro-left a:hover { opacity:0.8; }
.hidden-desktop2 { display:none; }
.social-links {
  width:100%;
  text-align:center;
}
.hidden-phone2 { display:inherit; }
.grid {
  overflow:hidden;
  margin:10px auto;
  padding:0;
  list-style:none;
  text-align:center;
  border:1px dotted #000000;
}
figure img { max-width:120% !important; }
.grid figure {
  position:relative;
  z-index:1;
  display:inline-block;
  overflow:hidden;
  margin:-0.135em;
  width:auto;
  height:125px;
  background:transparent;
  text-align:center;
  cursor:pointer;
}
.grid figure img {
  position:relative;
  display:block;
  min-height:100%;
  opacity:0.8;
}
.grid figure figcaption {
  padding:0;
  color:#fff;
  text-transform:uppercase;
  font-size:1.25em;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}
.grid figure figcaption, .grid figure a {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.grid figure a {
  z-index:1000;
  text-indent:200%;
  white-space:nowrap;
  font-size:0;
  opacity:0;
}
.grid figure h2 {
  word-spacing:-0.15em;
  font-weight:300;
}
.grid figure h2 span { font-weight:800; }
.grid figure h2, .grid figure p { margin:0; }
.grid figure p {
  letter-spacing:1px;
  font-size:68.5%;
}
figure.effect-lily img {
  width:-webkit-calc(150%);
  width:calc(150%);
  opacity:0.7;
  -webkit-transition:opacity 0.35s, -webkit-transform 0.35s;
  transition:opacity 0.35s, transform 0.35s;
  -webkit-transform:translate3d(-40px,0,0);
  transform:translate3d(-40px,0,0);
}
figure.effect-lily figcaption {
  top:auto;
  bottom:0;
  height:50%;
  text-align:left;
}
figure.effect-lily h2, figure.effect-lily p {
  -webkit-transform:translate3d(0,40px,0);
  transform:translate3d(0,40px,0);
}
figure.effect-lily h2 {
  -webkit-transition:-webkit-transform 0.35s;
  transition:transform 0.35s;
}
figure.effect-lily p {
  color:rgba(255,255,255,0.6);
  opacity:0;
  -webkit-transition:opacity 0.2s, -webkit-transform 0.35s;
  transition:opacity 0.2s, transform 0.35s;
}
figure.effect-lily:hover img, figure.effect-lily:hover p { opacity:1; }
figure.effect-lily:hover img, figure.effect-lily:hover h2, figure.effect-lily:hover p {
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
}
figure.effect-lily:hover p {
  -webkit-transition-delay:0.05s;
  transition-delay:0.05s;
  -webkit-transition-duration:0.35s;
  transition-duration:0.35s;
}
figure.effect-sadie figcaption::before {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:-webkit-linear-gradient(top,rgba(72,76,97,0) 0%,rgba(72,76,97,0.8) 75%);
  background:linear-gradient(to bottom,rgba(72,76,97,0) 0%,rgba(72,76,97,0.8) 75%);
  content:'';
  opacity:0;
  -webkit-transform:translate3d(0,50%,0);
  transform:translate3d(0,50%,0);
}
figure.effect-sadie h2 {
  position:absolute;
  top:50%;
  left:0;
  width:100%;
  color:#484c61;
  -webkit-transition:-webkit-transform 0.35s, color 0.35s;
  transition:transform 0.35s, color 0.35s;
  -webkit-transform:translate3d(0,-50%,0);
  transform:translate3d(0,-50%,0);
}
figure.effect-sadie figcaption::before, figure.effect-sadie p {
  -webkit-transition:opacity 0.35s, -webkit-transform 0.35s;
  transition:opacity 0.35s, transform 0.35s;
}
figure.effect-sadie p {
  position:absolute;
  bottom:0;
  left:0;
  padding:2em;
  width:100%;
  opacity:0;
  -webkit-transform:translate3d(0,10px,0);
  transform:translate3d(0,10px,0);
}
figure.effect-sadie:hover h2 {
  color:#fff;
  -webkit-transform:translate3d(0,-50%,0) translate3d(0,-40px,0);
  transform:translate3d(0,-50%,0) translate3d(0,-40px,0);
}
figure.effect-sadie:hover figcaption::before, figure.effect-sadie:hover p {
  opacity:1;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
}
figure.effect-roxy {
  background:-webkit-linear-gradient(45deg,#ff89e9 0%,#05abe0 100%);
  background:linear-gradient(45deg,#ff89e9 0%,#05abe0 100%);
}
figure.effect-roxy img {
  width:-webkit-calc(160%);
  width:calc(160%);
  -webkit-transition:opacity 0.35s, -webkit-transform 0.35s;
  transition:opacity 0.35s, transform 0.35s;
  -webkit-transform:translate3d(-50px,0,0);
  transform:translate3d(-50px,0,0);
}
figure.effect-roxy figcaption::before {
  position:absolute;
  top:30px;
  right:30px;
  bottom:30px;
  left:30px;
  border:1px solid #fff;
  content:'';
  opacity:0;
  -webkit-transition:opacity 0.35s, -webkit-transform 0.35s;
  transition:opacity 0.35s, transform 0.35s;
  -webkit-transform:translate3d(-20px,0,0);
  transform:translate3d(-20px,0,0);
}
figure.effect-roxy figcaption {
  padding:3em;
  text-align:left;
}
figure.effect-roxy h2 { padding:30% 0 10px 0; }
figure.effect-roxy p {
  opacity:0;
  -webkit-transition:opacity 0.35s, -webkit-transform 0.35s;
  transition:opacity 0.35s, transform 0.35s;
  -webkit-transform:translate3d(-10px,0,0);
  transform:translate3d(-10px,0,0);
}
figure.effect-roxy:hover img {
  opacity:0.7;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
}
figure.effect-roxy:hover figcaption::before, figure.effect-roxy:hover p {
  opacity:1;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
}
figure.effect-bubba { background:#9e5406; }
figure.effect-bubba img {
  opacity:0.7;
  -webkit-transition:opacity 0.35s;
  transition:opacity 0.35s;
}
figure.effect-bubba:hover img { opacity:0.4; }
figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after {
  position:absolute;
  top:30px;
  right:30px;
  bottom:30px;
  left:30px;
  content:'';
  opacity:0;
  -webkit-transition:opacity 0.35s, -webkit-transform 0.35s;
  transition:opacity 0.35s, transform 0.35s;
}
figure.effect-bubba figcaption::before {
  border-top:1px solid #fff;
  border-bottom:1px solid #fff;
  -webkit-transform:scale(0,1);
  transform:scale(0,1);
}
figure.effect-bubba figcaption::after {
  border-right:1px solid #fff;
  border-left:1px solid #fff;
  -webkit-transform:scale(1,0);
  transform:scale(1,0);
}
figure.effect-bubba h2 {
  padding-top:30%;
  -webkit-transition:-webkit-transform 0.35s;
  transition:transform 0.35s;
  -webkit-transform:translate3d(0,-20px,0);
  transform:translate3d(0,-20px,0);
}
figure.effect-bubba p {
  padding:20px 2.5em;
  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);
}
figure.effect-bubba:hover figcaption::before, figure.effect-bubba:hover figcaption::after {
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1);
}
figure.effect-bubba:hover h2, figure.effect-bubba:hover p {
  opacity:1;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
}
figure.effect-romeo {
  -webkit-perspective:1000px;
  perspective:1000px;
}
figure.effect-romeo img {
  -webkit-transition:opacity 0.35s, -webkit-transform 0.35s;
  transition:opacity 0.35s, transform 0.35s;
  -webkit-transform:translate3d(0,0,300px);
  transform:translate3d(0,0,300px);
}
figure.effect-romeo:hover img {
  opacity:0.6;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
}
figure.effect-romeo figcaption::before, figure.effect-romeo figcaption::after {
  position:absolute;
  top:50%;
  left:50%;
  width:80%;
  height:1px;
  background:#fff;
  content:'';
  -webkit-transition:opacity 0.35s, -webkit-transform 0.35s;
  transition:opacity 0.35s, transform 0.35s;
  -webkit-transform:translate3d(-50%,-50%,0);
  transform:translate3d(-50%,-50%,0);
}
figure.effect-romeo:hover figcaption::before {
  opacity:0.5;
  -webkit-transform:translate3d(-50%,-50%,0) rotate(45deg);
  transform:translate3d(-50%,-50%,0) rotate(45deg);
}
figure.effect-romeo:hover figcaption::after {
  opacity:0.5;
  -webkit-transform:translate3d(-50%,-50%,0) rotate(-45deg);
  transform:translate3d(-50%,-50%,0) rotate(-45deg);
}
figure.effect-romeo h2, figure.effect-romeo p {
  position:absolute;
  top:50%;
  left:0;
  width:100%;
  -webkit-transition:-webkit-transform 0.35s;
  transition:transform 0.35s;
}
figure.effect-romeo h2 {
  -webkit-transform:translate3d(0,-50%,0) translate3d(0,-150%,0);
  transform:translate3d(0,-50%,0) translate3d(0,-150%,0);
}
figure.effect-romeo p {
  padding:0.25em 2em;
  -webkit-transform:translate3d(0,-50%,0) translate3d(0,150%,0);
  transform:translate3d(0,-50%,0) translate3d(0,150%,0);
}
figure.effect-romeo:hover h2 {
  -webkit-transform:translate3d(0,-50%,0) translate3d(0,-100%,0);
  transform:translate3d(0,-50%,0) translate3d(0,-100%,0);
}
figure.effect-romeo:hover p {
  -webkit-transform:translate3d(0,-50%,0) translate3d(0,100%,0);
  transform:translate3d(0,-50%,0) translate3d(0,100%,0);
}
figure.effect-layla { background:#18a367; }
figure.effect-layla img {
  min-width:100%;
  height:-webkit-calc(140%);
  height:calc(140%);
}
figure.effect-layla figcaption { padding:3em; }
figure.effect-layla figcaption::before, figure.effect-layla figcaption::after {
  position:absolute;
  content:'';
  opacity:0;
}
figure.effect-layla figcaption::before {
  top:50px;
  right:30px;
  bottom:50px;
  left:30px;
  border-top:1px solid #fff;
  border-bottom:1px solid #fff;
  -webkit-transform:scale(0,1);
  transform:scale(0,1);
  -webkit-transform-origin:0 0;
  transform-origin:0 0;
}
figure.effect-layla figcaption::after {
  top:30px;
  right:50px;
  bottom:30px;
  left:50px;
  border-right:1px solid #fff;
  border-left:1px solid #fff;
  -webkit-transform:scale(1,0);
  transform:scale(1,0);
  -webkit-transform-origin:100% 0;
  transform-origin:100% 0;
}
figure.effect-layla h2 {
  padding-top:26%;
  -webkit-transition:-webkit-transform 0.35s;
  transition:transform 0.35s;
}
figure.effect-layla p {
  padding:0.5em 2em;
  text-transform:none;
  opacity:0;
  -webkit-transform:translate3d(0,-10px,0);
  transform:translate3d(0,-10px,0);
}
figure.effect-layla img, figure.effect-layla h2 {
  -webkit-transform:translate3d(0,-30px,0);
  transform:translate3d(0,-30px,0);
}
figure.effect-layla img, figure.effect-layla figcaption::before, figure.effect-layla figcaption::after, figure.effect-layla p {
  -webkit-transition:opacity 0.35s, -webkit-transform 0.35s;
  transition:opacity 0.35s, transform 0.35s;
}
figure.effect-layla:hover img {
  opacity:0.7;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
}
figure.effect-layla:hover figcaption::before, figure.effect-layla:hover figcaption::after {
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1);
}
figure.effect-layla:hover h2, figure.effect-layla:hover p {
  opacity:1;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
}
figure.effect-layla:hover figcaption::after, figure.effect-layla:hover h2, figure.effect-layla:hover p, figure.effect-layla:hover img {
  -webkit-transition-delay:0.15s;
  transition-delay:0.15s;
}
figure.effect-honey { background:#4a3753; }
figure.effect-honey img {
  opacity:0.9;
  -webkit-transition:opacity 0.35s;
  transition:opacity 0.35s;
}
figure.effect-honey:hover img { opacity:0.5; }
figure.effect-honey figcaption::before {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:10px;
  background:#fff;
  content:'';
  -webkit-transform:translate3d(0,10px,0);
  transform:translate3d(0,10px,0);
}
figure.effect-honey h2 {
  position:absolute;
  bottom:0;
  left:0;
  padding:1em 1.5em;
  width:100%;
  text-align:left;
  -webkit-transform:translate3d(0,-30px,0);
  transform:translate3d(0,-30px,0);
}
figure.effect-honey h2 i {
  font-style:normal;
  opacity:0;
  -webkit-transition:opacity 0.35s, -webkit-transform 0.35s;
  transition:opacity 0.35s, transform 0.35s;
  -webkit-transform:translate3d(0,-30px,0);
  transform:translate3d(0,-30px,0);
}
figure.effect-honey figcaption::before, figure.effect-honey h2 {
  -webkit-transition:-webkit-transform 0.35s;
  transition:transform 0.35s;
}
figure.effect-honey:hover figcaption::before, figure.effect-honey:hover h2, figure.effect-honey:hover h2 i {
  opacity:1;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
}
figure.effect-oscar {
  background:-webkit-linear-gradient(45deg,#22682a 0%,#9b4a1b 40%,#3a342a 100%);
  background:linear-gradient(45deg,#22682a 0%,#9b4a1b 40%,#3a342a 100%);
}
figure.effect-oscar img {
  opacity:0.9;
  -webkit-transition:opacity 0.35s;
  transition:opacity 0.35s;
}
figure.effect-oscar figcaption {
  padding:30% 0;
  background-color:rgba(58,52,42,0.7);
  -webkit-transition:background-color 0.35s;
  transition:background-color 0.35s;
}
figure.effect-oscar figcaption::before {
  position:absolute;
  top:5px;
  right:5px;
  bottom:5px;
  left:5px;
  border:1px solid #fff;
  content:'';
}
figure.effect-oscar h2 {
  margin:0;
  -webkit-transition:-webkit-transform 0.35s;
  transition:transform 0.35s;
  -webkit-transform:translate3d(0,100%,0);
  transform:translate3d(0,100%,0);
}
figure.effect-oscar figcaption::before, figure.effect-oscar p {
  opacity:0;
  -webkit-transition:opacity 0.35s, -webkit-transform 0.35s;
  transition:opacity 0.35s, transform 0.35s;
  -webkit-transform:scale(0);
  transform:scale(0);
}
figure.effect-oscar:hover h2 {
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
}
figure.effect-oscar:hover figcaption::before, figure.effect-oscar:hover p {
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1);
}
figure.effect-oscar:hover figcaption { background-color:rgba(58,52,42,0); }
figure.effect-oscar:hover img { opacity:0.4; }
figure.effect-marley figcaption { text-align:right; }
figure.effect-marley h2, figure.effect-marley p {
  position:absolute;
  right:30px;
  left:30px;
  padding:10px 0;
}
figure.effect-marley p {
  bottom:30px;
  line-height:1.5;
  -webkit-transform:translate3d(0,100%,0);
  transform:translate3d(0,100%,0);
}
figure.effect-marley h2 {
  top:30px;
  -webkit-transition:-webkit-transform 0.35s;
  transition:transform 0.35s;
  -webkit-transform:translate3d(0,20px,0);
  transform:translate3d(0,20px,0);
}
figure.effect-marley:hover h2 {
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
}
figure.effect-marley h2::after {
  position:absolute;
  top:100%;
  left:0;
  width:100%;
  height:4px;
  background:#fff;
  content:'';
  -webkit-transform:translate3d(0,40px,0);
  transform:translate3d(0,40px,0);
}
figure.effect-marley h2::after, figure.effect-marley p {
  opacity:0;
  -webkit-transition:opacity 0.35s, -webkit-transform 0.35s;
  transition:opacity 0.35s, transform 0.35s;
}
figure.effect-marley:hover h2::after, figure.effect-marley:hover p {
  opacity:1;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
}
figure.effect-ruby { background-color:#17819c; }
figure.effect-ruby img {
  opacity:0.7;
  -webkit-transition:opacity 0.35s, -webkit-transform 0.35s;
  transition:opacity 0.35s, transform 0.35s;
  -webkit-transform:scale(1.15);
  transform:scale(1.15);
}
figure.effect-ruby:hover img {
  opacity:0.5;
  -webkit-transform:scale(1);
  transform:scale(1);
}
figure.effect-ruby h2 {
  margin-top:20%;
  -webkit-transition:-webkit-transform 0.35s;
  transition:transform 0.35s;
  -webkit-transform:translate3d(0,20px,0);
  transform:translate3d(0,20px,0);
}
figure.effect-ruby p {
  margin:1em 0 0;
  padding:3em;
  border:1px solid #fff;
  opacity:0;
  -webkit-transition:opacity 0.35s, -webkit-transform 0.35s;
  transition:opacity 0.35s, transform 0.35s;
  -webkit-transform:translate3d(0,20px,0) scale(1.1);
  transform:translate3d(0,20px,0) scale(1.1);
}
figure.effect-ruby:hover h2 {
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
}
figure.effect-ruby:hover p {
  opacity:1;
  -webkit-transform:translate3d(0,0,0) scale(1);
  transform:translate3d(0,0,0) scale(1);
}
figure.effect-milo img {
  width:-webkit-calc(160%);
  width:calc(160%);
  opacity:1;
  -webkit-transition:opacity 0.35s, -webkit-transform 0.35s;
  transition:opacity 0.35s, transform 0.35s;
  -webkit-transform:translate3d(-10px,0,0) scale(1.12);
  transform:translate3d(-10px,0,0) scale(1.12);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}
figure.effect-milo:hover img {
  opacity:0.5;
  -webkit-transform:translate3d(0,0,0) scale(1);
  transform:translate3d(0,0,0) scale(1);
}
figure.effect-milo h2 {
  position:absolute;
  right:0;
  bottom:0;
  font-size:14px;
  padding:1em 0.5em;
  opacity:0;
}
figure.effect-milo:hover h2 { opacity:1; }
figure.effect-milo p {
  padding:0 10px 0 0;
  width:50%;
  border-right:1px solid #fff;
  text-align:right;
  opacity:0;
  -webkit-transition:opacity 0.35s, -webkit-transform 0.35s;
  transition:opacity 0.35s, transform 0.35s;
  -webkit-transform:translate3d(-40px,0,0);
  transform:translate3d(-40px,0,0);
}
figure.effect-milo:hover p {
  opacity:1;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
}
figure.effect-dexter {
  background:-webkit-linear-gradient(top,#258dc8 0%,#683c13 100%);
  background:linear-gradient(to bottom,#258dc8 0%,#683c13 100%);
}
figure.effect-dexter img {
  -webkit-transition:opacity 0.35s;
  transition:opacity 0.35s;
}
figure.effect-dexter:hover img { opacity:0.4; }
figure.effect-dexter figcaption::after {
  position:absolute;
  right:30px;
  bottom:30px;
  left:30px;
  height:-webkit-calc(20%);
  height:calc(20%);
  border:7px solid #fff;
  content:'';
  -webkit-transition:-webkit-transform 0.35s;
  transition:transform 0.35s;
  -webkit-transform:translate3d(0,-100%,0);
  transform:translate3d(0,-100%,0);
}
figure.effect-dexter:hover figcaption::after {
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
}
figure.effect-dexter figcaption {
  padding:3em;
  text-align:left;
}
figure.effect-dexter p {
  position:absolute;
  right:60px;
  bottom:60px;
  left:60px;
  opacity:0;
  -webkit-transition:opacity 0.35s, -webkit-transform 0.35s;
  transition:opacity 0.35s, transform 0.35s;
  -webkit-transform:translate3d(0,-100px,0);
  transform:translate3d(0,-100px,0);
}
figure.effect-dexter:hover p {
  opacity:1;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
}
figure.effect-sarah { background:#42b078; }
figure.effect-sarah img {
  width:-webkit-calc(120%);
  width:calc(120%);
  -webkit-transition:opacity 0.35s, -webkit-transform 0.35s;
  transition:opacity 0.35s, transform 0.35s;
  -webkit-transform:translate3d(-10px,0,0);
  transform:translate3d(-10px,0,0);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}
figure.effect-sarah:hover img {
  opacity:0.4;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
}
figure.effect-sarah figcaption { text-align:left; }
figure.effect-sarah h2 {
  position:relative;
  overflow:hidden;
  padding:0.5em 0;
}
figure.effect-sarah h2::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(-100%,0,0);
  transform:translate3d(-100%,0,0);
}
figure.effect-sarah:hover h2::after {
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
}
figure.effect-sarah p {
  padding:1em 0;
  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);
}
figure.effect-sarah:hover p {
  opacity:1;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
}
figure.effect-zoe figcaption {
  top:auto;
  bottom:0;
  padding:1em;
  height:3.75em;
  background:#fff;
  color:#3c4a50;
  -webkit-transition:-webkit-transform 0.35s;
  transition:transform 0.35s;
  -webkit-transform:translate3d(0,100%,0);
  transform:translate3d(0,100%,0);
}
figure.effect-zoe h2 { float:left; }
figure.effect-zoe figcaption > span { float:right; }
figure.effect-zoe p {
  position:absolute;
  bottom:8em;
  padding:2em;
  color:#fff;
  text-transform:none;
  font-size:90%;
  opacity:0;
  -webkit-transition:opacity 0.35s;
  transition:opacity 0.35s;
}
figure.effect-zoe h2, figure.effect-zoe figcaption > span {
  -webkit-transition:-webkit-transform 0.35s;
  transition:transform 0.35s;
  -webkit-transform:translate3d(0,200%,0);
  transform:translate3d(0,200%,0);
}
figure.effect-zoe figcaption > span::before {
  display:inline-block;
  padding:8px 10px;
  font-family:'feathericons';
  speak:none;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.icon-eye::before { content:'\e000'; }
.icon-paper-clip::before { content:'\e001'; }
.icon-heart::before { content:'\e024'; }
figure.effect-zoe h2 { display:inline-block; }
figure.effect-zoe:hover p { opacity:1; }
figure.effect-zoe:hover figcaption, figure.effect-zoe:hover h2, figure.effect-zoe:hover figcaption > span {
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
}
figure.effect-zoe:hover h2 {
  -webkit-transition-delay:0.05s;
  transition-delay:0.05s;
}
figure.effect-zoe:hover figcaption > span:nth-child(4) {
  -webkit-transition-delay:0.1s;
  transition-delay:0.1s;
}
figure.effect-zoe:hover figcaption > span:nth-child(3) {
  -webkit-transition-delay:0.15s;
  transition-delay:0.15s;
}
figure.effect-zoe:hover figcaption > span:nth-child(2) {
  -webkit-transition-delay:0.2s;
  transition-delay:0.2s;
}
figure.effect-chico img {
  -webkit-transition:opacity 0.35s, -webkit-transform 0.35s;
  transition:opacity 0.35s, transform 0.35s;
  -webkit-transform:scale(1.12);
  transform:scale(1.12);
}
figure.effect-chico:hover img {
  opacity:0.5;
  -webkit-transform:scale(1);
  transform:scale(1);
}
figure.effect-chico figcaption { padding:3em; }
figure.effect-chico figcaption::before {
  position:absolute;
  top:30px;
  right:30px;
  bottom:30px;
  left:30px;
  border:1px solid #fff;
  content:'';
  -webkit-transform:scale(1.1);
  transform:scale(1.1);
}
figure.effect-chico figcaption::before, figure.effect-chico p {
  opacity:0;
  -webkit-transition:opacity 0.35s, -webkit-transform 0.35s;
  transition:opacity 0.35s, transform 0.35s;
}
figure.effect-chico h2 { padding:20% 0 20px 0; }
figure.effect-chico p {
  margin:0 auto;
  max-width:200px;
  -webkit-transform:scale(1.5);
  transform:scale(1.5);
}
figure.effect-chico:hover figcaption::before, figure.effect-chico:hover p {
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1);
}
@media screen and (max-width: 69.5em) {
  .grid figure { width:50%; }
  .grid figure figcaption { font-size:90%; }
}
@media screen and (max-width: 41.5em) {
  .grid figure { width:100%; }
}
.item-image { max-width:250px; }
.footer {
  border-top:1px solid #000000;
  padding:5px;
  height:auto;
  background-color:#000000;
}
.footer p {
  color:#FFFFFF !important;
  font-size:14px;
  line-height:14px;
}
.footer a {
  color: !important;
  text-decoration:none;
}
.footer a:hover { color:#FFFFFF !important; }
.title-footer {
  color:#FFFFFF;
  font-size:14px !important;
  font-weight:bold;
  line-height:14px !important;
  text-transform:uppercase;
  font-style:normal;
}
div.copyright >.custom > p > a {
  position:relative;
  top:-5px;
}
p.copyright-image {
  margin:0px;
  height:40px;
}
p.copyright {
  font-family:'Arial' !important;
  font-size:12px;
  line-height:54px;
  color:#FFFFFF;
}
div.copyright >.custom > p > a:hover {
  position:relative;
  top:-5px;
}
div.birthday-club {
  position:absolute;
  right:266px;
  top:127px;
}
.contenu {
  padding-bottom:15px;
  margin-top:50px;
}
.slideshowck { margin-top:10px !important; }
.details  a   input.btn { line-height:12px !important; }
.img-fulltext-left img {
  border:1px dotted ;
  max-height:250px;
  width:auto;
  float:left;
  margin:0px 10px;
}
.information {
  position:relative;
  height:100%;
  width:50%;
}
.carte {
  position:relative;
  width:50%;
}
.box-horaire { position:relative; }
.carousel-caption {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:15px;
  background:transparent;
}
.carousel-inner {
  min-height:550px;
  max-height:550px;
  border:1px dotted #000000;
}
.carousel-inner .item { border:0px; }
.carousel-inner .custom {
  min-height:550px;
  max-height:550px;
}
.carousel-indicators {
  position:absolute;
  top:15px;
  left:0;
  height:20px;
  text-align:center;
  z-index:5;
  margin:0px 45px;
  list-style:none;
}
.carousel-indicators .active { background-color:#000000; }
.carousel-control {
  position:absolute;
  display:block;
  top:30px;
  width:20px;
  height:20px;
  margin-top:-20px;
  font-size:16px;
  font-weight:bold;
  line-height:20px;
  color:#fff;
  text-align:center;
  color:#000000;
  background-color:rgba(255,255,255,0.25);
  border:1px dotted #000000;
  opacity:0.8;
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px;
}
.nav-child > li > a:hover {
  display:block;
  padding:3px 20px;
  clear:both;
  font-size:13px;
  font-weight:normal;
  line-height:18px;
  color:#333 !important;
  background:#000000 !important;
}
.etoile {
  text-indent:100% !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  background-image:url(../../../images/icones/etoile.png);
  background-repeat:no-repeat;
  background-size:10px;
  display:inline-block;
  height:10px;
  width:10px;
}
.drapeau-lu, .drapeau-fr {
  text-indent:100% !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  background-image:url(../../../images/drapeaux/drapeau_luxembourg.png);
  background-repeat:no-repeat;
  background-size:20px 16px;
  display:inline-block;
  height:16px;
  width:20px;
}
.drapeau-fr { background-image:url(../../../images/drapeaux/drapeau_france.png); }
.drapeau-lu { background-image:url(../../../images/drapeaux/drapeau_luxembourg.png); }
a.facebook-link, a.twitter-link, a.google-link {
  text-indent:100% !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  background-repeat:no-repeat;
  background-size:24px;
  display:inline-block;
  height:24px;
  width:24px;
}
a.facebook-link {
  background-image:url(../../../images/icones/facebook_icon.png);
  color:#3B5998 !important;
}
a:hover.facebook-link { background-image:url(../../../images/icones/facebook_icon_2.png); }
a.twitter-link {
  background-image:url(../../../images/icones/twitter_icon.png);
  color:#0084B4 !important;
}
a:hover.twitter-link { background-image:url(../../../images/icones/twitter_icon_2.png); }
a.google-link {
  background-image:url(../../../images/icones/googleplus_icon.png);
  color:#D73D32 !important;
}
a:hover.google-link { background-image:url(../../../images/icones/googleplus_icon_2.png); }
.btn-custom-darken.active { color:rgba(255,255,255,0.75); }
.btn-custom-darken {
  font-size:16px;
  color:#ffffff;
  text-shadow:1px 1px 3px #666666;
  background-color:#000000;
  background-image:-moz-linear-gradient(top,#CDB088,#CDB088);
  background-image:-webkit-linear-gradient(top,#CDB088,#CDB088);
  background-image:-o-linear-gradient(top,#CDB088,#CDB088);
  background-image:linear-gradient(to bottom,#CDB088,#CDB088);
  background-repeat:repeat-x;
  border-color:#000000 #000000 #6b5729;
}
.btn-custom-darken:hover, .btn-custom-darken:focus, .btn-custom-darken:active, .btn-custom-darken.active, .btn-custom-darken.disabled, .btn-custom-darken[disabled] {
  color:#ffffff;
  background-color:#000000;
}
.btn-custom-darken:active, .btn-custom-darken.active { background-color:#7e6630; }
body {
  font-size:14px;
  line-height:14px;
}
div.header-inner {
  margin:auto;
  width:80%;
  padding:20px 0px 20px 20px;
}
div.navigation {
  min-height:40px;
  height:auto;
  width:100%;
}
div.navbar {
  height:auto;
  width:80%;
  margin:auto;
  padding:0px;
}
div.footer-content {
  margin:auto;
  width:80%;
}
div.container-fluid { padding:0px; }
div.header-flag {
  position:absolute;
  right:0px;
  top:0;
}
div.footer-flag { display:none; }
.header {
  background-image:url(../../../images/background/GIN_BACKGROUND_2014_10.png);
  margin:0px;
}
.main-logo { height:200px; }
.tel {
  background:url(../../../images/icones/icon-reservation-dore.png);
  background-repeat:no-repeat;
  position:absolute;
  padding-left:35px;
  padding-top:6px;
  padding-bottom:10px;
}
.tel:hover {
  background:url(../../../images/icones/icon-reservation.png);
  background-repeat:no-repeat;
}
.navigation {
  position:absolute;
  z-index:1000;
  background-color:#2D2525;
  border-top:1px solid #000000;
  box-shadow:0px 0px 16px #000000;
  -webkit-box-shadow:0px 0px 16px #000000;
  -moz-box-shadow:0px 0px 16px #000000;
}
.navbar-inverse .nav > li > a { color:#000000 !important; }
.navbar-inverse .nav > li > a:hover {
  color:#2D2525 !important;
  background-color:#ffffff !important;
}
.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
  color:#fff !important;
  background-color:#000000 !important;
}
div.alert-message > div > p { color:#000000; }
div.blog-featured {
  margin-bottom:20px;
  width:80%;
  margin:auto;
}
div.blog {
  width:80%;
  margin:auto;
}
.camera_target_content { border:1px dotted #000000; }
#events {
  width:80%;
  margin:auto;
}
#events  h1 {
  margin-bottom:15px;
  margin-left:4px;
  margin-top:15px;
}
#event {
  width:80%;
  margin:auto;
}
#event .counter {
  color:#000000;
  font-size:12px;
}
#event .thumbnail { border:1px dotted #000000; }
.pagination ul > li > a, .pagination ul > li > span {
  background-color:#000;
  border:1px solid #000000;
}
.pagination ul > .active > a, .pagination ul > .active > span {
  background-color:#000000;
  color:#FFFFFF;
}
.pagination ul > li > a:hover {
  background-color:#FFFFFF;
  color:#2D2525;
}
#events .item-container { width:20% !important; }
#events .item .content .data {
  background-color:rgba(0,0,0,0.9);
  bottom:0;
  color:#DDD;
  opacity:.8;
  padding:2% 0;
}
#events .item .title {
  min-height:20px;
  font-size:12px;
  color:#000000;
  font-weight:bold;
}
.contenu { background-color:#FFFFFF; }
div.item, div.item-service, div.module-1, div.module-2, div.module-3, div.special, div.menu_business {
  background-color:#666666;
  padding:10px;
  border:1px dotted #000000;
  box-shadow:5px 5px 5px #000000;
}
div.item-service {
  max-height:352px !important;
  min-height:352px !important;
}
.blog-featured div.item:hover { background-color:#201b1b; }
.blog-featured div.item { min-height:133px; }
div.google-maps {
  width:100%;
  height:398px;
}
div.reservation-form {
  display:inline-block;
  padding:5px 0px;
  width:100%;
  background-color:#FFFFFF;
  margin:0px;
  text-align:center;
  text-align:-webkit-center;
}
div.section-formulaires {
  background-color:rgba(255,255,255,0.25);
  padding:10px;
  border:1px dotted #000000;
  box-shadow:5px 5px 5px #000000;
}
div.contacts > div:nth-child(2) > div.visible-desktop.hidden-phone.visible-tablet > div { border-top:0px; }
div.menu_business {
  color:#ffffff;
  margin:0px 10px 10px 0px;
}
.special { padding:0px; }
div.item > div.item-content { margin:0; }
.information > .item { margin-bottom:10px; }
div.accueil_text p { color:#FFF !important; }
div.accueil_text, div.introtext { position:relative; }
.readmore { float:right; }
article {
  width:80%;
  margin:10px auto;
}
.item-page, #event, .events {
  padding:10px !important;
  color:#ffffff;
}
.item-page h1, .contacts h1, .events h1, .event h1 { margin-bottom:15px; }
.events h1 { margin-top:15px; }
.nivo-caption p { color:#FFFFFF; }
.title-events {
  font-family:'Pinyon Script', cursive;
  font-size:30px;
  color:#000000;
  z-index:1;
  position:relative;
}
input[type="text"] {
  display:inline-block;
  height:12px;
  padding:4px 6px;
  margin-bottom:0px;
  font-size:10px;
  line-height:12px;
  color:#555;
  vertical-align:baseline;
}
body.site { padding:0px; }
a {
  color:#222;
  text-decoration:none;
}
a:hover {
  color:#FFF;
  text-decoration:none;
}
h1 {
  font-size:38.5px;
  color:#000000 !important;
  font-weight:normal;
  font-family:'Six Caps', sans-serif !important;
  letter-spacing:2px;
  line-height:25px;
  margin-bottom:14px;
}
h2 {
  color:#000000 !important;
  text-transform:uppercase;
}
h3 {
  font-size:24.5px;
  color:#222 !important;
  text-transform:uppercase;
  line-height:30px;
}
h4 {
  text-transform:uppercase;
  color:#FFFFFF !important;
}
h5 {
  text-transform:uppercase;
  color:#000000 !important;
}
h6 { color:#000000 !important; }
p {
  color:#222222;
  font-family:'PT Sans Narrow';
  font-style:normal !important;
  font-weight:400 !important;
  font-size:14px;
}
.fb-like-box, .fb_iframe_widget > span, .fb_iframe_widget > span > iframe { width:100% !important; }
.items-row { margin:20px -9px; }
.slideshow {
  width:90%;
  margin:auto;
  margin-bottom:0px;
}
.slideshow-agenda { margin:20px; }
div.contacts {
  padding:10px;
  color:#ffffff;
}
legend {
  color:#FFFFFF;
  font-size:12px;
}
.form-actions { background-color:transparent; }
.back-to-top {
  position:fixed;
  bottom:15px;
  right:20px;
  background:url('../../../images/back-to-top/back-to-top.png') left top no-repeat;
  width:25px;
  height:23px;
}
.back-to-top a {
  text-indent:-9999px;
  display:block;
}
.back-to-top:hover { background:url('../../../images/back-to-top/back-to-top.png') left -23px no-repeat; }
div.call-us-link, div.resa-visible, div.map-visble { display:initial; }
div.call-us-btn, div.resa-hidden, div.map-hidden { display:none; }
.events > .span3 {
  width:25%;
  margin:auto;
}
.events > .span3 div { margin:auto; }
.events > .span4 {
  width:33%;
  margin:auto;
}
.events > .span4 div { margin:auto; }
div.mosaic-block { float:initial !important; }
.content-80 {
  width:80%;
  margin:auto;
}
@media all and (min-width: 1700px) {
  .date { font-size:14px !important; }
  .introtext p, .information > .item p { font-size:16px !important; }
  .camera_caption_desc {
    font-size:16px !important;
    line-height:16px !important;
  }
  #events {
    margin:auto;
    width:80%;
  }
  div.navbar {
    height:auto;
    width:80%;
    margin:auto;
    padding:0px;
  }
  .contacts, .item-page, .content-80, .events {
    width:80%;
    margin:auto;
  }
  .box-horaire { width:96%; }
  div.birthday-club {
    position:absolute;
    right:295px;
    top:127px;
  }
  .service-image { width:22.914894% !important; }
  .service-texte { width:74.957447% !important; }
}
@media all and (min-width: 1200px) and (max-width: 1700px) {
  .contacts, .item-page, .content-80, .events {
    width:80%;
    margin:auto;
  }
  h1 { font-size:30px !important; }
  div.navbar {
    height:auto;
    width:80%;
    margin:auto;
    padding:0px;
  }
}
@media all and (width: 1200px) {
  h1 { font-size:30px !important; }
  .blog-featured div.item { min-height:145px !important; }
  div.item-service {
    max-height:none !important;
    min-height:none !important;
  }
  .carousel-inner {
    min-height:570px !important;
    max-height:570px;
  }
}
@media all and (min-width: 1024px) and (max-width: 1200px) {
  .blog-featured div.item { min-height:144px !important; }
  .navbar-inverse .nav > li > a { font-size:14px; }
  .contacts, .item-page, .events {
    width:95%;
    margin:auto;
  }
  h3 {
    font-size:16px;
    line-height:16px;
  }
  div.google-maps {
    display:inline-block;
    padding:6px 0px;
    width:65%;
    height:398px;
    background-color:#FFFFFF;
  }
  div.reservation-form {
    display:inline-block;
    padding:5px 0px;
    width:35%;
    background-color:#FFFFFF;
    margin:0px;
    text-align:center;
    text-align:-webkit-center;
  }
  h1 {
    font-size:24px;
    line-height:24px;
  }
  h3 {
    font-size:16px;
    line-height:16px;
  }
  .mosaic-overlay { background:#000; }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .mosaic-block { min-height:280px !important; }
  .carousel-indicators { margin:0px 38px; }
  .carousel-indicators li { margin-left:1.5px; }
  .carousel-inner .custom {
    min-height:690px;
    max-height:690px;
  }
  .information > .item { min-height:322px; }
  .information > .box-horaire {
    min-height:299px !important;
    max-height:299px !important;
  }
  .carousel-inner {
    min-height:690px;
    max-height:690px;
  }
  div.item-service {
    max-height:none !important;
    min-height:none !important;
  }
  div.header-inner {
    margin:auto;
    width:97%;
    padding:20px 0px 20px 20px;
  }
  .moduletable.slideshow {
    width:97%;
    margin:auto auto 0px;
  }
  .slideshow {
    width:100%;
    margin:auto auto 0px;
  }
  div.navbar, #events, div.footer-content, div.blog-featured, .contacts {
    width:95%;
    margin:auto;
  }
  .item-page, .events {
    width:95%;
    margin:auto;
  }
  .blog-featured .item { min-height:150px !important; }
  .introtext { min-height:90px !important; }
  .header .brand { float:left; }
  h1 {
    font-size:23px !important;
    line-height:23px !important;
  }
  h3 {
    font-size:16px;
    line-height:16px;
  }
  .mosaic-block, .details { width:100% !important; }
  .mosaic-block { padding:2px; }
  .details { padding:0px !important; }
  .mosaic-overlay { background:#000; }
  .nav-pills > li > a {
    padding-right:12px;
    padding-left:12px;
    margin-right:2px;
    line-height:14px;
    font-family:'Oswald', sans-serif;
    font-size:13px;
  }
  .tel {
    background:url();
    background-repeat:no-repeat;
    padding-left:0px;
  }
  .tel:hover {
    background:url();
    background-repeat:no-repeat;
  }
}
@media all and (max-width: 767px) {
  .blog-featured .item { margin-bottom:10px; }
  .carousel-inner .custom {
    min-height:699px !important;
    max-height:699px !important;
  }
  .carousel-inner {
    min-height:699px !important;
    max-height:699px !important;
  }
  .hidden-desktop2 { display:inherit; }
  .hidden-phone2 { display:none !important; }
  div.item-service {
    max-height:none !important;
    min-height:none !important;
  }
  h1 { font-size:30px !important; }
  h3 {
    font-size:17px !important;
    line-height:17px !important;
  }
  p { line-height:18px; }
  .item-page h1, .contacts h1, #events h1, #event h1 {
    margin-bottom:15px;
    text-align:center !important;
  }
  #event .eventgallery-simplelist-tile {
    width:100%;
    margin:auto;
  }
  #events .item-container {
    float:left;
    width:50% !important;
    padding:5px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
  }
  #events .item .title {
    min-height:50px;
    font-size:1.2em;
    color:#000000;
    font-weight:bold;
    overflow:auto;
  }
  #events .item .date, #events .item .imagecount { display:none; }
  .camera_commands, .camera_pag { display:none !important; }
  li > a {
    font-size:14px !important;
    font-weight:normal !important;
  }
  div.header-inner {
    width:95%;
    padding:10px 0px 10px 0px;
  }
  div.call-us-link { display:none; }
  div.module-1.span4 { display:none; }
  div.call-us-btn { display:inline; }
  div.resa-visible { display:none; }
  div.resa-hidden { display:inline; }
  div.map-visible { display:none; }
  div.map-hidden { display:inline; }
  div.navbar { height:auto; }
  div.navigation {
    min-height:0px;
    height:auto;
    margin:auto;
    width:100%;
  }
  .header .brand {
    float:left !important;
    width:40%;
    display:table-header-group;
    position:relative;
  }
  div.reservation h3 { display:none; }
  div.reservation, div.newsletter {
    text-align:right;
    display:inline-block;
    width:60%;
  }
  div.header-flag { display:none; }
  div.footer-flag {
    display:initial;
    position:inherit;
    margin-top:-100px;
    top:0;
    right:0;
  }
  .box-images {
    text-align:center;
    display:none !important;
  }
  div.footer-content {
    width:100%;
    margin:auto;
  }
  .content-80 {
    width:95%;
    margin:auto;
  }
  div.google-maps { display:none; }
  div.reservation-form {
    display:inline-block;
    padding:5px 0px;
    width:100%;
    background-color:#FFFFFF;
    margin:0px;
    text-align:center;
    text-align:-webkit-center;
  }
  div.section-formulaires { display:none; }
  .slideshow { display:none; }
  .partenaires > div > p, .social > div > p {
    line-height:30px;
    font-size:18px;
  }
  .readmore { float:none; }
  .events h1 { text-align:center; }
  a.facebook-link, a.twitter-link, a.google-link {
    text-indent:0% !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    background:none;
    background-repeat:no-repeat;
    background-size:50px;
    background-position:center;
    text-align:center;
    display:inline-block;
    height:25px;
    width:65px;
    padding:0px 5px;
  }
  a.facebook-link:hover, a.twitter-link:hover, a.google-link:hover {
    text-indent:0% !important;
    color:#FFF !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    background:none;
    background-repeat:no-repeat;
    background-size:50px;
    background-position:center;
    text-align:center;
    display:inline-block;
    height:25px;
    width:65px;
    padding:0px 5px;
  }
  .item-page, #event, .events { padding:0px; }
}
@media all and (width: 604px) {
  img.main-logo { width:50%; }
  textarea, .uneditable-input { width:96%; }
  #aside { text-align:center; }
  #events h1, #event h1 {
    margin-bottom:15px;
    margin-left:4px;
    margin-top:20px;
  }
  .item-page, .events {
    width:45%;
    margin:auto;
  }
}
@media all and (min-width: 480px) and (max-width: 603px) {
  img.main-logo { width:60%; }
  input, textarea, .uneditable-input { width:96%; }
  .special {
    margin:auto;
    width:95%;
  }
  #events, #event {
    margin:auto;
    width:98%;
  }
  #aside { text-align:center; }
}
@media all and (width: 320px) {
  .pull-right.item-image { margin:0 0 18px 0px; }
  #events, #event {
    margin:auto;
    width:95%;
  }
  .item-image { float:none; }
  div.item, div.module-1, div.module-2, div.module-3, div.special, div.menu_business { padding:5px 10px 10px 10px; }
  .slideshow { display:none; }
}
@media print {
  header, footer { display:none; }
  .navigation { display:none; }
  a[href]:after { content:none !important; }
  .carousel-control, .btn, .slideshow { display:none !important; }
  img { max-width:200px !important; }
}
* {
  margin:0;
  padding:0;
  border:none;
  outline:none;
}
.mosaic-block {
  float:left;
  position:relative;
  overflow:hidden;
  border:1px dotted #000000;
  background-color:rgba(45,37,37,0.8);
  width:100%;
}
.details {
  width:90%;
  height:90%;
  min-height:235px;
  text-align:center;
  vertical-align:middle;
  line-height:normal;
  display:inline-block;
  padding:5%;
}
@media all and (min-width: 1600px) {
  .mosaic-block {
    min-height:313px;
    line-height:313px;
  }
}
@media all and (min-width: 1900px) {
  .mosaic-block {
    min-height:356px;
    line-height:356px;
  }
}
@media all and (width: 480px) {
  .item-page, #event, .events {
    width:75%;
    margin:auto;
  }
}
@media all and (max-width: 480px) {
  .mosaic-overlay { display:none !important; }
  .details { min-height:35px; }
}
.mosaic-backdrop {
  display:none;
  position:absolute;
  top:0;
  width:100%;
  height:100%;
  background:#111;
}
.mosaic-overlay {
  display:none;
  z-index:5;
  position:absolute;
  text-align:center;
  width:100%;
  height:100%;
}
.circle .mosaic-overlay {
  background:url(../img/hover-magnify.png) no-repeat center center;
  opacity:0;
  display:none;
}
.fade .mosaic-overlay {
  opacity:0;
  background:url(../img/bg-black.png);
}
.bar .mosaic-overlay {
  bottom:-120px;
  height:100px;
  background:url(../img/bg-black.png);
}
.bar2 .mosaic-overlay {
  bottom:-50px;
  height:100px;
  opacity:0.8;
}
.bar2 .mosaic-overlay:hover { opacity:1; }
.bar3 .mosaic-overlay {
  top:-100px;
  height:100px;
  background:url(../img/bg-black.png);
}
td {
  color:#FFFFFF !important;
  font-family:'PT Sans Narrow' !important;
  font-style:normal !important;
  font-weight:400 !important;
  font-size:14px !important;
}
.border-dotted { border:1px dotted #000000; }
.zoom {
  width:100%;
  height:auto;
  margin:auto;
  display:block;
  position:relative;
  overflow:hidden;
  border:1px dotted #000000;
  background:transparent url(../images/loader.gif) no-repeat center;
}
.zoom img { display:none; }
.zoomOverlay {
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  display:none;
  background-image:url(../images/zoom.png);
  background-repeat:no-repeat;
  background-position:center;
}