@font-face{font-weight:normal;font-style:normal;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")}.responsivegallerymain *,*:after,*:before{-webkit-box-sizing:border-box;box-sizing:border-box}.clearfix:before,.clearfix:after{display:table;content:''}.clearfix:after{clear:both}.noscroll{overflow:hidden}a{outline:none;color:#81c483;text-decoration:none}a:hover,a:focus{color:#333;outline:none}button:focus{outline:none}.sidebar{text-align:center;background:#f5f5f5;z-index:1000;position:fixed;width:300px;max-width:100%;height:100%;height:100vh;top:0;left:0;padding:2em 1em}.sidebar h1{margin:.75em 0 0;font-size:2em;line-height:1}.sidebar h1 span{display:block}.codrops-links{position:relative;display:inline-block;text-align:center;white-space:nowrap;min-height:45px}.codrops-links::after{position:absolute;top:0;left:50%;width:1px;height:100%;background:#ddd;content:'';-webkit-transform:rotate3d(0,0,1,22.5deg);transform:rotate3d(0,0,1,22.5deg)}.codrops-icon{display:inline-block;margin:.5em;padding:0 0;width:1.5em;text-decoration:none}.codrops-icon span{display:none}.codrops-icon:before{margin:0 5px;text-transform:none;font-weight:normal;font-style:normal;font-variant:normal;font-family:'codropsicons';line-height:1;speak:none}.codrops-icon--drop:before{content:""}.codrops-icon--prev:before{content:""}.codrops-demos{margin:2em 0 0;font-size:.75em}.codrops-demos a{display:inline-block;margin:0 .5em}.codrops-demos a.current-demo{color:#333;font-weight:bold}.codrops-demos a.current-demo:focus{color:#aaa}.related{font-size:.85em;padding-bottom:1em}.related h3{margin:3em 0 .5em 0;font-size:.95em}.related a{display:block;color:inherit}.related a:hover,.related a:focus{color:#414741}.responsivegallerymain{position:relative;z-index:50}.grid{position:relative}.grid::after{content:'';background:rgba(202,202,202,.4);opacity:0;position:absolute;pointer-events:none;top:0;left:0;width:100%;height:100%;-webkit-transition:opacity .5s;transition:opacity .5s}.view-single .grid::after{opacity:1}.menu-toggle{position:fixed;z-index:100;display:block;width:25px;height:25px;top:14px;left:14px;cursor:pointer;background:none;border:none;display:none;margin:-2px 15px 0 0}.menu-toggle span{position:absolute;top:50%;left:0;display:block;width:100%;height:2px;background-color:#81c483;font-size:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.menu-toggle span:before,.menu-toggle span:after{position:absolute;left:0;width:100%;height:100%;background:#81c483;content:''}.menu-toggle span:before{-webkit-transform:translateY(-7px);transform:translateY(-7px)}.menu-toggle span:after{-webkit-transform:translateY(7px);transform:translateY(7px)}.filter{text-align:right;font-size:.75em;margin-left:auto}.dropdown{font-weight:bold;margin-left:5px;cursor:pointer;color:#81c483}.dropdown::after{content:'▼';margin-left:2px;font-size:80%}.grid__item{padding:45px 55px 30px;position:relative;color:inherit;background:#fff;min-height:300px;cursor:pointer;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}.grid__item::before{position:absolute;content:'';top:0;right:55px;bottom:0;left:55px;border-bottom:1px solid rgba(74,74,74,.075)}.grid__item *{z-index:10}.title--preview{-webkit-flex:1;flex:1;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:100%}.loader{height:1px;width:40%;margin:1em auto;position:relative;background:rgba(0,0,0,.1)}.loader::before{content:'';position:absolute;width:100%;height:3px;background:#a4e7ad;left:0;top:-1px;-webkit-transform:scale3d(0,1,1);transform:scale3d(0,1,1);-webkit-transform-origin:0% 50%;transform-origin:0% 50%}.grid__item--loading .loader::before{-webkit-transition:-webkit-transform 1s;transition:transform 1s;-webkit-transition-timing-function:cubic-bezier(.165,.84,.44,1);transition-timing-function:cubic-bezier(.165,.84,.44,1);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}.category{margin:0;position:relative;font-size:.8em;font-family:IRANSans;text-align:center;display:block}.title--preview,.loader,.category{-webkit-transition:-webkit-transform .2s,opacity .2s;transition:transform .2s,opacity .2s;-webkit-transition-timing-function:cubic-bezier(.7,0,.3,1);transition-timing-function:cubic-bezier(.7,0,.3,1)}.title--preview{-webkit-transition-delay:.15s;transition-delay:.15s}.loader{-webkit-transition-delay:.1s;transition-delay:.1s}.grid__item .category{-webkit-transition-delay:0s;transition-delay:0s;font-weight:400;font-size:16px}.grid__item--animate .title--preview{-webkit-transition-delay:0s;transition-delay:0s;opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}.grid__item--animate .loader{-webkit-transition-delay:.1s;transition-delay:.1s;opacity:0;-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}.grid__item--animate .category{-webkit-transition-delay:.15s;transition-delay:.15s;opacity:0;-webkit-transform:translate3d(0,-40px,0);transform:translate3d(0,-40px,0)}.meta{font-size:.765em;text-align:left}.meta .fa{margin-right:4px}.meta:before,.meta:after{display:table;content:''}.meta:after{clear:both}.meta__avatar{display:block;border-radius:15px;margin:2em auto;width:100%}.meta--preview .meta__avatar{-webkit-filter:grayscale(50%);filter:grayscale(50%)}.grid__item:hover .meta--preview .meta__avatar,.grid__item:focus .meta--preview .meta__avatar{-webkit-filter:none;filter:none}.meta__date,.meta__reading-time{display:block;float:left;color:#aaa}.meta__reading-time{text-align:right;float:right}.meta__misc{display:block;clear:both;text-align:left;padding:5px 0}.meta__misc--seperator{padding:20px 0 0;margin:65px 0 0;border-top:1px solid #f5f5f5}.article-nav{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.article-nav button{border:none;color:#81c483;background:none}.article-nav button:hover{color:#333}.meta--preview .meta__avatar,.meta--preview .meta__date,.meta--preview .meta__reading-time{-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.2,1,.3,1);transition-timing-function:cubic-bezier(.2,1,.3,1)}.grid__item--loading .meta__avatar{-webkit-transition-delay:.1s;transition-delay:.1s}.grid__item--loading .meta__date{-webkit-transition-delay:.17s;transition-delay:.17s}.grid__item--loading .meta__reading-time{-webkit-transition-delay:.24s;transition-delay:.24s}.grid__item--loading .meta__avatar,.grid__item--loading .meta__date,.grid__item--loading .meta__reading-time{-webkit-transform:scale3d(.5,.5,1);transform:scale3d(.5,.5,1);opacity:0}.page-meta{width:100%;background:#fff;width:100%;padding:15px 15px 10px;text-align:center;font-size:.75em;font-weight:bold;cursor:default}.placeholder{pointer-events:none;position:absolute;width:calc(100% + 5px);height:calc(100vh + 5px);z-index:1000;top:0;left:0;background:#fff;-webkit-transform-origin:0 0;transform-origin:0 0}.placeholder.placeholder--trans-in{-webkit-transition:-webkit-transform .5s;transition:transform .5s;-webkit-transition-timing-function:cubic-bezier(.165,.84,.44,1);transition-timing-function:cubic-bezier(.165,.84,.44,1)}.placeholder.placeholder--trans-out{-webkit-transition:-webkit-transform .5s;transition:transform .5s}.content{position:absolute;top:0;left:0;width:100%;pointer-events:none;height:0;visibility:hidden;z-index:400;overflow:hidden}.content.content--show{height:100vh;pointer-events:auto;visibility:visible}.scroll-wrap{position:absolute;width:100%;height:100%;left:0;top:0;z-index:1;-webkit-overflow-scrolling:touch}.content__item{position:absolute;top:0;width:90% !important;padding:80px 5% 40px;overflow:hidden;height:0;opacity:0;padding:35px 0 30px 30px;pointer-events:none;font-size:.85em}.content__item .responsivegallerydesc p{max-width:1200px;margin:0 auto 3em auto;text-align:justify}.content__item .responsivegallerydesc p:first-of-type{font-size:1.35em}.content__item.content__item--show{min-height:90vh;opacity:1;pointer-events:auto;-webkit-transition:opacity .6s;transition:opacity .6s;overflow-y:auto;width:97.5%;-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important}.category--full{font-size:1.25em;margin-bottom:20px;color:#81c483}.title--full{font-size:3.25em}.meta--full{font-size:1em;margin:0 auto 2em;max-width:1200px}.meta--full .meta__author{display:block;text-align:center;font-weight:bold;margin-bottom:20px}.meta--full .meta__author::before{content:'by ';font-weight:normal}.meta--full .meta__category{font-style:italic;float:left;margin:0 5px}.meta--full .meta__category::before{content:"in "}.meta--full .meta__avatar{margin:1em auto}.category--full,.title--full,.meta--full .meta__avatar,.meta--full .meta__author,.meta--full .meta__date,.meta--full .meta__reading-time{opacity:0}.content__item .responsivegallerydesc p{opacity:0}.category--full,.title--full{-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}.meta--full .meta__avatar,.meta--full .meta__author,.meta--full .meta__date,.meta--full .meta__reading-time{-webkit-transform:scale3d(.5,.5,1);transform:scale3d(.5,.5,1)}.content__item--show .category--full,.content__item--show .title--full,.content__item--show .meta--full .meta__avatar,.content__item--show .meta--full .meta__author,.content__item--show .meta--full .meta__date,.content__item--show .meta--full .meta__reading-time{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.2,1,.3,1);transition-timing-function:cubic-bezier(.2,1,.3,1)}.content__item--show .category--full,.content__item--show .title--full{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.content__item--show .title--full{-webkit-transition-delay:.05s;transition-delay:.05s}.content__item--show .meta--full .meta__avatar{-webkit-transition-delay:.2s;transition-delay:.2s}.content__item--show .meta--full .meta__date{-webkit-transition-delay:.27s;transition-delay:.27s}.content__item--show .meta--full .meta__reading-time{-webkit-transition-delay:.34s;transition-delay:.34s}.content__item--show.content__item .responsivegallerydesc p{opacity:1;-webkit-transition:opacity .5s .25s;transition:opacity .5s .25s;text-align:center}.close-button{position:absolute;border:none;background:none;margin:0;z-index:100;top:0;right:0;font-size:18px;color:#ddd;cursor:pointer;pointer-events:none;padding:20px 30px;opacity:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:opacity .3s;transition:opacity .3s}.close-button span{display:none}.close-button:hover{color:#7b7b7b}.close-button--show{opacity:1;pointer-events:auto}@media screen and (min-width:600px){html,body,.responsivegallerymain{height:100vh}.responsivegallerymain{height:100%;margin-left:0}.content__item{font-size:1em;width:90% !important;padding:80px 5% 40px}.grid__item{padding:45px 45px 30px}body #cdawrap{right:auto;left:30px;top:auto;bottom:0;background:none;border:none;width:240px;background:#f5f5f5}body #cdawrap .carbon-text{color:#7b7b7b}body #cdawrap a.carbon-poweredby{color:#7883c4}body #cdawrap a:hover.carbon-poweredby{color:#333}body #cdawrap #cda-remove{display:none}}@media screen and (min-width:900px){.grid{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.grid__item{width:50%;border:none}.grid__item::before{top:5px;right:5px;bottom:5px;left:5px;border:1px solid rgba(74,74,74,.075);-webkit-transition:opacity .3s;transition:opacity .3s}.grid__item:hover::before,.grid__item:focus::before{border:3px solid rgba(129,196,131,.5)}.grid__item--loading.grid__item::before{opacity:0}}@media screen and (min-width:1200px){.grid__item{width:33.333%}}@media screen and (min-width:1500px){.grid__item{width:25%}}@media screen and (min-width:1800px){.grid__item{width:20%}}@media screen and (min-width:2100px){.grid__item{width:16.66%}}@media screen and (max-width:599px){.sidebar{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s}.sidebar.sidebar--open{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.sidebar.sidebar--open~.responsivegallerymain{pointer-events:none}.top-bar{padding:22px 15px 10px 60px}.menu-toggle{display:inline-block}.sidebar .close-button{opacity:1;pointer-events:auto}.title--full{font-size:2em}.content__item{width:90% !important;padding:80px 5% 40px}.meta--full .meta__avatar{margin:-1em auto}.content .close-button{padding:10px 30px}.content .close-button::before{content:'';position:absolute;top:0;right:0;background:#fff;border-bottom:1px solid #f5f5f5;width:100vw;height:50px;pointer-events:none;z-index:-1}}@media screen and (max-height:580px){body #cdawrap{display:none}}