.wobble@import url(http://fonts.googleapis.com/css?family=Bitter:400,700);
@import url(http://fonts.googleapis.com/css?family=Anton);
@import url(http://fonts.googleapis.com/css?family=Play);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro);
@font-face {
    font-family: "Terminal Dosis";
    font-style: normal;
    font-weight: 400;
    src: local("Dosis Regular"), local("Dosis-Regular"), url("https://themes.googleusercontent.com/static/fonts/terminaldosis/v5/_IcvjW_kWHsIHjjUsLbdpFGxLvFzKVP0OsRYGzgS_zk.woff") format("woff");
}
@font-face {
    font-family: "entypo";
    font-style: normal;
    font-weight: normal;
    src: url("entypo.eot?#iefix") format("embedded-opentype"), url("entypo.woff") format("woff"), url("entypo.ttf") format("truetype"), url("entypo.svg#entypo") format("svg");
}
@font-face {
    font-family: "entypo-social";
    font-style: normal;
    font-weight: normal;
    src: url("entypo-social.eot?#iefix") format("embedded-opentype"), url("entypo-social.woff") format("woff"), url("entypo-social.ttf") format("truetype"), url("entypo-social.svg#entypo-social") format("svg");
}
@font-face {
    font-family: "entypo-logo";
    font-style: normal;
    font-weight: normal;
    src: url("entypo-logo-webfont.eot?#iefix") format("embedded-opentype"), url("entypo-logo-webfont.woff") format("woff"), url("entypo-logo-webfont.ttf") format("truetype"), url("entypo-logo-webfont.svg#entypo-logo") format("svg");
}
@font-face {
    font-family: "Josefin Sans";
    font-style: normal;
    font-weight: 400;
    src: local("Josefin Sans"), local("JosefinSans"), url("https://themes.googleusercontent.com/static/fonts/josefinsans/v3/xgzbb53t8j-Mo-vYa23n5nhCUOGz7vYGh680lGh-uXM.woff") format("woff");
}
/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}



div.pp_pic_holder {

    border-radius: 5px;
    display: none;
    position: absolute;
    width: 100px;
    z-index: 10000;
}
.wblightbox .pp_close{
  transform: translate(0px, 100px);
   -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.pp_bottom{
  z-index:1;
}
.pp_content_container{
  z-index:2;
   -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
#pp_full_res{
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
#fullResImage{
  box-shadow:0 6px 1px 1px rgba(0, 0, 0, 0.1), 0 2px 5px 1px rgba(0, 0, 0, 0.1), 0 3px 3px 1px rgba(0, 0, 0, 0.3);
     -webkit-box-shadow:0 6px 1px 1px rgba(0, 0, 0, 0.1), 0 2px 5px 1px rgba(0, 0, 0, 0.1), 0 3px 3px 1px rgba(0, 0, 0, 0.3);
}

 .slidein{
  transform: translate(0px, 0px)!important;
   -webkit-transform: translate(0px, 0px)!important;
    -ms-transform: translate(0px, 0px)!important;
     -o-transform: translate(0px, 0px)!important;
     -moz-transform: translate(0px, 0px)!important;
   -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.slidein-next{
  transform: translate(50px, 0px)!important;
    -webkit-transform: translate(50px, 0px)!important;
      -ms-transform: translate(50px, 0px)!important;
        -o-transform: translate(50px, 0px)!important;
        -moz-transform: translate(50px, 0px)!important;
   -moz-transition: all 3s;
  -webkit-transition: all 3s;
  -ms-transition: all 3s;
  -o-transition: all 3s;
  transition: all 3s;
}
.slidein-prev{
  transform: translate(-50px, 0px)!important;
  -moz-transform: translate(-50px, 0px)!important;
  -o-transform: translate(-50px, 0px)!important;
  -webkit-transform: translate(-50px, 0px)!important;
  -moz-transform: translate(-50px, 0px)!important;
   -moz-transition: all 3s;
  -webkit-transition: all 3s;
  -ms-transition: all 3s;
  -o-transition: all 3s;
  transition: all 3s;
}
.ppt{
  font-family: 'Play';
    font-size: 20px !important;
    line-height: 25px !important;
     margin: 8px 0 0 5px!important;
     color:rgba(255,255,255,0.2)!important;
  text-align:center;
   transform: translate(-200px, 0px);
    -o-transform: translate(-200px, 0px);
     -webkit-transform: translate(-200px, 0px);
      -moz-transform: translate(-200px, 0px);
       -ms-transform: translate(-200px, 0px);
   -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.wblightbox .slidein-next:hover {
   transform: translate(70px, 0px)!important;
    -o-transform: translate(70px, 0px)!important;
     -ms-transform: translate(70px, 0px)!important;
      -moz-transform: translate(70px, 0px)!important;
       -webkit-transform: translate(70px, 0px)!important;

    -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  }
  .wblightbox .slidein-prev:hover {
   transform: translate(-70px, 0px)!important;
    -o-transform: translate(-70px, 0px)!important;
     -moz-transform: translate(-70px, 0px)!important;
      -ms-transform: translate(-70px, 0px)!important;
       -webkit-transform: translate(-70px, 0px)!important;
    -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  }
.wblightbox a.pp_next {
   transform: translate(-400px, 0px);
    -ms-transform: translate(-400px, 0px);
     -moz-transform: translate(-400px, 0px);
      -webkit-transform: translate(-400px, 0px);
       -o-transform: translate(-400px, 0px);
    background: url(../images/right.png) no-repeat scroll 100% 50% transparent !important;
    display: block;
    float: right;
    height: 100%;
    text-indent: -10000px;
    width: 49%;
    -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.wblightbox a.pp_previous {
   transform: translate(400px, 0px);
    -ms-transform: translate(400px, 0px);
     -moz-transform: translate(400px, 0px);
      -webkit-transform: translate(400px, 0px);
       -o-transform: translate(400px, 0px);
    background: url(../images/left.png) no-repeat scroll 0% 50% transparent!important;
    display: block;
    float: left;
    height: 100%;
    text-indent: -10000px;
    width: 49%;
    -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
div.wblightbox .pp_close {
  background: url("../images/close.png") no-repeat scroll 0 0 / 100% 100% transparent;
    cursor: pointer;
    height: 32px;
    margin-top: 0;
    width: 32px;
    z-index: 99;
}

.wbmedia{
   background: url(../images/play.png)no-repeat;
    transform: perspective(800px) rotateZ(360deg) scale(0);
  -moz-transform: perspective(800px) rotateZ(360deg) scale(0);
  -ms-transform: perspective(800px) rotateZ(360deg) scale(0);
  -o-transform: perspective(800px) rotateZ(360deg) scale(0);
  -webkit-transform: perspective(800px) rotateZ(360deg) scale(0);
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  text-align:center;
   line-height: 100%; /* vertically center */
  background-position:center center;
  
   background-position:50% 100%;
    text-align: center;
      -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.wbmag{
  transform: perspective(800px) rotateZ(360deg) scale(0);
  -moz-transform: perspective(800px) rotateZ(360deg) scale(0);
  -ms-transform: perspective(800px) rotateZ(360deg) scale(0);
  -o-transform: perspective(800px) rotateZ(360deg) scale(0);
  -webkit-transform: perspective(800px) rotateZ(360deg) scale(0);
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  text-align:center;
   line-height: 100%; /* vertically center */
  background-position:center center;
   background: url(../images/mag.png)no-repeat;
   background-position:50% 100%;
    text-align: center;
      -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}

.wobble .wbmag {

  background-position:50% 50%;
     -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.wobble:hover .wbmag{
   transform: perspective(800px) rotateZ(0deg) scale(1);
    -moz-transform: perspective(800px) rotateZ(0deg) scale(1);
     -webkit-transform: perspective(800px) rotateZ(0deg) scale(1);
      -o-transform: perspective(800px) rotateZ(0deg) scale(1);
       -ms-transform: perspective(800px) rotateZ(0deg) scale(1);
     -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
 .wobble .wbmedia {

  background-position:50% 50%;
     -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.wobble:hover .wbmedia{
   transform: perspective(800px) rotateZ(0deg) scale(1);
    -moz-transform: perspective(800px) rotateZ(0deg) scale(1);
     -webkit-transform: perspective(800px) rotateZ(0deg) scale(1);
      -o-transform: perspective(800px) rotateZ(0deg) scale(1);
       -ms-transform: perspective(800px) rotateZ(0deg) scale(1);
     -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
 .slingbox{

 }

.slbitem{
  width:25%;
  float:left;
  margin:20px;
}

.wobble{

  position:relative;
 z-index:2;
 border-radius:5px;
 perspective: 800px;
 margin:10px 12px;
 padding:10px;
 background-image: linear-gradient(right , rgb(212,210,212) 0%, rgb(251,251,251) 33%, rgb(255,255,255) 61%, rgb(217,210,217) 100%);
background-image: -o-linear-gradient(right , rgb(212,210,212) 0%, rgb(251,251,251) 33%, rgb(255,255,255) 61%, rgb(217,210,217) 100%);
background-image: -moz-linear-gradient(right , rgb(212,210,212) 0%, rgb(251,251,251) 33%, rgb(255,255,255) 61%, rgb(217,210,217) 100%);
background-image: -webkit-linear-gradient(right , rgb(212,210,212) 0%, rgb(251,251,251) 33%, rgb(255,255,255) 61%, rgb(217,210,217) 100%);
background-image: -ms-linear-gradient(right , rgb(212,210,212) 0%, rgb(251,251,251) 33%, rgb(255,255,255) 61%, rgb(217,210,217) 100%);

background-image: -webkit-gradient(
	linear,
	right top,
	left top,
	color-stop(0, rgb(212,210,212)),
	color-stop(0.33, rgb(251,251,251)),
	color-stop(0.61, rgb(255,255,255)),
	color-stop(1, rgb(217,210,217))
);



   box-shadow:0 6px 1px 1px rgba(0, 0, 0, 0.1), 0 2px 5px 1px rgba(0, 0, 0, 0.1), 0 3px 3px 1px rgba(0, 0, 0, 0.3);
     -webkit-box-shadow:0 6px 1px 1px rgba(0, 0, 0, 0.1), 0 2px 5px 1px rgba(0, 0, 0, 0.1), 0 3px 3px 1px rgba(0, 0, 0, 0.3);
      -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.wobble-gallery-isotope{
   overflow: visible !important;
}
.wobble-gallery-isotope .wb-item:hover{
  z-index:999;
}

.wobble-gallery .wobble{

  width:100%!important;
  height:100%!important;
  background:none;
  box-shadow:none;

}
.wobble-back .wobble{


 box-shadow:0 6px 1px 1px rgba(0, 0, 0, 0.1), 0 2px 5px 1px rgba(0, 0, 0, 0.1), 0 3px 3px 1px rgba(0, 0, 0, 0.3)!important;
     -webkit-box-shadow:0 6px 1px 1px rgba(0, 0, 0, 0.1), 0 2px 5px 1px rgba(0, 0, 0, 0.1), 0 3px 3px 1px rgba(0, 0, 0, 0.3)!important;

}


.wobble-gallery .wobble:hover{



  box-shadow:none;

}
.wobble:hover{

 z-index:999;
   box-shadow:0 6px 1px 1px rgba(0, 0, 0, 0.1), 0 2px 5px 1px rgba(0, 0, 0, 0.1), 0 3px 3px 1px rgba(0, 0, 0, 0.3);
     -webkit-box-shadow:0 6px 1px 1px rgba(0, 0, 0, 0.1), 0 2px 5px 1px rgba(0, 0, 0, 0.1), 0 3px 3px 1px rgba(0, 0, 0, 0.3);

 -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}

.wobble a {
    width: 100%!important;
}


.wbwrap{
  transform: perspective(800px) rotateZ(-180deg);
  position:absolute;
  top:0px;
  left:0px;
 width:100%;
 height:100%;
 opacity:0;
 z-index:999;
  -webkit-backface-visibility: hidden ;
   -o-backface-visibility: hidden ;
  backface-visibility: hidden ;
  z-index:999;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.wobble:hover .wbwrap{
 transform: perspective(800px) rotateZ(0deg);
    opacity:1;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.wobble .wbleft{
  position:absolute;
  left:0%;
  opacity:1;
  top:0px;
  width:50%;
  height:100%;
  background: url(../images/left.png)no-repeat 0% 50%;
   background-size: 24px 34px;
  z-index:4;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;

}
.wobble .wbleft:hover{
   backface-visibility: visible;



-ms-transform: perspective(800px) rotateY(17deg)  scale3d(1.25, 1.25, 1.35) translate3d(-6px, 0px, 0px);

 -o-transform: perspective(800px) rotateY(17deg)  scale3d(1.25, 1.25, 1.35) translate3d(-6px, 0px, 0px);

transform: perspective(800px) rotateY(17deg)  scale3d(1.25, 1.25, 1.35) translate3d(-6px, 0px, 0px);


-webkit-transform: perspective(800px) rotateY(17deg)  scale3d(1.25, 1.25, 1.35) translate3d(-6px, 0px, 0px);


}
.wobble .wbright:hover{
   backface-visibility: visible;



-ms-transform: perspective(800px) rotateY(-17deg) scale3d(1.25, 1.25, 1.35) translate3d(6px, 0px, 0px) ;

 -o-transform: perspective(800px) rotateY(-17deg) scale3d(1.25, 1.25, 1.35) translate3d(6px, 0px, 0px);

transform: perspective(800px) rotateY(-17deg) scale3d(1.25, 1.25, 1.35) translate3d(6px, 0px, 0px);


-webkit-transform: perspective(800px) rotateY(-17deg) scale3d(1.25, 1.25, 1.35) translate3d(6px, 0px, 0px);


}

.wobble .wbright{
  position:absolute;
  right:0%;
  opacity:1;
  top:0px;
  width:50%;
  height:100%;
   background: url(../images/right.png)no-repeat 100% 50%;
   background-size: 24px 34px;
   z-index:4;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;

}
.wobble .wbtop{
  position:absolute;
  left:0%;
  top:0px;
  width:100%;
  height:25%;
  opacity:1;
  background: url(../images/top.png)no-repeat 50% 0%;
   background-size: 34px 24px;
  z-index:5;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;


}
.wobble .wbbottom{
  position:absolute;
  left:0%;
  bottom:0px;
  width:100%;
  height:25%;
   opacity:1;
  background: url(../images/bottom.png)no-repeat 50% 100%;
   background-size: 34px 24px;
  z-index:5;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;

}
.wobble .wbbottom:hover{
  backface-visibility: visible;




-ms-transform: perspective(800px) rotateX(17deg)  scale3d(1.25, 1.25, 1.35) translate3d(0px, 6px, 0px) ;

 -o-transform: perspective(800px) rotateX(17deg)  scale3d(1.25, 1.25, 1.35) translate3d(0px, 6px, 0px)  ;

transform: perspective(800px) rotateX(17deg)  scale3d(1.25, 1.25, 1.35) translate3d(0px, 6px, 0px)  ;


-webkit-transform: perspective(800px) rotateX(17deg)  scale3d(1.25, 1.25, 1.35) translate3d(0px, 6px, 0px) ;
   -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;

}
.wobble .wbtop:hover{
  backface-visibility: visible;




-ms-transform: perspective(800px) rotateX(-17deg)  scale3d(1.25, 1.25, 1.35) translate3d(0px, -6px, 0px) ;

 -o-transform: perspective(800px) rotateX(-17deg)  scale3d(1.25, 1.25, 1.35)  translate3d(0px, -6px, 0px) ;

transform: perspective(800px) rotateX(-17deg)  scale3d(1.25, 1.25, 1.35)  translate3d(0px, -6px, 0px) ;


-webkit-transform: perspective(800px) rotateX(-17deg)  scale3d(1.25, 1.25, 1.35)  translate3d(0px, -6px, 0px) ;
   -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;

}
.wobble:hover .wbtop{

  -moz-transition: all 1.2s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1.2s;

}
 .wobble:hover .wbleft{

  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1.3s;

}
.wobble:hover .wbright{

  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1.4s;

}
.wobble:hover .wbbottom{

  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1.5s;

}
.wobble img{

    box-shadow:0 6px 1px 1px rgba(0, 0, 0, 0.1), 0 2px 5px 1px rgba(0, 0, 0, 0.1), 0 3px 3px 1px rgba(0, 0, 0, 0.3);
     -webkit-box-shadow:0 6px 1px 1px rgba(0, 0, 0, 0.1), 0 2px 5px 1px rgba(0, 0, 0, 0.1), 0 3px 3px 1px rgba(0, 0, 0, 0.3);
      border:3px solid ##fff !important;
      padding:0px !important;
      max-width: 100% !important;
     z-index:-1;
   -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
  .wobble:hover img{
       box-shadow:0 6px 1px 1px rgba(0, 0, 0, 0.1), 0 2px 5px 1px rgba(0, 0, 0, 0.1), 0 3px 3px 1px rgba(0, 0, 0, 0.3), 0 5px 5px 1px rgba(0, 0, 0, 0.2), 0 5px 10px 1px rgba(0, 0, 0, 0.25), 0 7px 10px 1px rgba(0, 0, 0, 0.2), 0 9px 20px 1px rgba(0, 0, 0, 0.15);
       -webkit-box-shadow:0 6px 1px 1px rgba(0, 0, 0, 0.1), 0 2px 5px 1px rgba(0, 0, 0, 0.1), 0 3px 3px 1px rgba(0, 0, 0, 0.3), 0 5px 5px 1px rgba(0, 0, 0, 0.2), 0 5px 10px 1px rgba(0, 0, 0, 0.25), 0 7px 10px 1px rgba(0, 0, 0, 0.2), 0 9px 20px 1px rgba(0, 0, 0, 0.15);
   -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.imgleft{
  backface-visibility: visible;

transform-origin: 50% 50% 0px;

-ms-transform: perspective(800px) rotateY(17deg)  scale3d(1.25, 1.25, 1.35);
-ms-transform-origin: 50% 50% 0px;
 -o-transform: perspective(800px) rotateY(17deg)  scale3d(1.25, 1.25, 1.35);
-o-transform-origin: 50% 50% 0px;
transform: perspective(800px) rotateY(17deg)  scale3d(1.25, 1.25, 1.35);
-webkit-transform-origin: 50% 50% 0px;

-webkit-transform: perspective(800px) rotateY(17deg)  scale3d(1.25, 1.25, 1.35);
   -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;

}
.imgright{
 backface-visibility: visible;

transform-origin: 50% 50% 0px;
 -ms-transform: perspective(800px) rotateY(-17deg)  scale3d(1.25, 1.25, 1.35);
-ms-transform-origin: 50% 50% 0px;
 -o-transform: perspective(800px) rotateY(-17deg)  scale3d(1.25, 1.25, 1.35);
-o-transform-origin: 50% 50% 0px;
transform: perspective(800px) rotateY(-17deg)  scale3d(1.25, 1.25, 1.35);
-webkit-transform-origin: 50% 50% 0px;

-webkit-transform: perspective(800px) rotateY(-17deg)  scale3d(1.25, 1.25, 1.35);
   -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}

.imgbottom{
  backface-visibility: visible;

transform-origin: 50% 50% 0px;

-ms-transform: perspective(800px) rotateX(17deg)  scale3d(1.25, 1.25, 1.35);
-ms-transform-origin: 50% 50% 0px;
 -o-transform: perspective(800px) rotateX(17deg)  scale3d(1.25, 1.25, 1.35);
-o-transform-origin: 50% 50% 0px;
transform: perspective(800px) rotateX(17deg)  scale3d(1.25, 1.25, 1.35);
-webkit-transform-origin: 50% 50% 0px;

-webkit-transform: perspective(800px) rotateX(17deg)  scale3d(1.25, 1.25, 1.35);
   -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;

}
.imgtop{
  backface-visibility: visible;

transform-origin: 50% 50% 0px;

-ms-transform: perspective(800px) rotateX(-17deg)  scale3d(1.25, 1.25, 1.35);
-ms-transform-origin: 50% 50% 0px;
 -o-transform: perspective(800px) rotateX(-17deg)  scale3d(1.25, 1.25, 1.35);
-o-transform-origin: 50% 50% 0px;
transform: perspective(800px) rotateX(-17deg)  scale3d(1.25, 1.25, 1.35);
-webkit-transform-origin: 50% 50% 0px;

-webkit-transform: perspective(800px) rotateX(-17deg)  scale3d(1.25, 1.25, 1.35);
   -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;

}






.wobble-wall .gallery-item:nth-child(2n+1) .wobble {

  backface-visibility: visible;

transform-origin: 50% 50% 0px;

-ms-transform: perspective(800px) rotateY(17deg)  scale3d(1.25, 1.25, 1.35);
-ms-transform-origin: 50% 50% 0px;
 -o-transform: perspective(800px) rotateY(17deg)  scale3d(1.25, 1.25, 1.35);
-o-transform-origin: 50% 50% 0px;
transform: perspective(800px) rotateY(17deg)  scale3d(1.25, 1.25, 1.35);
-webkit-transform-origin: 50% 50% 0px;

-webkit-transform: perspective(800px) rotateY(17deg)  scale3d(1.25, 1.25, 1.35);


}
.wobble-wall .gallery-item:nth-child(2n+3) .wobble {

  backface-visibility: visible;
 margin-top:-20px;
transform-origin: 50% 50% 0px;


-ms-transform: perspective(800px) rotateY(-17deg)  scale3d(1.25, 1.25, 1.35);
-ms-transform-origin: 50% 50% 0px;
 -o-transform: perspective(800px) rotateY(-17deg)   scale3d(1.25, 1.25, 1.35);
-o-transform-origin: 50% 50% 0px;
transform: perspective(800px) rotateY(-17deg)  scale3d(1.25, 1.25, 1.35) ;
-webkit-transform-origin: 50% 50% 0px;

-webkit-transform: perspective(800px) rotateY(-17deg)  scale3d(1.25, 1.25, 1.35);


}
.wobble-wall  .wobble:hover {

}
 .round  .wobble img {
 border-radius:300px;

}
 .wobble .scaleddown {

 transform:scale(0) rotateY(180deg) rotateZ(360deg) translate3d(-200px, -2px, -6px) ;
 -webkit-transform:scale(0) rotateY(180deg) rotateZ(360deg) translate3d(-200px, -2px, -6px) ;
 -ms-transform:scale(0) rotateY(180deg) rotateZ(360deg) translate3d(-200px, -2px, -6px) ;
}


 .round  .wobble {
 border-radius:300px;
}