/**
 * Woo whatsapp order pro
 * @author M Junaid Bhatti <dj4maza1@gmail.com>
 * @copyright Copyright (c) 2018 Junaid Bhatti
 * @license GNU/GPLv3, See LICENSE file
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * If LICENSE file missing, see <http://www.gnu.org/licenses/>.
 */
 
.styledefult {
     max-width: 300px;
     clear: both;
}
 .styledefult .svg-inline--fa {
     height: 24px!important;
     width: 24px!important;
}
 .styledefult a {
     font-size:16px;
}
 .styledefult .azm-social {
     margin: 0;
     padding: 0;
     display: inline-block;
     color: #fff;
     text-align: center;
     -moz-border-radius: 0;
     -webkit-border-radius: 0;
     border-radius: 0;
     -o-transition: all .3s;
     -moz-transition: all .3s;
     -webkit-transition: all .3s;
     -ms-transition: all .3s;
     transition: all .3s;
}
 .styledefult .azm-social svg.svg-inline--fa.fa-whatsapp.fa-w-14 {
     line-height: 24px;
     vertical-align: top;
}
 .styledefult azm-social:hover, .azm-social:focus, .azm-social:active {
     outline: 0;
     opacity: 0.8;
     color: #fff;
}
 .styledefult .azm-btn {
     height: 48px;
     margin: 8px 8px 8px 0px;
     padding: 13px 17px;
     font-size: 16px;
     line-height: 24px;
     font-weight: 300;
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
     border-radius: 4px;
}
 .styledefult .azm-btn i {
    padding-right: 27px;
    font-size: 21px;
    line-height: 21px;
    vertical-align: top;
}
 .styledefult .azm-btn i:after {
     content: "";
     position: absolute;
     top: -8px;
     left: 70%;
     width: 1px;
     height: 36px;
     background: #ccc;
     background: rgba(255, 255, 255, 0.3);
}
 .styledefult .azm-border-bottom {
     padding-top: 12px;
     border-bottom: 4px solid rgba(0, 0, 0, 0.1);
}

 .styledefult .azm-gradient {
     position: relative;
     overflow: hidden;
}
 .styledefult .azm-shadow-bottom {
     position: relative;
     overflow: hidden;
}
 .styledefult .azm-shadow-bottom:before {
     content: "";
     position: absolute;
     top: 50%;
     left: 0;
     width: 100%;
     height: 50%;
}
 .styledefult .azm-whatsapp {
    background: #25d366;
     font-weight: bold;
}
 .styledefult .azm-long-shadow {
     overflow: hidden;
}
.related.products .WWOP_whatsapp {
    display: none;
}
 @media screen and (max-width: 275px) {
     .wwopv_whatsapp a {
         font-size:13px;
    }
}
 .related.products .style1,.related.products .style2,.related.products .style3,.related.products .style4 {
     display: none;
}
/* style 1 */
 .style1{
     background-size: 45px 45px;
     height: 45px;
     padding-top: 10px;
     clear: both;
     max-width: 300px;
}
 .style1 .wwopv-btn {
     width: 0px;
     float: left;
     position: relative;
     height: 0;
     border-top: 15px solid transparent;
     border-right: 21px solid #25d366;
     border-bottom: 15px solid transparent;
}
 .style1 .wwopv-icon {
     float: left;
     color: #25d366;
}
 .style1 .wwopv-btn:before {
     position: absolute;
     content: "";
     height: 30px;
     width: 170px;
     left: 21px;
     top: -15px;
     background-color: #25d366;
}
 .style1 .svg-inline--fa {
     height: 32px;
     width: 32px;
}
 .style1 .wwopv-btn a {
     position: absolute;
     width: 170px;
     margin-top: -11px;
     margin-left: 22px;
     color: #fff;
     font-size: 16px;
     text-decoration: none;
     font-weight: bold;
}
/* style 2 */
 .style2 {
     max-width: 300px;
     clear: both;
}
 .style2 .svg-inline--fa {
     height: 24px!important;
     width: 24px!important;
}
 .style2 a {
     font-size:16px;
}
 .style2 .azm-social {
     margin: 0;
     padding: 0;
     display: inline-block;
     color: #fff;
     text-align: center;
     -moz-border-radius: 0;
     -webkit-border-radius: 0;
     border-radius: 0;
     -o-transition: all .3s;
     -moz-transition: all .3s;
     -webkit-transition: all .3s;
     -ms-transition: all .3s;
     transition: all .3s;
}
 .style2 .azm-social svg.svg-inline--fa.fa-whatsapp.fa-w-14 {
     line-height: 24px;
     vertical-align: top;
}
 .style2 azm-social:hover, .azm-social:focus, .azm-social:active {
     outline: 0;
     opacity: 0.8;
     color: #fff;
}
 .style2 .azm-btn {
     /* height: 48px;*/
     margin: 8px 8px 8px 0px;
     padding: 13px 17px;
     font-size: 16px;
     line-height: 24px;
     font-weight: 300;
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
     border-radius: 4px;
}
 .style2 .azm-btn i {
    padding-right: 27px;
    font-size: 21px;
    line-height: 21px;
    vertical-align: top;
}
 .style2 .azm-btn i:after {
     content: "";
     position: absolute;
     top: -8px;
     left: 70%;
     width: 1px;
     height: 36px;
     background: #ccc;
     background: rgba(255, 255, 255, 0.3);
}
 .style2 .azm-border-bottom {
     padding-top: 12px;
     border-bottom: 4px solid rgba(0, 0, 0, 0.1);
}
 .style2 .azm-pill {
     -moz-border-radius: 400px;
     -webkit-border-radius: 400px;
     border-radius: 400px;
}
 .style2 .azm-gradient {
     position: relative;
     overflow: hidden;
}
 .style2 .azm-shadow-bottom {
     position: relative;
     overflow: hidden;
}
 .style2 .azm-shadow-bottom:before {
     content: "";
     position: absolute;
     top: 50%;
     left: 0;
     width: 100%;
     height: 50%;
}
 .style2 .azm-whatsapp {
    background: #25d366;
     font-weight: bold;
}
 .style2 .azm-long-shadow {
     overflow: hidden;
}
/*style3 */
 .style3 {
     max-width: 300px;
     clear: both;
     padding-top: 5px;
     padding-bottom: 5px;
}
 .style3 svg.svg-inline--fa.fa-whatsapp.fa-w-14 {
     background: #25d366;
     -moz-border-radius: 11px;
     -webkit-border-radius: 11px;
     border-radius: 11px;
}
 .style3 .overflow-icon-btn {
     text-decoration: none;
     padding: 12px 16px;
     color: #fff;
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
     border-radius: 4px;
     font-family: Arial, Helvetica, sans-serif;
     font-weight: bold;
     font-size: 16px;
     background: #25d366;
     transition: 0.3s;
}
 .style3 .overflow-icon-btn i {
     -webkit-text-stroke-color: var(--bg-color, dodgerblue);
     -webkit-text-stroke-width: 0.02em;
}
 .style3 div.margin-8-wrapper {
     margin: 8px;
}
 .style3 .svg-inline--fa {
     height: 60px!important;
     width: 60px!important;
}
/*for IE*/
 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     .style3 .overflow-icon-btn {
         background-color: dodgerblue;
         text-shadow: 0 0 8px dodgerblue;
         box-shadow: 0 0 4px dodgerblue;
    }
     .style3 .overflow-icon-btn:hover {
         text-shadow: 0 0 24px dodgerblue;
         box-shadow: 0 0 12px dodgerblue;
    }
 }
	.wwofloat{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
  transition: transform .2s; /* Animation */
}
.wwofloat:hover{
	transform: scale(1.2);
}
.wwofloatm{
	margin-top:16px;
	color:#fff;
}