/*************static-grid.css****************/
.inic-demo *, .inic-demo *::after, .inic-demo *::before{-webkit-box-sizing:border-box;box-sizing:border-box;}
#portfolio-grid .section{overflow:hidden;position:relative;height:100vh;min-height:1070px;max-height:1200px;padding:7vmax;}
#portfolio-grid .section--right{text-align:right;}
#portfolio-grid .section--intro{background:#323a45;}
#portfolio-grid .section--portraits{background:linear-gradient(20deg, #F5F0F9, #A8CFF1);}
.section--shots{background:linear-gradient(20deg, #D1D7EF, #5C61F5);}
#portfolio-grid .isolayer{position:absolute;top:180px;left:0;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;}
.js .grid,
.js .grid__item,
.js .grid__link{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;}
#portfolio-grid .grid{position:relative;margin:0 auto;padding:0;list-style:none;}
#portfolio-grid .grid__item{width:300px;}
#portfolio-grid .grid__link{position:relative;z-index:1;display:block;}
#portfolio-grid .grid__img{display:block;max-width:100%;}
#portfolio-grid .layer{position:relative;display:block;}
#portfolio-grid .layer:not(:first-child){position:absolute;top:0;left:0;}
#portfolio-grid .isolayer--shadow .grid__link::before{content:'';position:absolute;z-index:-1;top:5px;right:5px;bottom:5px;left:5px;opacity:0.6;background:rgba(0,0,0,0.8);box-shadow:0 0 0 0 rgba(0,0,0,0.8);-webkit-transform:translateZ(-1px) scale(0.95);transform:translateZ(-1px) scale(0.95);-webkit-transition:transform 0.3s, opacity 0.3s, box-shadow 0.3s;transition:transform 0.3s, opacity 0.3s, box-shadow 0.3s;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
#portfolio-grid .isolayer--shadow .grid__item:hover .grid__link::before{opacity:0.2;box-shadow:0 0 20px 10px rgba(0,0,0,0.8);-webkit-transform:translateZ(-1px) scale(1);transform:translateZ(-1px) scale(1);}
#portfolio-grid .inic-demo{width:1200px;height:900px;}
#portfolio-grid .inic-demo .grid__link .layer:first-child:not(img){background:#ac5cf5;}
#portfolio-grid .inic-demo .grid__link .layer:nth-child(2):not(img){background:#454545;}
#portfolio-grid .inic-demo .grid__link .layer:nth-child(3):not(img){background:#5debb4;}
#portfolio-grid .inic-demo .grid__link div.layer{width:365px;height:255px;opacity:0.4;}
#portfolio-grid .inic-demo .grid__item{width:400px;height:300px;padding:15px;}
#portfolio-grid .inic-demo .grid__item:nth-child(2){margin-top:150px;}
.js .grid--effect-flip .grid__item{opacity:0;}
.js .grid--effect-flip .grid__item.shown{opacity:1;}
#portfolio-grid .grid--effect-flip .grid__item.animate{-webkit-transform:translateY(800px);transform:translateY(800px);-webkit-animation:moveUp 1s cubic-bezier(0.2,1,0.3,1) forwards;animation:moveUp 1s cubic-bezier(0.2,1,0.3,1) forwards;}
@-webkit-keyframes moveUp{100%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);}
}
@keyframes moveUp{100%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);}
}
.js .grid{opacity:0;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;}
.js .grid.grid--loaded{opacity:1;}
@-webkit-keyframes rotateCircle{to{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes rotateCircle{to{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
.js body.grid-loaded::after{opacity:0;}