/* ===== side-wide/comments-template.css ===== */
/************************************
Display comment single post, page by comments_template()
************************************/
/*Begin Comment list post*/ 
.bzotech-blog-list-comment .title-comment-post{
    margin: 0px;
    margin-bottom: 30px;
    color: var(--bzo-gray-color);
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0.0015em;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
} 

.bzotech-blog-list-comment .title-comment-post #cancel-comment-reply-link{
  margin-left: 20px;
  display: inline-block;
  font-weight: 700;
}
.bzotech-blog-list-comment .title-comment-post #cancel-comment-reply-link:hover{
  text-decoration: underline;
}
.bzotech-blog-list-comment{
    margin-top: 90px;
}
.bzotech-blog-form-comment{
    padding-top: 54px
}
.bzotech-blog-form-comment .comment-reply-title{
    color: var(--bzo-title-color);
    font-weight: 600;
    font-size: 48px;
    line-height: 52px;
    text-transform: capitalize;
    margin: 0px;
}
.theme-demo4 .single-blog-style2 .bzotech-blog-form-comment .comment-reply-title,
.theme-demo3 .single-blog-style2 .bzotech-blog-form-comment .comment-reply-title
{
    font-weight: 400;
}
.bzotech-blog-form-comment .comment-form-cookies-consent label{
    font-weight: 400;
    margin-left: 25px;
    vertical-align: middle;
        margin-bottom: 0px;
}
.bzotech-blog-form-comment .comment-form-cookies-consent{
  margin-bottom: 30px;
  position: relative;
}
.bzotech-blog-form-comment .comment-form-cookies-consent input[type="checkbox"]{
   margin-top:0px;
    position: absolute;
    top:6px;
}
.bzotech-blog-form-comment .comment-form .contact-message 
{
   clear: both;
   margin-bottom: 0px;
}
.bzotech-blog-form-comment .comment-form .contact-email,
.bzotech-blog-form-comment .comment-form .contact-site, 
.bzotech-blog-form-comment .comment-form .contact-name {
    margin-bottom: 17px;
}

.bzotech-blog-form-comment .comment-form .contact-message{
    margin-bottom: 13px;
}
.bzotech-blog-form-comment .comment-form input[type="text"],
.bzotech-blog-form-comment .comment-form textarea
 {
    width: 100%;
    border-color: #d7d7d7;
}
.bzotech-blog-form-comment .comment-form .form-submit
 {
    margin-top: 40px;
    margin-bottom: 0px;
}
.bzotech-blog-form-comment .comment-form .control-group
 {
    margin-bottom: 40px;
}
.bzotech-blog-list-comment .title-line{
    margin-bottom: 50px;
}

.bzotech-blog-list-comment .comment-list{
    list-style: none;
    padding-left: 0px;
        margin-bottom: 0px;
}
.bzotech-blog-list-comment .comment-list .comment-thumb img{
    border-radius: 50%;
        height: auto;
}
.bzotech-blog-list-comment .comment-list .comment-thumb{
       width: 50px;
    min-width: 50px;
}
.bzotech-blog-list-comment .comment-list .comment-info{
    padding-left: 0px;
    padding-top: 0px;
    width: calc(100% - 50px);
    position: relative;
    margin-left: 15px;
}
.bzotech-blog-list-comment .comment-list .comment-info .author-name,
.bzotech-blog-list-comment .comment-list .comment-info .author-name a
{
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
    color: var(--bzo-gray-color);
}
.bzotech-blog-list-comment .comment-list .comment-info .author-name a:hover{
    color: var(--bzo-main-color);
}
.bzotech-blog-list-comment .comment-list .comment-info .author-date
{
    font-size: 14px;
    color: #898989;
        width: calc(100% - 150px);
}
.bzotech-blog-list-comment .comment-list .comment-info .author-name span
{
    font-size: 18px;
    color: #000;
    margin-left: 30px;
    display: inline-block;
    font-weight: 400;
}
.bzotech-blog-list-comment .comment-list .comment-info .author-name
{
    margin-bottom: 14px;
        width: calc(100% - 150px);
}

.bzotech-blog-list-comment .comment-list .comment-info .content-comment>p:last-child{
    margin-bottom: 0px;
}
.bzotech-blog-list-comment .comment-list .comment-info .date{
    margin-top: 12px;
    display: inline-block;
    font-size: 16px;
    color: #999;
}
.bzotech-blog-list-comment .comment-list .comment-info .date span{
    margin-right:5px;
}
.bzotech-blog-list-comment .item-comment .comment-info{
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d6d6d6;
}
.bzotech-blog-list-comment .comment-list>li:first-child>.item-comment {
    margin-top: 20px;

}
.comment-list .comment-reply-link {
    position: absolute;
    right: 0;
    top: 0;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0;
    border-bottom: 1px solid var(--bzo-gray-color);
    line-height: 22px;
}
.comment-list .comment-reply-link:hover{
    border-color: var(--bzo-main-color);
}
.comment-list .comment-respond{
    margin-bottom:50px;
    padding-top: 40px;
}
#cancel-comment-reply-link{
    font-size: 20px;
}

.comment-list ul{
    list-style: none;
}
.comment-list .content-comment ul {
    list-style: disc;
}
.comment-list .children{
    padding-left: 65px;
}
@media (max-width: 991px){

    .comment-list .children {
        padding-left: 32px;
    }
    
}
@media (max-width: 768px){

    .comment-list .children {
        padding-left: 0px;
    }
}
@media (max-width: 767px){
   .comment-list .comment-reply-link{
    position: unset;
    margin-top: 20px;
   }
}
/*End Comment list post*/

/*Begin Comment form post*/
.bzotech-blog-form-comment .comment-form .contact-name .title-label,
.bzotech-blog-form-comment .comment-form .contact-email .title-label,
.bzotech-blog-form-comment .comment-form .contact-site .title-label,
.bzotech-blog-form-comment .comment-form .contact-message .title-label{
    display: block;
    font-weight: 400;
    font-size:16px;
    margin-bottom: 9px;
}
.bzotech-blog-form-comment .comment-form .contact-name .title-label span,
.bzotech-blog-form-comment .comment-form .contact-email .title-label span,
.bzotech-blog-form-comment .comment-form .contact-site .title-label span,
.bzotech-blog-form-comment .comment-form .contact-message .title-label span{
    color: #FF3B3B;
}
.bzotech-blog-form-comment .comment-form input[type="text"]{
    height: 50px;
}
.bzotech-blog-form-comment .comment-form input[type="text"], 
.bzotech-blog-form-comment .comment-form textarea{
    width: 100%;
    border: none;
    padding: 0px 22px;
    font-size: 16px;
    background: #F0F0F0;
    border-radius: 15px;
} 
.bzotech-blog-form-comment .comment-form textarea{
    padding-top: 14px;
    height: 140px;
}
.bzotech-blog-form-comment .comment-form input[type="text"]::-webkit-input-placeholder,
.bzotech-blog-form-comment .comment-form textarea::-webkit-input-placeholder 
{ /* Edge */
  color: #666;
}

.bzotech-blog-form-comment .comment-form textarea:-ms-input-placeholder, 
.bzotech-blog-form-comment .comment-form input[type="text"]:-ms-input-placeholder 
{ /* Internet Explorer 10-11 */
  color: #666;
}

.bzotech-blog-form-comment .comment-form textarea::placeholder, 
.bzotech-blog-form-comment .comment-form input[type="text"]::placeholder 
{
  color: #666;
}

p.no-comments{
    margin-bottom: 0px;
    margin-top: 50px;
    background: #f5f5f5;
    padding: 15px 20px;
    color: var(--bzo-main-color);
    border-radius: 5px;
}
.comment-list li.ping-track-back {
    margin-bottom: 35px;
    padding-bottom: 35px;
    border-bottom: 1px solid #e1e1e1;
}
.comment-list .ping-track-back .edit-link{
    color: #000;
    margin-left: 10px;
}
.comment-list .ping-track-back .edit-link i{
    margin-right: 3px;
}
/*End comment form post*/
@media(max-width: 1200px){
    .bzotech-blog-form-comment .comment-reply-title{
        font-size: 32px;
        line-height: 38px;
    }
}
@media(max-width: 767px){
    .bzotech-blog-form-comment .comment-reply-title{
        font-size: 24px;
        line-height: 30px;
    }
}

/* ===== side-wide/effect-libs.css ===== */
/*Begin Hover CSS*/
@-webkit-keyframes wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px);}
  33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px);}
  49.95%{-webkit-transform:translateY(4px);transform:translateY(4px);}
  66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px);}
  83.25%{-webkit-transform:translateY(1px);transform:translateY(1px);}
  100%{-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes wobble-vertical{16.65%{-webkit-transform:translateY(8px);-ms-transform:translateY(8px);transform:translateY(8px);}
  33.3%{-webkit-transform:translateY(-6px);-ms-transform:translateY(-6px);transform:translateY(-6px);}
  49.95%{-webkit-transform:translateY(4px);-ms-transform:translateY(4px);transform:translateY(4px);}
  66.6%{-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px);}
  83.25%{-webkit-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px);}
  100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}
.wobble-vertical{display:inline-block;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0, 0, 0, 0);}
.wobble-vertical:hover{-webkit-animation-name:wobble-vertical;animation-name:wobble-vertical;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1;}
@-webkit-keyframes wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px);}
  33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px);}
  49.95%{-webkit-transform:translateX(4px);transform:translateX(4px);}
  66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px);}
  83.25%{-webkit-transform:translateX(1px);transform:translateX(1px);}
  100%{-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes wobble-horizontal{16.65%{-webkit-transform:translateX(8px);-ms-transform:translateX(8px);transform:translateX(8px);}
  33.3%{-webkit-transform:translateX(-6px);-ms-transform:translateX(-6px);transform:translateX(-6px);}
  49.95%{-webkit-transform:translateX(4px);-ms-transform:translateX(4px);transform:translateX(4px);}
  66.6%{-webkit-transform:translateX(-2px);-ms-transform:translateX(-2px);transform:translateX(-2px);}
  83.25%{-webkit-transform:translateX(1px);-ms-transform:translateX(1px);transform:translateX(1px);}
  100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
}
.wobble-horizontal{display:inline-block;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0, 0, 0, 0);}
.wobble-horizontal:hover,a:hover .wobble-horizontal{-webkit-animation-name:wobble-horizontal;animation-name:wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1;}
@-webkit-keyframes wobble-to-bottom-right{16.65%{-webkit-transform:translate(8px, 8px);transform:translate(8px, 8px);}
  33.3%{-webkit-transform:translate(-6px, -6px);transform:translate(-6px, -6px);}
  49.95%{-webkit-transform:translate(4px, 4px);transform:translate(4px, 4px);}
  66.6%{-webkit-transform:translate(-2px, -2px);transform:translate(-2px, -2px);}
  83.25%{-webkit-transform:translate(1px, 1px);transform:translate(1px, 1px);}
  100%{-webkit-transform:translate(0, 0);transform:translate(0, 0);}
}
@keyframes wobble-to-bottom-right{16.65%{-webkit-transform:translate(8px, 8px);-ms-transform:translate(8px, 8px);transform:translate(8px, 8px);}
  33.3%{-webkit-transform:translate(-6px, -6px);-ms-transform:translate(-6px, -6px);transform:translate(-6px, -6px);}
  49.95%{-webkit-transform:translate(4px, 4px);-ms-transform:translate(4px, 4px);transform:translate(4px, 4px);}
  66.6%{-webkit-transform:translate(-2px, -2px);-ms-transform:translate(-2px, -2px);transform:translate(-2px, -2px);}
  83.25%{-webkit-transform:translate(1px, 1px);-ms-transform:translate(1px, 1px);transform:translate(1px, 1px);}
  100%{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);}
}
.wobble-to-bottom-right{display:inline-block;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0, 0, 0, 0);}
.wobble-to-bottom-right:hover{-webkit-animation-name:wobble-to-bottom-right;animation-name:wobble-to-bottom-right;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1;}
@-webkit-keyframes wobble-to-top-right{16.65%{-webkit-transform:translate(8px, -8px);transform:translate(8px, -8px);}
  33.3%{-webkit-transform:translate(-6px, 6px);transform:translate(-6px, 6px);}
  49.95%{-webkit-transform:translate(4px, -4px);transform:translate(4px, -4px);}
  66.6%{-webkit-transform:translate(-2px, 2px);transform:translate(-2px, 2px);}
  83.25%{-webkit-transform:translate(1px, -1px);transform:translate(1px, -1px);}
  100%{-webkit-transform:translate(0, 0);transform:translate(0, 0);}
}
@keyframes wobble-to-top-right{16.65%{-webkit-transform:translate(8px, -8px);-ms-transform:translate(8px, -8px);transform:translate(8px, -8px);}
  33.3%{-webkit-transform:translate(-6px, 6px);-ms-transform:translate(-6px, 6px);transform:translate(-6px, 6px);}
  49.95%{-webkit-transform:translate(4px, -4px);-ms-transform:translate(4px, -4px);transform:translate(4px, -4px);}
  66.6%{-webkit-transform:translate(-2px, 2px);-ms-transform:translate(-2px, 2px);transform:translate(-2px, 2px);}
  83.25%{-webkit-transform:translate(1px, -1px);-ms-transform:translate(1px, -1px);transform:translate(1px, -1px);}
  100%{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);}
}
.wobble-to-top-right{display:inline-block;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0, 0, 0, 0);}
.wobble-to-top-right:hover{-webkit-animation-name:wobble-to-top-right;animation-name:wobble-to-top-right;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1;}
@-webkit-keyframes wobble-top{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg);}
  33.3%{-webkit-transform:skew(10deg);transform:skew(10deg);}
  49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg);}
  66.6%{-webkit-transform:skew(4deg);transform:skew(4deg);}
  83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg);}
  100%{-webkit-transform:skew(0);transform:skew(0);}
}
@keyframes wobble-top{16.65%{-webkit-transform:skew(-12deg);-ms-transform:skew(-12deg);transform:skew(-12deg);}
  33.3%{-webkit-transform:skew(10deg);-ms-transform:skew(10deg);transform:skew(10deg);}
  49.95%{-webkit-transform:skew(-6deg);-ms-transform:skew(-6deg);transform:skew(-6deg);}
  66.6%{-webkit-transform:skew(4deg);-ms-transform:skew(4deg);transform:skew(4deg);}
  83.25%{-webkit-transform:skew(-2deg);-ms-transform:skew(-2deg);transform:skew(-2deg);}
  100%{-webkit-transform:skew(0);-ms-transform:skew(0);transform:skew(0);}
}
.wobble-top{display:inline-block;-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0, 0, 0, 0);}
.wobble-top:hover{-webkit-animation-name:wobble-top;animation-name:wobble-top;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1;}
@-webkit-keyframes wobble-bottom{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg);}
  33.3%{-webkit-transform:skew(10deg);transform:skew(10deg);}
  49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg);}
  66.6%{-webkit-transform:skew(4deg);transform:skew(4deg);}
  83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg);}
  100%{-webkit-transform:skew(0);transform:skew(0);}
}
@keyframes wobble-bottom{16.65%{-webkit-transform:skew(-12deg);-ms-transform:skew(-12deg);transform:skew(-12deg);}
  33.3%{-webkit-transform:skew(10deg);-ms-transform:skew(10deg);transform:skew(10deg);}
  49.95%{-webkit-transform:skew(-6deg);-ms-transform:skew(-6deg);transform:skew(-6deg);}
  66.6%{-webkit-transform:skew(4deg);-ms-transform:skew(4deg);transform:skew(4deg);}
  83.25%{-webkit-transform:skew(-2deg);-ms-transform:skew(-2deg);transform:skew(-2deg);}
  100%{-webkit-transform:skew(0);-ms-transform:skew(0);transform:skew(0);}
}
.wobble-bottom{display:inline-block;-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0, 0, 0, 0);}
.wobble-bottom:hover{-webkit-animation-name:wobble-bottom;animation-name:wobble-bottom;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1;}
.slider-content-text>p:last-child{
  margin-bottom: 0px;
}
@-webkit-keyframes xoayvong{
    from{
        -webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
    }
    to{
        -webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg);
    }
}
/* Standard syntax */ 
@keyframes xoayvong {
    from{
        -webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
    }
    to{
        -webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg);
    }
}
.xoayvong {
    animation: xoayvong 2s linear 0s infinite;
    -webkit-animation: xoayvong 2s linear 0s infinite;
    -moz-animation: xoayvong 2s linear 0s infinite;
    -o-animation: xoayvong 2s linear 0s infinite; 
}
/*End Hover CSS*/

