#filter'); filter: brightness(1.4); -webkit-filter: brightness(1.4); } .hovereffect h2 { text-transform: uppercase; text-align: center; position: relative; font-size: 17px; padding: 10px; background-color: transparent; color: #FFF; padding: 1em 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-150%,-400%,0); transform: translate3d(-150%,-400%,0); } .hovereffect a, .hovereffect p { color: #FFF; padding: 1em 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-150%,-400%,0); transform: translate3d(-150%,-400%,0); } .hovereffect:hover a, .hovereffect:hover p, .hovereffect:hover h2, .hovereffect:hover .overlay { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .items_image-product{ width:100%; height:65%; } .img-product{ width:100%; height:100% !important; } .items_image a .overlay{ position:absolute; left:0; top:0; width:100%; height:65%; background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(21,100,169,.7)),color-stop(1,rgba(28,139,203,.7))); background-image:-o-linear-gradient(bottom,#00000061 0,#00000061 100%); background-image:-moz-linear-gradient(bottom,#00000061 0,#00000061 100%); background-image:-webkit-linear-gradient(bottom,#00000061 0,#00000061 100%); background-image:-ms-linear-gradient(bottom,#00000061 0,#00000061 100%); background-image:linear-gradient(to bottom,#00000061 0,#00000061 100%); opacity:0; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; } .product-mx{ padding-left:0; } .overlay2 h3{ text-align: left; font-size: 15px; font-weight: normal; color: #fff; position: absolute; bottom: 12px; left: 15px; letter-spacing: 1px; } .wid-sec-04-title{ padding:20px 0; } .wid-sec-04-title a{ color:#7a0606; font-weight:900; position:relative; padding-left:120px; } .wid-sec-04 { padding: 40px 0 75px 0; background: rgb(8,0,0); background: linear-gradient(90deg, rgba(8, 0, 0, 0.48) 0%, rgba(0, 0, 0, 0.3) 34%, rgba(255,255,255,0.4797269249496674) 46%, rgba(0, 0, 0, 0.26) 62%, rgba(0, 0, 0, 0.5) 100%, rgba(246,252,253,1) 100%); } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-left: 7px; padding-right: 0px; } .imaghover:hover{ opacity:0.2; } .items_image a .overlay2{ position: absolute; left: 0; bottom: 0; width: 100%; height: 35%; background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(21,100,169,.7)),color-stop(1,rgba(28,139,203,.7))); background-image:-o-linear-gradient(bottom,#00000061 0,#00000061 100%); background-image:-moz-linear-gradient(bottom,#00000061 0,#00000061 100%); background-image:-webkit-linear-gradient(bottom,#00000061 0,#00000061 100%); background-image:-ms-linear-gradient(bottom,#00000061 0,#00000061 100%); background-image: linear-gradient(to bottom,#00000000 0,#00000094 100%); opacity:1; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; } .items_image{ text-align:center; position:relative; height: 400px; background-color:#191919; } .overlay:before,.overlay_position{ position:absolute; left:0; width:100%; } .overlay:before{ height:100%; top:0; opacity:.3; z-index:2; } .overlay_position{ top: 65%; text-align: left; transform: translate(0,-50%); padding: 20px; } .overlay_icon{ display:inline-block; padding:10px; font-size:20px; color:#fff; } .overlay_text{ font-size: 10px; color: #902f2f; letter-spacing: 2px; float:right; padding: 10px 20px; } .overlay_title{ margin: 23px 0 10px; font-size: 15px; color: #fff; font-weight: bold; letter-spacing: 2px; padding-left:20px; text-align: left; } .overlay_intro{ min-height: 35px; max-height: 35px; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; font-size: 11px; color: #fff; padding-left:20px; text-align: left; } .overlay_intro span{ color: #fff !important; } .boxProducts_items{margin:0 0 5px;min-height:200px;} .category_products_title{position:relative;font-size:20px;background:#006838;font-weight:600;padding:10px;margin:0 0 25px;color:#fff;} .category_products_title:after{position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#ececec;} .category_products_box ul li a{font-weight:300;} .content-h{margin-top:50px;background:#fff;} .item-cate li a:hover{color:#52a741;} .items_image .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: #1b1e20eb; } .items_image:hover .overlay { opacity: 1; } .items_image .text { color: white; font-size: 20px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }