/*
Theme Name: LIBRA LOGISTIC
Description: A child theme of Divi
Template: Divi
*/
@import url("../Divi/style.css");

body{
	/*font-weight:400 !important;*/
    overflow-x:hidden !important;
}

pre {
  	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
  	padding: 0px;
}

.et_pb_text {
  word-wrap: break-word !Important;
}

.et_pb_button:hover::after{
  color: #b6d24f !important;
}

.et-l--body ul,
.et-l--body ol{
  list-style-position: outside;
  padding: 0 0 0 1em;
  line-height: 26px;
}

.hidden{
    display:none;
	visibility:hidden;
}

.alineacion-vertical {
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column !important;
    justify-content: center !important;
}

hr{
    height: 0 !important;
	border-top: 1px solid #cccccc !important;
	border-bottom: 0 solid #cccccc !important;
	margin-top: 20px !important; 
	margin-bottom: 20px !important;
}

.et_pb_text {
  word-wrap:normal !Important;
}

sup{
  font-size:0.7em !important;
}


/*GDPR------
-------------------*/
#moove_gdpr_cookie_info_bar {
    z-index: 9999999999999 !important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-company-logo-holder img {
  max-height: 100%px !important;
  max-width: 100% !important;
  width: auto;
  display: inline-block;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button {
  line-height:1.3em !Important;
	font-weight:900 !Important;
	font-size: 16px !important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li.menu-item-selected button {
  background-color: #B6D24F;
  border: 1px solid #B6D24F !Important;
  color: #1e4b2c !important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main span.tab-title{
  line-height:1.3em !Important;
	font-weight:900 !Important;
	font-size: 28px !important;
	text-transform:uppercase !Important;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content span.change-settings-button {
    color:#B6D24F !important;
}

#moove_gdpr_save_popup_settings_button {
    background-color: #308342 !important;
    color: #B6D24F !important;
}

#moove_gdpr_save_popup_settings_button:hover {
  	background-color: #B6D24F !important;
	color: #1E4B2C !important;
}


#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content span.change-settings-button:hover {
    text-decoration:none !Important;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
    background-color: #B6D24F !important;
	color: #1e4b2c !important;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:hover {
    background-color: #1e4b2c !important;
	color: #B6D24F !important;
}


/*SIN SIDEBAR------
-------------------*/
/*** Take out the divider line between content and sidebar ***/
#main-content {background: #efefef !important;padding-bottom: 0px !important;}
.home #main-content {padding-bottom: 0px !important;}
#main-content .container:before {background: none;}
#left-area {
    width: 100%;
    padding: 0px !important;
    float: none !important;
}
/*** Hide Sidebar ***/
#sidebar {display:none;}

/*** Expand the content area to fullwidth ***/
@media (min-width: 981px){
	#left-area {
		width: 100%;
		padding: 23px 0px 0px !important;
		float: none !important;
	}
}

/*COLUMNES------
-----------*/
.doce-columnas .et_pb_module {width: 8.33% !important; float: left !important;}
.diez-columnas .et_pb_module {width: 10% !important; float: left !important;}
.nueve-columnas .et_pb_module {width: 11.11% !important; float: left !important;}
.ocho-columnas .et_pb_module {width: 12.5% !important; float: left !important;}
.siete-columnas .et_pb_module {width: 14.28% !important; float: left !important;}
.seis-columnas .et_pb_module {width: 16.66% !important; float: left !important;}
.cinco-columnas .et_pb_module {width: 20% !important; float: left !important;}
.cuatro-columnas .et_pb_module {width: 25% !important; float: left !important;}
.tres-columnas .et_pb_module {width: 33.3% !important; float: left !important;}
.dos-columnas .et_pb_module {width: 50% !important; float: left !important;}

	.cinco-columnas-supply .et_pb_module {width: 20% !important; float: left !important;}
	.cuatro-columnas-supply .et_pb_module {width: 25% !important; float: left !important;}