/*Effect image adv*/
.banner-advs {
  position: relative;
  line-height: 0;
}
.adv-thumb-link {
  display: block;
  position: relative;
  line-height: 0;
}
.adv-thumb-link > img {
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
  width: 100%;
}
/*Zoom Rotate*/
.zoom-rotate .adv-thumb-link > img {
  transform: scale(1) rotate(0);
  -webkit-transform: scale(1) rotate(0);
}
.zoom-rotate:hover .adv-thumb-link > img {
  transform: scale(1.15) rotate(4deg);
  -webkit-transform: scale(1.15) rotate(4deg);
}
/*Zoom Image*/
.zoom-image:hover .adv-thumb-link > img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transition: all 0.3s linear 0s;
}
.zoom-image:hover .adv-thumb-link > img {
  transition: all 0.3s linear 0s;
}

/*Fade Out In*/
.fade-out-in .adv-thumb-link::before,
.fade-out-in .adv-thumb-link::after,
.fade-in-out .adv-thumb-link::before,
.fade-in-out .adv-thumb-link::after,
.overlay-image .adv-thumb-link::after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
  background: rgba(0, 0, 0, 0.1);
  opacity: 0;
  z-index: 1;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.fade-out-in:hover .adv-thumb-link::before {
  opacity: 1;
  top: 50%;
  bottom: 50%;
}
.fade-out-in:hover .adv-thumb-link::after {
  opacity: 1;
  left: 50%;
  right: 50%;
}
/*Fade In Out*/
.fade-in-out .adv-thumb-link::before {
  opacity: 1;
  top: 50%;
  bottom: 50%;
}
.fade-in-out .adv-thumb-link::after {
  opacity: 1;
  left: 50%;
  right: 50%;
}
.fade-in-out:hover .adv-thumb-link::before {
  opacity: 0;
  top: 0;
  bottom: 0;
}
.fade-in-out:hover .adv-thumb-link::after {
  opacity: 0;
  left: 0;
  right: 0;
}
/*Pull Curtain*/
.pull-curtain .adv-thumb-link::before {
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
  background: rgba(0, 0, 0, 0.1);
  content: "";
  position: absolute;
  z-index: 1;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.pull-curtain .adv-thumb-link::after {
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  opacity: 0;
  background: rgba(0, 0, 0, 0.1);
  content: "";
  position: absolute;
  z-index: 1;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.pull-curtain:hover .adv-thumb-link::before,
.pull-curtain:hover .adv-thumb-link::after {
  width: 100%;
  height: 100%;
  opacity: 1;
}
/*Overlay Image*/
.overlay-image .adv-thumb-link::after {
  background: rgba(0, 0, 0, 0.3);
}
.overlay-image:hover .adv-thumb-link::after {
  opacity: 1;
}
/*Blue Image*/
.blur-image:hover .adv-thumb-link img {
  filter: blur(5px);
  -webkit-filter: blur(5px);
}
/*Gray Image*/
.gray-image:hover .adv-thumb-link img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
/*Zoom Out*/
.zoom-out .adv-thumb-link img:last-child {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transform: scale(3);
  -webkit-transform: scale(3);
}
.zoom-out:hover .adv-thumb-link img {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  -webkit-transform: scale(1);
}
/*Line Scale*/
.line-scale .adv-thumb-link::before {
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: 10px;
  right: 10px;
  content: "";
  border-top: 1px solid rgba(255, 255, 255, 0.6);
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  z-index: 1;
  transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.line-scale .adv-thumb-link::after {
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 20px;
  right: 20px;
  content: "";
  border-left: 1px solid rgba(255, 255, 255, 0.6);
  border-right: 1px solid rgba(255, 255, 255, 0.6);
  z-index: 1;
  transform: scaleY(0);
  -webkit-transform: scaleY(0);
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.line-scale:hover .adv-thumb-link::before,
.line-scale:hover .adv-thumb-link::after {
  transform: scale(1);
  -webkit-transform: scale(1);
}
.folding-the-edge{

}
.folding-the-edge .adv-thumb-link:before{
    content: '';
    right: 0; 
    top: 0;
    position: absolute;
    transition-duration: 0.5s; 
    border-bottom: 70px solid var(--bzo-main-color); 
    border-right: 70px solid #fff3f0; 
}
.folding-the-edge .adv-thumb-link:hover:before{
    border-bottom: 0px solid var(--bzo-main-color);
    border-right: 0px solid #fff3f0;
}
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(0.8, 0.8);
  }
  50% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(0.8, 0.8);
  }
}
.hover-icon .effect-hover-icon{
  position: absolute;
  right: 15px; 
  top: 15px;
  bottom: 15px;
  left: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
   transform: scaleY(0);
     -webkit-transform: scaleY(0);
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.hover-icon:hover .effect-hover-icon{
   transform: scale(1);
}
/*End Effect image adv*/
/* effect shine */
@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}
@keyframes shine {
    100% {
        left: 125%;
    }
}
.shine-effect-hover .adv-thumb-link{
    border-radius: 15px;
    position: relative;
}
.shine-effect-hover .adv-thumb-link::before{
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.shine-effect-hover .adv-thumb-link:hover::before{
    -webkit-animation: shine .85s;
    animation: shine .85s;
}

.shake {
  animation: shake 2s ease infinite;
}
@keyframes shake22 {
  0%, 100% {transform: translateX(0);}
  10%, 30%, 50%, 70%, 90% {transform: translateX(-3px);}
  20%, 40%, 60%, 80% {transform: translateX(3px);}
}


@-webkit-keyframes dogTrans {
  from {
    -webkit-transform: translateY(40px);
            transform: translateY(40px);
  }
  to {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

@keyframes imgTrans {
  from {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
  to {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

/* ===== side-wide/page-404.css ===== */
/*Begin 404 page*/
.error404{
    background-color: var(--bzo-main-color-mix-bg);
}
.error404 .wrap-bread-crumb{
    display: none;
}
.error404 #main-content{
    padding-top: 100px;
}
.content-default-404 .number{
    font-weight: 400;
    margin-bottom: 30px;
}
.content-default-404 .text{
    line-height: 52px;
    margin-top: 30px;
    margin-bottom: 20px;
}
.content-default-404 .desc{
    margin-left: auto;
    margin-right: auto;
    line-height: 30px;
    max-width: 1120px;
}
.content-default-404 .img-number{
    display: inline-block;
}
.content-default-404 .elbzotech-bt-default{
    margin-top: 30px;
}
@media(max-width: 1200px){
    .content-default-404 .number{
        font-size: 40px;
    }
    .content-default-404 .text {
        font-size: 32px;
    }
    .content-default-404 .desc {
        font-size: 18px;
    }
    .content-default-404 .img-number {
        max-width: 80%;
    }
}
@media(max-width: 767px){
    .content-default-404 .number{
        font-size: 28px;
        margin-bottom: 10px;
    }
    .content-default-404 .text {
        font-size: 20px;
        margin-top: 5px;
        margin-bottom: 15px;
        line-height: 30px;
    }
    .content-default-404 .desc {
        font-size: 16px;
    }
    .content-default-404 .elbzotech-bt-default {
        margin-top: 20px;
    }
}
/*End 404 page*/

/* ===== side-wide/post-items.css ===== */

/*******************************************************************************************************
02. Blog General
********************************************************************************************************/

/*********** Begin meta post *************/
.meta-post-style1{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px 0;
}
.meta-post-style1 .post-meta-data__item{
    display: flex;
    align-items: center;
}
.meta-post-style1 .post-meta-data__content{
    display: flex;
    align-items: center;
    gap: 5px;
}
.meta-post-style1 .post-meta-data__content>i{
    display: none;
    font-size: 20px;
}
.meta-post-style1 .comments-item .post-meta-data__content>i{
    display: block;
}
.meta-post-style1 .split {
    display: inline-block;
    width: 1px;
    height: 16px;
    background: #898989;
    margin: 0 10px;
    vertical-align: middle;
}
/*-----------------------------------*/
.style-item-meta__cats .post-meta-data__content{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.style-item-meta__cats .meta-cats a{
    background: linear-gradient(0deg,rgba(0,0,0,.06),rgba(0,0,0,.06)),#FFFFFF;
    padding: 8px 12px;
    border-radius: 10px;
    display: inline-block;
    transition: all .2s ease-out 0s;
}
.style-item-meta__cats .meta-cats a:hover{
    background: var(--bzo-main-color);
    color: #fff;
    transition: all .2s ease-out 0s;
}
.style-item-meta__cats .post-meta-data__content>i,
.style-item-meta__cats .post-meta-data__content>span
{
    display: none;
}

/*-----------------------------------*/
.style2-item-meta__cats .post-meta-data__content{
    display: flex;
    flex-wrap: wrap;
    gap: 5px 15px;
}
.style2-item-meta__cats .meta-cats a{
    color: var(--bzo-body_typo-color);
}
.style2-item-meta__cats .meta-cats a:hover{
    color: var(--bzo-main-color);
}
.style2-item-meta__cats .post-meta-data__content>i,
.style2-item-meta__cats .post-meta-data__content>span
{
    display: none;
}

/*-------------------------*/
.meta-post-style2 {
      display: flex;
    flex-wrap: wrap;
    gap:  5px 20px;
    align-items: center;
}
.meta-post-style2 .post-meta-data__content i{
    display: none;
}
.meta-post-style2 .post-meta-data__content{
    display: flex;
    align-items: center;
    gap:  10px;
}
.meta-post-style2 .avata img{
        border-radius: 50%;
}
/*----------------------------*/
.meta-post-style3 {
    display: flex;
    flex-wrap: wrap;
    gap:  5px 20px;
    align-items: center;

}
.meta-post-style3 .post-meta-data__content{
    display: flex;
    gap:  5px 10px;
    align-items: center;
    font-size: 14px;
}
.meta-post-style3 .post-meta-data__content a{
    color: var(--bzo-body_typo-color);
}
.meta-post-style3 .post-meta-data__content a:hover{
    color: var(--bzo-main-color);
}
.meta-post-style3 .post-meta-data__content i{
    font-size: 16px;
}
/*--------------------------------------------*/

/*----------------------------------------*/
.meta-post-tags-share .tags-post-wrap,
.meta-post-tags-share .single-post-share-wrap{
    align-items: center;
    gap:  10px;
}
.meta-post-tags-share .tags-and-share .tags-and-share-title{
    font-weight: 500;
    color: var(--bzo-gray-color);
    margin-right: 16px;
    line-height: 40px;
}
.meta-post-tags-share .tags-post a{
    background: var(--bzo-main-color);
    color: #fff;
    padding: 0px 15px;
    border-radius: 20px;
    display: inline-block;
    font-size: 16px;
    line-height: 40px;
    font-weight: 500;    

}
.meta-post-tags-share .tags-post{
    display: flex;
    align-items: center;
    gap:  10px;
}
.meta-post-tags-share .tags-post a:hover{
    background: linear-gradient(180deg, #98CEFF 0%, #96C1FF 100%);
    box-shadow: 0px 8px 10px rgba(121, 99, 104, 0.14), 0px 3px 14px rgba(0, 0, 0, 0.12);
    color: #fff;
}
.meta-post-tags-share .single-list-social a{
    display: inline-block;
    line-height: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #F2F7FF;
    border-radius: 40px;
    color: #454545;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: 0.3s ease-in-out 0s;
}
.meta-post-tags-share .single-list-social a:hover{
    background: var(--bzo-main-color);
    color: #fff;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: 0.3s ease-in-out 0s;
}
.meta-post-tags-share .single-list-social ul{
    display: flex;
    align-items: center;
    gap:  10px;
}
.meta-post-tags-share .single-list-social ul li{
    padding: 0px 4px;
}

/*------------------------------------*/
.meta-post-tags-share-style2 .tags-post{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.meta-post-tags-share-style2 .tags-post a{
    background: linear-gradient(0deg,rgba(0,0,0,.06),rgba(0,0,0,.06)),#FFFFFF;
    padding: 8px 12px;
    border-radius: 10px;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--bzo-title-color);
}

.meta-post-tags-share-style2 .tags-post a:hover{
    background: var(--bzo-main-color);
    color: #fff;
        box-shadow: 0 8px 10px rgba(121,99,104,.14), 0 3px 14px rgba(0,0,0,.12);
}
.meta-post-tags-share-style2 .tags-and-share-title{
    display: none;
}
.meta-post-tags-share-style2 .single-list-social .list-inline-block{
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
}
.meta-post-tags-share-style2 .single-list-social a{
    font-size: 24px;
    display: flex;
    color: var(--bzo-main-color);
}
.meta-post-tags-share-style2 .single-list-social a:hover{
    margin-top: -5px;
}
.meta-post-tags-share-style2 .single-list-social a[data-social="facebook"]{
    color: #1877f2;
}
.meta-post-tags-share-style2 .single-list-social a[data-social="envelope"]{
    color: #f2a42e;
}
.meta-post-tags-share-style2 .single-list-social a[data-social="twitter"]{
    color: #2daae1;
}
.meta-post-tags-share-style2 .single-list-social a[data-social="pinterest"]{
    color: #c00;
}
/*********** End meta post *************/
/*Begin Column item posts*/

.blog-grid-view  .list-post-wrap{
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.list-col-item{
    padding: 0 var(--bzo-gutter);
}
/*meida widescreen*/
@media (min-width: 2400px){
    .list-1-item-widescreen{
         width: 100%;
    }
    .list-2-item-widescreen{
         width: 50%;
    }
    .list-3-item-widescreen{
         width: 33.3333%;
    }
    .list-4-item-widescreen{
         width: 25%;
    }
    .list-5-item-widescreen{
         width: 20%;
    }
    .list-6-item-widescreen{
         width: 16.66666667%;
    }
    .list-7-item-widescreen{
         width: 14.2857%;
    }
    .list-8-item-widescreen{
         width: 12.5%;
    }
    .list-9-item-widescreen{
         width: 11.111%;
    }
    .list-10-item-widescreen{
         width: 10%;
    }
}
/*meida desktop 2399px - 1367px*/
.list-1-item{
    width: 100%;
}
.list-2-item{
    width: 50%;
}
.list-3-item{
    width: 33.3333%;
}
.list-4-item{
    width: 25%;
}

.list-5-item{
    width: 20%;
}
.list-6-item{
    width: 16.66666667%;
}
.list-7-item{
    width: 14.2857%;
}
.list-8-item{
    width: 12.5%;
}
.list-9-item{
    width: 11.111%;
}
.list-10-item{
    width: 10%;
}
/*meida laptop*/
@media (max-width: 1366px){
    .list-1-item-laptop{
         width: 100%;
    }
    .list-2-item-laptop{
         width: 50%;
    }
    .list-3-item-laptop{
         width: 33.3333%;
    }
    .list-4-item-laptop{
         width: 25%;
    }
    .list-5-item-laptop{
         width: 20%;
    }
    .list-6-item-laptop{
         width: 16.66666667%;
    }
    .list-7-item-laptop{
         width: 14.2857%;
    }
    .list-8-item-laptop{
         width: 12.5%;
    }
    .list-9-item-laptop{
         width: 11.111%;
    }
    .list-10-item-laptop{
         width: 10%;
    }
}
/*meida table extra*/
@media (max-width: 1200px){
    .list-1-item-tablet-extra{
         width: 100%;
    }
    .list-2-item-tablet-extra{
         width: 50%;
    }
    .list-3-item-tablet-extra{
         width: 33.3333%;
    }
    .list-4-item-tablet-extra{
         width: 25%;
    }
    .list-5-item-tablet-extra{
         width: 20%;
    }
    .list-6-item-tablet-extra{
         width: 16.66666667%;
    }
    .list-7-item-tablet-extra{
         width: 14.2857%;
    }
    .list-8-item-tablet-extra{
         width: 12.5%;
    }
    .list-9-item-tablet-extra{
         width: 11.111%;
    }
    .list-10-item-tablet-extra{
         width: 10%;
    }
}
/*meida table*/
@media (max-width: 1024px){
    .list-1-item-tablet{
         width: 100%;
    }
    .list-2-item-tablet{
         width: 50%;
    }
    .list-3-item-tablet{
         width: 33.3333%;
    }
    .list-4-item-tablet{
         width: 25%;
    }
    .list-5-item-tablet{
         width: 20%;
    }
    .list-6-item-tablet{
         width: 16.66666667%;
    }
    .list-7-item-tablet{
         width: 14.2857%;
    }
    .list-8-item-tablet{
         width: 12.5%;
    }
    .list-9-item-tablet{
         width: 11.111%;
    }
    .list-10-item-tablet{
         width: 10%;
    }
}
/*meida Mobile Extra*/
@media (max-width: 880px){
    .list-1-item-mobile-extra{
         width: 100%;
    }
    .list-2-item-mobile-extra{
         width: 50%;
    }
    .list-3-item-mobile-extra{
         width: 33.3333%;
    }
    .list-4-item-mobile-extra{
         width: 25%;
    }
    .list-5-item-mobile-extra{
         width: 20%;
    }
    .list-6-item-mobile-extra{
         width: 16.66666667%;
    }
    .list-7-item-mobile-extra{
         width: 14.2857%;
    }
    .list-8-item-mobile-extra{
         width: 12.5%;
    }
    .list-9-item-mobile-extra{
         width: 11.111%;
    }
    .list-10-item-mobile-extra{
         width: 10%;
    }
}
/*meida Mobile*/
@media (max-width: 767px){
    .list-1-item-mobile{
         width: 100%;
    }
    .list-2-item-mobile{
         width: 50%;
    }
    .list-3-item-mobile{
         width: 33.3333%;
    }
    .list-4-item-mobile{
         width: 25%;
    }
    .list-5-item-mobile{
         width: 20%;
    }
    .list-6-item-mobile{
         width: 16.66666667%;
    }
    .list-7-item-mobile{
         width: 14.2857%;
    }
    .list-8-item-mobile{
         width: 12.5%;
    }
    .list-9-item-mobile{
         width: 11.111%;
    }
    .list-10-item-mobile{
         width: 10%;
    }
}

.swiper-wrapper.bzotech-row{
    margin-left: 0;
    margin-right: 0;
}
@media (max-width: 1200px){
    .list-product-wrap{
        margin-right: -10px;
        margin-left: -10px;
    }
    .list-col-item {
        padding: 0 10px;
    }
}
@media (max-width: 425px){
    .list-2-item-mobile,.list-2-item-mobile-extra,.list-2-item-tablet,.list-2-item-tablet-extra,.list-2-item-laptop,.list-2-item,.list-2-item-widescreen,
    .list-3-item-mobile,.list-3-item-mobile-extra,.list-3-item-tablet,.list-2-item-tablet-extra,.list-3-item-laptop,.list-2-item,.list-3-item-widescreen{
        width: 100%;
    }
}
/*End column item Posts*/

/*Begin Style Post item*/
.post-title{

    line-height: 28px;
}
/*1. defaut style*/
.item-post-wg .zoom-image:hover .adv-thumb-link img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transition: all 0.3s linear 0s;
}
.item-post-wg .zoom-image:hover .adv-thumb-link img {
  transition: all 0.3s linear 0s;
}
/*--------------*/

.popup-share-content{
    display: none;
}
.popup-share span{
    display: none;
}
.share-popup-content-open{
    background:rgb(0 0 0 / 80%);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    display: flex;
    z-index: 9999;
    right: 0;
    display: none;
    justify-content: center;
    align-items: center;
}
.share-popup-content-open> i{
    position: absolute;
    right: 50px;
    color: #fff;
    top: 50px;
    width: 50px;
    height: 50px;
    display: inline-block;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
}
.share-popup-content-open ul{
    background: #fff;
    padding: 40px 50px 30px;
    border-radius: 5px;
}
.share-popup-content-open ul a{
    border-radius: 50%;
    display: inline-block;
    line-height: 0;
}
.share-popup-content-open ul a:hover{
    box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 30%);
}
.share-popup-content-open ul li{
    margin-right: 10px;
}
.share-popup-content-open ul li:last-child{
    margin-right: 0px;
}
.share-popup-content-open.active{
    display: flex;
}
/*--------------------*/

.blog-grid-post-item- .item-grid-post-{
    margin-bottom: 30px;
}
.blog-grid-post-item- .list-post-wrap{
    margin-bottom: -30px;
}
.item-grid-post- .item-post{
    border-radius: 15px;   
    box-shadow: 0px 1px 18px rgba(0, 0, 0, 0.12);
    position: relative;

}
.item-grid-post- .item-post .post-info{
    background-color: #fff; 
}
.item-grid-post- .item-post:hover .post-info{
    box-shadow: inset 0px -5px 0px var(--bzo-main-color);
    transition: all 0.3s linear 0s;
}

.item-grid-post- .meta-post-style3{
    margin-bottom: 10px;
}
.item-grid-post- .meta-post-style3 .meta-cats .flex-wrapper *,
.item-grid-post- .meta-post-style3 .meta-tags .flex-wrapper *{
    display: none;
}
.item-grid-post- .meta-post-style3 .meta-cats .flex-wrapper a:first-child,
.item-grid-post- .meta-post-style3 .meta-tags .flex-wrapper a:first-child{
    display: block;
}
.item-grid-post- .post-info{
    padding: 20px;
    border-radius: 0 0 15px 15px;
    transition: all 0.3s linear 0s;
}
.item-grid-post- .post-info ul li i{
    color: var(--bzo-main-color2);
} 
.item-grid-post- .post-info .author{
    line-height: 37px;
    color: #727272;
    font-weight: 500;
}
.item-grid-post- .post-info .author:hover{
    color: var(--bzo-main-color);
}
.item-grid-post- .post-info .author img{
    width: 37px;
    border-radius: 100%;
    margin-right: 6px;
    float: left;
}
.item-grid-post- .post-title{
    margin-bottom: 12px;
    line-height: 28px;
    min-height: 56px;
}
.item-grid-post- .readmore-wrap {
    margin-top: 30px;
}
.item-grid-post- .post-thumb {
    position: relative;
     border-radius: 15px 15px 0 0;
}
.item-grid-post- .meta-post-style1__date{
    padding-bottom: 10px;
    position: absolute;
    top: 17px;
    right: -10px;
}
.item-grid-post- .meta-post-style1__date .meta-item{
    position: relative;
}
.item-grid-post- .meta-post-style1__date .meta-item span{
    background: var(--bzo-main-color);
    border-radius: 30px 0px 0px 30px;
    line-height: 26px;
    padding: 0 20px;
    display: block;
    z-index: 1;
    position: relative;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
}
.item-grid-post- .meta-post-style1__date .meta-item::after{
    width: 0px;
    height: 0px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid var(--bzo-main-color-darken);
    position: absolute;
    right: 0;
    bottom: -10px;
    content: "";

}

.post-thumb{
    overflow: hidden;
}

/*---------------grid post style 2 - home 2------------------*/

.blog-grid-post-item-style2 .item-post{
    margin-bottom: 30px;
    position: relative;
}
.blog-grid-post-item-style2 .list-post-wrap{
    margin-bottom: -30px;
}
.item-grid-post-style2 .item-post .item-post-inner{
    overflow: hidden;
    position: relative;
    border-radius: 15px;
    /*padding: 0 15px;*/
}
.item-grid-post-style2 .item-post .post-thumb{
    border-radius: 15px;
    position: relative;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
}
.item-grid-post-style2 .item-post .post-thumb:hover{
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
}
.item-grid-post-style2 .item-post .post-thumb::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.15);
    z-index: 1;
    opacity: 0;
}
.item-grid-post-style2 .item-post:hover .post-thumb::before{
    opacity: 1;
}
.item-grid-post-style2 .item-post:hover .meta-post-style2{
    opacity: 1;
    transition: all 0.2s ease-out 0s;
}

.item-grid-post-style2 .date-thumb{
    position: absolute;
    top: 20px;
    left: -10px;
    display: inline-block;
    z-index: 2;
}
.item-grid-post-style2 .date-thumb span{
    background: var(--bzo-main-color);
    border-radius: 0px 30px 30px 0px;
    line-height: 36px;
    padding: 0 30px;
    display: block;
    z-index: 1;
    position: relative;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
}
.item-grid-post-style2 .date-thumb::after{
    width: 0px;
    height: 0px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid var(--bzo-main-color-darken);
    position: absolute;
    left: 0;
    bottom: -10px;
    content: "";
}

.item-grid-post-style2 .item-post .post-title{
    position: absolute;
    top: 50px;
    z-index: 2;
    left: 45px;
    right: 45px;
    padding: 20px 0px;
    margin: 0;
}
.item-grid-post-style2 .item-post .post-title a{
    position: relative;
    display: inline-block;
    padding-bottom: 5px;
}
.item-grid-post-style2 .item-post .post-title a::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background-color: transparent;
}
.item-grid-post-style2 .item-post:hover .post-title a::before{
    background-color: #fff;
}
.item-grid-post-style2 .item-post .post-info{
    position: absolute;
    bottom: 10px;
    left: 45px;
    right: 45px;
    z-index: 2;
}
.item-grid-post-style2 .meta-post-style2 .post-meta-data__item,
.item-grid-post-style2 .meta-post-style2 .post-meta-data__item a
{
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}
.item-grid-post-style2 .meta-post-style2 .post-meta-data__item a:hover{
    color: var(--bzo-main-color);
}
.item-grid-post-style2 .post-info .author{
    line-height: 37px;
    color: #727272;
    font-weight: 500;
}
.item-grid-post-style2 .post-info .author:hover{
    color: var(--bzo-main-color);
}
.item-grid-post-style2 .post-info .author img{
    width: 32px;
    border-radius: 100%;
    margin-right: 6px;
    float: left;
}

.item-grid-post-style2 .meta-post-style2 {
    opacity: 0;
    transition: all 0.3s ease-out 0s;
}
.item-grid-post-style2:hover .meta-post-style2 {
    opacity: 1;
}
.item-grid-post-style2 .meta-post-style2 .meta-cats .flex-wrapper *,
.item-grid-post-style2 .meta-post-style2 .meta-tags .flex-wrapper *{
    display: none;
}
.item-grid-post-style2 .meta-post-style2 .meta-cats .flex-wrapper a:first-child,
.item-grid-post-style2 .meta-post-style2 .meta-tags .flex-wrapper a:first-child{
    display: block;
}
/*---------item-grid-post-style3-----------*/
.blog-grid-post-item-style3 .item-grid-post-style3{
    margin-bottom:40px;
}

.blog-grid-post-item-style3 .list-post-wrap{
    margin-bottom: -40px;
}
.item-grid-post-style3 .meta-post-style1{
    margin-bottom: 10px;
}
.item-grid-post-style3 .post-info{
    text-align: center;
    padding: 0px 20px;
}
.item-grid-post-style3 .post-title{
    margin-bottom: 12px;
    line-height: 28px;
}
.item-grid-post-style3 .readmore-wrap {
    margin-top: 30px;
}
.item-grid-post-style3 .post-thumb {
    margin-bottom: 13px;
    position: relative;
     border-radius: 20px;
}
.item-grid-post-style3:hover .post-thumb img{
    filter: brightness( 50% ) contrast( 100% ) saturate( 100% ) blur( 2px ) hue-rotate(0deg);
}
.item-grid-post-style3 .post-thumb{
    overflow: hidden;
}

.item-grid-post-style3 .style-item-meta__cats{
    position: absolute;
    left: 16px;
    top: 16px;
}
.item-grid-post-style3 .meta-post-style1{
    justify-content: center;
}
/*---------------------------------*/
/*---------item-grid-post-style4-----------*/
.blog-grid-post-item-style4 .item-post{
    margin-bottom: 30px;
    position: relative;
}
.blog-grid-post-item-style4 .list-post-wrap{
    margin-bottom: -30px;
}
.item-grid-post-style4 .post-title{
    line-height: 24px;
    margin: 5px 0;
}

.item-grid-post-style4 .adv-thumb-link {
    display: block;
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 10px;
}
.item-grid-post-style4 .adv-thumb-link::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.4s;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 1;
}
.item-grid-post-style4 .adv-thumb-link:hover::before{
    opacity: 1;
    transition: opacity .4s;
}
.item-grid-post-style4 .adv-thumb-link img{
    transition: all 1s cubic-bezier(0, 0, 0.1, 1);
    transition-delay: .1s;
    position: relative;
    max-width: 100%;
}
.item-grid-post-style4 .adv-thumb-link:hover img{
    transform: scale(1.1);
}
/*---------end item-grid-post-style4-----------*/
/*---------item-grid-post-style5-----------*/
.item-grid-post-style5 .label-cat ul li a{
    font-weight: 500;
    font-size: 14px;
    color: var(--bzo-body_typo-color);
    padding: 6px 13px;
    border-radius: 2px;
    background: var(--bzo-main-color-mix);
    color: #FFFFFF;
    text-transform: uppercase;
}
.item-grid-post-style5 .label-cat ul li a:hover {
    color: #fff;
    background: var(--bzo-main-color2);
}
.item-grid-post-style5 .label-cat ul {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 10;
}
.item-grid-post-style5 .label-cat ul li {
    display: inline-block;
    margin-left: 5px;
}
.item-grid-post-style5 .post-info2 {
    padding: 20px;
    box-shadow: 0px 1px 18px rgba(31, 32, 28, 0.12);
    margin-top: -50px;
    width: 100%;
    left: 50%;
    border-radius: 5px;
}
.item-grid-post-style5 .post-info {
    padding: 0 20px;
}
.item-grid-post-style5 .post-thumb {
    z-index: -1;
    position: relative;
}
.item-grid-post-style5 .post-info2 .meta-post-style4 {
    margin-bottom: 5px;
}
.item-grid-post-style5 .post-info2 .comments-item {
    padding-left: 12px;
}
.item-grid-post-style5 .label-cat .post-categories li:not(:first-child) {
    display: none;
}
.item-grid-post-style5 .meta-post-style4 .post-meta-data__content i {
    color : var(--bzo-main-color);
}
.item-grid-post-style5 .meta-post-style4 .post-meta-data__content span {
    font-size: 14px;
    font-weight: 400;
    color: var(--bzo-body_typo-color);
}
/*---------end item-grid-post-style5-----------*/
/*
--------------------------------------------------------
*/
/*2 List post item*/
.item-list-post-default{
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid var(--bzo-border-color);
}
.list-post-wrap>.bzotech-col-md-12:last-child .item-list-post-default{
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
}

.item-list-post-default .style-item-meta__cats{
    margin-bottom: 20px;
}
.item-list-post-default .readmore{
    display: inline-block;
    font-size: 15px;
    text-transform: uppercase;
    margin-top: 25px;
    font-weight: 700;
}
.item-list-post-default .readmore:after {
    content: '';
    background: #000;
    height: 2px;
    width: 0px;
    display: inline-block;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    vertical-align: middle;
    margin-left: 10px;
    margin-top: -3px;
}
.item-list-post-default .readmore:hover:after {
    width: 20px;
}
.item-list-post-default .readmore:hover{
    color: #000;
}

.item-list-post-default .post-title{
     margin-bottom: 16px;
    word-break: break-word;
    overflow: inherit;
    white-space: inherit;
    line-height: 56px;
}
.item-list-post-default .desc {
    color: #666;
    margin-bottom: 30px;
    font-size: 16px;
}
.item-list-post-default .post-info{
    background: #fff;
    position: relative;
}
.item-list-post-default .post-thumb {
   margin-bottom: 25px;
   border-radius: 15px;
}
.item-list-post-default .post-thumb img{
   display: block;
   transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
        border-radius: 15px;
}
.item-list-post-default .post-thumb a{
    display: inline-block;
}
.item-list-post-default .post-thumb a:hover img{
    opacity: 0.8;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
}
.item-list-post-default .meta-post-style1{
    margin-bottom: 20px;
}
.item-list-post-default .meta-post-style1.not-content{
    margin-bottom: 0px;
}
.item-list-post-default .readmore-wrap{
    line-height: 0;
}
/*--------------*/
.item-list-post-style2 .post-thumb {
    width: 45%;
    position: relative;
    border-radius: 15px;
}
.item-list-post-style2 .post-thumb>a{
    line-height: 0;
    display: block;
}
.item-list-post-style2 .post-thumb img{
    width: 100%;
}
.item-list-post-style2 .post-info {
    width: 55%;
    padding-left: 40px;
}
.item-list-post-style2 .post-title{
    margin-top: 16px;
    margin-bottom: 16px;
}
.item-list-post-style2 .readmore-wrap{
    margin-top: 32px;
}
.item-list-post-style2{
    margin-bottom: 40px;
}

.blog-list-post-item-style2 .bzotech-col-md-12:last-child .item-list-post-style2{
    margin-bottom: 0px;
}
.item-list-post-style2 .post-thumb .meta-post-style1{
    position: absolute;
    top: 17px;
    left: 20px;
    right: 20px;
}
.item-list-post-style2 .post-thumb .meta-post-style1 .meta-cats a{
   padding: 4px 12px;
       background: linear-gradient(0deg,rgba(0,0,0,.06),rgba(0,0,0,.06)),#FFFFFF;
    padding: 8px 12px;
    border-radius: 10px;
    display: inline-block;
    transition: all .2s ease-out 0s;
}
.item-list-post-style2 .post-thumb .meta-post-style1 .meta-cats a:hover{
     background: var(--bzo-main-color);
    color: #fff;
    transition: all .2s ease-out 0s;
}
.item-list-post-style2:hover .post-thumb img {
    filter: brightness( 50% ) contrast( 100% ) saturate( 100% ) blur( 2px ) hue-rotate(0deg);
}
/*--------- style3 ---------------*/
.item-list-post-style3{
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid var(--bzo-border-color);
}
.bzotech-col-md-12:last-child .item-list-post-style3{
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
}
.item-list-post-style3 .post-thumb{
    width: 150px;
}
.item-list-post-style3 .post-info{
    width: calc(100% - 150px);
    padding-left: 20px;
}
.item-list-post-style3 .post-info .post-title{
    line-height: 28px;
    margin-bottom: 15px;
    margin-top: -5px;
}
/*End Style Post item*/


@media (max-width: 991px){
    .meta-post-tags-share-style2>.flex-wrapper ,
    .meta-post-tags-share>.flex-wrapper {
        flex-direction: column;
        align-items: self-start;
        gap: 20px;
    }
}
/* Latest Blog home 9*/
.item-grid-post-style6 .post-thumb-info {
    position: relative;
}
.item-grid-post-style6 .post-thumb-info span.date {
    position: absolute;
    top: 15px;
    right: 15px;
    display: flex;
    flex-direction: column;
    padding: 5px;
    justify-content: center;
    background: #fff;
    font-family: var(--bzo-body_typo-font-family);
    text-align: center;
}
.item-grid-post-style6 .post-thumb-info span.date .day{
    color: var(--bzo-gray-color);
    font-size: 16px;
    font-weight: 600;
}
.item-grid-post-style6 .post-thumb-info span.date .th {
    color: var(--bzo-gray-color);
    font-size: 16px;
    font-weight: 400;
}
.item-grid-post-style6 .post-info {
    padding: 15px 15px 20px;
}
.item-grid-post-style6 .post-info .post-title ,
.item-grid-post-style6 .post-info .desc {
    text-align: center;
}
.item-grid-post-style6 .post-info .post-title {
    font-size: 20px;
    font-weight: 700;
    color: var(--bzo-gray-color);
    padding-bottom: 4px;
    margin-bottom: 8px;
    position: relative;
    text-transform: capitalize;
}
.item-grid-post-style6 .post-info .post-title:after {
    content: "";
    width: 50px;
    height: 1px;
    display: block;
    border-bottom: 1px solid var(--bzo-gray-color);
    position: absolute;
    bottom: 0;
    left: calc(50% - 25px);
}
.item-grid-post-style6 .post-info .desc  {
    color: var(--bzo-body_typo-color);
    font-size: 16px;
    font-weight: 400; 
}
.item-grid-post-style6 .item-post {
    transition: .3s;
}
.item-grid-post-style6 .item-post:hover {
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.14);
}
.item-grid-post-style6 .post-thumb-info img {
    display: flex;
}
@media (max-width: 1366px) {
    .item-grid-post-style6 .post-info .post-title {
        font-size: 16px;
    }
    .item-grid-post-style6 .post-info .desc {
        font-size: 14px;
    }
}
@media (max-width: 992px) { 
    .item-grid-post-style6 .post-info .post-title {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
    }
 
}
/* End Latest Blog */
/* Blog grid style 7 */
.item-grid-post-style7 .post-thumb-info .image-blog{
    display: flex;
    overflow:hidden;
}
.item-grid-post-style7 .post-thumb-info .image-blog img{
    transition: .3s;
    width: 100%;
}
.item-grid-post-style7 .post-thumb-info .image-blog:hover img{
    transform: scale(1.05);
}
.item-grid-post-style7 .item-post .meta-post {
    display: flex !important;
    gap: 4px;
    margin: 20px 0 0;
}
.item-grid-post-style7 .item-post .meta-post .meta-cats i {
    display: none;
}
.item-grid-post-style7 .item-post .meta-post .meta-cats .flex-wrapper * {
    display: none;
}
.item-grid-post-style7 .item-post .meta-post .meta-cats .flex-wrapper a:first-child {
    display: block;
    color: var(--bzo-main-color);
}
.item-grid-post-style7 .item-post .meta-post .meta-cats .flex-wrapper a:first-child:hover {
    color: var(--bzo-main-color2);
}
.item-grid-post-style7 .item-post .post-title a {
    color: var(--bzo-main-color2);
    font-size: 20px;
    font-weight: 500;
    line-height: 28px; 
    text-transform: uppercase;
    margin-top: 15px;
    display: block;
}
.item-grid-post-style7 .item-post .post-title a:hover {
    color: var(--bzo-main-color);
}
.item-grid-post-style7:nth-child(2n) {
    margin-top: 60px;
}
.blog-grid-view .item-grid-post-style7:nth-child(2n) {
    margin-top: 0;
}

@media(max-width: 1024px){
    .item-grid-post-style7 .item-post .post-title a {
        font-size: 18px;
        line-height: 24px;
        margin-top: 10px;
    }
    .item-grid-post-style7 .item-post .meta-post {
        margin-top: 10px;
    }
}
@media(max-width: 992px){
    .item-grid-post-style7:nth-child(2n){
        margin-top: 0;
    }   
}
/* End blog grid style 7 */
/* Blog grid style 8 */
.item-grid-post-style8 .item-post .post-thumb{
    position: relative;
}
.item-grid-post-style8 .item-post .post-thumb .readmore-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    z-index: 2;
    opacity: 0;
    transition: .4s;
}
.item-grid-post-style8 .item-post .post-thumb:before {
    content: '';
    position: absolute;
    display: flex;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--bzo-main-color);
    opacity: 0;
    z-index: 1;
    transition: .4s;
}
.item-grid-post-style8 .item-post:hover .post-thumb:before {
    opacity: 0.8;
}
.item-grid-post-style8 .item-post:hover .post-thumb .readmore-wrap { 
    opacity: 1;
}
.item-grid-post-style8 .item-post .post-thumb .readmore-wrap a {
    border: none;
    background: none;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    padding: 0 0 4px;
    border-bottom: 1px solid #fff;
    height: auto;
    line-height: 24px;
    border-radius: 0;
    position: relative;
    overflow: visible;
}
.item-grid-post-style8 .item-post .post-thumb .readmore-wrap a:after {
    content: "\f30b";
    font-family: 'Line Awesome Free';
    font-weight: 900;
    font-size: 20px;
    position: absolute;
    left: calc(100% + 4px);
    opacity: 0;
    transition: .4s;
}
.item-grid-post-style8 .item-post .post-thumb .readmore-wrap a:hover:after  {
    animation: shake22 2.5s ease infinite;
    opacity: 1;
}
.item-grid-post-style8 .post-info {
    margin-top: 16px;
    padding: 30px;
    border: 1px solid #CFCFCF;
}
.item-grid-post-style8 .post-title a{
    color: var(--bzo-main-color);
    font-size: 20px;
    font-weight: 600;
    line-height: 24px; 
    text-transform: capitalize;
    display: flex;
    
}
.item-grid-post-style8 .post-title a:hover {
    opacity: 0.7;
}
.item-grid-post-style8 .post-title {
    margin-bottom: 16px;
}
.item-grid-post-style8 .post-info .desc {
    font-size: 16px;
    margin-bottom: 30px;
    line-height: 24px;
}
.item-grid-post-style8 .meta-post-date span {
    font-size: 16px;
    font-weight: 500;
}
@media(max-width: 1366px){
    .item-grid-post-style8 .post-title a {
        font-size: 18px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
    }
}
@media(max-width: 1024px){
    .item-grid-post-style8 .post-info .desc {
        display: none;
    }
    .item-grid-post-style8 .post-info {
        padding: 20px 8px;
    }
    .item-grid-post-style8 .post-title a {
        font-size: 16px;
    }
}
/* End blog grid style 8 */

