.tem363-irregular.content-right .flexBoxStem.items{-webkit-flex-direction:row-reverse;-moz-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}
.tem363-irregular a{transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;}
.tem363-irregular .wrap{height: 100%;}
.tem363-irregular .img{background-size:cover;background-position:center;height:100%;display:block;background-repeat: no-repeat;}
.tem363-irregular .img img{width: 100%;opacity: 0;}
.tem363-irregular .items{position: relative;z-index: 1;}
.tem363-irregular .items .image{background-size:cover;background-position:center;position: absolute;width: 40%;right:0;height: 100%;z-index: -1;}
.tem363-irregular .items{transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;}
.tem363-irregular .con{display: flex;display: -webkit-flex;width: 50%;flex-wrap: wrap;}
.tem363-irregular .item-one{padding: 0!important;overflow: hidden;}
.tem363-irregular .item-one img{opacity: 0;width: 100%;}
.tem363-irregular .item-one a{background-size:cover;background-position:center;transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;display: block;height: 100%;width:100%;}
.tem363-irregular .item-one a:hover{transform: scale(1.1);}
.tem363-irregular .bt{align-items: center;flex-direction: row-reverse;}
.tem363-irregular .flexBoxStem.bt{flex-direction: row;}
.tem363-irregular .txt{display: flex;align-items: flex-start;}
.tem363-irregular .txt .subtitle{transition: .4s ease-out;-moz-transition: .4s ease-out;-webkit-transition: .4s ease-out;}
.tem363-irregular .txt .title{transition: .4s ease-out .2s;-moz-transition: .4s ease-out .2s;-webkit-transition: .4s ease-out .2s;position: relative;z-index: 1;padding: 5% 5% 5% 0;width: 100%;border-color:#333;transform: translateX(10%);margin:5% 0 10%;}
.tem363-irregular .txt:hover .title{transform: translateX(15%);-moz-transform: translateX(15%);-webkit-transform: translateX(15%);}
.tem363-irregular .txt .title::after{position: absolute;content: "";width: 80%;height: 100%;border:3px solid;border-color:inherit;left:20%;top:0;z-index: -2;}
.tem363-irregular .txt .title .border{position: absolute;width: 10px;height: 80%;left:19%;top:10%;z-index: -1;background-color:#fff;}
.tem363-irregular .text .subtitle{margin:0 0 10px;}

@media (min-width: 769px){
    .tem363-irregular .top:hover .title{transform: translateX(10%);-moz-transform: translateX(10%);-webkit-transform: translateX(10%);}
    .tem363-irregular .top:hover .image{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}
    .tem363-irregular .items:hover a img{border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
}
@media (max-width: 991px){
    .tem363-irregular .txt{align-items: center;width: 100%;margin-bottom: 10px;}
    .tem363-irregular .txt .title{margin:0;max-width: 100%;width: auto;}
    .tem363-irregular .bt{flex-direction: row;align-items: flex-start;}
    .tem363-irregular .txt .subtitle,
    .tem363-irregular .txt .subtitle p,
    .tem363-irregular .txt .subtitle span{font-size: 8rem!important;}
    .tem363-irregular .txt .title,
    .tem363-irregular .txt .title p,
    .tem363-irregular .txt .title span{font-size: 2rem!important;}
    .tem363-irregular .txt .title::after{border-width: 2px;}
}
@media (max-width: 768px){
    .tem363-irregular .container,
    .tem363-irregular.full-screen-spacing .container.full-screen{padding-left: 3%!important;padding-right: 3%!important;}
    .tem363-irregular .text .title,
    .tem363-irregular .text .title p,
    .tem363-irregular .text .title span{font-size: 14px!important;}
    .tem363-irregular .item .subtitle{margin:0 0 10px;}
    .tem363-irregular .txt .subtitle,
    .tem363-irregular .txt .subtitle p,
    .tem363-irregular .txt .subtitle span{font-size: 4rem!important;}
    .tem363-irregular .txt .title,
    .tem363-irregular .txt .title p,
    .tem363-irregular .txt .title span{font-size: 2rem!important;}
    .tem363-irregular .con{width: 100%;}
    .tem363-irregular .bt > div{width: 100%;}
    .tem363-irregular .items .text{margin-top: 15px;}
    .tem363-irregular .txt .title{margin-bottom: 10px;}
}
@media (max-width: 480px){
    .tem363-irregular .txt .subtitle,
    .tem363-irregular .txt .subtitle p,
    .tem363-irregular .txt .subtitle span{font-size: 2rem!important;}
    .tem363-irregular .txt .title,
    .tem363-irregular .txt .title p,
    .tem363-irregular .txt .title span{font-size: 18px!important;}
    .tem363-irregular .item a{width: 100%;margin-bottom: 10px;}
    .tem363-irregular .item a img{border-radius: 0;}
    .tem363-irregular .item .text{width: 100%;}
    .tem363-irregular .item{padding: 10px 0;}
}