@import "https://fonts.googleapis.com/css?family=Montserrat:400,700";.squares{font-size:0;line-height:0}.square{position:relative;overflow:hidden;display:inline-block;width:33.28%;padding-top:20%}.empty-square{display:none}.rect{position:relative;overflow:hidden;z-index:1;display:inline-block;width:100%;padding-top:0;max-height:0;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;-webkit-transform:translateZ(0);transform:translateZ(0)}.rect.active{padding-top:43%;max-height:2000px;box-shadow:0 2px 15px rgba(0,0,0,.4)}#work-projects .square{background-repeat:no-repeat;-webkit-background-size:100%;background-size:100%}#work-projects .square:hover,#work-projects .square.active{}#work-projects .square:hover{color:#fff}#work-projects .square.active{color:#fff}#work-projects .square.active .project-arrow{position:absolute;bottom:0;left:50%;display:none;width:0;height:0;margin-left:-20px;border-bottom:20px solid #232323;border-left:20px solid transparent;border-right:20px solid transparent}.project-title{position:absolute;top:0;left:0;display:table;width:100%;margin:0;padding:0;text-align:center;text-indent:-9999px;cursor:pointer}.project-title .mid-content-box{display:table-cell;vertical-align:middle;text-align:center}.project-title .mid-content-box p{font-family:montserrat,sans-serif;font-size:30px;line-height:34px;font-weight:400;color:#fff;text-transform:uppercase}.project-title .mid-content-box p span{display:block;vertical-align:middle;text-align:center;font-family:montserrat,sans-serif!important;font-size:12px!important;line-height:1.2!important;font-weight:500!important;margin:5px auto 0}.project-title .mid-content-box h6{font-family:montserrat,sans-serif;font-size:12px;line-height:1.2;font-weight:700;color:#fff;text-transform:uppercase;display:inline-block;padding:10px 28px;margin:0;margin-top:15px}.square:hover>.project-title,.square.active>.project-title{text-indent:0;background-color:rgba(41,116,239,.9)}.square:hover>.project-title .mid-content-box h6,.square.active>.project-title .mid-content-box h6{border:1px solid #fff}.project-images{width:66.6%}.project-images-slider{position:relative;left:0;white-space:nowrap;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;-webkit-transform:translateZ(0);transform:translateZ(0)}.project-images-slider img{width:auto;height:100%}.project-images>.project-image-button{cursor:pointer}.project-details{overflow-x:hidden;overflow-y:scroll}.project-details::-webkit-scrollbar{background:0 0;height:10px;overflow:visible;width:10px}.project-details::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.6);-webkit-border-radius:5px}.project-details::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.6)}.project-details::-webkit-scrollbar-corner{background:0 0}.project-details{width:33.4%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:38px;background-color:#fff;font-size:16px;line-height:16px}.project-details h1{color:#a4cd39;font-family:montserrat,sans-serif;font-size:12px;font-style:normal;font-weight:500;text-align:left;text-transform:uppercase;margin:0;margin-bottom:10px}.project-details h2{color:#171f36;font-family:montserrat,sans-serif;font-size:14px;line-height:20px;font-weight:500;text-align:left;text-transform:none;padding-bottom:30px;margin:0}.project-details p{margin:0 0 1em;color:#3c3c3c;font-family:Georgia,serif;font-size:.9375em;line-height:1.7334;font-style:italic}.project-details img{display:block;max-width:100%;height:auto}.project-details ul{margin:0}.project-images,.project-details{position:absolute;top:0;bottom:0}.inverse .project-details,.project-images{left:0;right:auto}.inverse .project-images,.project-details{left:auto;right:0}.project-images .project-image-button,.project-details .project-close{position:absolute;top:10px;display:inline-block;width:40px;height:40px;background-image:url(/wp-content/themes/eight25media/portfolio-mobile/images/work-project-sprite.png);-webkit-background-size:120px 40px;background-size:120px 40px}.project-details .project-close{background-image:url(/wp-content/themes/eight25media/portfolio-mobile/images/popup-close.svg)!important;background-repeat:no-repeat;background-position:top right!important;background-size:inherit}.project-images .project-image-button:hover{}.project-images .project-image-button.prev{left:0;top:48%;background-position:0 0}.project-images .project-image-button.next{right:0;top:48%;background-position:-40px 0}.project-details .project-close{top:20px;right:20px;left:auto;background-position:-80px 0}.project-close{cursor:pointer}.project-logos{width:1120px;height:800px;margin:0 auto;background-image:url(/wp-content/themes/eight25media/portfolio-mobile/css/images/logo-sheet-01.png);background-repeat:no-repeat;background-position:0 0}@media(max-width:600px){.square{width:50%;padding-top:40%}.rect.active{padding-top:0}#work-projects-banner{height:260px}#work-projects .rect .project-images,#work-projects .rect .project-details{position:relative;width:auto}}@media(max-width:1199px){.project-details{font-size:14px}.project-logos{width:720px;height:880px;background-position:-1120px 0}}@media(max-width:979px){.project-title{font-size:24px}}@media(max-width:820px){#work-projects-banner{height:260px}}@media(max-width:719px){#work-projects-banner{height:200px}.project-logos{width:640px;height:880px;background-position:-1160px 0}}@media(max-width:640px){.project-logos{width:320px;height:1580px;background-position:-1860px 0}}@media(max-width:500px){#work-projects-banner{height:150px}}