/* Blog grid style 9 */
.item-grid-post-style9 .item-post {
    border: 1px solid #D6D6D6;
}
.item-grid-post-style9 .item-post:hover {
    border: 1px solid var(--bzo-main-color);
}
.item-grid-post-style9 .item-post .post-info {
    padding: 15px 20px;
}
.item-grid-post-style9 .item-post .post-info .meta-cats a {
    font-size: 14px;
    line-height: 20px;
    display: none;
}
.item-grid-post-style9 .item-post .post-info .meta-cats a:first-child { 
    display: block;
}
.item-grid-post-style9 .item-post .post-info .post-meta-data {
    display: flex;
}
.item-grid-post-style9 .item-post .post-info .post-title {
    color: var(--bzo-main-color2);
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    text-transform: capitalize;
    margin: 5px 0 8px;
}
.item-grid-post-style9 .post-meta-data__item.avata .post-meta-data__content span {
    text-transform: capitalize;
}
.item-grid-post-style9 .meta-post-style1 .post-meta-data__content>i {
    display: block;
    font-size: 18px;
}
.item-grid-post-style9 .post-meta-data__item .post-meta-data__content span {
    font-size: 14px;
    color: var(--bzo-body_typo-color);
}
.item-grid-post-style9 .post-meta-data__item .post-meta-data__content a:hover span {
    color: var(--bzo-main-color);
}
.item-grid-post-style9 .item-post .post-thumb {
    overflow: hidden;
}
.item-grid-post-style9 .item-post .post-thumb img{
    transition: .4s;
}
.item-grid-post-style9 .item-post:hover .post-thumb img{
    transform: scale(1.05);
}
@media(max-width: 1366px) {
    .item-grid-post-style9 .item-post .post-info .post-title {
        font-size: 18px;
        line-height: 24px;
    }

}
@media(max-width: 992px) {
    .item-grid-post-style9 .item-post .post-info .post-title {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2; 
    }
}
/* End blog grid style 9 */

