.tem97-main-products .items,
.tem97-main-products .top{display: flex;display: -webkit-flex;margin-bottom: 5px;flex-wrap: wrap;}
.tem97-main-products .items{width: 100%;}
.tem97-main-products .items:nth-of-type(1){display: flex;}
.tem97-main-products.content-right .top{flex-direction: row-reverse;}
.tem97-main-products .top .item:first-child{width: 49.932%;padding: 0 5px;}
.tem97-main-products .con{display: flex;display: -webkit-flex;width: 50%;flex-wrap: wrap;}
.tem97-main-products .con .item{width: 49.932%;padding: 5px;}
.tem97-main-products .con .item:nth-of-type(1),
.tem97-main-products .con .item:nth-of-type(2){padding-top: 0;padding-bottom: 0;}
.tem97-main-products .con .item:nth-of-type(3),
.tem97-main-products .con .item:nth-of-type(4){padding-bottom: 0;}
.tem97-main-products .item a{position: relative;display: block;height: 100%;}
.tem97-main-products .item{padding: 0 5px;margin:5px 0;}
.tem97-main-products .image{background-size: cover;background-position: center;height: 100%;}
.tem97-main-products .items img{width: 100%;visibility: hidden;}
.tem97-main-products .text{color:#333;padding: 5%;transition: .5s;width: 100%;transform: translateY(-100%);-moz-transform: translateY(-100%);-webkit-transform: translateY(-100%);}
.tem97-main-products .text .description{line-height: 170%;}
.tem97-main-products .text .title{display: none;}

.tem97-main-products .navBar{border-color:#222;color:#333;}
.tem97-main-products .navBar ul{padding:2% 0;text-align:center;border-color:inherit;color:inherit;}
.tem97-main-products .navBar span{padding:0 24px;line-height:34px;display:inline-block;position:relative;cursor:pointer;white-space:nowrap;z-index:1;}
.tem97-main-products .navBar a{color:inherit!important;text-decoration:none!important;}
.tem97-main-products .navBar li{border-color:inherit;margin:3px;display:inline-block;position:relative;}
.tem97-main-products .navBar li:before,
.tem97-main-products .navBar li:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:17px solid;border-radius:30px;border-color:inherit;opacity:0;transition:.5s;}
.tem97-main-products .navBar li:after{transform:translateY(10px);-webkit-filter:blur(10px);-moz-filter:blur(10px);-ms-filter:blur(10px);-o-filter:blur(10px);filter:blur(10px);}
.tem97-main-products .navBar li:hover:before,
.tem97-main-products .navBar .active:before{opacity:1;}
.tem97-main-products .navBar li:hover:after,
.tem97-main-products .navBar .active:after{opacity:.5;}
.tem97-main-products .navBar li:hover,
.tem97-main-products .navBar .active,
.tem97-main-products .items{color:#FFF;}
.tem97-main-products .items.OFF{transform: scale(0);width: 0;padding: 0!important;margin: 0;opacity: 0;flex: none;height: 0;}

@media (min-width: 769px){
.tem97-main-products .item:hover .text{opacity: 0;transform:translateX(-3%) translateY(-100%);-moz-transform:translateX(-3%) translateY(-100%);-webkit-transform:translateX(-3%) translateY(-100%);}
.tem97-main-products .btn-group .btn:hover::before,
.tem97-main-products .btn-group.active .btn::before{width: calc(100% - 8px);left:4px;height:calc(100% - 8px);top:4px;opacity: .6;background: transparent;}
}
@media (max-width: 768px){
.tem97-main-products .items::before{font-size: 4rem;}
.tem97-main-products .text .description{margin-bottom: 0;}
.tem97-main-products .con .item{width: 33.289%;}
.tem97-main-products .top .item:first-child,
.tem97-main-products .con{width: 100%;}
}
@media (max-width: 991px){
.tem97-main-products .container,
.tem97-main-products.full-screen-spacing .container.full-screen{padding-left: 3%!important;padding-right: 3%!important;}
.tem97-main-products .items::before{bottom:-35px;}
}
@media (max-width: 360px){
.tem97-main-products .con .item:nth-of-type(n){width: 100%;}
}