@media (max-width: 980px){
	.diez-columnas .et_pb_module {width: 20% !important;}
	.nueve-columnas .et_pb_module {width: 20% !important;}
	.ocho-columnas .et_pb_module {width: 25% !important;}
	.siete-columnas .et_pb_module {width: 25% !important;}
	.seis-columnas .et_pb_module {width: 33.3% !important;}
	.cinco-columnas .et_pb_module {width: 33.3% !important;}
	
		.cinco-columnas-supply .et_pb_module {width: 25% !important;}
		.cuatro-columnas-supply .et_pb_module {width: 25% !important;}
}
 
@media all and (max-width: 767px) {
	.diez-columnas .et_pb_module {width: 50% !important;}
	.nueve-columnas .et_pb_module {width: 50% !important;}
	.ocho-columnas .et_pb_module {width: 50% !important;}
	.siete-columnas .et_pb_module {width: 50% !important;}
	.seis-columnas .et_pb_module {width: 50% !important;}
	.cinco-columnas .et_pb_module {width: 50% !important;}
	
		.cinco-columnas-supply .et_pb_module {width: 50% !important;}
		.cuatro-columnas-supply .et_pb_module {width: 50% !important;}
}

@media all and (max-width: 600px) {
	.diez-columnas .et_pb_module {width: 100% !important;}
	.nueve-columnas .et_pb_module {width: 100% !important;}
	.ocho-columnas .et_pb_module {width: 100% !important;}
	.siete-columnas .et_pb_module {width: 100% !important;}
	.seis-columnas .et_pb_module {width: 100% !important;}
	.cinco-columnas .et_pb_module {width: 100% !important;}
	.dos-columnas .et_pb_module {width: 100% !important;}
	
		.cinco-columnas-supply .et_pb_module {width: 100% !important;}
		.cuatro-columnas-supply .et_pb_module {width: 100% !important;}
}


/*HEADER*---
--------------*/

.et_pb_menu__logo img[src$=".svg"] {
  width: 240px !important;
}

	@media only screen and (max-width: 1160px){
		.et_pb_menu__logo img[src$=".svg"] {
		  width: 200px !important;
		}
	}

	@media only screen and (max-width: 600px){
		.et_pb_menu__logo img[src$=".svg"] {
		  width: 150px !important;
		}
	}

.et-cart-info { display:none !important; }

#main-header {
  -webkit-box-shadow: 0 0 0 rgba(0,0,0,.1)!important;
  box-shadow: 0 0 0 rgba(0,0,0,.1)!important;
}

#top-menu li.current-menu-item>a,
	.mobile_menu_bar:after,
	.mobile_menu_bar:before {
 	color:#1e4b2c !important;
}

.mobile_nav.opened .mobile_menu_bar:before {
	content: '\4d' !important;
}

.et_pb_fullwidth_menu .et-menu > li {
  padding-left: 8px;
  padding-right: 8px;
}

	@media only screen and (max-width: 1160px){
		.et_pb_fullwidth_menu .et-menu > li {
		  padding-left: 6px;
		  padding-right: 6px;
		}
		
		.et_pb_fullwidth_menu ul li a{
	  		font-size: 14px !important;
		}
	}


.et_pb_fullwidth_menu--with-logo .et_pb_menu__menu > nav > ul > li > a::after {
  	-webkit-transform: translate(100%, -50%);
  	transform: translate(100%, -50%);
	display:none;
}

#menu_mb .et_pb_row{
  width:100% !important;
	max-width:100% !important;
}

@media only screen and (min-width: 981px){
	.et_pb_fullwidth_menu .et_pb_menu__menu > nav > ul > li.desktop_no{
	  	display:none !Important;
	}
}

@media only screen and (max-width: 980px){
	.et_pb_fullwidth_menu .et_pb_row {
	  	min-height:50px;
	 }
	.et_pb_menu__logo {
		padding:5px 0 5px 10px;
	}
}

/*SUBMENÚ---
--------------*/

.nav li ul {
	border-top: 0 !Important;
  	padding: 0 !important;
	margin:0 !important;
	width: auto !Important;
}