/* ===== side-wide/preload.css ===== */

/*Begin Preload*/
.preload  #loading-center-absolute>div{
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.preload #objectstyle2{
    width: 80px;
    height: 80px;
    background-color: #FFF;
    -webkit-animation: animatestyle2 1s infinite ease-in-out;
    animation: animatestyle2 1s infinite ease-in-out;
    margin-right: auto;
    margin-left: auto;
    margin-top: 60px;
}
@-webkit-keyframes animatestyle2 {
    0% { -webkit-transform: perspective(160px); }
    50% { -webkit-transform: perspective(160px) rotateY(-180deg); }
    100% { -webkit-transform: perspective(160px) rotateY(-180deg) rotateX(-180deg); }
}

@keyframes animatestyle2 {
    0% { 
        transform: perspective(160px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(160px) rotateX(0deg) rotateY(0deg); 
    } 50% { 
        transform: perspective(160px) rotateX(-180deg) rotateY(0deg);
        -webkit-transform: perspective(160px) rotateX(-180deg) rotateY(0deg) ;
    } 100% { 
        transform: perspective(160px) rotateX(-180deg) rotateY(-180deg);
        -webkit-transform: perspective(160px) rotateX(-180deg) rotateY(-180deg);
    }
}
/*Prelaod style 3*/
#loading-center-absolutestyle3 {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 50px;
    width: 50px;
    margin-top: -25px;
    margin-left: -25px;
   -ms-transform: rotate(45deg); 
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); 
    -webkit-animation: loading-center-absolute 1.5s infinite;
    animation: loading-center-absolute 1.5s infinite;

}
.objectstyle3{
    width: 25px;
    height: 25px;
    background-color: #fff;
    float: left;
    
}
#object_onestyle3 {
    -webkit-animation: object_onestyle3 1.5s infinite;
    animation: object_onestyle3 1.5s infinite;
    }
#object_twostyle3 {
    -webkit-animation: object_twostyle3 1.5s infinite;
    animation: object_twostyle3 1.5s infinite;
    }
#object_threestyle3 {
    -webkit-animation: object_threestyle3 1.5s infinite;
    animation: object_threestyle3 1.5s infinite;
    }
#object_fourstyle3 {
    -webkit-animation: object_fourstyle3 1.5s infinite;
    animation: object_fourstyle3 1.5s infinite;
    }
    

@-webkit-keyframes loading-center-absolutestyle3 {
  100% { -webkit-transform: rotate(-45deg); }

}

@keyframes loading-center-absolutestyle3 {
  100% { 
    transform:  rotate(-45deg);
    -webkit-transform:  rotate(-45deg);
  }
}

@-webkit-keyframes object_onestyle3 {
  25% { -webkit-transform: translate(0,-50px) rotate(-180deg); }
  100% { -webkit-transform: translate(0,0) rotate(-180deg); }

}

@keyframes object_onestyle3 {
  25% { 
    transform: translate(0,-50px) rotate(-180deg);
    -webkit-transform: translate(0,-50px) rotate(-180deg);
  } 
  100% { 
    transform: translate(0,0) rotate(-180deg);
    -webkit-transform: translate(0,0) rotate(-180deg);
  }
}


@-webkit-keyframes object_twostyle3 {
  25% { -webkit-transform: translate(50px,0) rotate(-180deg); }
  100% { -webkit-transform: translate(0,0) rotate(-180deg); }
}

@keyframes object_twostyle3 {
  25% { 
    transform: translate(50px,0) rotate(-180deg);
    -webkit-transform: translate(50px,0) rotate(-180deg);
  } 
  100% { 
    transform: translate(0,0) rotate(-180deg);
    -webkit-transform: translate(0,0) rotate(-180deg);
  }
}

@-webkit-keyframes object_three_pre3 {
  25% { -webkit-transform: translate(-50px,0) rotate(-180deg); }
  100% { -webkit-transform: translate(0,0) rotate(-180deg); }
}

@keyframes object_threestyle3 {
  25% { 
    transform:  translate(-50px,0) rotate(-180deg);
    -webkit-transform:  translate(-50px,0) rotate(-180deg);
  } 
  100% { 
    transform: translate(0,0) rotate(-180deg);
    -webkit-transform: rtranslate(0,0) rotate(-180deg);
  }
}


@-webkit-keyframes object_fourstyle3 {
  25% { -webkit-transform: translate(0,50px) rotate(-180deg); }
  100% { -webkit-transform: translate(0,0) rotate(-180deg); }
}

