/**
 * 2015-2021 Bonpresta
 *
 * Bonpresta Whatsapp Chat
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the General Public License (GPL 2.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/GPL-2.0
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade the module to newer
 * versions in the future.
 *
 *  @author    Bonpresta
 *  @copyright 2015-2021 Bonpresta
 *  @license   http://opensource.org/licenses/GPL-2.0 General Public License (GPL 2.0)
 */

#bonwhatsappchat {
    position: relative;
    opacity: 1;
    transition: all .011s ease-in;
}
#bonwhatsappchat.hide {
    opacity: 0;
    visibility: hidden
}

#bonwhatsappchat .hide {
    display: block /* bacause module: module-ets_wholesale-retailer */
}

#bonwhatsappchat .whatsappchat-link,
 .whatsappchat-wrapper-copy .whatsappchat-link {
    display: flex;
    align-items: center;
    padding: 10px 9px 10px 10px;
    transition: all .2s ease;
    text-decoration: none;
    outline: none;
}

#bonwhatsappchat .whatsappchat-subtitle {
    margin-bottom: 5px;
}
#bonwhatsappchat .whatsappchat-link:hover > ul li.whatsappchat-subtitle p,
 .whatsappchat-wrapper-copy .whatsappchat-link:hover > ul li.whatsappchat-subtitle p {
    transform: scale(1.07);
    transform-origin: left;
    color: #2b6ec4
}
html.dark #bonwhatsappchat .whatsappchat-link:hover > ul li.whatsappchat-subtitle p, 
 html.dark .whatsappchat-wrapper-copy .whatsappchat-link:hover > ul li.whatsappchat-subtitle p {
	color: #8bbeff;
}
#index .whatsappchat-link:hover > ul li.whatsappchat-subtitle p,
 #sitemap .whatsappchat-link:hover > ul li.whatsappchat-subtitle p {
    color: #fbfbfb !important
}

#bonwhatsappchat .img-responsive, 
 .whatsappchat-wrapper-copy .img-responsive {
	max-width: 70px;
	width: 70px;
	height: 70px;
	filter: grayscale() brightness(.555);
	transition: all .12s ease-in;
	margin-top: 5px;
}
html.dark #bonwhatsappchat .img-responsive, 
 html.dark .whatsappchat-wrapper-copy .img-responsive {
	filter: grayscale();
}
#index #bonwhatsappchat .img-responsive, 
 #index .whatsappchat-wrapper-copy .img-responsive {
	filter: grayscale() brightness(2);
    opacity: .622;
}
#index #bonwhatsappchat .img-responsive:hover, 
 #index .whatsappchat-wrapper-copy .img-responsive:hover{
    opacity: .9;
}
#bonwhatsappchat .img-responsive:hover,
 .whatsappchat-wrapper-copy .img-responsive:hover {
     filter: grayscale(0);
}
#bonwhatsappchat.dark .img-responsive,
 .whatsappchat-wrapper-copy.dark .img-responsive {
    opacity: .8
}

#bonwhatsappchat .whatsappchat-title,
 #bonwhatsappchat .whatsappchat-descr, 
  .whatsappchat-wrapper-copy .whatsappchat-title,
   .whatsappchat-wrapper-copy .whatsappchat-descr {
    display: block;
}
#bonwhatsappchat #bonwhatsappchat-open {
	display: flex;
	align-items: center;
	justify-content: center;
    	
	height: 46px;
    width: 55px;
    transform: skewX(2deg);
    
	position: fixed;
	top: 216px;
    z-index: 1040;
    margin-right: -2px;
	background-color: #0DB0CC;
	border: none;
    border-bottom-left-radius: 5px;
	box-shadow: 3px 5px 0 rgba(255, 255, 255, .15);	
	cursor: pointer;	
	
	transition: all .2s ease-in;
    outline: none;
	opacity: 0;	
}
#category #bonwhatsappchat #bonwhatsappchat-open,
 #best-sales #bonwhatsappchat #bonwhatsappchat-open,
  #prices-drop #bonwhatsappchat #bonwhatsappchat-open {
    top: 207px;
}
#category #bonwhatsappchat #bonwhatsappchat-open {
    top: 125px;
}
#cart #bonwhatsappchat #bonwhatsappchat-open,
 #cart #bonwhatsappchat .whatsappchat-wrapper {
    top: 214px;
}
#checkout #bonwhatsappchat #bonwhatsappchat-open,
 #checkout #bonwhatsappchat .whatsappchat-wrapper {
    top: 129px;
}

