.dg-container{width:100%;height:auto;position:relative}.dg-wrapper{height:500px;margin:30px auto 0;position:relative;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:1000px;-moz-perspective:1000px;-o-perspective:1000px;-ms-perspective:1000px;perspective:1000px;max-width:700px}.dg-wrapper a{width:482px;height:316px;display:block;position:absolute;left:0;top:0;box-shadow:0 10px 20px rgba(0,0,0,.3)}.dg-wrapper a.dg-transition{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.dg-wrapper a img{display:block;padding:41px 0 0 1px;width:281px;height:500px}.dg-wrapper a div{font-style:italic;text-align:center;line-height:50px;text-shadow:1px 1px 1px rgba(255,255,255,.5);color:#333;font-size:16px;width:100%;bottom:-55px;display:none;position:absolute}.dg-wrapper a.dg-center div{display:block}.dg-container nav{width:100%;position:absolute;z-index:1;top:53%}.dg-container nav span:hover{opacity:1}.dg-container nav span.dg-next{background-position:top right;margin-left:10px}@media screen and (max-width:768px) and (min-width:480px){ .dg-container nav{top:92%; margin-top: 30px;}}@media screen and (max-width:480px){.dg-wrapper{margin: 10px auto 0;} .dg-container nav{top:91%}}