.tem308-irregular{padding:0!important;}
.tem308-irregular .item{height:100vh;position:relative;}
.tem308-irregular .id{color:#FFF;font-size:150px;font-weight:bold;position:absolute;top:-110px;opacity:.1;line-height:1;}
.tem308-irregular .id.OFF{display:none;}
.tem308-irregular .main,
.tem308-irregular .box,
.tem308-irregular .bgimg{position:absolute;top:0;right:0;bottom:0;left:0;}
.tem308-irregular .main{clip:rect(auto,auto,auto,auto);}
.tem308-irregular .bgimg{background:no-repeat center;background-size:cover;-webkit-filter:blur(20px);-moz-filter:blur(20px);-ms-filter:blur(20px);filter:blur(20px);opacity:0;}
.tem308-irregular .box{position:fixed;display:flex;display:-webkit-flex;align-items:center;justify-content:center;}
body.designer-body .tem308-irregular .box{position:relative;height:100vh;}
.tem308-irregular .container{display:flex;display:-webkit-flex;align-items:center;justify-content:center;position:relative;z-index:1;}
.tem308-irregular .image{flex-grow:1;padding:0 15px;position:relative;}
.tem308-irregular .image a{position:relative;z-index:1;display:block;}
.tem308-irregular .image img{width:100%;}
.tem308-irregular .text{flex-shrink:0;position:relative;z-index:1;}
/* subtitl */
.tem308-irregular .subtitl{position:relative;border-color:rgba(255,255,255,.3);}
.tem308-irregular .subtitl span{display:inline-block;opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0);-webkit-transition:opacity 2s cubic-bezier(.19,1,.22,1),-webkit-transform 2s cubic-bezier(.19,1,.22,1);transition:opacity 2s cubic-bezier(.19,1,.22,1),transform 2s cubic-bezier(.19,1,.22,1);}
.tem308-irregular .subtitl::before{position:absolute;top:50%;width:100px;display:block;opacity:.6;-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center;-webkit-transform:translate3d(10px,0,0) scale(0,1);transform:translate3d(10px,0,0) scale(0,1);-webkit-transition:-webkit-transform 2s cubic-bezier(.19,1,.22,1);transition:transform 2s cubic-bezier(.19,1,.22,1);height:1px;content:'';border-top:1px solid;border-color:inherit;}
.tem308-irregular .item.active .subtitl span{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-delay:0s;transition-delay:0s;}
.tem308-irregular .item.active .subtitl::before{-webkit-transform:translate3d(0,0,0) scale(1,1);transform:translate3d(0,0,0) scale(1,1);-webkit-transition-delay:.1s;transition-delay:.1s;}
/* titl */
.tem308-irregular .titl{padding:5% 0;}
.tem308-irregular .titl p{line-height:1.2;display:block;-webkit-transform:translate3d(0,16px,0);transform:translate3d(0,16px,0);-webkit-transition:opacity 1.5s cubic-bezier(.19,1,.22,1),-webkit-transform 1.5s cubic-bezier(.19,1,.22,1);transition:opacity 1.5s cubic-bezier(.19,1,.22,1),transform 1.5s cubic-bezier(.19,1,.22,1);overflow:hidden;}
.tem308-irregular .titl p span{display:block;-webkit-transform:translate3d(0,64px,0);transform:translate3d(0,64px,0);-webkit-transition:-webkit-transform 1s cubic-bezier(.19,1,.22,1);transition:transform 1s cubic-bezier(.19,1,.22,1);}
.tem308-irregular .item.active .titl p,
.tem308-irregular .item.active .titl p span{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.tem308-irregular .item:not(.active) .titl p{opacity:0;}
.tem308-irregular .item:not(.active) .titl p span{-webkit-transform:translate3d(0,64px,0);transform:translate3d(0,64px,0);-webkit-transition-delay:0s;transition-delay:0s;}
/* descr */
.tem308-irregular .descr{line-height:1.7;-webkit-transition:opacity 1.5s .1s cubic-bezier(.19,1,.22,1),-webkit-transform 1.5s .1s cubic-bezier(.19,1,.22,1);transition:opacity 1.5s .1s cubic-bezier(.19,1,.22,1),transform 1.5s .1s cubic-bezier(.19,1,.22,1);}
.tem308-irregular .item:not(.active) .descr{opacity:0;-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0);}
.tem308-irregular .item.active .descr{-webkit-transition-delay:.3s;transition-delay:.3s;opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}

.tem308-irregular .box.textRight .subtitl::before{left:-120px;}
.tem308-irregular .box.textRight .id{left:20%;}
.tem308-irregular .box.textLeft .id{right:20%;}
.tem308-irregular .box.textLeft .container{flex-direction:row-reverse;text-align:right;}
.tem308-irregular .box.textLeft .subtitl::before{right:-120px;}
@media(max-width:768px){
    .tem308-irregular .main,
    .tem308-irregular .box{height:auto;position:initial;}
    .tem308-irregular .box{padding:10% 0;}
    .tem308-irregular .box .container{text-align:left!important;}
    .tem308-irregular .container{flex-wrap:wrap;align-content:center;padding:0!important;}
    .tem308-irregular .id{top:initial;bottom:-5%;transform:translateY(100%);left:initial!important;right:20%;}
    .tem308-irregular .item{height:auto;}
    .tem308-irregular .image{padding:0 10% 0 5%;}
    .tem308-irregular .text{flex-shrink:1;padding:5% 15%!important;width:100%;}
    .tem308-irregular .titl span{font-size:30px!important;}
    .tem308-irregular .subtitl{display:none;}
}