#bonwhatsappchat .bonwhatsappchat-open_img {
    width: 100%;
    height: 100%;
    background: url('data:./img/icon.png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIkSURBVHgBrVeLkYJADF2uAjq4LYEOoAPtwOtAO9AO1Aq4q8C5CvAq0A6wA+0glwxZDWE/gr6ZDMImeUnYZCUzTwIAKrzMUAoUy0K4oVxQzihHlN8sy27mFSBZjrJBucI41Cg25jsz8QxrkZnL7swis6IqkH6udPeY/cY8C85SokEpqQIJu5KzlTik7JzxtzCiEs/NSKBNgdIKP6coucq0Tb2nBHnO2d7fe0jx612kym8j/K580bWivNa8CR7fuVyU2S6V4Rwe7VSZCSA74X8tF1xErTKw0N8kjZkIUfIuaxXNQinLSjikW8NP3OP5wGelWP9T+p8eH0szAThIjuYxdCoiLvjmgosXpe+buT9mOo58LYjYOmLjJ5HkG09wY3DhqyXiXD28g0+ZnXhUmdfgksg/nlDei6CqwRCYCujmKOEU0bHQPxpXAR1r4ly1a6n+TdyoUOQb11qq3+tQAKKXG7pZCmdVgnyuyIlsK6omUXsq4rAdPkgAhtMshK2yk8Oo1CXoD/EwOQ3+dSSAwUEDvrEM/XGWzNqTScNkLf+2Skee8wvtwL27g3kjoNuUMMiWF4MHxYukej+UWkHubGveAE5GdsDap9TIUkC3eejdUavUY4Jh2x30sQ4pOlCEvp4EDoD6OA/4qFjnqvwtQxHOYTxcgCRtQKeBWKVg+AecnFGJZ5xJ6dGJoQG9iTzIoPsf5T5Lgh9c0JWYHBYs8ji9pew1/gFE48eSVn9+EQAAAABJRU5ErkJggg==') no-repeat center;
    background-position-x: 9px;
}

#bonwhatsappchat #bonwhatsappchat-open.left {
    opacity: 1;
    left: 0;
}
#bonwhatsappchat #bonwhatsappchat-open.right {
    right: 0;
    opacity: 1;
}


@keyframes whatsapp {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(10deg);
    }
    50% {
        transform: rotate(0deg);
    }
    75% {
        transform: rotate(10deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

#bonwhatsappchat #bonwhatsappchat-open.left.active {
    left: 320px;
}
#bonwhatsappchat #bonwhatsappchat-open.right.active {
    right: 295px;
}

#bonwhatsappchat #bonwhatsappchat-open img {
    width: 30px;
    height: 30px;
}

#bonwhatsappchat .whatsappchat-wrapper {
	top: 216px;
	opacity: 0;
	position: fixed;
	z-index: 1041;
}
#bonwhatsappchat .whatsappchat-wrapper.no-visibility {
    opacity: 0 !important;
    z-index: 0
}
#bonwhatsappchat .whatsappchat-wrapper,
 .whatsappchat-wrapper-copy {    
    max-width: 320px;
}
.whatsappchat-wrapper-copy,
 #_desktop_search_copy {
	position: absolute;
	top: 100px;
	right: -197px;   
}
#bonwhatsappchat .whatsappchat-wrapper {
    transition: top .2s ease-in, left .2s ease-in; 
}
#contact #bonwhatsappchat .whatsappchat-wrapper,
 #product #bonwhatsappchat .whatsappchat-wrapper,
  #stores #bonwhatsappchat .whatsappchat-wrapper,
   #index #bonwhatsappchat .whatsappchat-wrapper,
    #sitemap #bonwhatsappchat .whatsappchat-wrapper {
    margin-right: 20px;
}
#category #bonwhatsappchat .whatsappchat-wrapper,
 #best-sales #bonwhatsappchat .whatsappchat-wrapper,
  #prices-drop #bonwhatsappchat .whatsappchat-wrapper {
    top: 125px;
}
#bonwhatsappchat .whatsappchat-wrapper.left {
    left: -320px;
    opacity: 1;
}
#bonwhatsappchat .whatsappchat-wrapper.right {
    right: -320px;
    opacity: 1;
}

#bonwhatsappchat .whatsappchat-wrapper.left.active {
    left: 0;
}