@keyframes object_fourstyle3 {
  25% { 
    transform: translate(0,50px) rotate(-180deg); 
    -webkit-transform: translate(0,50px) rotate(-180deg);  
  } 
  100% { 
    transform: translate(0,0) rotate(-180deg);
    -webkit-transform: translate(0,0) rotate(-180deg);
  }
}
/*Preload style 4*/
#loading-center-absolutestyle4 {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 150px;
    width: 150px;
    margin-top: -75px;
    margin-left: -50px;
}
.objectstyle4{
    width: 20px;
    height: 20px;
    background-color: #fff;
    float: left;
    margin-right: 20px;
    margin-top: 65px;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
}

#object_onestyle4 {   
    -webkit-animation: object_onestyle4 1.5s infinite;
    animation: object_onestyle4 1.5s infinite;
    }
#object_twostyle4 {
    -webkit-animation: object_twostyle4 1.5s infinite;
    animation: object_twostyle4 1.5s infinite;
    -webkit-animation-delay: 0.25s; 
    animation-delay: 0.25s;
    }
#object_threestyle4 {
    -webkit-animation: object_threestyle4 1.5s infinite;
    animation: object_threestyle4 1.5s infinite;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    
    }

@-webkit-keyframes object_onestyle4 {
75% { -webkit-transform: scale(0); }
}

@keyframes object_onestyle4 {

  75% { 
    transform: scale(0);
    -webkit-transform: scale(0);
  }

}

@-webkit-keyframes object_twostyle4 { 

  75% { -webkit-transform: scale(0); }

}

@keyframes object_twostyle4 {
  75% { 
    transform: scale(0);
    -webkit-transform:  scale(0);
  }

}

@-webkit-keyframes object_threestyle4 {

  75% { -webkit-transform: scale(0); }

}

@keyframes object_threestyle4 {

  75% { 
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  
}
/*Preload style 5*/
#loading-center-absolutestyle5 {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 50px;
    width: 200px;
    margin-top: -25px;
    margin-left: -100px;
}
.objectstyle5{
    width: 20px;
    height:20px;
    background-color:#fff;
    float: left;
    margin-top: 15px;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
}
#first_objectstyle5{
    -webkit-animation: first_objectstyle5 2s infinite;
    animation: first_objectstyle5 2s infinite;
 
}
#second_objectstyle5{
    -webkit-animation: second_objectstyle5 2s infinite;
    animation: second_objectstyle5 2s infinite;
    float: right;
}
    
@-webkit-keyframes first_objectstyle5 {

 25% {
    -ms-transform: translate(90px,0) scale(2); 
    -webkit-transform: translate(90px,0) scale(2);
    transform: translate(90px,0) scale(2);
     }

 50% {
    -ms-transform: translate(180px,0) scale(1); 
    -webkit-transform: translate(180px,0) scale(1);
    transform: translate(180px,0) scale(1);
     }   
 
  75% {
     -ms-transform: translate(90px,0) scale(2); 
    -webkit-transform: translate(90px,0) scale(2);
    transform: translate(90px,0) scale(2);
     }   
 
}       
@keyframes first_objectstyle5 {

 25% {
    -ms-transform: translate(90px,0) scale(2); 
    -webkit-transform: translate(90px,0) scale(2);
    transform: translate(90px,0) scale(2);
     }

 50% {
    -ms-transform: translate(180px,0) scale(1); 
    -webkit-transform: translate(180px,0) scale(1);
    transform: translate(180px,0) scale(1);
     }   
 
  75% {
     -ms-transform: translate(90px,0) scale(2); 
    -webkit-transform: translate(90px,0) scale(2);
    transform: translate(90px,0) scale(2);
     }  
}

@-webkit-keyframes second_objectstyle5 {

 25% {
    -ms-transform: translate(-90px,0) scale(2); 
    -webkit-transform: translate(-90px,0) scale(2);
    transform: translate(-90px,0) scale(2);
     }

 50% {
    -ms-transform: translate(-180px,0) scale(1); 
    -webkit-transform: translate(-180px,0) scale(1);
    transform: translate(-180px,0) scale(1);
     }   
 
  75% {
     -ms-transform: translate(-90px,0) scale(2); 
    -webkit-transform: translate(-90px,0) scale(2);
    transform: translate(-90px,0) scale(2);
     } 
}       
@keyframes second_objectstyle5 {

 25% {
    -ms-transform: translate(-90px,0) scale(2); 
    -webkit-transform: translate(-90px,0) scale(2);
    transform: translate(-90px,0) scale(2);
     }

 50% {
    -ms-transform: translate(-180px,0) scale(1); 
    -webkit-transform: translate(-180px,0) scale(1);
    transform: translate(-180px,0) scale(1);
     }   
 
  75% {
     -ms-transform: translate(-90px,0) scale(2); 
    -webkit-transform: translate(-90px,0) scale(2);
    transform: translate(-90px,0) scale(2);
     } 
}
/*Preload style 6*/
#loading-center-absolutestyle6 {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 20px;
    width: 100px;
    margin-top: -10px;
    margin-left: -50px;

}
.objectstyle6{
    width: 20px;
    height: 20px;
    background-color: #fff;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    margin-right: 20px;
    margin-bottom: 20px;
    position: absolute; 
}


#object_onestyle6{
    -webkit-animation: objectstyle6 2s linear infinite;
     animation: objectstyle6 2s linear infinite;
     }
#object_twostyle6{ 
    -webkit-animation: objectstyle6 2s linear infinite -.4s;
    animation: objectstyle6 2s linear infinite -.4s;
    left: 20px;
     }
#object_threestyle6{ 
    -webkit-animation: objectstyle6 2s linear infinite -.8s; 
    animation: objectstyle6 2s linear infinite -.8s; 
    left: 40px;
    }
#object_fourstyle6{ 
    -webkit-animation: objectstyle6 2s linear infinite -1.2s;
    animation: objectstyle6 2s linear infinite -1.2s; 
    left: 60px;
    } 
#object_fivestyle6{ 
    -webkit-animation: objectstyle6 2s linear infinite -1.6s; 
    animation: objectstyle6 2s linear infinite -1.6s; 
    left: 80px;
    }
    
    
@-webkit-keyframes objectstyle6{
  0% { left: 100px; top:0}
  80% { left: 0; top:0;}
  85% { left: 0; top: -20px; width: 20px; height: 20px;}
  90% { width: 40px; height: 15px; }
  95% { left: 100px; top: -20px; width: 20px; height: 20px;}
  100% { left: 100px; top:0; }      
    
}       
@keyframes objectstyle6{
  0% { left: 100px; top:0}
  80% { left: 0; top:0;}
  85% { left: 0; top: -20px; width: 20px; height: 20px;}
  90% { width: 40px; height: 15px; }
  95% { left: 100px; top: -20px; width: 20px; height: 20px;}
  100% { left: 100px; top:0; }
}
/*Preload style 7*/
#loading-center-absolutestyle7 {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 50px;
    width: 50px;
    margin-top: -25px;
    margin-left: -25px;
}
.objectstyle7{
    width: 50px;
    height: 5px;
    background-color: #fff;
    -webkit-animation: animatestyle7 2s infinite;
    animation: animatestyle7 2s infinite;
    position: absolute;
    top: 0px;
    right: -200px;
    }



@-webkit-keyframes animatestyle7 {
 
  50% {
    -ms-transform: translate(-400px,0) rotate(-360deg); 
    -webkit-transform: translate(-400px,0) rotate(-360deg); 
    transform: translate(-400px,0) rotate(-360deg); 
      }

 100% {
    -ms-transform: translate(0,0) rotate(360deg); 
    -webkit-transform: translate(0,0) rotate(360deg); 
    transform: translate(0,0) rotate(360deg); 
      }   


}

@keyframes animatestyle7 {
  50% {
    -ms-transform: translate(-400px,0) rotate(-360deg); 
    -webkit-transform: translate(-400px,0) rotate(-360deg); 
    transform: translate(-400px,0) rotate(-360deg); 
      }

 100% {
    -ms-transform: translate(0,0) rotate(360deg); 
    -webkit-transform: translate(0,0) rotate(360deg); 
    transform: translate(0,0) rotate(360deg); 
      }     
  
}
.preload-style-custom-image #loading-center{
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -o-flex;
    justify-items: center;
    -webkit-justify-items: center;
    -ms-justify-items: center;
    -o-justify-items: center;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
}

#loading-center-absolute-image{
    text-align: center;
    margin: auto;
    display: none;
}
.preload #loading-center {
    width: 100%;
    height: 100%;
    position: relative;
}
.preload #loading-center-absolute-image{
    display: block;
    max-width: 350px;
}
 #loading {
    display: none;
}
.preload #loading {
    display: block;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 999999;
    margin-top: 0px;
    top: 0px;
}
.preload #loading {
    background-color: var(--bzo-preload-background);
}
/*End Preload*/

/* ===== side-wide/product-items.css ===== */

/*Begin Product elementor*/
.product-price .woocommerce-Price-amount{
    color: var(--bzo-main-color);
    font-size: 20px;
    font-weight: 600;
}
.cart_item .product-price .woocommerce-Price-amount{
    font-size: 16px;
}
.product-price del{
    text-decoration: none;
}

.product-price del .woocommerce-Price-amount{
    color: #727272;
    font-size: 16px;
    font-weight: 400;
    text-decoration: line-through;
}
.product-price .slipt{
    color: var(--bzo-main-color);
}
.product-grid-view .list-product-wrap{
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.product-grid-view .list-col-item {
    float: none;
}
/*filter product element*/
.btn-filter {
    background: #fff;
    border: 1px solid var(--bzo-border-color);
    display: inline-block;
    font-weight: 700;
    height: 40px;
    line-height: 38px;
    padding: 0 55px 0 20px;
    position: relative;
    text-transform: uppercase;
}
.box-attr-filter {
    background: #fff;
    border: 1px solid var(--bzo-border-color);
    box-shadow: 0 5px 5px 0 rgba(0,0,0,.1);
    left: 0;
    margin-top: 35px;
    opacity: 0;
    padding: 20px 0;
    position: absolute;
    top: 65px;
    visibility: hidden;
    width: 100%;
    z-index: 10000;
    transition: all .5s ease-out 0s;
    -webkit-transition: all .5s ease-out 0s;
}
.filter-product.active .box-attr-filter{
    margin-top: 5px;
    opacity: 1;
    visibility: visible;
    top: 40px;
}
.btn-filter::after {
    border-left: 1px solid var(--bzo-border-color);
    bottom: 0;
    content: "\f107";
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 30px;
}
.js-content-wrap{
    position: relative;
}
.filter-product{
    margin-bottom: 30px;
}
.btn-filter span {
    display: inline-block;
    font-size: 18px;
    margin-right: 10px;
    vertical-align: top;
}
.box-attr-filter::before {
    background: #fbfbfb;
    border-right: 1px solid var(--bzo-border-color);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 170px;
}
.item-box-attr {
    display: table;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 5px 0;
    line-height: 24px;
}
.item-attr-title {
    display: table-cell;
    padding: 0 25px;
    position: relative;
    width: 170px;
    vertical-align: top;
    text-align: left;
}
.item-attr-content {
    color: #666;
    display: table;
    padding: 0 30px;
    vertical-align: top;
}
.range-filter .ui-slider-range {
    background: #333;
}
.range-filter .ui-slider-handle.ui-state-default.ui-corner-all {
    background: #333;
    border-radius: 0;
    cursor: pointer;
    height: 10px;
    margin-left: -5px;
    top: -4px;
    width: 10px;
    border: none;
}
.range-filter .slider-range {
    border: none;
    border-radius: 0;
    height: 1px;
    display: inline-block;
    margin: 0 20px 0 5px;
    vertical-align: middle;
    width: 250px;
    background: #e5e5e5;
}
.attr-price-filter{
    display: inline-block;
}
.attr-price-filter label {
    font-weight: 400;
}
.list-filter.list-inline li{
    padding: 0 10px;
}
.wrap-item.loadding .ajax-loading {
    display: block !important;
}
.filter-yes .js-content-main{
    clear: both;
}
.filter-col .box-attr-filter::before{
    display: none;
}
.filter-col .item-box-attr{
    display: block;
    float: left;
}
.filter-col.filter-2-col .item-box-attr{
    width: 50%;
}
.filter-col.filter-3-col .item-box-attr{
    width: 33.3333%;
}
.filter-col.filter-4-col .item-box-attr{
    width: 25%;
}
.filter-col.filter-2-col .item-box-attr:nth-child(2n+1),
.filter-col.filter-3-col .item-box-attr:nth-child(3n+1),
.filter-col.filter-4-col .item-box-attr:nth-child(4n+1){
    clear: both;
}
.filter-col .box-attr-filter{
    clear: both;
}
.filter-col .list-filter{
    margin: 0 -15px;
}
.filter-col .item-box-attr{
    text-align: left;
}
.filter-col .item-attr-title label{
    font-weight: bold;
    margin-bottom: 12px;
    display: block;
}
.filter-col.filter-col-list .list-filter li,
.filter-col.filter-col-list .list-filter{
    list-style: none;
    display: list-item;
}
.element-filter{
    position: relative;
}
.element-filter.active:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    width: 6px;
    height: 10px;
    display: block;
    border: solid #a21414;
    border-width: 0 2px 2px 0;
    position: absolute;
    top: 2px;
    right: -11px;
}
.filter-noresult{
    padding: 100px 0;    
    border: 1px solid var(--bzo-border-color);
}
.bzotech-row > .filter-noresult-wrap{
    padding: 0 15px;
    display: block !important;
    position: static !important;
}
.products-wrap{
    position: relative;
    clear: both;
}
.filter-none .owl-wrapper,
.filter-none .owl-wrapper .owl-item{
    width: 100% !important;
}
.range-filter .slider-range{
    max-width: 100%;
}
.filter-col .item-attr-title,
.filter-col .item-attr-content{
    display: block;
}
.list-inline{
    list-style: none;
    padding: 0;
    margin: 0;
}
.list-inline > li{    
    display: inline-block;
}
.attr-price-filter p{
    margin: 0;
}
.filter-product:not(.filter-col) .item-attr-content.range-filter{
    padding: 0 40px;
}
/*End filter element*/

/*Begin Loading ajax*/
.shop-loading{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.2);
    z-index: 98;
}
.shop-loading i{
    font-size: 40px;
    position: absolute;
    top: 100px;
    left: 50%;
    color: #fff;
}
.ajax-loading:not(.list-product-search){
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%!important;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    z-index: 9999;
}
.ajax-loading:not(.list-product-search) i{
    font-size: 40px;
    position: absolute;
    color: #fff;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    margin: auto;
}
.loadding{
    position: relative;
}
/*End Loading ajax*/
.product-thumb{
    position: relative;
}
.wrap-rating .number-rate{
color: #999;
margin-left: 10px;
}
.product-info .product-title{
    line-height: 24px;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 3px;
    color: var(--bzo-title-color);
}
.product-info .product-title a:hover{
    color: var(--bzo-main-color);
}
.product-thumb{
    overflow: hidden;
}
/*Begin addcart link style1*/
.addcart-link-style1.button.addcart-link{
    color: #fff!important;
    display: inline-block!important;
    position: relative!important;
    background: rgb(0 0 0 / 20%)!important;
    border-radius: 50%;
    width: 70px;
    min-width: auto;
    height: 70px!important;   
    line-height: 70px!important;
    padding: 0px!important;
    font-size: 36px;
}
.addcart-link-style1.button.addcart-link span{
    display: none;
}

