@import url(http://fonts.googleapis.com/css?family=Lato:300,400,900);@font-face{font-family:codropsicons;src:url(fonts/codropsicons/codropsicons.eot);src:url(fonts/codropsicons/codropsicons.eot?#iefix) format('embedded-opentype'),url(fonts/codropsicons/codropsicons.woff) format('woff'),url(fonts/codropsicons/codropsicons.ttf) format('truetype'),url(fonts/codropsicons/codropsicons.svg#codropsicons) format('svg');font-weight:400;font-style:normal}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.codrops-top,.container>header{font-family:Lato,Arial,sans-serif}.container>header{margin:0 auto;padding:2em;text-align:center;background:rgba(0,0,0,.01)}.container>header h1{font-size:2.625em;line-height:1.3;margin:0;font-weight:300}.container>header span{display:block;font-size:60%;opacity:.7;padding:0 0 .6em .1em}.codrops-top{background:#fff;background:rgba(255,255,255,.6);text-transform:uppercase;width:100%;font-size:.69em;line-height:2.2}.codrops-top a{text-decoration:none;padding:0 1em;letter-spacing:.1em;color:#000;display:inline-block}.codrops-top a:hover{background:rgba(255,255,255,.95);color:#333}.codrops-top span.right{float:right}.codrops-top span.right a{float:left;display:block}.codrops-icon:before{font-family:codropsicons;margin:0 4px;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.codrops-icon-drop:before{content:"\e001"}.codrops-icon-prev:before{content:"\e004"}.codrops-demos{padding-top:1em;font-size:.9em}.codrops-demos a{text-decoration:none;outline:0;display:inline-block;margin:.5em;padding:.7em 1.1em;border:3px solid #b1aea6;color:#b1aea6;font-weight:700}.codrops-demos a.current-demo,.codrops-demos a.current-demo:hover,.codrops-demos a:hover{border-color:#89867e;color:#89867e}@media screen and (max-width:25em){.codrops-icon span{display:none}}*,:after,:before{-moz-box-sizing:border-box}body{background:#000;font-family:Lato,Arial,sans-serif;color:#fff}.wrapper{margin:0 auto 100px auto;max-width:960px}.stage{list-style:none;padding:0}.scene{width:260px;height:400px;margin:30px;float:left;-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px}.movie{width:260px;height:400px;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateZ(-130px);-moz-transform:translateZ(-130px);transform:translateZ(-130px);-webkit-transition:-webkit-transform 350ms;-moz-transition:-moz-transform 350ms;transition:transform 350ms}.movie:hover{-webkit-transform:rotateY(-78deg) translateZ(20px);-moz-transform:rotateY(-78deg) translateZ(20px);transform:rotateY(-78deg) translateZ(20px)}.movie .info,.movie .poster{position:absolute;width:251px;height:389px;background-color:#fff;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.movie .poster{-webkit-transform:translateZ(130px);-moz-transform:translateZ(130px);transform:translateZ(130px);background-size:cover;background-repeat:no-repeat}.movie .info{-webkit-transform:rotateY(90deg) translateZ(130px);-moz-transform:rotateY(90deg) translateZ(130px);transform:rotateY(90deg) translateZ(130px);border:1px solid #b8b5b5;font-size:.75em}.csstransforms3d .movie::after{content:'';width:260px;height:260px;position:absolute;bottom:0;box-shadow:0 30px 50px rgba(0,0,0,.3);-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:rotateX(90deg) translateY(130px);-moz-transform:rotateX(90deg) translateY(130px);transform:rotateX(90deg) translateY(130px);-webkit-transition:box-shadow 350ms;-moz-transition:box-shadow 350ms;transition:box-shadow 350ms}.csstransforms3d .movie:hover::after{box-shadow:20px -5px 50px rgba(0,0,0,.3)}.info header{color:#fff;padding:7px 10px;font-weight:700;height:195px;background-size:contain;background-repeat:no-repeat;text-shadow:0 1px 1px rgba(0,0,0,1)}.info header h1{margin:0 0 2px;font-size:1.4em}.info header .rating{border:1px solid #fff;padding:0 3px}.info p{padding:.4em 1.4em;margin:2px 0 0;font-weight:700;color:#666;line-height:1em;border-top:0 solid #555}.movie .info,.movie .info header,.movie .poster{-webkit-transition:box-shadow 350ms;-moz-transition:box-shadow 350ms;transition:box-shadow 350ms}.csstransforms3d .movie .poster{box-shadow:inset 0 0 40px rgba(255,255,255,0)}.csstransforms3d .movie:hover .poster{box-shadow:inset 300px 0 40px rgba(255,255,255,.8)}.csstransforms3d .movie .info,.csstransforms3d .movie .info header{box-shadow:inset -300px 0 40px rgba(0,0,0,.5)}.csstransforms3d .movie:hover .info,.csstransforms3d .movie:hover .info header{box-shadow:inset 0 0 40px transparent}.scene:nth-child(1) .movie .poster{background-image:url(../images/img1.png)}.scene:nth-child(2) .poster{background-image:url(../images/img3.png)}.scene:nth-child(3) .poster{background-image:url(../images/img2.png)}.scene:nth-child(1) .info header{background:url(../slider/wire/homeguard1.png)}.scene:nth-child(2) .info header{background-image:url(../images/s-img2.png)}.scene:nth-child(3) .info header{background-image:url(../images/s-img3.png)}.no-csstransforms3d .movie .info,.no-csstransforms3d .movie .poster{position:relative}@media screen and (max-width:60.75em){.scene{float:none;margin:30px auto 60px}}.movieinfo a{background-color:#7a3f3a;padding:5px 10px;color:#eee;text-decoration:none;display:block;width:80px;text-align:center;margin:0 auto;-moz-border-radius:5px;-webkit-border-radius:5px}.movieinfo a:focus,.movieinfo a:hover{background-color:#6a191f;color:#fff}@font-face{font-family:Oswald;font-style:normal;font-weight:300;src:local('Oswald Light'),local('Oswald-Light'),url(font/fonts/HqHm7BVC_nzzTui2lzQTDT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff')}@font-face{font-family:Oswald;font-style:normal;font-weight:400;src:local('Oswald Regular'),local('Oswald-Regular'),url(font/fonts/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff')}@font-face{font-family:Oswald;font-style:normal;font-weight:700;src:local('Oswald Bold'),local('Oswald-Bold'),url(font/fonts/bH7276GfdCjMjApa_dkG6T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(font/fonts/DXI1ORHCpsQm3Vp6mXoaTRsxEYwM7FgeyaSgU71cLG0.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans'),local('OpenSans'),url(font/fonts/uYKcPVoh6c5R0NpdEY5A-Q.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans Semibold'),local('OpenSans-Semibold'),url(font/fonts/MTP_ySUJH_bn48VBG8sNShsxEYwM7FgeyaSgU71cLG0.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(font/fonts/k3k702ZOKiLJc3WVjuplzBsxEYwM7FgeyaSgU71cLG0.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;src:local('Open Sans Extrabold'),local('OpenSans-Extrabold'),url(font/fonts/EInbV5DfGHOiMmvb1Xr-hhsxEYwM7FgeyaSgU71cLG0.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:300;src:local('Open Sans Light Italic'),local('OpenSansLight-Italic'),url(font/fonts/PRmiXeptR36kaC0GEAetxv25ds880Du_gFZbUlZlsbg.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'),local('OpenSans-Italic'),url(font/fonts/O4NhV7_qs9r9seTo7fnsVD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:600;src:local('Open Sans Semibold Italic'),local('OpenSans-SemiboldItalic'),url(font/fonts/PRmiXeptR36kaC0GEAetxsUW6j0fiq4_bYOAoMNnBhA.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:local('Open Sans Bold Italic'),local('OpenSans-BoldItalic'),url(font/fonts/PRmiXeptR36kaC0GEAetxpXMLUeV6_io0G3F6eXSVcg.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:800;src:local('Open Sans Extrabold Italic'),local('OpenSans-ExtraboldItalic'),url(font/fonts/PRmiXeptR36kaC0GEAetxjZJchHK-lPtiIaM3GRtbZU.woff) format('woff')}@font-face{font-family:'Open Sans Condensed';font-style:normal;font-weight:300;src:local('Open Sans Cond Light'),local('OpenSans-CondensedLight'),url(font/fonts/gk5FxslNkTTHtojXrkp-xF1YPouZEKgzpqZW9wN-3Ek.woff) format('woff')}@font-face{font-family:'Open Sans Condensed';font-style:normal;font-weight:700;src:local('Open Sans Condensed Bold'),local('OpenSans-CondensedBold'),url(font/fonts/gk5FxslNkTTHtojXrkp-xONSK5BxN3NFS4EJkViHIqo.woff) format('woff')}.popupme-background{position:fixed;top:0;left:0;height:100%;width:100%;background-color:#000;z-index:1001}.popupme{background-color:#fff;position:fixed;left:0;top:0;width:500px;box-shadow:0 0 15px #fff;z-index:1005;border-radius:5px;overflow:hidden;letter-spacing:0;line-height:1}.popupme .popupme-title{border-top-left-radius:5px;border-top-right-radius:5px;margin:2px;padding:10px;font-family:Verdana;font-size:22px;color:#fff;background-color:#f35258;overflow:hidden}.popupme .popupme-text{margin-left:2px;margin-right:2px;margin-bottom:2px;margin-top:-3px;padding:10px;line-height:130%;font-family:Verdana;border:1px solid #87ceeb;border-bottom-left-radius:5px;border-bottom-right-radius:5px;overflow-y:auto;color:#000}.popupme .popupme-close{position:absolute;right:10px;top:10px;font-family:Verdana;font-size:15px;text-align:center;background-color:#9c9c9c;padding-left:8px;padding-right:8px;padding-top:5px;padding-bottom:5px;border-radius:20px}.popupme .popupme-close:hover{cursor:pointer;background-color:#dedede}.popupme-hide{visibility:hidden;opacity:0;transition:visibility 0s linear .5s,opacity .5s cubic-bezier(.165,.84,.44,1)}.popupme-show{opacity:1;visibility:visible;transition:visibility 0s linear .5s,opacity .5s cubic-bezier(.165,.84,.44,1);transition-delay:0s}.popupme-show-5{opacity:.5;visibility:visible;transition:visibility 0s linear .5s,opacity .5s cubic-bezier(.165,.84,.44,1);transition-delay:0s}.popupme-opacity-0{visibility:hidden;opacity:0}.popupme-fadein{opacity:1;visibility:visible;-webkit-transition:opacity .5s cubic-bezier(.165,.84,.44,1);-moz-transition:opacity .5s cubic-bezier(.165,.84,.44,1);transition:opacity .5s cubic-bezier(.165,.84,.44,1)}.popupme-fadein-remove{-webkit-transition:opacity .5s cubic-bezier(.165,.84,.44,1),visibility 0s linear .5s;-moz-transition:opacity .5s cubic-bezier(.165,.84,.44,1),visibility 0s linear .5s;transition:opacity .5s cubic-bezier(.165,.84,.44,1),visibility 0s linear .5s;visibility:hidden}.popupme-zoomin-set{transform:scale(2,2);-moz-transform:scale(2,2);-webkit-transform:scale(2,2)}.popupme-zoomin-remove{-webkit-transition:-webkit-transform .5s cubic-bezier(.19,1,0,.98),opacity .5s cubic-bezier(.19,1,0,.98),visibility 0s linear .5s;-moz-transition:-moz-transform .5s cubic-bezier(.19,1,0,.98),opacity .5s cubic-bezier(.19,1,0,.98),visibility 0s linear .5s;transition:transform .5s cubic-bezier(.19,1,0,.98),opacity .5s cubic-bezier(.19,1,0,.98),visibility 0s linear .5s;visibility:hidden}.popupme-zoomin{opacity:1;visibility:visible;transform:scale(1,1);-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-webkit-transition:-webkit-transform .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);-moz-transition:-moz-transform .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);transition:transform .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1)}.popupme-zoomout-set{transform:scale(0,0);-moz-transform:scale(0,0);-webkit-transform:scale(0,0)}.popupme-zoomout-remove{-webkit-transition:-webkit-transform .5s cubic-bezier(.19,1,0,.98),opacity .5s cubic-bezier(.19,1,0,.98),visibility 0s linear .5s;-moz-transition:-moz-transform .5s cubic-bezier(.19,1,0,.98),opacity .5s cubic-bezier(.19,1,0,.98),visibility 0s linear .5s;transition:transform .5s cubic-bezier(.19,1,0,.98),opacity .5s cubic-bezier(.19,1,0,.98),visibility 0s linear .5s;visibility:hidden}.popupme-zoomout{opacity:1;visibility:visible;transform:scale(1,1);-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-webkit-transition:-webkit-transform .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);-moz-transition:-moz-transform .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1);transition:transform .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1)}.popupme-rotate-set{transform:rotate(-720deg) scale(2,2);-moz-transform:rotate(-720deg) scale(2,2);-webkit-transform:rotate(-720deg) scale(2,2)}.popupme-rotate-remove{-webkit-transition:-webkit-transform .5s ease-out,opacity .5s ease-out,visibility 0s linear .5s;-moz-transition:-moz-transform .5s ease-out,opacity .5s ease-out,visibility 0s linear .5s;transition:transform .5s ease-out,opacity .5s ease-out,visibility 0s linear .5s;visibility:hidden}.popupme-rotate{opacity:1;visibility:visible;transform:rotate(0) scale(1,1);-moz-transform:rotate(0) scale(1,1);-webkit-transform:rotate(0) scale(1,1);-webkit-transition:-webkit-transform .5s ease-out,opacity .5s ease-out;-moz-transition:-moz-transform .5s ease-out,opacity .5s ease-out;transition:transform .5s ease-out,opacity .5s ease-out}.popupme-slidetopbottom-remove{-webkit-transition:top .2s ease-out,opacity .2s ease-out,visibility 0s linear .2s;-moz-transition:top .2s ease-out,opacity .2s ease-out,visibility 0s linear .2s;transition:top .2s ease-out,opacity .2s ease-out,visibility 0s linear .2s;visibility:hidden}.popupme-slidetopbottom{visibility:visible;opacity:1;-webkit-transition:top .2s ease-out,opacity .2s ease-out;-moz-transition:top .2s ease-out,opacity .2s ease-out;transition:top .2s ease-out,opacity .2s ease-out}.popupme-slideleftright-remove{-webkit-transition:left .2s ease-out,opacity .2s ease-out,visibility 0s linear .2s;-moz-transition:left .2s ease-out,opacity .2s ease-out,visibility 0s linear .2s;transition:left .2s ease-out,opacity .2s ease-out,visibility 0s linear .2s;visibility:hidden}.popupme-slideleftright{visibility:visible;opacity:1;-webkit-transition:left .2s ease-out,opacity .2s ease-out;-moz-transition:left .2s ease-out,opacity .2s ease-out;transition:left .2s ease-out,opacity .2s ease-out}