*{box-sizing:border-box}
.work-section__title{display:block;margin:0px auto 20px;font-size:30px;background-color:#EE3B86;text-align:center;color:#fff;padding:10px}
@media (min-width: 480px){.work-section__title{font-size:35px}}
.work{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;width:100%;overflow:hidden;position:relative;border:5px solid #fff}
@media (min-width: 600px){.work{width:47%;margin:0 0 20px 2%}}
@media (min-width: 1280px){.work{width:30.6%;margin:0 0 30px 2%}}
.work:hover .work__image{-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);opacity:0.3}
.work:hover .work__info{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}
.work__background{display:block;width:100%}
.work__image{-moz-transition:opacity 0.2s ease-in-out,-moz-transform 0.2s;-o-transition:opacity 0.2s ease-in-out,-o-transform 0.2s;-webkit-transition:opacity 0.2s ease-in-out,-webkit-transform 0.2s;transition:opacity 0.2s ease-in-out,transform 0.2s;display:block;width:100%;position:absolute;top:0;left:0}
.work__info{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-moz-transition:opacity 0.3s ease-in-out;-o-transition:opacity 0.3s ease-in-out;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%}
.work__infotable{display:table;width:100%;height:100%;z-index:400}
.work__infocell{display:table-cell;vertical-align:middle;text-align:center;padding:10px}
@media (min-width: 480px){.work__infocell{padding:20px}}
.work__title{font-size:28px;font-family:'Open Sans';font-weight:700;color:#EE3B86;margin:0 0 15px}
.work__title a{text-decoration:none}
@media (min-width: 480px){.work__title{font-size:40px}}
.work__subtitle{font-weight:400;font-size:16px;margin:0 0 15px;color:#fff}
@media (min-width: 480px){.work__subtitle{font-size:20px;margin:0 0 25px}}
.work__button{-moz-transition:background-color 0.2s,color 0.2s;-o-transition:background-color 0.2s,color 0.2s;-webkit-transition:background-color 0.2s,color 0.2s;transition:background-color 0.2s,color 0.2s;font-family:'Open Sans';font-size:18px;font-weight:300;display:block;width:80%;margin:0 auto;padding:5px 10px;border:2px solid #fff;color:#fff}
@media (min-width: 480px){.work__button{width:50%;padding:10px 15px}}
.work__button:hover{background-color:#ee3b86;background-color:rgba(238,59,134,0.5);color:#fff;text-decoration:none}
.work-background{position:fixed;width:100%;height:100%;top:0;left:0;background-color:#000;overflow:scroll;z-index:99999;perspective:1000;-webkit-backface-visibility:hidden;}
.work-info{background:#fff;padding:25px 2%;overflow-y: auto;}
@media (min-width: 480px){.work-info{width:40%;height:100%;position:fixed;top:0;right:0;margin-left:5%;padding:50px 2%}}
@media (min-width: 960px){.work-info{width:30%}}
.work-detail{padding:25px 2%;font-size:18px;line-height:1.2;color:#e4e4e4;background-color:#646263;}
@media (min-width: 480px){.work-detail{padding:50px 5%;width:60%}}
@media (min-width: 960px){.work-detail{width:70%}}
@media (min-width: 1280px){.work-detail{padding:25px 12%}}
.work-detail p{margin-bottom:30px}
.work-detail a{color:#fff}
.work-detail img{display:block;width:100%}
.work-close{-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;cursor:pointer;position:fixed;top:10px;right:30px}
.work-close:hover{-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
@media (min-width: 480px){.work-close{position:absolute}}
#workdetail{display:none}
.work-detail__title{color:#EE3B86;font-family:'Open Sans';font-weight:700;font-size:45px}
.work-detail__subtitle{font-weight:300;font-size:25px;color:#474747}
.work-detail__categories{font-family:'Open Sans';font-size:14px;line-height:16px;margin:10px 0;font-weight:400;color:#c0c0c0;text-transform:uppercase}
.work-detail__content img{width:100%;max-width:930px}
.work-detail__content p{font-size:20px;line-height:1.4}
.work-detail__content h2{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;background:#EE3B86;padding:10px 20px;font-family:'Open Sans';font-size:16px;color:#fff;text-transform:uppercase}
.work-detail__link{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;-moz-transition:color 0.2s ease-out,background-color 0.2s ease-out;-o-transition:color 0.2s ease-out,background-color 0.2s ease-out;-webkit-transition:color 0.2s ease-out,background-color 0.2s ease-out;transition:color 0.2s ease-out,background-color 0.2s ease-out;border:1px solid #EE3B86;font-weight:400;font-size:25px;text-transform:lowercase;padding:8px 20px;color:#EE3B86;text-decoration:none;margin:20px 0 0}
.work-detail__link:hover{background:#EE3B86;color:#fff;text-decoration:none}
.work-detail__longdesc{border-top:1px solid #b1b1b1;border-bottom:1px solid #b1b1b1;padding:20px 0;color:#4c4c4c;font-family:'Open Sans';font-size:16px;margin:20px 0 0}
.work-detail__longdesc p{font-family:'Open Sans';font-size:16px;margin:0 0 15px}
.work-categories{margin-bottom:30px;text-align:center}
.work-category{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;-moz-transition:background-color 0.2s ease-in-out;-o-transition:background-color 0.2s ease-in-out;-webkit-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out;border:2px solid #fff;color:#fff;background-color:#838383;padding:6px 15px;text-align:center;cursor:pointer;text-transform:uppercase;font-family:'Open Sans';font-size:16px;line-height:18px;margin:0 1% 15px}
.work-category.selected,.work-category:hover{background-color:#EE3B86;color:#fff}
.work-detail__betweenWork{border-bottom: 5px solid #b1b1b1;padding:10px 0;color: #4c4c4c;font-family: 'Open Sans';font-size:16px;margin: 10px 0 0;}