.addcart-link-style1 i.la-cart-arrow-down,
.addcart-link-style1 i.la-cart-plus
{
        margin-top: 7px;
}
.addcart-link-style1 i.check{
opacity: 0.3;
}
.addcart-link-style1.button.addcart-link:before{
    display: none!important;
}
.addcart-link-style1.button.addcart-link:hover{
    background: #fff!important;
    color: #000!important;
}
/*End addcart link style1*/
/*Begin addcart link style2*/
.addcart-link-style2.button.addcart-link{
    font-size: 17px!important;
    color: #fff!important;
    text-transform: uppercase;
    position: relative!important;
    background: var(--bzo-main-color)!important;
    height: 60px!important;
    padding: 0px!important;
}
.addcart-link-style2 i{
       width: 60px;
    border-right: 2px solid #fff;
    height: 60px;
    line-height: 54px;
    font-size: 28px;
}
.addcart-link-style2 span{
   padding: 0px 35px;
    font-weight: 700;
    line-height: 56px;
    height: 56px;
    display: inline-block;
    vertical-align: top;
}
/*End addcart link style2*/
.item-style-product-extra{
    padding: 0;
    line-height: 56px;
    height: 56px;
    display: inline-block;
    width: 56px;
    text-align: center;
    background: var(--bzo-main-color);
    color: #fff;
    margin-left: 2px;
}
.item-style-product-extra span{
    display: none;
}
/*Begin attribute by default woo ( Of: bzotech_product_attribute_data() )*/
.attr-type-color .item{
    display: inline-block;
    border: 1px solid #000;
    margin-right: 15px;
    overflow: hidden;
        transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
}
.attr-type-color .item:last-child{
    margin-right: 0px;
}
.attr-type-color span{
    display: block;
    width: 20px;
    height: 20px;
}

.attr-type-label .item:last-child{
    margin-right: 0px;
}
.attr-type-label .item:hover{
    border-color: #000;
    color: #000;
}

/*Begin attribute color by option custom ( Of: bzotech_product_attribute_image_by_color() )*/
.attribute-by-color-style1 .attribute-custom{
    height: 18px;
    width: 18px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 10px;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    position: relative;
}
.attribute-by-color-style1 .attribute-custom:before{
    height: 24px;
    width: 24px;
    content: '';
    position: absolute;
    left: -3px;
    top: -3px;
    background: transparent;
    border-radius: 50%;
    z-index: -1;
}
.attribute-by-color-style1 .attribute-custom:last-child{
    margin-right: 0px;
}
.attribute-by-color-style1 .attribute-custom.color-white{
    border:1px solid #d4d4d4;
} 
.attribute-by-color-style1 .attribute-custom.color-white.active-att{
    border: none;
} 
.attribute-by-color-style1 .attribute-custom.active-att:before{
    background: #fff ;
}  
.attribute-by-color-style1 .attribute-custom.color-white.active-att:before{
    background: #ccc ;
}  
/*End attribute color by option custom*/
/*Begin item grid product-*/
.item-grid-product- .item-product{
    margin-bottom: 30px;
}
.item-grid-product- .item-product .product-thumb{
    border-radius: 15px 15px 0 0;
}
.item-grid-product- .item-product .product-label{
    text-align: right;
    position: absolute;
    top: 15px;
    right: 15px;
    left: auto;
    z-index: 1;
        display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.item-grid-product- .item-product .product-thumb__group-extra{
    display: flex;
    gap: 10px;
    justify-content: center;
    position: absolute;
    z-index: 99;
    bottom: -70px;
    left: 50%;
    transform: translateX(-50%);
/*    background: rgba(128, 180, 255, 0.4);*/
    padding: 15px 20px;
    border-radius: 40px;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
}
.item-grid-product- .item-product .product-thumb__group-extra::before{
    width: 100%;
    height: 100%;
    background-color: var(--bzo-main-color);
    opacity: 0.4;
     border-radius: 40px;
     content: "";
    top: 0;
    left: 0;
    position: absolute;
}
.header-session .item-grid-product- .item-product .product-thumb__group-extra{
    background: rgba(65, 186, 227, 0.4);
}
.item-grid-product- .item-product:hover .product-thumb__group-extra{
    bottom: 15px;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}
.item-grid-product- .item-product .product-thumb__group-extra a{
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 100%;
    font-size: 24px;
    color: #727272;
    background-color: #fff;
    transition: all 0.2s ease-out 0s;
    z-index: 1;
}
.item-grid-product- .item-product .product-thumb__group-extra a.added{
    background-color: var(--bzo-main-color);
    color: #fff;

}
.item-grid-product- .item-product .product-thumb__group-extra a i{
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 100%;
    display: block;
}
.item-grid-product- .item-product .product-thumb__group-extra a:hover{
    background-color: var(--bzo-main-color);
    color: #fff;
    transition: all 0.2s ease-out 0s;
}
.item-grid-product- .item-product .product-thumb__group-extra a.add_to_wishlist i{
    font-size: 22px;
}
.item-grid-product- .item-product .product-thumb__group-extra a.add_to_cart_button span{
    display: none;
}
.item-grid-product- .item-product .product-info{
    padding: 16px;
}
.item-grid-product- .item-product .product-info .wrap-rating{
    margin-bottom: 2px;
}

.main-filter__number .woocommerce-result-count{
    margin: 0;
}
/*end item grid product-*/

/*Begin item grid product style2*/
.item-grid-product-style2 .item-product{
    margin-bottom: 20px;
}
.item-grid-product-style2 .item-product .product-label{
    left: auto;
    right: 20px;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    position: absolute;
    top: 20px;
    z-index: 1;
}
.item-grid-product-style2 .item-product .product-extra-link{
    width: 40px;
    position: absolute;
    top: 10px;
    left: 15px;
}
.item-grid-product-style2 .item-product .product-extra-link a{
    width: 40px;
    height: 40px;
    line-height: 42px;
    text-align: center;
    border-radius: 100%;
    background-color: #fff;
    color: #727272;
    font-size: 20px;
    display: inline-block;
    margin: 5px 0;
    transition: all 0.25s ease-in-out 0s;
    opacity: 0 !important;
    transform: translate(-30px, 0px);
}

.item-grid-product-style2 .item-product .product-extra-link a.wishlist-link{
   transition-delay: 0.1s; 
}
.item-grid-product-style2 .item-product .product-extra-link a.quickview-link{
   transition-delay: 0.2s; 
}
.item-grid-product-style2 .item-product .product-extra-link a.compare-link{
   transition-delay: 0.3s; 
}
.item-grid-product-style2 .item-product:hover .product-extra-link a{
    opacity: 1 !important;
    visibility: visible;
    transform: translate(0px, 0px);
}       
.item-grid-product-style2 .item-product .product-extra-link a.added{
    background-color: var(--bzo-main-color);
    color: #fff;
} 
.item-grid-product-style2 .item-product .product-extra-link a.product-compare.added{
    font-size: 0;
    position: relative;
}
.item-grid-product-style2 .item-product .product-extra-link a.product-compare.added::before{
    font-family: 'Line Awesome Free';
    font-weight: 900;
    content: "\f362";
    font-size: 20px;
}

.item-grid-product-style2 .item-product .product-extra-link a:hover{
    background-color: var(--bzo-main-color);
    transition: all 0.25s ease-in-out 0s;
    color: #fff;
}
.item-grid-product-style2 .product-info .product-title a{
    color: var(--bzo-title-color);
}
.item-grid-product-style2 .product-info .product-title a:hover{
    color: var(--bzo-main-color);
}
.item-grid-product-style2 .item-product .addcart-link{
    line-height: 42px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--bzo-title-color);
    position: relative;
    padding-left: 35px;
    padding-right: 15px;
}
.item-grid-product-style2 .item-product .addcart-link span{
    position: relative;
    z-index: 1;
}
.item-grid-product-style2 .item-product .addcart-link::before{
    position: absolute;
    content: "";
    width: 42px;
    height: 42px;
    border-radius: 22px;
    top: 0;
    left: 0;
    background-color: var(--bzo-main-color);
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
}
.item-grid-product-style2 .item-product .addcart-link:hover::before{
    width: 100%;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
}
.item-grid-product-style2 .item-product .addcart-link:hover{
    color: #fff;
}
.item-grid-product-style2 .item-product .addcart-link i{ 
    width: 42px;
    height: 42px;
    background-color: transparent;
    line-height: 40px;
    
    border-radius: 100%;
    font-size: 22px;
    text-align: right;
    padding-right: 8px;
    position: absolute;
    top: 0;
    left: 0;
}
.item-grid-product-style2 .item-product .addcart-link:hover i{ 
        animation: shake22 2.5s ease infinite;
}
.item-grid-product-style2 .item-product .product-info{
    padding: 10px 5px;
}
.item-grid-product-style2 .product-info .product-title{
    margin: 6px 0px 12px 0;
}
/*end item grid product style2*/
/*Begin item grid product-style3*/
.shop-grid-product-item-style3 .item-grid-product-style3 .item-product{
    margin-bottom: 30px;
}
.shop-grid-product-item-style3 .list-product-wrap{
    margin-bottom: -30px;
}
.item-grid-product-style3 .item-product .product-label{
    text-align: left;
    position: absolute;
    top: 15px;
    right: auto;
    z-index: 1;
    left: 15px;
}
.item-grid-product-style3 .product-title{
    padding-right: 20px;
}
.item-grid-product-style3 .product-thumb{
    background: #ebebeb;
    border-radius: 30px 30px 0px 0px;
}
.item-grid-product-style3 .product-thumb__group-extra{
    position: absolute;
    right: -100px;
    top: 0;
    bottom:46px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 1;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
}
.item-grid-product-style3:hover .product-thumb__group-extra{
    right: 16px;
}
.item-grid-product-style3 .product-thumb__group-extra a{
   display: block;
   width: 48px;
   height: 48px;
   background: #fff;
   border-radius: 50%;
   margin-bottom: 12px;
    text-align: center;
    line-height: 52px;
}
.item-grid-product-style3 .product-thumb__group-extra a.popup-share{
   margin-bottom: 0;
}
.item-grid-product-style3 .product-thumb__group-extra a:hover{
   background: var(--bzo-main-color2);
   color: #fff;
}
.item-grid-product-style3 .product-thumb__group-extra a:hover .path1:before{
   color: #fff;
}
.item-grid-product-style3 .addcart-link-style3 {
   position: absolute;
   height: 46px;
   line-height: 46px;
   background: var(--bzo-main-color2);
   color: #fff;
   text-align: center;
   font-weight: 600;
    left: 0;
    right: 0;
    bottom: -100px;
    z-index: 1;
    text-transform: capitalize;
        display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 15px;
}
.item-grid-product-style3 .addcart-link-style3:hover{
   background: var(--bzo-main-color);
}
.item-grid-product-style3 .addcart-link-style3 i{
   margin-right:3px;
}
.item-grid-product-style3 .addcart-link-style3 i.la-check,
.item-grid-product-style3 .addcart-link-style3 i.la-spinner
{
   margin-left:8px;
}
.item-grid-product-style3:hover .addcart-link-style3{
    bottom: 0px;
}
.item-grid-product-style3 .item-product{
    border-radius:30px;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    background: #fff;
}
.item-grid-product-style3:hover .item-product{
    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.14);
}
.item-grid-product-style3 .product-info{
    padding: 15px 15px;
}
.item-grid-product-style3 .product-info .product-price{
    margin-top: 10px;
}
.item-grid-product-style3 .product-info .wrap-rating{
    margin-bottom: 5px;
}
/*end item grid product-style3*/

/*Begin item grid product-style4*/
.item-grid-product-style4 .item-product .product-label {
    top: 20px;
    right: 20px;
    left: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: absolute;
    z-index: 1;
}
.item-grid-product-style4 .product-thumb__group-extra {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    left: -30px;
    top: 20px;
    flex-direction: column;
    z-index: 2;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    transition-delay: 0.3s;
}
.item-grid-product-style4:hover .product-thumb__group-extra {
    left: 20px;
}
.item-grid-product-style4 .product-thumb__group-extra a{
    margin-bottom: 20px;
    color: #fff;
}
.item-grid-product-style4 .product-thumb__group-extra a i{
    font-size: 24px;
}
.item-grid-product-style4 .product-thumb:before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(23, 23, 23, 0.3);
    z-index: 1;
    opacity: 0;
        transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
}
.item-grid-product-style4:hover .product-thumb:before{
    opacity: 1;
}
.item-grid-product-style4 .product-extra-link{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}
.addcart-link-style4{
    background: #fff;
    border: 0;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    height: 55px;
    line-height: 55px;
    text-align: center;
    border-radius: 30px;
    padding: 0 35px!important;
    min-width: 120px;
    display: inline-block;
    cursor: pointer;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    z-index: 1;
}
.addcart-link-style4:hover{
    color: #fff;
    background: var(--bzo-main-color);
}

.item-grid-product-style4 .addcart-link-style4{
    transform: scale(0);
}

.item-grid-product-style4:hover .addcart-link-style4{
    transform: scale(1);
}
.item-grid-product-style4 .product-info .wrap-rating{
    margin-top: 12px;
    margin-bottom: 8px;
}
.item-grid-product-style4 .product-info .product-price{
    margin-top: 8px;
}
.item-grid-product-style4 {
    margin-bottom: 30px;
}
.shop-grid-product-item-style4{
    margin-bottom: -30px;
}
.item-grid-product-style4 .product-info{
    text-align: center;
}
/*End item grid product-style4*/
/*Begin item grid product-style5*/
.item-grid-product-style5 .item-product{
    margin-bottom: 20px;
    border: 1px solid var(--bzo-main-color);
    border-radius: 15px;
    transition: .3s;
}
.item-grid-product-style5 .item-product:hover{
    box-shadow: 0px 1px 18px rgba(135, 176, 179, 0.4);
    border-color: var(--bzo-main-color);
    transition: .3s;
}
.item-grid-product-style5 .item-product .product-thumb{
    position: relative;
    border-radius: 15px 15px 0 0;
}
.item-grid-product-style5 .product-thumb-link,
.item-grid-product-style5 .product-thumb-link img{
    background-color: #fff;
    border-radius: 15px 15px 0 0;
}
.item-grid-product-style5 .item-product .product-extra-link{
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0;
    text-align: center;
}
.item-grid-product-style5 .item-product .product-extra-link a{
    width: 40px;
    height: 40px;
    line-height: 42px;
    text-align: center;
    border-radius: 5px;
    background-color: #f5f5f5;
    color: #727272;
    font-size: 20px;
    display: inline-block;
    margin: 0 5px;
    transition: all 0.25s ease-in-out 0s;
    opacity: 1 !important;
}

.item-grid-product-style5 .item-product:hover .product-extra-link a{
    opacity: 1 !important;
    visibility: visible;
    transform: translate(0px, 0px);
}       
.item-grid-product-style5 .item-product .product-extra-link a.added{
    background-color: var(--bzo-main-color);
    color: #fff;
} 
.item-grid-product-style5 .item-product .product-extra-link a.product-compare.added{
    font-size: 0;
    position: relative;
}
.item-grid-product-style5 .item-product .product-extra-link a.product-compare.added::before{
    font-family: 'Line Awesome Free';
    font-weight: 900;
    content: "\f362";
    font-size: 20px;
}

.item-grid-product-style5 .item-product .product-extra-link a:hover{
    background-color: var(--bzo-main-color);
    transition: all 0.25s ease-in-out 0s;
    color: #fff;
}
.item-grid-product-style5 .product-info .product-title a{
    color: var(--bzo-title-color);
}
.item-grid-product-style5 .product-info .product-title a:hover{
    color: var(--bzo-main-color);
}
.item-grid-product-style5 .item-product .addcart-link{

}
.item-grid-product-style5 .item-product .addcart-link span{
    
}