.nav li li {
  	padding: 0 !important;
  	margin: 0 !important;
 	line-height:1.2em !important;
	width: 300px !Important;
}

.nav li li a,
.et-menu li li a {
	margin:0 !Important;
  padding: 10px 12px !Important;
  width: auto !Important;
}


/*MENÚ MB---
--------------*/
  @media (max-width: 980px){
	.et_pb_fullwidth_menu .et_mobile_menu {
	  top: 100%;
	  padding: 0;
	}
}

.et_mobile_menu {
	border-top: 0px !important;
	box-shadow: 0 0 0 rgba(0,0,0,0);
 	-moz-box-shadow: 0 0 0 rgba(0,0,0,0);
  	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
}

.et_mobile_menu li a {
  text-transform:uppercase;
}


/*EMBED CONTAINER---
--------------*/
.embed-container {
    position: relative;
	padding-bottom: 56.25%; /* 16/9 ratio */
	height: 0;
	overflow: hidden;
}

.embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*PAGINACIÓ PAGENAVI -
 --------------------*/
.wp-pagenavi{
    display:block !important;
}

.wp-pagenavi a, 
.wp-pagenavi span{
    text-decoration: none;
    border: 0 solid #BFBFBF !important;
    padding: 0 !important;
    margin: 2px;
}

.wp-pagenavi span.pages {
    color: #1E4B2C !important;
}

.wp-pagenavi span.pages::after {
	content:':';
	margin-right:10px;
}

.wp-pagenavi a {
	background:#efefef !important;
	border:1px solid #efefef !important;
    color: #1E4B2C !important;
	padding: 2px 6px !important;
}

.wp-pagenavi a:hover {
	background:#B6D24F !important;
    color: #1E4B2C !important;
}

.wp-pagenavi a.nextpostslink,
.wp-pagenavi a.previouspostslink{
	background:#ffffff !important;
	border:0px solid #efefef !important;
    color: #1E4B2C !important;
	padding: 2px 6px !important;
}

.wp-pagenavi a.nextpostslink:hover,
.wp-pagenavi a.previouspostslink:hover{
    color: #1E4B2C !important;
}

.wp-pagenavi span.current {
	background:#B6D24F !important;
	border:0 solid #efefef !important;
    color: #1E4B2C !important;
	padding: 2px 6px !important;
}


/*WOOCOMMERCE ARCHIVE shop PRODUCTOS
 ALTURA IGUAL-------------

.et_shop_image {
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.03);  
	-moz-box-shadow:    0 0 20px rgba(0,0,0,0.03);  
	box-shadow:         0 0 20px rgba(0,0,0,0.03);   
	display:flex !Important;
	position: relative;
  	width:100%;
	overflow:hidden;
	margin-bottom:10px;
}

.et_shop_image:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.woocommerce ul.products li.product a img {
	width: 100%;
    display: flex;
    margin: 0 !important;
    box-shadow: none;
	object-fit: cover !important;
    object-position: center;
	height: auto;
}

/*BLOG------
 --------------*/
.et-blog-css-grid-home .et_pb_post h2.entry-title,
.et-blog-css-grid .et_pb_post h2.entry-title{
  	padding:0 20px !Important;
}

.et-blog-css-grid-home .et_pb_post .post-meta, 
.et-blog-css-grid .et_pb_post .post-meta {
  	font-size: 13px;
	margin-bottom: 0;
	padding:0 20px 20px !Important;
}

.et-blog-css-grid-home .et_pb_post .entry-featured-image-url,
.et-blog-css-grid .et_pb_post .entry-featured-image-url {margin-bottom: 10px;}

.et-blog-css-grid-home .et_pb_post .entry-featured-image-url img,
.et-blog-css-grid .et_pb_post .entry-featured-image-url img {padding:20px 20px 0;}

.et-blog-css-grid-home.et_pb_posts .et_pb_post, 
.et-blog-css-grid.et_pb_posts .et_pb_post{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 0px;
	background: #efefef;
	-webkit-box-shadow: 0px 0px 44px -3px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 44px -3px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 44px -3px rgba(0,0,0,0.1);
}

