/*tem153-irregular*/
.tem153-irregular .wrap{padding:35% 0 35% 10%;}
.tem153-irregular .wrap .title{font-size:26px;color:#333;padding:0 0 15px;}
.tem153-irregular .wrap .description{font-size:14px;color:#555;line-height:24px;}
.tem153-irregular .box{width:2000px;transform:translateX(90px) translateY(40px);
-o-transform:translateX(90px) translateY(40px);
-moz-transform:translateX(90px) translateY(40px);
-ms-transform:translateX(90px) translateY(40px);
-webkit-transform:translateX(90px) translateY(40px);}
.tem153-irregular .column{width:254px;float:left;margin:0 auto;display:block;}
.tem153-irregular .column:nth-of-type(4) .up{left:-635px;top:126px;z-index:3;}
.tem153-irregular .column:nth-of-type(4) .down{left:-381px;z-index:3;top:-126px;}
.tem153-irregular .rotates{height:254px;position:relative;}
.tem153-irregular .rotates .Litem{color:#333;border-color:#777;text-align:center;z-index:1;width:180px;height:180px;overflow:hidden;-o-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
-moz-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
-ms-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
-webkit-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
-o-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transform:rotate(45deg);}
.tem153-irregular .rotates .Litem img{width:100%;transform:rotate(-45deg) scale(1.42);
-o-transform:rotate(-45deg) scale(1.42);
-moz-transform:rotate(-45deg) scale(1.42);
-ms-transform:rotate(-45deg) scale(1.42);
-webkit-transform:rotate(-45deg) scale(1.42);
-o-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
-moz-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
-ms-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
-webkit-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.tem153-irregular .rotates:hover .Litem img{transform:rotate(-45deg) scale(1.5);
-o-transform:rotate(-45deg) scale(1.5);
-moz-transform:rotate(-45deg) scale(1.5);
-ms-transform:rotate(-45deg) scale(1.5);
-webkit-transform:rotate(-45deg) scale(1.5);}
.tem153-irregular .column .down{left:0;top:0;z-index:10;}
.tem153-irregular .more{margin-top:30px;}
.tem153-irregular .more a{border-radius:0;border:none;position:relative;overflow:hidden;padding:10px 30px;z-index:2;}
.tem153-irregular .more a::before{content:"";position:absolute;background:#000;width:20px;height:100%;left:0;top:0;z-index:-2;}
.tem153-irregular .more a::after{content:"";position:absolute;background:inherit;width:20px;height:135%;left:7px;top:0;z-index:-1;transform:rotate(24deg);
-o-transform:rotate(24deg);
-moz-transform:rotate(24deg);
-ms-transform:rotate(24deg);
-webkit-transform:rotate(24deg);}
@media (max-width:1200px){
.tem153-irregular .box{padding-top:20px;transform:translateX(0) translateY(25px);
-o-transform:translateX(0) translateY(25px);
-moz-transform:translateX(0) translateY(25px);
-ms-transform:translateX(0) translateY(25px);
-webkit-transform:translateX(0) translateY(25px);}
}
@media (max-width:991px){
.tem153-irregular .box{transform:translateX(100px) translateY(25px);
-o-transform:translateX(100px) translateY(25px);
-moz-transform:translateX(100px) translateY(25px);
-ms-transform:translateX(100px) translateY(25px);
-webkit-transform:translateX(100px) translateY(25px);}
.tem153-irregular .wrap{padding:30px;}
.tem153-irregular .wrap .title{font-size:22px;padding:10px 0;}
}
@media (max-width:768px){
.tem153-irregular .box{transform:translateX(20px) translateY(25px);
-o-transform:translateX(20px) translateY(25px);
-moz-transform:translateX(20px) translateY(25px);
-ms-transform:translateX(20px) translateY(25px);
-webkit-transform:translateX(20px) translateY(25px);}
}
@media (max-width:767px){
.tem153-irregular .col-xs-12,
.tem153-irregular .full-screen-spacing .col-xs-12{padding-left:3% !important;padding-right:3% !important;}
.tem153-irregular .wrap{padding:10px 0 30px;}
.tem153-irregular .wrap .title{font-size:16px;}
.tem153-irregular .more a{font-size:12px;padding:8px 20px;}
}
@media (max-width:480px){
.tem153-irregular .column{width:183px;}
.tem153-irregular .rotates{height:183px;}
.tem153-irregular .rotates .Litem{width:130px;height:130px;}
.tem153-irregular .column:nth-of-type(4) .up{left:-458px;top:92px;}
.tem153-irregular .column:nth-of-type(4) .down{left:-457px;top:91px;z-index:10;}
.tem153-irregular .column:nth-of-type(3) .up{left:-183px;top:366px;z-index:11;}
.tem153-irregular .column:nth-of-type(3) .down{left:-365px;top:183px;}
.tem153-irregular .box{margin-bottom:160px;transform:translateX(26px) translateY(0);
-o-transform:translateX(26px) translateY(0);
-moz-transform:translateX(26px) translateY(0);
-ms-transform:translateX(26px) translateY(0);
-webkit-transform:translateX(26px) translateY(0);}
.tem153-irregular .wrap .description{font-size:12px;line-height:20px;}
.tem153-irregular .more{margin-top:20px;}
}
@media (max-width:360px){
.tem153-irregular .box{transform:translateX(8px);
-o-transform:translateX(8px);
-moz-transform:translateX(8px);
-ms-transform:translateX(8px);
-webkit-transform:translateX(8px);}
.tem153-irregular .more a{padding:6px 15px;}
}
@media (max-width:320px){
.tem153-irregular .box{transform:translateX(-13px);
-o-transform:translateX(-13px);
-moz-transform:translateX(-13px);
-ms-transform:translateX(-13px);
-webkit-transform:translateX(-13px);}
}