.item-grid-product-style5 .item-product .product-info{
    padding: 15px 5px;
}
.item-grid-product-style5 .product-info .product-title{
    margin: 4px 0px 8px 0;
}
.item-grid-product-style5 .item-product{
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 15px;
    transition: .3s;
}
.item-grid-product-style5 .item-product:hover{
    border-color: var(--bzo-main-color);
    box-shadow: 0px 1px 18px rgba(201, 201, 201, 0.4);
    transition: .3s;
}
.item-grid-product-style5 .item-product .product-thumb{
    position: relative;
    border-radius: 15px 15px 0 0;
}
.item-grid-product-style5 .product-thumb-link,
.item-grid-product-style5 .product-thumb-link img{
    background-color: #fff;
    border-radius: 15px 15px 0 0;
}
.item-grid-product-style5 .item-product .product-extra-link{
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0;
    text-align: center;
}
.item-grid-product-style5 .item-product .product-extra-link a{
    width: 40px;
    height: 40px;
    line-height: 42px;
    text-align: center;
    border-radius: 100%;
    background-color: #f5f5f5;
    color: #727272;
    font-size: 20px;
    display: inline-block;
    margin: 0 7px;
    transition: all 0.3s ease-in-out 0s;
    opacity: 0 !important;
    transform: translate(0px, 30px);
}
.item-grid-product-style5 .item-product:hover .product-extra-link a{
    opacity: 1 !important;
    visibility: visible;
    transform: translate(0px, 0px);
}       
.item-grid-product-style5 .item-product .product-extra-link a.added{
    background-color: var(--bzo-main-color);
    color: #fff;
} 
.item-grid-product-style5 .item-product .product-extra-link a.product-compare.added{
    font-size: 0;
    position: relative;
}
.item-grid-product-style5 .item-product .product-extra-link a.product-compare.added::before{
    font-family: 'Line Awesome Free';
    font-weight: 900;
    content: "\f362";
    font-size: 20px;
}

.item-grid-product-style5 .item-product .product-extra-link a:hover{
    background-color: var(--bzo-main-color);
    transition: all 0.3s ease-in-out 0s;
    color: #fff;
}
.item-grid-product-style5 .product-info .product-title a{
    color: var(--bzo-gray-color);
}
.item-grid-product-style5 .product-info .product-title a:hover{
    color: var(--bzo-main-color);
}


.item-grid-product-style5 .item-product .product-info{
    padding: 15px 5px;
}
.item-grid-product-style5 .product-info .product-title{
    margin: 2px 0px 4px 0;
}

.item-grid-product-style5 .item-product .product-thumb .product-label{
    text-align: left;
    left: 15px;
    top: 15px;
    right: auto;
    position: absolute;
    z-index: 1;
}
.item-grid-product-style5 .product-label span{
    background: #FFC12B;
}
.item-grid-product-style5 .product-label span.sale{
    background: #FF8080;
}
/*End item grid product-style5*/

/*Begin item grid product-style6*/
.item-grid-product-style6 .item-product .product-extra-link a {
    width: 40px;
    height: 40px;
    line-height: 42px;
    text-align: center;
    border-radius: 100%;
    background-color: #f5f5f5;
    color: var(--bzo-gray-color);
    font-size: 20px;
    display: inline-block;
    margin: 0 7px;
    transition: all 0.3s ease-in-out 0s;
    opacity: 0 !important;
    transform: translate(0px, 30px);
}
.item-grid-product-style6 .item-product:hover .product-extra-link a {
    opacity: 1 !important;
    visibility: visible;
    transform: translate(0px, -10px);
}
.item-grid-product-style6 .item-product .product-extra-link {
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0;
    text-align: center;
}
.item-grid-product-style6 .item-product .product-thumb .product-label {
    text-align: right;
    right: 15px;
    top: 15px;
    position: absolute;
    z-index: 1;
}
.item-grid-product-style6 .product-thumb-link {
    background: white;
}
.item-grid-product-style6 .product-thumb-link img {
    background: white;
}
.item-grid-product-style6 .item-product .product-category-list a:not(:first-child) {
    display: none;
}
.item-grid-product-style6 .item-product .product-category-list a {
    font-size: 12px;
    font-weight: 400;
    color: var(--bzo-body_typo-color);
    text-transform: uppercase;
}
.item-grid-product-style6 .item-product .product-category-list a:hover {
    color: var(--bzo-main-color);
}
.item-grid-product-style6 .item-product {
    background-color: white;
    border-radius: 5px;
    border: 1px solid transparent;
    overflow: hidden;
}
.item-grid-product-style6 .product-info .product-title {
    margin-bottom: 4px;
}
.item-grid-product-style6 .item-product .product-info{
    padding-bottom: 15px;
}
.item-grid-product-style6 .item-product:hover {
    border-color: var(--bzo-main-color);
    box-shadow: 0px 1px 18px rgba(201, 201, 201, 0.4);
    transition: .3s;
}
.item-grid-product-style6 .item-product .product-extra-link a:hover {
    background-color: var(--bzo-main-color);
    transition: all 0.3s ease-in-out 0s;
    color: #fff;
}
.item-grid-product-style6 .item-product .product-extra-link a.added {
    background-color: var(--bzo-main-color);
    color: #fff;
}
/*End item grid product-style6*/
/*Begin item grid product-style7*/
.item-grid-product-style7 .product-info {
    position: relative;
    margin-top: 30px;
}
.item-grid-product-style7 .product-info .product-title {
    color: var(--bzo-gray-color);
    font-size: 20px;
    font-weight: 600;
}
.item-grid-product-style7 .product-extra-link {
    background-color: var(--bzo-main-color);
    border-radius: 8px;
    padding: 0px 0px;
    visibility: hidden;
    transition: all .2s linear;
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0;
    bottom: -20px;
    overflow: hidden;
}
.item-grid-product-style7:hover .product-extra-link {
    opacity: 1;
    visibility: visible;
    bottom: -48px;
}
.item-grid-product-style7 .product-extra-link a {
    color: white;
    line-height: 40px;
}
.item-grid-product-style7 .product-extra-link a:hover,
.item-grid-product-style7 .product-extra-link a.added
{
    background: var(--bzo-main-color2);
    color: #fff;
}
.item-grid-product-style7 .product-extra-link a.added.compare-link
{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0px;
}
.item-grid-product-style7 .product-extra-link a.added.compare-link:before
{
    content: "\f362";
    font-family: 'Line Awesome Free';
    font-weight: 900;
    font-size: 16px;
}
.item-grid-product-style7 .product-extra-link .product-compare {
    width: 40px;
    text-align: center;
    border-left: 1px solid var(--bzo-border-color);
}
.item-grid-product-style7 .product-extra-link .add_to_wishlist {
    width: 40px;
    text-align: center;
    border-right: 1px solid var(--bzo-border-color);
}
.item-grid-product-style7 .wrap-rating {
    margin-bottom: 3px;
}
.item-grid-product-style7 .product-price {
    margin-bottom: 0px;
}
.item-grid-product-style7 .product-extra-link .addcart-link {
    font-weight: 600;
    font-size: 16px;
    line-height: 40px;
    text-transform: uppercase;
    width: calc(100% - 80px);
    text-align: center;
}
.item-grid-product-style7 .product-extra-link .addcart-link .fa-shopping-cart{
    display: none;
}
.item-grid-product-style7 .product-label {
    text-align: right;
    right: 0;
    top: 20px;
    position: absolute;
    z-index: 1;
}
.item-grid-product-style7 .product-label span {
    border-radius: 5px 0 0 5px;
}
.item-grid-product-style7 .item-product {
    position: relative;
    padding: 15px;
    z-index: 2;
    transition: all .3s linear;
}
.item-grid-product-style7 .item-product::before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    top: 0;
    background: #fff;
    border-radius: 15px;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
}

.item-grid-product-style7:hover .item-product::before{
    bottom: -48px;
}
.item-grid-product-style7:hover{
    z-index: 11
}

.item-grid-product-style7 .product-thumb-link{
    border-radius: 10px;
}

/*End item grid product-style7*/
/*Begin item list default*/
.detail-qty{
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 20px;
    height: auto;
    border-radius: 30px;
    border: 1px solid var(--bzo-border-color);
    padding: 0 20px;
    display: inline-block;
}
.product-detail-info .detail-qty{

}
.detail-qty a{   
    color: #454545;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 18px;
    display: inline-block;
}
.detail-qty a:hover{   
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.06)), #FFFFFF;
    color: #727272;
}
.detail-qty input{
    border: none;
    color: #181C25;
    font-size: 20px;
    font-weight: 600;
    padding: 0 5px;
    text-align: center;
}
.cart_item .detail-qty input{
    font-size: 16px;
}
.item-list-default .product-label{
    position: absolute;
    left: 20px;
    top: 20px;
}
.item-list-default .product-title{
    margin-bottom: 12px;
}
.item-list-default .wrap-rating{
    margin-bottom: 10px;
}
.item-list-default .product-price {
    margin-bottom: 10px;
}
.item-list-default .product-price ins{
    text-decoration: none;
}
.item-list-default .list-thumb-wrap{
    width: 380px;
}
.item-list-default .list-info-wrap{
    width: calc(74% - 380px);
    padding-left: 35px;
}
.item-list-default .product-extra-link{
    width: 26%;
    padding-left: 35px;
    margin-left: 35px;
    border-left: 1px solid #CFCFCF;
    text-align: center;
}
.item-list-default .product-extra-link .detail-qty{
    margin: auto;
    margin-bottom: 25px;
}
.list-product-wrap .item-list-default{
    margin-bottom:32px;
    padding-bottom: 32px;
    border-bottom: 1px solid #CFCFCF;
}
.list-product-wrap .bzotech-col-md-12:last-child .item-list-default{
    margin-bottom: 0px;
}
.list-product-wrap .product-extra-link .elbzotech-bt-default{
    width: 100%;
}
.list-product-wrap .product-extra-link .popup-share span{
    display: inline-block;
}
.list-product-wrap .product-extra-link__group-extra a{
    padding: 0 6px;
    margin-bottom: 10px;
    display: inline-block;
}
.list-product-wrap .product-extra-link__group-extra{
    margin: 0 -6px;
    margin-top: 25px;
}
.list-product-wrap .product-extra-link__group-extra a>i{
    margin-right: 6px;
    vertical-align: middle;
}
.item-list-default .product-thumb{
    border-radius: 30px;
}
/*End item list default*/
/*Begin item list default 2*/

.item-list-default2 .product-label{
    position: absolute;
    left: 20px;
    top: 20px;
}
.item-list-default2 .detail-qty{
    display: none;
}
.item-list-default2 .list-thumb-wrap{
    width: 380px;
}
.item-list-default2 .list-info-wrap {
    width: calc(100% - 380px);
    padding-left: 30px;
}
.item-list-default2 .product-thumb-link{
    border-radius: 15px;
}
.item-list-default2 .product-title{
    margin-bottom: 12px;
    font-size: 20px;
    line-height: 28px;
}
.item-list-default2 .product-extra-link-defaut2>*{
    margin-top: 10px;
}
.item-list-default2 .product-extra-link-defaut2 .case-cart-default{
    margin-right: 15px;
}
.item-list-default2 .product-extra-link-defaut2 .list-compare-wishlist a{
    width: 54px;
    height: 54px;
    text-align: center;
    line-height: 52px;
    border: 1px solid var(--bzo-border-color);
    font-size: 24px;
    color: #727272;
    border-radius: 100%;
    margin: 0 5px;
    display: inline-block;
    transition: all .3s ease-in-out; 
}
.item-list-default2 .product-extra-link-defaut2 .list-compare-wishlist a.added{
    background-color: var(--bzo-main-color);   
    border-color: var(--bzo-main-color); 
    color: #fff;
}
.item-list-default2 .product-extra-link-defaut2 .list-compare-wishlist a.product-compare.added{
    font-size: 0;
    position: relative;
    color: #fff;
    top: -1px;
}
.item-list-default2 .product-extra-link-defaut2 .list-compare-wishlist a.product-compare.added::before{
    font-family: 'Line Awesome Free';
    font-weight: 900;
    content: "\f362";
    font-size: 20px;

}
.item-list-default2 .product-extra-link-defaut2 .list-compare-wishlist a>i{
    font-size: 24px;
    vertical-align: middle;
    margin: 0px;
    padding: 0;
    width: 54px;
    height: 54px;
    text-align: center;
    line-height: 52px;
    display: block;
}
.item-list-default2 .product-extra-link-defaut2 .list-compare-wishlist a:hover{
    border-color: var(--bzo-main-color);
   color: #fff;
    background: var(--bzo-main-color);    
    moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; 
}
.item-list-default2 .product-extra-link-defaut2{
    margin-top: 30px;
}
.item-list-default2 .wrap-rating{
    margin-bottom: 10px!important;
}
.item-list-default2 .product-price{
    margin-bottom: 12px;
}

.product-extra-link-defaut2 .list-compare-wishlist a:last-child,
.product-extra-link-defaut2>*:last-child{
    margin-right: 0px;
}
.item-list-default2 a.add_to_wishlist,
.item-list-default2 a.product-compare{
    line-height: 60px;
}
.item-list-default2{
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #D6D6D6;
}
/*Begin item grid product style8*/
.shop-grid-product-item-style8 {
    margin-bottom: -30px;
}
.shop-grid-product-item-style8 .item-grid-product-style8 .item-product {
    margin-bottom: 30px;
}
.item-grid-product-style8 .product-thumb {
    position: relative;
}
.item-grid-product-style8 .product-thumb .product-label {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 1;
}
.item-grid-product-style8 .product-label span {
    border-radius: 0;
    padding: 5px 15px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    color: var(--bzo-gray-color);
    margin-bottom: 8px;
    text-transform: capitalize;
}
.item-grid-product-style8 .product-label span.sale {
    background: #FFCC00;
}
.item-grid-product-style8 .product-label span.new {
    background: var(--bzo-main-color);
}
.item-grid-product-style8 .product-thumb .product-extra-link {
    position: absolute;
    right: -50px;
    top: 15px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    transition: .3s;
}
.item-grid-product-style8 .item-product:hover .product-thumb .product-extra-link {
    right: 15px;
}
.item-grid-product-style8 .product-thumb .product-extra-link a:hover,
.item-grid-product-style8 .product-thumb .product-extra-link .add_to_wishlist.added {
    background: var(--bzo-main-color);
}
.item-grid-product-style8 .product-thumb .product-extra-link a {
    transition: .3s;
}

.item-grid-product-style8 .product-thumb .product-extra-link a:hover,
.item-grid-product-style8 .product-thumb .product-extra-link .add_to_wishlist.added i{
    color: #fff;
}
.item-grid-product-style8 .product-thumb .product-extra-link a {
    width: 40px;
    height: 40px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}
.item-grid-product-style8 .product-thumb .action-buttons {
    position: absolute;
    bottom: -50px;
    background: var(--bzo-main-color);
    padding: 10px 0;
    display: flex;
    justify-content: center;
    width: 100%;
    transition: .3s;
}
.item-grid-product-style8 .product-thumb .action-buttons .add_to_cart_button span,
.item-grid-product-style8 .product-thumb .action-buttons .addcart-link span {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    transition: .3s;
}
.item-grid-product-style8 .product-thumb .action-buttons .add_to_cart_button:hover span,
.item-grid-product-style8 .product-thumb .action-buttons .addcart-link:hover span {
    color: #fff;
} 
.item-grid-product-style8 .item-product:hover .product-thumb .action-buttons {
    bottom: 0;
}
.item-grid-product-style8 .product-info {
    padding: 15px;
}
.item-grid-product-style8 .product-info .product-title,
.item-grid-product-style8 .product-info .title-rating .wrap-rating{
    margin-bottom: 6px;
}
.item-grid-product-style8 .product-info .product-title a {
    color: var(--bzo-gray-color);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}
