.call-for-price {
padding: 10px 10px;
text-align: center;
width: 100%;
}
.call-for-price .dashicons-smartphone {
color: #fd6e1d;
}
div#mbwph-contact {
width: 50px;
height: 50px;
position: fixed;
bottom: 60px;
right: 20px;
z-index: 2000000000;
-webkit-animation: zoomInDown 1.5s;
animation: zoomInDown 1.5s;
}
.mbwph-contact-container {
background: #FFFFFF;
box-shadow: 0 0 40px rgba(0,0,0,0.2);
width: 300px;
background-repeat: no-repeat;
background-position: center;
position: absolute;
right: 0;
bottom: 70px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 7px;
z-index: 1000000;
opacity: 0;
visibility: hidden;
-webkit-transform-origin: 80% 105%;
-ms-transform-origin: 80% 105%;
transform-origin: 80% 105%;
-o-transition: ease-out .2s all;
transition: ease-out .2s all;
transform: translateY(20px); }
.mbwph-call-container {
background: #FFFFFF;
box-shadow: 0 0 40px rgba(0,0,0,0.2);
width: 300px;
background-repeat: no-repeat;
background-position: center;
position: absolute;
right: 0;
bottom: 70px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 7px;
z-index: 1000001;
opacity: 0;
visibility: hidden;
-webkit-transform-origin: 80% 105%;
-ms-transform-origin: 80% 105%;
transform-origin: 80% 105%;
-o-transition: ease-out .2s all;
transition: ease-out .2s all;
transform: translateY(20px); }
.mbwph-contact-container::before {
position: absolute;
bottom: -7px;
right: 25px;
left: auto;
display: inline-block !important;
border-right: 8px solid transparent;
border-top: 8px solid #FFFFFF;
border-left: 8px solid transparent;
content: '';
}
.mbwph-contact-container.mbwph-container-left::before {
left: 25px;
right: auto;
}
.mbwph-contact-container.mbwph-container-right::before {
left: auto;
right: 25px;
}
.mbwph-call-container::before {
position: absolute;
bottom: -7px;
right: 25px;
left: auto;
display: inline-block !important;
border-right: 8px solid transparent;
border-top: 8px solid #FFFFFF;
border-left: 8px solid transparent;
content: '';
}
.mbwph-contact-button {
width: 50px;
height: 50px; position: absolute;
background-color: #f26364;
border-radius: 50px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
.mbwph-button-border {
width: 64px;
height: 64px;
}
.mbwph-button-border {
width: 84px;
height: 84px;
background-color: #ff00005e;
border-radius: 50px;
position: absolute;
z-index: -1;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-animation: mbwph-pulse 2s infinite;
animation: mbwph-pulse 2s infinite;
}
.mbwph-button-border:nth-of-type(2n) {
-webkit-animation-delay: .5s;
animation-delay: .5s;
}
.mbwph-button-icon {
position: absolute;
top: 25%;
left: 25%;
margin: 0 0 0 -2px;
-webkit-transition: opacity .6s ease-out;
transition: opacity .6s ease-out;
-webkit-animation: mbwphRotate 1s;
animation: mbwphRotate 1s;
}
.mbwph-button-group-icon {
transition: .4s;
}
.mbwph-button-icon-animation {
opacity: 1;
}
.mbwph-close-button-icon {
color: #fff;
opacity: 0;
visibility: visible;
-webkit-transform: rotate(180deg) scale(0);
-ms-transform: rotate(180deg) scale(0);
transform: rotate(180deg) scale(0);
-webkit-transition: ease-in .12s all;
-o-transition: ease-in .12s all;
transition: ease-in .12s all;
}
.mbwph-close-button-icon.isShowCloseButton {
-webkit-transform: rotate(0) scale(1);
-ms-transform: rotate(0) scale(1);
transform: rotate(0) scale(1);
}
.mbwph-call-main .mbwph-close-button-icon {
display: none;
}
.mbwph-call-button-close-icon {
color: #fff;
-webkit-transform: rotate(180deg) scale(0);
-ms-transform: rotate(180deg) scale(0);
transform: rotate(180deg) scale(0);
-webkit-transition: ease-in .12s all;
-o-transition: ease-in .12s all;
transition: ease-in .12s all;
}
.mbwph-call-button-close-icon.isShowCloseButton {
-webkit-transform: rotate(0) scale(1);
-ms-transform: rotate(0) scale(1);
transform: rotate(0) scale(1);
}
svg.mbwph-call-button-icon-child {
position: absolute;
top: 25%;
left: 25%;
margin: 0 0 0 -2px;
-webkit-transition: opacity .6s ease-out;
transition: opacity .6s ease-out;
-webkit-animation: mbwphRotate 2s;
animation: mbwphRotate 2s; }
.mbwph-call-for-price{
padding: 5px 0 0;
}
.mbwph-call-for-price-numner-phone{
font-weight: 500;
text-decoration: none !important;
}
.mbwph-contact-header {
padding: 17px 15px;
color: #FFFFFF;
background: #f26364;
border-radius: 7px 7px 0 0;
font-family: Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;
margin-bottom: 10px;
font-size: 17px;
position: relative;
text-align: center;
line-height: 1.4;
}
.mbwph-call-header {
padding: 17px 15px;
color: #FFFFFF;
background: #f26364;
border-radius: 7px 7px 0 0;
font-family: Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;
margin-bottom: 10px;
font-size: 17px;
position: relative;
text-align: center;
line-height: 1.4;
}
.mbwph-header-title {
width: 90%;
text-align: left;
}
.mbwph-contact-header-close, .mbwph-header-close {
position: absolute;
right: 15px;
top: 50%;
padding: 0;
margin: 0;
border: 0 none;
line-height: 1;
width: 26px;
height: 26px;
cursor: pointer;
color: #FFFFFF;
background: #f26364;
border-radius: 50%;
text-align: center;
margin-top: -13px;
transition: .4s;
}
.mbwph-contact-header-close:hover, .mbwph-header-close:hover {
background: #66666663;
transition: .4s;
box-shadow: 0 0 40px rgb(0 0 0 / 27%);
}
.mbwph-contact-header-close img, .mbwph-header-close img {
height: 12px;
width: 12px;
display: block;
position: absolute;
left: 50%;
top: 50%;
margin: -6px 0 0 -6px;
}
.mbwph-contact-header-close span svg, .mbwph-header-close span svg  {
top: 50%;
left: 50%;
width: 12px;
height: 12px;
margin: -6px 0 0 -6px;
display: block;
position: absolute;
}
.mbwph-btt svg#Capa_1 {
height: 20px;
width: 20px;
display: block;
position: absolute;
left: 50%;
top: 50%;
margin: -10px 0 0 -10px;
}
.mbwph-contact-container ul {
margin: 0 0 10px 0;
padding: 0;
}
.mbwph-contact-container ul li {
margin: 0;
padding: 0;
list-style: none;
}
.mbwph-contact-container ul li:hover {
background: #33333312;
}
.mbwph-contact-container ul li a {
text-decoration: none;
font-family: sans-serif;
font-weight: 500;
font-size: 16px;
}
.mbwph-contact-item, .mbwph-call-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
cursor: pointer;
width: 100%;
padding: 8px 12px 8px 12px;
box-sizing: border-box;
position: relative;
min-height: 54px;
text-decoration: none;
}
span img {
width: auto;
}
.mbwph-contact-child {
padding: 0 10px;
text-align: left;
}
.mbwph-contact-child-title, .mbwph-contact-child-desc {
font-family: Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;
font-size: 16px;
color: #323232d9; }
.mbwph-contact-child-desc {
font-size: 16px;
color: #787878b8;
}
.isButtonShow {
opacity: 1;
visibility: visible;
transition: .4s;
-ms-transform: scale(1);
transform: translateY(0px);
}
.mbwph-contact-greeting {
display: inline;
background: #FFFFFF;
box-shadow: 0 0 40px rgba(0,0,0,0.2);
background-repeat: no-repeat;
background-position: center;
position: absolute;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
box-sizing: border-box;
border-radius: 7px;
z-index: 1000000;
transform: scale(1);
color: #787878;
font-family: Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;
font-size: 16px;
line-height: 18px;
max-width: 250px;
width: 400px;
height: auto;
bottom: 0px;
right: 80px;
padding: 14px 20px 14px;
opacity: 1;
visibility: visible;
transition: .4s;
}
.mbwph-contact-greeting::before {
position: absolute;
border-right: 8px solid transparent;
border-top: 8px solid transparent;
border-left: 8px solid #FFF;
border-bottom: 8px solid transparent;
bottom: 16px;
right: -15px;
content: '';
}
.mbwph-contact-close-greeting {
opacity: 0;
visibility: hidden;
transition: .2s all;
position: absolute;
right: -10px;
top: -10px;
padding: 0;
margin: 0;
border: 0 none;
line-height: 1;
width: 26px;
height: 26px;
cursor: pointer;
color: #FFFFFF;
background: #ed6162;
border-radius: 50%;
text-align: center;
transition: .4s;
}
.mbwph-contact-close-greeting span svg {
width: 12px;
height: 12px;
top: 50%;
left: 50%;
position: absolute;
margin: -6px 0 0 -6px;
}
.mbwph-contact-greeting:hover .mbwph-contact-close-greeting {
opacity: 1;
visibility: visible;
transition: .4s;
}
.fb-customerchat > span > iframe {
right: 10px !important;
left: auto !important;
}
.fb-customerchat > span > iframe.fb_customer_chat_bounce_in_v2_mobile_chat_started {
right: 0 !important;
}
@media (max-width: 480px) {
.fb-customerchat > span > iframe {
left: 0 !important;
right: 0 !important;
}
}
.mbwph-fbc > #fb-root > .fb_dialog { display: none!important;
} .mbwph-fbc > #fb-root > .fb-customerchat > iframe.fb_customer_chat_bounce_in_v2 { }
.mbwph-fbc > #fb-root > .fb-customerchat > span > iframe {
z-index: 2147483647!important;
bottom: 118px!important;
margin-right: 0!important;
height: 550px!important;
}
.mbwph-fbc {
display: none;
}
.mbwph-fbc.isFbcShow{
display: block;
}
#tawkchat-maximized-wrapper {
opacity: 0!important;
visibility: hidden!important;
}
#tawkchat-minified-box {
opacity: 0!important;
visibility: hidden!important;
} .mbwph-call {
position: fixed;
width: 50px;
height: 50px; right: 20px;
z-index: 999999999;
-webkit-animation: zoomInDown 1.5s;
animation: zoomInDown 1.5s;
}
.mbwph-call ul {
margin: 0;
padding: 0 0 10px 0;
width: 300px;
background-repeat: no-repeat;
background-position: center;
right: 0;
bottom: 60px;
-webkit-transition: ease-out .12s all;
-o-transition: ease-out .12s all;
transition: ease-out .12s all;
}
.mbwph-call ul li {
margin: 0;
padding: 0;
list-style: none;
}
.mbwph-call ul li a {
text-decoration: none;
font-family: sans-serif;
font-weight: 500;
font-size: 16px;
}
.mbwph-call-container ul li:hover {
background:#33333312;
}
.mbwph-call-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
cursor: pointer;
width: 100%;
padding: 8px 12px 8px 12px;
box-sizing: border-box;
position: relative;
min-height: 54px;
text-decoration: none;
}
.mbwph-call-item a {
text-decoration: none;
font-size: 15px;
color: #787878;
}
.mbwph-call-number {
font-size: 16px;
box-sizing: border-box;
padding: 0 10px;
}
.mbwph-call-name {
font-size: 15px;
font-weight: 700;
color: #333333c9;
box-sizing: border-box;
padding: 0 10px;
}
.mbwph-call-info {
padding: 6px 0;
width: 80%;
float: right;
font-family: Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;
color: #979797;
}
img.cc-user-img-c {
width: 100%;
display: block;
border-radius: 5px;
border: 2px solid #f26364;
}
.mbwph-call-image {
width: 20%;
float: left;
box-sizing: border-box;
padding: 2px;
}
.mbwph-call-container-item {
background: #FFFFFF;
box-shadow: 0 0 40px rgba(0,0,0,0.2);
padding: 5px 5px;
border-radius: 5px;
}
.mbwph-call-main {
position: absolute;
width: 50px;
height: 50px;
z-index: 99999999999999999999999; border-radius: 50%;
background: #f26364;
box-sizing: border-box;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
-webkit-animation: zoomInDown 1.5s;
animation: zoomInDown 1.5s;
}
.mbwph-pd-button-left {
left: 20px;
}
.mbwph-pd-button-right {
right: 20px;
} .mbwph-btt {
position: fixed;
width: 50px;
height: 50px; z-index: 99999999;
color: #777!important;
background: #f26364;
border-radius: 50%;
cursor: pointer;
visibility: hidden;
opacity: 0;
transition: .4s;
}
.mbwph-btt .fa-chevron-up {
margin: 15px 17px;
color: #ffffff;
transition: .4s;
} .mbwph-btt:hover .fa-chevron-up {
color: #fff;
transition: .4s;
}
.mbwph-btt.show {
visibility: visible;
opacity: 1;
transition: .4s;
}
.isHideElement {
opacity: 0;
visibility: hidden;
transition: .4s;
}
.isHideGreeting {
opacity: 0;
visibility: hidden;
transition: .4s;
}
.isHideMWPContact {
opacity: 0;
visibility: hidden;
transition: .4s;
}
.isShowCallList {
opacity: 1!important;
visibility: visible!important;
transition: .4s!important;
transition: ease-out .2s all;
transform: translateY(0px)!important;
}
.isShowCloseButton {
opacity: 1!important;
visibility: visible!important;
transition: .4s;
}
.isHideGroupIcon {
opacity: 0!important;
visibility: hidden!important;
transition: .4s;
} .mbwph-call-container.onLeft {
right: inherit;
left: 0;
}
.mbwph-call-container.onLeft::before {
left: 25px;
right: auto;
}
.mbwph-call-container.onRight::before {
left: auto;
right: 25px;
}
.mbwph-contact-container.onLeft::before {
left: 25px;
right: auto;
}
.mbwph-contact-container.onRight::before {
left: auto;
right: 25px;
}
.mbwph-call.onLeft {
left: 20px!important;
}
.mbwph-call.onRight {
right: 20px!important;
}
.mbwph-call-main.onRight { }
.mbwph-call-main.onLeft { }
.mbwph-call-low {
bottom: 60px!important;
}
.mbwph-call-middle {
bottom: 140px!important;
}
.mbwph-call-high {
bottom: 220px!important;
}
.mbwph-contact.onLeft {
left: 10px!important;
}
.mbwph-contact.onRight {
right: 10px!important;
}
.mbwph-contact-container.onLeft {
left: 0;
right: inherit;
}
.mbwph-contact-container.onRight {
left: inherit;
right: 0;
}
.mbwph-main-contact.onLeft {
left: 20px;
right:inherit;
}
.mbwph-main-contact.onRight {
left: inherit;
right: 20px;
}
.mbwph-contact-button.onLeft { }
.mbwph-contact-button.onRight { }
.mbwph-btt.onLeft {
left: 20px!important;
}
.mbwph-btt.onRight {
right: 20px!important;
}
.mbwph-btt.mbwph-btt-high {
bottom: 220px!important;
}
.mbwph-btt.mbwph-btt-middle {
bottom: 130px!important;
}
.mbwph-btt.mbwph-btt-low {
bottom: 60px!important;
}
.mbwph-contact-greeting.onLeft {
left: 80px;
right: auto;
}
.mbwph-contact-greeting.onLeft::before {
left: -15px;
right: auto;
border-left: 8px solid transparent;
border-right: 8px solid #FFF;
}
.mbwph-fbc.onRight .fb_reset .fb-customerchat > span > iframe {
right: 10px !important;
left: auto !important;
}
.mbwph-fbc.onLeft .fb_reset .fb-customerchat > span > iframe {
right: auto !important;
left: 10px !important;
}
.mbwph-fbc.onRight .fb_reset .fb_dialog > .fb_dialog_content > iframe {
right: 10px !important;
left: auto !important;
}
.mbwph-fbc.onLeft .fb_reset .fb_dialog > .fb_dialog_content > iframe {
right: auto !important;
left: 10px !important;
}
.woocommerce div.product form.cart .button{
float: right !important;
}
#buy_now_button{
display: block;
margin-top: 10px;
margin-left: 0px;
padding: 15px 0;
border-radius: 4px;
border: none;
line-height: normal;
text-transform: uppercase;
text-align: center;
font-size: 16px;
font-weight: 600;
color: #fff;
width: 100%;
background: -webkit-linear-gradient(top,#f59000,#fd6e1d);
}
#buy_now_button:hover{
background: -webkit-linear-gradient(top,#ff6a00,#fd271d);
} .clone-me.mbwph-clone-action {text-decoration: none;color:#ff3547;}
span.duplicate a {color:#ff3547;}
#btn_duplicate_menu .dashicons{vertical-align:middle;}
#btn_duplicate_menu.button-danger{border: 1px solid #00c851;color:#fff;background:#00c851;}
#lostpasswordform div.g-recaptcha,#loginform div.g-recaptcha,#registerform div.g-recaptcha {margin: 12px 0 24px -15px;} @media (max-width: 550px) {
#mbwph-contact {
width: 100%!important;
left: 0;
right: 0;
bottom: 0;
}
.mbwph-contact-container {
bottom: -60px!important;
border-radius: 0;
width: 100%;
}
.mbwph-contact-header-close, .mbwph-header-close {
right: 15px;
top: 50%;
margin-top: -13px;
}
.mbwph-contact-header {
border-radius: 0;
}
.mbwph-header-title {
text-align: left;
}
.mbwph-contact-header {
border-radius: 0;
}
.mbwph-contact-button {
right: 20px;
}
.mbwph-call-main {
right: 0;
}
.mbwph-btt {
right: 20px;
}
.mbwph-btt:focus { outline:0!important; }
.mbwph-contact-close-greeting {
opacity: 1;
visibility: visible;
}
.mbwph-call {
width: 100%;
right: 0;
left: 0;
}
.mbwph-call-main  {
right: 20px;
}
.mbwph-call-container {
bottom: 0;
width: 100%;
bottom: -140px!important;
}
.mbwph-contact-header, .mbwph-call-header {
border-radius: 0;
}
.mbwph-call ul {
width: 100%;
}
.mbwph-call.onLeft {
left: 0px!important;
}
.mbwph-call-main.onLeft {
left: 20px;
}
.mbwph-contact-button.onLeft {
left: 20px;
}
.mbwph-btt.onLeft {
left: 20px!important;
}
.mbwph-contact-button.onRight {
right: 20px;
}
.mbwph-call-main.onRight {
right: 20px;
}
.mbwph-btt.onRight {
right: 20px!important;
}
.mbwph-fbc > #fb-root > .fb-customerchat > span > iframe {
bottom: 0px!important;
height: 100%!important;
top: auto!important;  }
} @-webkit-keyframes mbwph-pulse {
0% {
-webkit-transform:scale(0);
transform:scale(0);
opacity:1;
}
50% {
opacity:.5;
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:0;
}
}
@-webkit-keyframes mbwphRotate {
0% {
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
}
100% {
-webkit-transform:rotate(0);
transform:rotate(0);
}
}
@keyframes mbwphRotate {
0% {
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
}
100% {
-webkit-transform:rotate(0);
transform:rotate(0);
}
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -500px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -500px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -500px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -500px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}