#bonwhatsappchat .whatsappchat-wrapper.right.active {
    right: 0;
}
#bonwhatsappchat .whatsappchat-description,
 .whatsappchat-wrapper-copy .whatsappchat-description {
	overflow: hidden;
	position: absolute;
	right: 0;
	z-index: 2;
}
#bonwhatsappchat .whatsappchat-description p,
 .whatsappchat-wrapper-copy .whatsappchat-description p {
	color: #175e6c;
	font-size: .575rem;	
	margin: 1px;
}
    html.dark #bonwhatsappchat .whatsappchat-description p,
     html.dark .whatsappchat-wrapper-copy .whatsappchat-description p {
        color: #a4a5a6
    }
#bonwhatsappchat .whatsappchat-body,
 .whatsappchat-wrapper-copy  .whatsappchat-body {
    background: linear-gradient(90deg, #ebedee, #fff);    
    backdrop-filter: blur(17px);
	padding: .3rem 1.7rem .7rem;
	position: relative;
	z-index: 1;
}
    html.dark #bonwhatsappchat .whatsappchat-body, 
     html.dark .whatsappchat-wrapper-copy .whatsappchat-body {
        background: linear-gradient(90deg, #25272d, #454548)
    }
#product #bonwhatsappchat .whatsappchat-body:after,
 #stores #bonwhatsappchat .whatsappchat-body:after,
  #contact #bonwhatsappchat .whatsappchat-body:after,
   #index #bonwhatsappchat .whatsappchat-body:after,
    .whatsappchat-wrapper-copy .whatsappchat-body:after {
    content: '';
    display: block;
    height: 50px;
    width: 5px;    
    background: #fff;
    position: absolute;
    top: 0;
    right: -2px;
    z-index: -1;
    transform: matrix(1,0,-.08,1,0,0);
    transform-origin: center;
}
    html.dark #product #bonwhatsappchat .whatsappchat-body:after,
     html.dark #stores #bonwhatsappchat .whatsappchat-body:after,
      html.dark #contact #bonwhatsappchat .whatsappchat-body:after,     
       html.dark .whatsappchat-wrapper-copy .whatsappchat-body:after { 
        background: #454548;
    }
#index
 #bonwhatsappchat .whatsappchat-body,
  #index .whatsappchat-wrapper-copy .whatsappchat-body,
   #sitemap 
    #bonwhatsappchat .whatsappchat-body {
    background: linear-gradient(90deg, rgb(36, 185, 215, .922), rgb(0, 126, 151, .922))
}
#index 
 #bonwhatsappchat.dark .whatsappchat-body, 
  #index .whatsappchat-wrapper-copy.dark .whatsappchat-body, 
   #sitemap 
    #bonwhatsappchat.dark .whatsappchat-body {
	/* background: linear-gradient(90deg, rgba(59, 145, 255, .111), rgba(0, 109, 249, .955)); */
    background: linear-gradient(90deg, rgba(156, 200, 255, .111), rgba(0, 0, 0, .733))
}
#index 
 #bonwhatsappchat .whatsappchat-body:after,
  #index .whatsappchat-wrapper-copy .whatsappchat-body:after,
   #sitemap 
    #bonwhatsappchat .whatsappchat-body:after {
	background: rgb(0, 126, 151, .922);
}
#index 
 #bonwhatsappchat.dark .whatsappchat-body:after, 
  #index .whatsappchat-wrapper-copy.dark .whatsappchat-body:after, 
   #sitemap 
    #bonwhatsappchat.dark .whatsappchat-body:after {
	background: linear-gradient(192deg, transparent 62%, rgba(156, 200, 255, .099) 50%);
}

.whatsappchat-body .p-0 {
	border-bottom: 2px solid;
	border-image: linear-gradient(to right, transparent, #3a3a3d, #3a3a3d) 1;
    transition: all .07s ease-out
}
#index .whatsappchat-body .p-0,
 #sitemap .whatsappchat-body .p-0 {
	border-image: linear-gradient(to right, transparent, rgba(35, 35, 35, .7),rgba(35, 35, 35, .7)) 1
}
.whatsappchat-body .p-0:last-child,
 #index .whatsappchat-body .p-0:last-child,
  #sitemap .whatsappchat-body .p-0:last-child {
    border-image: unset;
    border-color: transparent
}

#bonwhatsappchat .whatsappchat-body .p-0:has(.whatsappchat-link:hover) {
    border-bottom-color: transparent
}


#bonwhatsappchat .whatsappchat-inner,
 .whatsappchat-wrapper-copy .whatsappchat-inner {
    max-width: 100%;
    width: 100%;
    padding-left: 10px;
    margin: -6px 0 0;
}