.item-grid-product-style8 .product-info .product-title:hover a {
    color: var(--bzo-main-color);
}
.item-grid-product-style8 .product-info .product-price .woocommerce-Price-amount {
    font-size: 16px;
    font-weight: 700;
}
.item-grid-product-style8 .product-info .product-price del .woocommerce-Price-amount {
    font-size: 14px;
    font-weight: 400;
    color: var(--bzo-body_typo-color);
}
/*End item grid product style8*/
/*Begin item grid product style9*/
/*
.item-grid-product-style9 .product-thumb-link,
.item-grid-product-style9 .product-thumb-link img {
    background: transparent;
}
.item-grid-product-style9 .item-product {
    display: flex;
}*/
/*End item grid product style9*/
/*Begin item grid product style9*/
.shop-grid-product-item-style9 {
    margin-bottom: -30px;
}
.shop-grid-product-item-style9 .item-grid-product-style9 .item-product {
    margin-bottom: 30px;
}
.item-grid-product-style9 .product-thumb {
    position: relative;
}
.item-grid-product-style9 .product-thumb .product-label {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 1;
}
.item-grid-product-style9 .product-label span {
    border-radius: 0;
    padding: 4px 10px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #fff;
    margin-bottom: 8px;
    text-transform: uppercase;
}
.item-grid-product-style9 .product-label span.sale {
    background: var(--bzo-main-color2);
}
.item-grid-product-style9 .product-label span.new {
    background: var(--bzo-main-color);
}
.item-grid-product-style9 .product-thumb .product-extra-link {
    position: absolute;
    right: -50px;
    top: 15px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    transition: .3s;
}
.item-grid-product-style9 .item-product:hover .product-thumb .product-extra-link {
    right: 15px;
}
.item-grid-product-style9 .product-thumb .product-extra-link a:hover,
.item-grid-product-style9 .product-thumb .product-extra-link .add_to_wishlist.added {
    background: var(--bzo-main-color);
}
.item-grid-product-style9 .product-thumb .product-extra-link a {
    transition: .3s;
}

.item-grid-product-style9 .product-thumb .product-extra-link a:hover,
.item-grid-product-style9 .product-thumb .product-extra-link .add_to_wishlist.added i{
    color: #fff;
}
.item-grid-product-style9 .product-thumb .product-extra-link a {
    width: 40px;
    height: 40px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}
.item-grid-product-style9 .product-thumb .action-buttons {
    position: absolute;
    bottom: -60px;
    background: var(--bzo-main-color2);
    display: flex;
    justify-content: space-between;
    width: 100%;
    transition: .3s;
}

.item-grid-product-style9 .product-thumb .action-buttons a.product-quick-view,
.item-grid-product-style9 .product-thumb .action-buttons a.add_to_wishlist  {
    display: flex;
    width: 56px;
    height: 56px;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 24px;
}
.item-grid-product-style9 .product-thumb .action-buttons a.product-quick-view {
    border-left: 1px solid #D6D6D6;
}
.item-grid-product-style9 .product-thumb .action-buttons a.add_to_wishlist {
    border-right: 1px solid #D6D6D6;
}
.item-grid-product-style9 .product-thumb .action-buttons a.add_to_wishlist.added i {
    color: var(--bzo-main-color);
}
.item-grid-product-style9 .product-thumb .action-buttons .addcart-link {
    display: flex;
    align-items: center;
    color: #fff;
    justify-content: center;
}
.item-grid-product-style9 .product-thumb .action-buttons .addcart-link i {
    display: none;
}
.item-grid-product-style9 .product-thumb .action-buttons .add_to_cart_button span,
.item-grid-product-style9 .product-thumb .action-buttons .addcart-link span {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    transition: .3s;
}
.item-grid-product-style9 .product-thumb .action-buttons a:hover,
.item-grid-product-style9 .product-thumb .action-buttons .addcart-link:hover span {
    color: var(--bzo-main-color);
} 
.item-grid-product-style9 .item-product:hover .product-thumb .action-buttons {
    bottom: 0;
}
.item-grid-product-style9 .product-info {
    padding: 13px 0 0;
}
.item-grid-product-style9 .product-info .product-title{
    margin-bottom: 12px;
    text-align: center;
}
.item-grid-product-style9 .product-info .product-title a {
    color: var(--bzo-main-color2);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-transform: uppercase;
}
.item-grid-product-style9 .product-info .product-title:hover a {
    color: var(--bzo-main-color);
}
.item-grid-product-style9 .product-info .product-price .woocommerce-Price-amount {
    font-size: 20px;
    font-weight: 600;
    color: var(--bzo-main-color2);

}
.item-grid-product-style9 .product-info .product-price del .woocommerce-Price-amount {
    font-size: 16px;
    font-weight: 400;
    color: var(--bzo-body_typo-color);
}
.item-grid-product-style9 .product-info .product-tag-list {
    text-align: center;
    margin-bottom: 8px;
}
.item-grid-product-style9 .product-info .product-tag-list a {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--bzo-main-color);
}
.item-grid-product-style9 .product-info .product-tag-list a:hover,
.item-grid-product-style9 .product-info .product-price .slipt {
    color: var(--bzo-main-color2);
}
.item-grid-product-style9 .product-info .woocs_price_code {
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
}
.item-grid-product-style9 .product-info .woocs_price_code del {
    order: 1;
}
/*End item grid product style9*/

/* Product style 10 */
.item-grid-product-style10 .item-product .product-thumb {
    border: 1px solid #D9D9D9;
}
.item-grid-product-style10 .item-product:hover .product-thumb {
    border: 1px solid var(--bzo-main-color);
}
.item-grid-product-style10 .variations_form .swatch-color {
    width: 16px;
    height: 16px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.item-grid-product-style10 .variations_form .swatch-color:before {
    content: "\f00c";
    font-family: 'Line Awesome Free';
    font-weight: 900;
    opacity: 0;
    color: #fff;
    font-size: 12px;
}
.item-grid-product-style10 .variations_form .swatch-color.selected:before{
    opacity: 1;
}
.item-grid-product-style10 .product-label {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 1;
    display: flex;
}
.item-grid-product-style10 .product-label span {
    border-radius: 0;
    line-height: 20px;
    font-size: 14px;
    font-weight: 500;
}
.item-grid-product-style10 .product-label .sale {
    order: 1;
    padding: 4px 15px;
    background: #fff;
    color: var(--bzo-main-color);
    border: 1px solid #B7B7B7;
}
.item-grid-product-style10 .product-label .new {
    
    color: #fff;
    background: var(--bzo-main-color);
    padding: 4px 16px;
    text-transform: capitalize;
}
.item-grid-product-style10 .variations_form {
    position: absolute;
    top: 12px;
    right: 12px;
}
.item-grid-product-style10 .variations_form .tawcvs-swatches{
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.item-grid-product-style10 .action-buttons {
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    gap: 8px;
    transition: .4s;
}
.item-grid-product-style10 .item-product:hover .action-buttons {
    bottom: 12px;
}
.item-grid-product-style10 .action-buttons a{ 
    font-size: 20px;
    width: 32px;
    height: 32px;
    border-radius: 30px;
    border: 1px solid var(--bzo-main-color);
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--bzo-main-color);
}
.item-grid-product-style10 .action-buttons a:hover {
    background: var(--bzo-main-color);
    color: #fff;
}
.item-grid-product-style10 .action-buttons .addcart-link .text {
    display: none;
}
.item-grid-product-style10 .wrap-rating .number-rate {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--bzo-body_typo-color);
    
}
.item-grid-product-style10 .product-info .wrap-rating {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 16px 0 12px;
}
.item-grid-product-style10 .product-title a {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    color: var(--bzo-main-color);
    line-height: 20px;
    margin-bottom: 12px;
    display: block;
}
.item-grid-product-style10 .product-title a:hover {
    text-decoration: underline;
}
.item-grid-product-style10 .product-price del .woocommerce-Price-amount {
    font-size: 14px;
}
.item-grid-product-style10 .product-price .woocs_price_code {
    display: flex;
    justify-content: center;
    gap: 6px;
}
.item-grid-product-style10 .product-price .woocs_price_code del {
    order: 1;
}
.item-grid-product-style10 .item-product {
    margin-bottom: 30px;
}
/* Product style 11 (home 12) */
.item-grid-product-style11 .item-product .product-thumb {
    border-radius: 0;
}
.item-grid-product-style11 .item-product .product-label {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 1;
}
.item-grid-product-style11 .item-product .product-label span {
    border-radius: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding: 4px 10px;
}
.item-grid-product-style11 .item-product .product-label .sale {
    background: var(--bzo-main-color2);
    margin-bottom: 6px;
}
.item-grid-product-style11 .item-product .product-label .new {
    background: var(--bzo-main-color);
   
}
.item-grid-product-style11 .item-product {
    background: #fff;
    border: 1px solid #D6D6D6;
    margin-bottom: 30px;
}

.item-grid-product-style11 .item-product .product-info {
    padding: 20px;
}
.item-grid-product-style11 .item-product .product-thumb__group-extra {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    gap: 12px;
    z-index: 9;
    opacity: 0;
    transition: 0.6s;
}
.item-grid-product-style11 .item-product:hover .product-thumb__group-extra {
    opacity: 1;
    top: 50%;
}
.item-grid-product-style11 .item-product .product-thumb__group-extra a {
    width: 48px;
    height: 48px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    color: var(--bzo-body_typo-color);
}

.item-grid-product-style11 .item-product .product-thumb__group-extra a:hover {
    background: var(--bzo-main-color);
    color: #fff;
}
.item-grid-product-style11 .item-product .product-thumb__group-extra a.quickview-link {
    order: 0;
}
.item-grid-product-style11 .item-product .product-thumb__group-extra a.wishlist-link {
    order: 1; 
}
.item-grid-product-style11 .item-product .product-thumb__group-extra a.addcart-link {
    order: 2;
}
.item-grid-product-style11 .item-product .product-thumb__group-extra a.addcart-link i {
    font-family: 'Line Awesome Free';
    font-weight: 900;
}
.item-grid-product-style11 .item-product .product-thumb__group-extra a.addcart-link i.la-cart-plus:before {
    content: "\f290";
}
.item-grid-product-style11 .item-product .product-thumb-link img {
    background: #f5f5f5;
}
.item-grid-product-style11 .item-product .product-thumb-link:before {
    content: '';
    position: absolute;
    top: 20px;
    bottom: 20px;
    left: 20px;
    right: 20px;
    display: flex;
    background: var(--bzo-main-color);
    opacity: 0;
    z-index: 1;
    border-radius: 50% 50% 0 0;
    transition: 0.4s;
    transform: scale(0);
}
.item-grid-product-style11 .item-product:hover .product-thumb-link:before {
    opacity: 0.2;
    transform: scale(1);
}
.item-grid-product-style11 .item-product .product-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--bzo-main-color2);
    margin-bottom: 5px;
}
.item-grid-product-style11 .item-product .woocs_price_code {
    display: flex;
    justify-content: center;
    gap: 5px;
    align-items: center;
    line-height: 28px;
}
.item-grid-product-style11 .item-product .woocs_price_code ins {
    order: 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    color: var(--bzo-main-color);
}
.item-grid-product-style11 .item-product .woocs_price_code del {
    order: 1;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--bzo-body_typo-color);
}
@media(max-width: 1366px) {
    .item-grid-product-style11 .item-product .product-info {
        padding: 20px 0;
    }
}
@media(max-width: 767px) {
    .item-grid-product-style11 .item-product .product-thumb__group-extra a.quickview-link {
        display: none;
    }
}
/*.list-product-wrap .bzotech-col-md-12:last-child .item-list-default2{
    margin-bottom: 0;
}*/
/*Begin more-details-btn*/
.more-details-btn
{
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    height: 20px;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,1)),to(#FFF));
    background: linear-gradient(to bottom,rgba(255,255,255,1) 0,#FFF 100%);
    color: #000;
    text-align: left;
    text-decoration: none;
    font-size: 30px;
    line-height: 20px;
    -webkit-transition: -webkit-transform .25s ease;
    transition: -webkit-transform .25s ease;
    transition: transform .25s ease;
    transition: transform .25s ease,-webkit-transform .25s ease;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}
.hover-desr-click .more-details-btn{
    display: block;
}
.hover-desr-click_on .more-details-btn{
    display: none;
}
.hover-desr-list{
    position: relative;
    overflow: hidden;
    max-height: 135px;
}

.hover-desr-list .more-details-btn{
    height: 30px;
    line-height: 45px;
}

.product-info:hover .hover-desr-list-active .more-details-btn,
.detail-info:hover .hover-desr-list-active .more-details-btn
{
    -webkit-transform: translateY(0) translateZ(0);
    transform: translateY(0) translateZ(0);
}
.product-info:hover .hover-desr-list-active .more-details-btn,
.detail-info:hover .hover-desr-list-active .more-details-btn
{
    display: block;
}
.product-info .hover-desr-list_on.hover-desr-list-active .more-details-btn,
.detail-info .hover-desr-list_on.hover-desr-list-active .more-details-btn
{
    display: none;
}
/*end more-details-btn*/
.elementor-widget-bzotech-products{
    width: 100%;
}
.elementor-widget-bzotech-products .width_masory{
    width: 25%;
}

.elbzotech-wrapper-slider-product .elbzotech-swiper-slider{
    overflow: hidden;
}
/*End Product elementor*/

@media(max-width: 1366px){
    .item-list-default2 .list-thumb-wrap{
        width: 315px;
    }
    .item-list-default2 .list-info-wrap {
        width: calc(100% - 315px);
    }
}

@media(max-width: 1199px){
    .product-extra-link-defaut2>* {
        margin-right: 10px;
    }
    .item-list-default2 .product-extra-link-defaut2 .list-compare-wishlist a{
        margin: 0 5px 0 0;
    }
    .item-list-default2 .product-extra-link-defaut2 .case-cart-default{
        padding: 0 20px;
    }

    .item-list-post-style2 .post-thumb,
    .item-list-post-style2 .post-info{
        width: 100%;
    }
    .item-list-post-style2 .post-info{
        margin-top: 20px;
        padding-left: 0;
    }
}

@media(max-width: 1024px){
    .item-list-default2 >.flex-wrapper{
        flex-direction: column;
    }
    .item-list-default2 .list-thumb-wrap{
        width: 100%;
    }
    .item-list-default2 .list-info-wrap {
        width: 100%;
        padding-left: 0px;
        padding-top: 30px;
    }
}

/* ===== side-wide/waterwheel-carousel.css ===== */
.item-slider-global-style5{
  display: inline-block;
  border-radius: 5px;
}
.carousel-center .item-slider-global-style5{
  box-shadow: 0px 6px 10px rgba(121, 99, 104, 0.14);
}
.item-slider-global-style5 .info-team{
  opacity: 0;
  padding: 20px;
  text-align: center;
  background: #fff;
  position: relative;
  transition: all 0.5s ease-out 0s;
}
.item-slider-global-style5 .info-team .title{
  margin-bottom: 2px;
}
.carousel-center .item-slider-global-style5 .info-team{
  opacity: 1;
}
.item-slider-global-style5 .img-wrap{
  display: flex;
  position: relative;
}
.item-slider-global-style5 .image-wrap:after{
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  z-index: 1;
  content: '';
} 
.carousel-center .item-slider-global-style5 .image-wrap:after{
  display: none;
} 
.item-slider-global-style5 .list-social-icon {
  position: relative;
} 
.item-slider-global-style5 .list-social-icon .share-icon{
  display: flex;
    width: 60px;
    height: 60px;
    justify-content: center;
    align-items: center;
    background: var(--bzo-main-color2);
    color: #fff;
    font-size: 28px;
    border-radius: 0 0 5px;
    transition: all 0.2s ease-out 0s;
} 
.item-slider-global-style5 .list-social-icon .share-icon:hover{
  box-shadow: 2px 2px 15px rgb(0 0 0 / 30%)
} 
.item-slider-global-style5 .list-social-icon .list-social{
  position: absolute;
  opacity: 0;
  display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    bottom: 100%;
} 
.item-slider-global-style5 .list-social-icon .list-social a{
   display: flex;
    width: 60px;
    height: 60px;
    justify-content: center;
    align-items: center;
    background: var(--bzo-main-color);
    color: #fff;
    font-size: 28px;
    margin-bottom: 1px;
} 
.item-slider-global-style5 .list-social-icon .list-social a:hover{
    background: var(--bzo-main-color2);
    color: #fff;
} 
.item-slider-global-style5 .list-social-icon .list-social a:first-child{
   border-radius: 0 5px 0 0;
} 
.item-slider-global-style5 .list-social-icon:hover .list-social{
  opacity: 1;
  transition: all 0.2s ease-out 0s;
} 
.list-social-icon-wap{
  position: absolute;
  top: -3px;
  left: 3px;

}