/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
li.header-search .header-button>a{
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 !important;
}
.is-border{
    z-index: 3;
}
a.button.primary span{
    color: #f68735;
}
.off-canvas-right.dark .mfp-content, .off-canvas-left.dark .mfp-content{
    background-color: #246aa0;
}
.header-wrapper.stuck li.header-search .header-button>a{
    width: 40px;
    height: 40px;
}
h3.product-section-title.container-width.product-section-title-related.pt-half.pb-half.uppercase {
    margin-left: 0;
}
.woocommerce-tabs ul.tabs.wc-tabs{
        background-color:#1bb3ea;
        color: #fff;
}
.woocommerce-tabs ul.tabs.wc-tabs li a{
    border: 0;
    color: #fff;
}
.woocommerce-tabs ul.tabs.wc-tabs li.active a,
.woocommerce-tabs ul.tabs.wc-tabs li:hover a{
       color: #256ba1;
    border: 2px solid #1bb3ea;
    border-bottom: 0;

}

.manche{
    max-height: 70px;
    overflow: hidden;
}
.flickity-prev-next-button svg{
    border-radius: 0 !important;
}
.row.rowlienhe>.col{
    padding-bottom: 0 !important
}
.rowlienhe input.wpcf7-form-control{
        border: 1px solid #1bb3ea !important;
}
.product-small.box .add-to-cart-button a{
    text-transform: none;
        background-color: #f58540 !important;
    border-color:#f58540;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 3px;
    font-weight: 400;
}
.nav-dropdown>li>a, .nav-column>li>a{
    font-weight: 600;
}
.social-icons.follow-icons.top_social.full-width.text-right>a{
     border-radius: 0 !important;
     border-width: 1px;
}
div#masthead {
    border-top: 1px solid #E1E1E1;
}
#footer {
    font-size: 13px;
    color: #999 !important;
}
#footer b{
    font-weight: 400;
     color: #999 !important;
}
#footer p{
    margin-bottom: 10px;
    font-size: 13px;
}
.absolute-footer{
    display: none
}
div#top-bar .flex-row{
    width: 100%;
    max-width: 100%;
    padding:0 !important;
    margin: 0 auto !important;
}
div#top-bar  .flex-center{
    width: 100%;
}
p.name.product-title.woocommerce-loop-product__title a{
    color: #13aff0;
    font-size: 18px;
    font-weight: 600;
}
@media only screen and (min-width: 850px) {
   /* .header-wrapper:not(.stuck) div#logo{
        display: none
    }*/
    .homeside ul.product-categories{
            min-height: 366px;
    }
	.header-bottom  .flex-center {
	       width: 100%;
	}
	.header-bottom  ul.nav.header-nav{
		 width: 100%;
	}
	.header-bottom  ul.nav.header-nav>li{
		flex-grow: 1;
		text-align: center;
		justify-content: center;
	}
}
@media only screen and (max-width: 549px) {
	.tabhome ul.nav.nav-tabs:before{
		display: block;
		    width: 100%;
	}
	.nav-tabs+.tab-panels{
		padding: 15px;
	}
}
 
 .echbay-sms-messenger {
    text-align: center;
    width: 45px;
    position: fixed;
    bottom: 95px;
    left: 20px;
    display: block;
    z-index: 999;
}
.echbay-sms-messenger div:first-child {
    margin-top: 0;
}
.phonering-alo-messenger span{
        background: #e60f1e !important;
        display: none;
}
.echbay-sms-messenger div {
    margin: 6px 0;
    background: rgb(255 0 0 / 0%);
    background-size: 70%;
    border-radius: 50%;
    box-shadow: 0 3px 10px #888;
    position: relative;
}
.echbay-sms-messenger.style-for-position-br a img{
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.echbay-sms-messenger a {
    display: flex;
    width: 45px;
    height: 45px;
    align-items: center;
    justify-content: center;
}
.phonering-alo-sms span{
    background: #ff6600 !important;
}

.echbay-sms-messenger div span {
	width:max-content;
    position: absolute;
    left: calc(100% - 10px);
    background: #0084ff;
    color: #fff;
    padding: 7px;
    padding-left: 25px;
    padding-right: 15px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    top: 3px;
    z-index: -1;
    font-size: 16px;
    font-weight: 600;
    transition: ease all .3s;
	    visibility: hidden;
}

.echbay-sms-messenger div:hover span{
    visibility: visible;
    left: calc(100% - 20px);
    transition: ease all .3s
}
.echbay-sms-messenger a img {
    max-width: 45px;
}
.echbay-sms-messenger div.phonering-alo-sms {
 /*   background-color: #ff6600;
    background-size: 60%*/;
}
.echbay-sms-messenger div.phonering-alo-messenger {
  /*  background-color: #e60f1e;*/
}
@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
        -webkit-opacity:.1
    }

    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        -webkit-opacity:.5
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        -webkit-opacity:.1
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }

    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}

@keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }

    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity:1
    }

    100% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity:1
    }

    100% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
        transform:rotate(0) scale(.5) skew(1deg);
        opacity:.1
    }

    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        transform:rotate(0) scale(.7) skew(1deg);
        opacity:.5
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        transform:rotate(0) scale(1) skew(1deg);
        opacity:.1
    }
}

@keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
        transform:rotate(0) scale(.5) skew(1deg);
        opacity:.1
    }

    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        transform:rotate(0) scale(.7) skew(1deg);
        opacity:.5
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        transform:rotate(0) scale(1) skew(1deg);
        opacity:.1
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}

@keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
        transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
        transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
        transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
        transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        transform:rotate(0) scale(1) skew(1deg)
    }
}

@keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
        transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
        transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
        transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
        transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        transform:rotate(0) scale(1) skew(1deg)
    }
}