#bonwhatsappchat .whatsappchat-title,
 .whatsappchat-wrapper-copy .whatsappchat-title {
    font-size: 13px;
    color: #175e6c;
    font-weight: 400;
    line-height: 19px;
    margin-bottom: 5px;
}
html.dark #bonwhatsappchat .whatsappchat-title,
 html.dark .whatsappchat-wrapper-copy .whatsappchat-title {   
    color: #fbfbfb
}
#index #bonwhatsappchat .whatsappchat-title,
#index .whatsappchat-wrapper-copy .whatsappchat-title,
  #sitemap #bonwhatsappchat .whatsappchat-title {
    color: #b7b7b7
}
#bonwhatsappchat .whatsappchat-subtitle p,
 .whatsappchat-wrapper-copy .whatsappchat-subtitle p,
  .whatsappchat-subtitle p {
    color: #fbfbfb;
    margin-bottom: 0;
    font-weight: 600;
    font-style: oblique;
    font-size: .925rem;
    line-height: 22px;
    transition: all .017s ease;
}
#index #bonwhatsappchat .whatsappchat-subtitle p, 
#index .whatsappchat-wrapper-copy .whatsappchat-subtitle p, 
 #sitemap #bonwhatsappchat .whatsappchat-subtitle p {
	color: #b7b7b7
}
#index #bonwhatsappchat:not(#bonwhatsappchat.dark) .whatsappchat-subtitle p,
#index .whatsappchat-wrapper-copy:not(.whatsappchat-wrapper-copy.dark) .whatsappchat-subtitle p,
 #sitemap #bonwhatsappchat:not(#bonwhatsappchat.dark) .whatsappchat-subtitle p,
  #index #bonwhatsappchat:not(#bonwhatsappchat.dark) .whatsappchat-title,
  #index .whatsappchat-wrapper-copy:not(.whatsappchat-wrapper-copy.dark) .whatsappchat-title,
   #sitemap #bonwhatsappchat:not(#bonwhatsappchat.dark) .whatsappchat-title {
     color: #232323
}

#bonwhatsappchat .whatsappchat-descr p,
 .whatsappchat-wrapper-copy .whatsappchat-descr p {
    font-size: 13px;
    line-height: 19px;
    color: #232323;
    font-weight: 300;
    margin: 0;
}
html.dark #bonwhatsappchat .whatsappchat-descr p,
 html.dark .whatsappchat-wrapper-copy .whatsappchat-descr p {
    color: #8c8d91;
}
#index #bonwhatsappchat .whatsappchat-descr p,
 .whatsappchat-descr .whatsappchat-descr p, 
  #sitemap #bonwhatsappchat .whatsappchat-descr p {
    color: #8c8d91
}

#index #bonwhatsappchat:not(#bonwhatsappchat.dark) .whatsappchat-descr, 
#index .whatsappchat-wrapper-copy:not(.whatsappchat-wrapper-copy.dark) .whatsappchat-descr, 
 #index #bonwhatsappchat:not(#bonwhatsappchat.dark) .whatsappchat-descr p,
 #index .whatsappchat-wrapper-copy:not(.whatsappchat-wrapper-copy.dark) .whatsappchat-descr p,
  #sitemap #bonwhatsappchat:not(#bonwhatsappchat.dark) .whatsappchat-descr, 
   #sitemap #bonwhatsappchat:not(#bonwhatsappchat.dark) .whatsappchat-descr p {
    color: #fbfbfb;
}

#contact #bonwhatsappchat #bonwhatsappchat-open.right,
 #product #bonwhatsappchat #bonwhatsappchat-open.right,
  #stores #bonwhatsappchat #bonwhatsappchat-open.right,
   #index #bonwhatsappchat #bonwhatsappchat-open.right,
    #sitemap #bonwhatsappchat #bonwhatsappchat-open.right {
    visibility: hidden;
    opacity: 0;
    right: 0;
    transition: all .7s ease
}