/*SINGLE POST------
 --------------------*/

.single-post .blog-single h2,
.single-post .blog-single h3,
.single-post .blog-single h4,
.single-post .blog-single h5,
.single-post .blog-single h6{
  	padding-bottom: 0.5em !Important;
	padding-top: 0.5em !Important;
  	line-height: 1.3em !Important;
}

.single-post p:not(.has-background):last-of-type {
  padding-bottom: 10px;
}

/*CONTACT FORM 7------
 --------------------*/

/*input.wpcf7-form-control.wpcf7dtx-dynamictext.wpcf7-dynamictext {
  background: none !important;
  border: 0 !important;
  color: #1E4B2C;
  font-size: 18px !important;
  font-weight: 900 !important;
  margin-bottom: 0px !important;
  padding: 0 !important;
  text-align: left;
  text-transform: uppercase;
  width: 100% !important;
}*/

.wpcf7 label {margin-bottom: 0px !important;}

.wpcf7 p {padding-bottom: 0px !important;margin:0 0 15px 0!important;}

.wpcf7 p.col{
	display:flex;
	flex-direction:row;
	column-gap: 15px;
}

.wpcf7-form-control-wrap {
  width: 100% !important;
}

.wpcf7-text, 
.wpcf7-textarea  {
	background-color: rgba(255,255,255,0.9) !important;
	border: 1px solid #dbdbdb !important;
	width: 100% !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
	font-size: 16px;
	font-weight:700;
	color: #1E4B2C !important;
	letter-spacing: 1px;
	padding: 16px !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
	-webkit-appearance: none !important; /*Safari/Chrome*/
    -moz-appearance: none !important; /*Firefox*/
    -ms-appearance: none !important; /*IE*/
    -o-appearance: none !important; /*Opera*/
    appearance: none !important;
	
	-webkit-text-fill-color:#1E4B2C !important; /* Override iOS / Android font color change */
	-webkit-opacity:1 !important;
	opacity:1 !important;
}

