/*Section Content*/
.section-parent .hover{
   position: absolute;
   bottom: 0;
   display: flex;
   align-items: center;
   justify-content:center ;
   box-shadow:0px 1px 5px 1px rgba(0,0,0,0.4);
   text-shadow: rgb(0, 0, 0) 1px 1px 2px;
   left: 0;
   width: 100%;
   height: 20%;
   background: var(--primary-text-color) !important;     
   

}

.section-parent .hover h4{
   position: relative;
   margin-bottom: 0px !important;
justify-content: center;
align-items: center;
   display: flex;
   color: var(--primary-color)  !important;
   width: 100%;
   height: 100%;
}
.section-parent .hover h4:before, .section-parent .hover h4:after{
   content: "";
   width: 100%;
   left: 0px;
   height: 100%;
   position: absolute;
   top: 0px;
}

.section-parent .hover h4:after{
   background: var(--primary-color);
   opacity: .3;
}
.section-parent .hover h4:before{
z-index: -1;
   background: var(--primary-text-color);
opacity: 1;
}
.section-parent .hover>div{
   z-index: 1;
}

.section-content  .img-button,
.section-parent  .img-button{
   background: #ffffff !important;     
   border: none;
   display: block;
   padding:0px;
   height:200px;
   position: relative;
   width: 100%;
   margin: auto;
   text-align:center;
}
.section-content .img-button img,
.section-parent .img-button img{
   height:100%;
   width: 100%;
   object-fit: cover;
}

.img-button{
   overflow: hidden;
}

.img-button img:hover{
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    transition: all 0.8s ease;
   transform: scale(1.5);
}

.post-content{
   align-items: center;
   min-height: 180px;
}
.post-content a{
   color: var(--primary-text-color);
   background: var(--primary-color);
   font-size: 14px;
}


  .post-content, .product{
   box-shadow:0px 1px 5px 1px rgba(0,0,0,0.4);
}
/*Modal Galeria*/

.portfolio-modal .modal-dialog {
   margin: 0;
   width: auto;
   max-width: 95%;
    height: 100%;
   padding-right: 16px;
}

.portfolio-modal .close-modal{
   position: absolute;
   width: 75px;
   height: 75px;
   background-color: transparent;
   top: 25px;
   right: 25px;
   cursor: pointer;
}
.portfolio-modal .modal-content {
   border-radius: 0;
   background-clip: border-box;
   -webkit-box-shadow: none;
   box-shadow: none;
   border: none;
   min-height: 100%;
   padding: 100px 0;
   text-align: center;
}
.portfolio-modal .modal-content h3 {
   margin-bottom: 15px;
   font-size: 3em;
}
.portfolio-modal .modal-content img {
   margin-bottom: 30px;
}
.portfolio-modal .close-modal .lr {
   height: 75px;
   width: 1px;
   margin-left: 35px;
   background-color: #222222;
   transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   z-index: 1051;
}
.portfolio-modal .close-modal .lr .rl {
   height: 75px;
   width: 1px;
   background-color: #222222;
   transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   -webkit-transform: rotate(90deg);
   z-index: 1052;
}

/*Section Products*/

.product{
   position: relative;
   z-index: 1;
}

.product:before, .product:after{
   content: "";
   width: 100%;
   left: 0;
   height: 100%;
   position: absolute;
   top: 0px;
}

.product:after{
   background: var(--primary-color);
   opacity: .3;
   z-index: -1;
}
.product:before{
z-index: -1;
   background: var(--primary-text-color);
opacity: 1;
}
.product>div{
   z-index: 1;
}
 .product small, .product s{
   color:var(--primary-text-color) !important;
   text-shadow: var(--primary-text-color) 1px 1px 2px;
}
.product h5{
   padding: 10px;
   z-index: 1;
   color:var(--primary-color) !important;
   text-align: center;
}
.product .product-but{
   border-top: 1px solid rgba(0,0,0,0.4);
   display: flex;
   justify-content: flex-end;
   align-items: center;
   padding: 5px 0px;
}
.product .product-value{
   top: 0px;
   position: absolute;
   background:  var(--primary-color);
   padding: 10px;
   border-radius: 0px 0px 25px 0px;
   box-shadow:0px 1px 5px 1px rgba(0,0,0,0.4);
}

.product .product-value p{
   color: #ffffff;
   font-size: 10px;
   text-shadow: rgb(0, 0, 0) 1px 1px 2px;
}
.product .product-but a{
   border-right: 1px solid rgba(0,0,0,0.4);
   padding: 5px;
}

.product .product-but a:last-child{
   border-right: none;
}
.section-product  .product-img img{
   height: 150px;
   width: 100%;
   max-width: 100%;
   object-fit: cover;
}

.section-product  .content h5{
   font-size: 18px;
}

.section-product  .content p{
   font-size: 14px;
}
.owl-carousel-products-sync1 .owl-item{
   background: #000;
   display: flex;
   justify-content: center;
   align-items: center;
}
.owl-carousel-products-sync1 .owl-item img{
  object-fit:cover;
   object-position:top;
   width:100% !important;
   height:auto !important;
   max-width:100%;
   margin:auto;
}

.owl-carousel-products-sync1 .owl-dots {
   display:flex;
   align-items:center;
   justify-content:center;
   flex-wrap:wrap;
}
.owl-carousel-products-sync1 .owl-dot {
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;  
   height:80px;
   min-width:80px;
   width:20%;
   margin:5px;
}
.owl-carousel-products-sync1 .owl-dot span{
   display:none !important;
}

.owl-stage{
   display: flex;
   align-items: stretch;
}

@media screen and (max-width: 768px) {
   .content{
       margin-bottom: 2em;
   }
   .content .description{
       margin-bottom: 10px;
   }
}

@media screen and (max-width: 425px) {
   .portfolio-modal .close-modal .lr {
       height: 30px;
   }
   .portfolio-modal .close-modal .lr .rl {
       height: 30px;
   }
   .content{
       margin-bottom: 2em;
   }
   .content .description{
       margin-bottom: 10px;
   }
}