@media (min-width: 1592px) {
    #bonwhatsappchat .whatsappchat-link
    #contact #bonwhatsappchat #bonwhatsappchat-open.right.show,
     #product #bonwhatsappchat #bonwhatsappchat-open.right.show,
      #stores #bonwhatsappchat #bonwhatsappchat-open.right.show,
       #index #bonwhatsappchat #bonwhatsappchat-open.right.show,
        #sitemap #bonwhatsappchat #bonwhatsappchat-open.right.show {
        visibility: visible;
        opacity: 1
    }
    #contact #bonwhatsappchat .whatsappchat-wrapper.right.hide,    
     #product #bonwhatsappchat .whatsappchat-wrapper.right.hide,      
      #stores #bonwhatsappchat .whatsappchat-wrapper.right.hide,        
       #index #bonwhatsappchat .whatsappchat-wrapper.right.hide,
        #sitemap #bonwhatsappchat .whatsappchat-wrapper.right.hide {
        right: -320px
    }
    .whatsappchat-wrapper.right:before, 
     .whatsappchat-wrapper-copy:before {
        content: '\e5d7';
        display: block;
        width: 17px;
        height: 25px;
        backdrop-filter: blur(17px);
        position: absolute;
        right: -17px;               
        font-family: Material Icons;
        font-size: 1.7rem;
        font-weight: 400;
        color: #11161e;        
        cursor: grab;
    }
    html.dark .whatsappchat-wrapper.right:before, 
     html.dark .whatsappchat-wrapper-copy:before {
        color: rgba(251, 251, 251, .9)   
    }
    .whatsappchat-wrapper-copy:before {
        content: '\e5d6';   
        cursor: pointer
    }
    #index .whatsappchat-wrapper-copy:before {
        background: rgba(0, 0, 0, .733);
        color: #68717d
    }
    #index #bonwhatsappchat.dark .whatsappchat-wrapper.right:before,
     #sitemap #bonwhatsappchat.dark .whatsappchat-wrapper.right:before {
        background: rgba(0, 109, 249, .955);       
    }
    #contact #bonwhatsappchat .whatsappchat-wrapper,
     #contact #bonwhatsappchat #bonwhatsappchat-open.right
      #stores #bonwhatsappchat .whatsappchat-wrapper,
       #stores #bonwhatsappchat #bonwhatsappchat-open.right {
        top: 476px
    }
    #product #bonwhatsappchat .whatsappchat-wrapper,
     #product #bonwhatsappchat #bonwhatsappchat-open.right {
        top: 306px
    }
    #index #bonwhatsappchat .whatsappchat-wrapper,
     #index #bonwhatsappchat #bonwhatsappchat-open.right {
        top: 627px
    }    
}


#product #bonwhatsappchat #bonwhatsappchat-open, 
 #product #bonwhatsappchat .whatsappchat-wrapper {
   top: 268px}


@media (max-width: 1609px) {
  #contact #bonwhatsappchat .img-responsive, 
   #product #bonwhatsappchat .img-responsive, 
    #stores #bonwhatsappchat .img-responsive, 
     #sitemap #bonwhatsappchat .img-responsive {
    display: none;
  }
}

@media (max-width: 1509px) {
  #bonwhatsappchat .whatsappchat-link, 
   .whatsappchat-wrapper-copy .whatsappchat-link {
    padding: 10px 0;
  }
}

@media (max-width: 1409px) {
  #contact #bonwhatsappchat #bonwhatsappchat-open.right, 
   #product #bonwhatsappchat #bonwhatsappchat-open.right, 
    #stores #bonwhatsappchat #bonwhatsappchat-open.right, 
     #sitemap #bonwhatsappchat #bonwhatsappchat-open.right {
    visibility: visible;
    opacity: 1}
  #contact #bonwhatsappchat #bonwhatsappchat-open.right.active, 
   #product #bonwhatsappchat #bonwhatsappchat-open.right.active, 
    #stores #bonwhatsappchat #bonwhatsappchat-open.right.active, 
     #sitemap #bonwhatsappchat #bonwhatsappchat-open.right.active {
	right: 250px;
}
  #contact #bonwhatsappchat .whatsappchat-wrapper, 
   #product #bonwhatsappchat .whatsappchat-wrapper, 
    #stores #bonwhatsappchat .whatsappchat-wrapper, 
     #sitemap #bonwhatsappchat .whatsappchat-wrapper {
	margin-right: 0}
}

@media (max-width: 767px) {
    #bonwhatsappchat #bonwhatsappchat-open {
        top: 230px}
    #product #bonwhatsappchat #bonwhatsappchat-open, 
     #product #bonwhatsappchat .whatsappchat-wrapper {
        top: 246px}
    #category #bonwhatsappchat #bonwhatsappchat-open {
	    top: 114px}
    #cart #bonwhatsappchat #bonwhatsappchat-open, 
     #cart #bonwhatsappchat .whatsappchat-wrapper {
	    top: 244px}
}