.mas_info .wpcf7-text{border: 1px solid #dbdbdb !important;} 

.mas_info .wpcf7-form-control-wrap.your-email,.mas_info .wpcf7-form-control-wrap.tel-156{width: 100%!important;} 

.wpcf7-textarea {height:100px;}

.wpcf7-submit {
	color: #ffffff !important;
	margin: 0 auto;
	cursor: pointer;
	font-size: 14px;
	font-weight: 700;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	letter-spacing: 1px;
	border-radius: 0;
	padding-top: 8px !important;
	padding-right: 24px !important;
	padding-bottom: 8px !important;
	padding-left: 24px !important;
	line-height: 1.7em;
	background: #1E4B2C;
	border: 1px solid #1E4B2C !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	text-transform:uppercase;	
	float:right;
	
	-webkit-appearance: none !important; /*Safari/Chrome*/
    -moz-appearance: none !important; /*Firefox*/
    -ms-appearance: none !important; /*IE*/
    -o-appearance: none !important; /*Opera*/
    appearance: none !important;
}

.wpcf7-submit:hover { 
	background-color: #ffffff !important; 
	border:1px solid #1E4B2C !important; 
	color: #1E4B2C !important;
	padding-top: 8px !important;
	padding-right: 24px !important;
	padding-bottom: 8px !important;
	padding-left: 24px !important;
}

.wpcf7 select {
  color:#1E4B2C;
  display: block;
  font-size: 16px !important;
  font-weight: 700;
  padding: 16px 16px 10px !important;
  width: 100%;
  max-width: 100%; 
  box-sizing: border-box;
  margin: 0 auto !important;
  border: 0px solid rgba(0,0,0,0);
  box-shadow: 0 0 0 0 rgba(0,0,0,.0);
  border-radius: 0;
  background-color: rgba(255,255,255,0.9) !important;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #ffffff 0%,#ffffff 100%);
  background-repeat: no-repeat, repeat;
  background-position: right .7em top 50%, 0 0;
  background-size: .65em auto, 100%;
	
	-webkit-appearance: none !important; /*Safari/Chrome*/
    -moz-appearance: none !important; /*Firefox*/
    -ms-appearance: none !important; /*IE*/
    -o-appearance: none !important; /*Opera*/
    appearance: none !important;
	
	-webkit-text-fill-color:#1E4B2C !important; /* Override iOS / Android font color change */
	-webkit-opacity:0.9 !important;
	opacity:0.9  !important;
}

.wpcf7 select::-ms-expand {display: none;}

.wpcf7 select:hover {border-color: #888;}

.wpcf7g select:focus {
  border-color: #aaa;
  box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #222; 
  outline: none;
}

.wpcf7 select option {font-weight:normal;}

.wpcf7-spinner {display: block !important;}

.wpcf7-not-valid-tip {
    color: #1E4B2C;
    font-size: 15px;
    font-weight: 600 !important;
    display: inline-block;
	letter-spacing:1px;
	margin-bottom:10px;
}

.wpcf7 form .wpcf7-response-output {
	border: 2px solid #1E4B2C !important;
	color: #1E4B2C !important;
	font-size: 15px;
    font-weight: bold;
	letter-spacing:1px;
	line-height:1.4em;	
	margin: 2em 0 0 0 !important;
	text-align:center;
}

.wpcf7-list-item {display: inline-block;margin: 0  !important;}

div.wpcf7 .ajax-loader {visibility: hidden;display: none !important;}

/*form captchac-------
 --------------------*/
p.captchac{
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	margin-bottom:20px;
}

span.captchac{
	display:flex;
	justify-content:center;
	align-items:center;
	width:60%;
	margin-bottom:20px;
}

.col span.captchac{
	align-items:right;
}

.wpcf7-form-control-wrap.captcha-form {
	display:flex;
	justify-content:left;
	align-items:center;
    position: relative;
}

p.captchac img,
p.captchac input,
span.captchac input{
	margin:0 5px;
}

p.captchac img,
span.captchac img{
	height:30px !important;
	width:auto;
	padding:0 !important;
	margin-top:4px;
}

p.captchac input.wpcf7-captchar,
span.captchac input.wpcf7-captchar,
p.captchac .wpcf7-form-control-wrap input,
span.captchac .wpcf7-form-control-wrap input{
	background-color: rgba(255,255,255,0.4);
	border:2px solid #dbdbdb !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
	color: #2b2b2b !important;
	font-size: 15px;
	font-weight:700;
	text-transform: uppercase;
	letter-spacing:1px;
	height:20px !important;
	width:84px !important;
	padding:15px 4px !important;
	margin:5px 4px !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align:left !important;
}

p.captchac .wpcf7-form-control-wrap .wpcf7-not-valid-tip,
span.captchac .wpcf7-form-control-wrap .wpcf7-not-valid-tip{
    color: #000152;
    font-size: 14px;
    font-weight: bold;
	letter-spacing:2px;
	line-height: 1.4em;
	margin-left:5px;
	text-align:left !important;
}
/*CHECKBOX------
 --------------------*/
.wpcf7 .wpcf7-form-control.wpcf7-checkbox label,
.wpcf7-form-control.wpcf7-acceptance label,
p.info_comercial{
  display: grid;
  grid-template-columns: 1em auto;
  gap: 0.5em;
}

input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  margin: 5px 0 0 0;
  font: inherit;
  cursor:pointer !important;
  width: 1.0em;
  height: 1.0em;
  border: 1px solid #243c58;
  border-radius: 0.15em;
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
}

input[type="checkbox"]::before {
  background: #ffffff !important;
  content: "";
  width: 0.65em;
  height: 0.65em;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #243c58 !important;
	
	transform-origin: bottom left;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}

input[type="checkbox"]:checked::before {transform: scale(1);}


/*MEDIA QUERIES------
 --------------------*/

@media only screen and (max-width: 980px){
	.column-reverse {
		display: -webkit-flex;
		-webkit-flex-direction: column-reverse;
		display: flex;
		flex-direction: column-reverse !important;
	}

	#et_top_search {margin: 0 10px 0 0 !important;}
	
	#et_mobile_nav_menu {margin-right: 30px !important;}
}

@media only screen and (max-width: 767px){
	#et_mobile_nav_menu {margin-right: 0px !important;}
	.wpcf7 p.col{
		display:flex;
		flex-direction:column;
		column-gap: 0px;
		row-gap: 15px;
	}
		
	.wpcf7 p.submit {text-align:center;}
	
	.wpcf7-submit {float:none;}
}

@media only screen and (max-width: 600px){
	img.alignleft,
	img.alignright,
	img.alignnone{
	  display: block !important;
	  float: none !important;
	  margin-right: 0 !important;
		width:100% !Important;
	}
}

/*WHATSAPP
.floating-wpp{
	position:fixed;
	bottom:15px;
	left:15px;
	font-size:14px;
	transition:bottom .2s
}
.floating-wpp .floating-wpp-button{
	position:relative;
	border-radius:50%;
	box-shadow:1px 1px 4px rgba(60,60,60,0.4);
	transition:box-shadow .2s;
	cursor:pointer;
	overflow:hidden
}
.floating-wpp .floating-wpp-button img,
.floating-wpp .floating-wpp-button svg{
	position:absolute;
	width:100%;
	height:auto;
	object-fit:cover;
	top:50%;
	left:50%;
	transform:translate3d(-50%,-50%,0);
	border-radius:50%
}
.floating-wpp:hover{
	bottom:17px
}
.floating-wpp:hover .floating-wpp-button{
	box-shadow:1px 2px 8px rgba(60,60,60,0.4)
}
.floating-wpp .floating-wpp-popup{
	border-radius:6px;
	background-color:#e5ddd5;
	position:absolute;
	overflow:hidden;
	padding:0;
	box-shadow:1px 2px 8px rgba(60,60,60,0.25);
	width:0;
	height:0;
	bottom:0;
	opacity:0;
	transition:bottom .1s ease-out,opacity .2s ease-out;
	transform-origin:bottom
}
.floating-wpp .floating-wpp-popup.active{
	padding:0 12px 12px 12px;
	width:260px;
	height:auto;bottom:82px;
	opacity:1
}
.floating-wpp .floating-wpp-popup .floating-wpp-message{
	background-color:white;
	padding:8px;
	border-radius:0 5px 5px 5px;
	box-shadow:1px 1px 1px rgba(0,0,0,0.15);
	opacity:0;transition:opacity .2s
}
.floating-wpp .floating-wpp-popup.active .floating-wpp-message{
	opacity:1;
	transition-delay:.2s
}
.floating-wpp .floating-wpp-popup .floating-wpp-head{
	text-align:right;
	color:white;
	margin:0 -15px 10px -15px;
	padding:6px 12px;
	display:flex;
	flex-direction: column !important;
	cursor:pointer;
}

.floating-wpp .floating-wpp-popup .floating-wpp-head .close{
	position:absolute;
	right:10px;
	font-size:30px;
	font-weight:300;
}
.floating-wpp .floating-wpp-input-message{
	background-color:white;
	margin:10px -15px -15px -15px;
	padding:0 15px;
	display:flex;
	align-items:center
}
.floating-wpp .floating-wpp-input-message textarea{
	border:1px solid #ccc;
	border-radius:4px;
	box-shadow:none;
	padding:8px;
	margin:10px 0;
	width:100%;
	max-width:100%;
	font-family:inherit;
	font-size:inherit;
	resize:none
}
.floating-wpp .floating-wpp-btn-send{
	margin-left:12px;
	font-size:0;
	cursor:pointer
}
.floating-wpp-avatar{
	vertical-align:middle;
	width:100%;
	border-radius:0;
	margin:0px !important;
	padding:20px 0!important;
}
.floating-wpp-avatar-info{
	display:none;
}
.floating-wpp-avatar-name{font-weight:bold;font-size:16px}