/* ====================================================================================================================
 *  WhatsApp us
 * ====================================================================================================================*/
	
	div.ccw_plugin,
	.inline {
	    display: inline;
	    position: fixed;
	    z-index: 99999;
	}
	
	.ccw_plugin .animated {
	    animation-duration: 1s;
	    animation-fill-mode: both;
	}
	
	.ccw_plugin .style-4.chip {
	    display: inline-block;
	    padding-left: 12px;
	    padding-right: 12px;
	    padding-top: 0px;
	    padding-bottom: 0px;
	    border-radius: 25px;
	    font-size: 13px;
	    line-height: 32px;
	}
	
	.ccw_plugin .style-4.chip img {
	    float: left;
	    margin: 0 8px 0 -12px;
	    height: 32px;
	    width: 32px;
	    border-radius: 50%;
	}
	
	@media screen and (max-width:680px) {
	    .call-now-button {
	        display: flex!important;
	        background: transparent;
	    }
	    .call-now-button .call-text {
	        display: none;
	    }
	}
	
	.quick-call-button {
	    display: none;
	}
	
	.call-now-button {
	    display: none;
	    z-index: 9999;
	    clear: both;
	    margin: 0 auto;
	    position: fixed;
	    border-radius: 50px;
	}
	
	.call-now-button div {
	    display: flex;
	}
	
	.call-now-button div p {
	    color: #fff;
	    display: table;
	    padding: 10px;
	    border-radius: 21px;
	    height: 34px;
	    line-height: 14px;
	    font-size: 14px;
	    margin: 8px 5px 8px 50px;
	    text-transform: uppercase;
	    font-weight: normal;
	    text-align: center;
	    box-sizing: content-box;
	    text-decoration: none!important;
	    box-sizing: border-box;
	}
	
	.quick-alo-ph-circle.active {
	    width: 130px;
	    height: 130px;
	    top: -40px;
	    left: -40px;
	    position: absolute;
	    background-color: transparent;
	    -webkit-border-radius: 100%;
	    -moz-border-radius: 100%;
	    border-radius: 100%;
	    border: 2px solid rgba(30, 30, 30, .4);
	    opacity: 1;
	    -webkit-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
	    -moz-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
	    -ms-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
	    -o-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
	    animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
	    -webkit-transition: all .5s;
	    -moz-transition: all .5s;
	    -o-transition: all .5s;
	    transition: all .5s;
	    -webkit-transform-origin: 50% 50%;
	    -moz-transform-origin: 50% 50%;
	    -ms-transform-origin: 50% 50%;
	    -o-transform-origin: 50% 50%;
	    transform-origin: 50% 50%
	}
	
	.quick-alo-ph-circle-fill.active {
	    width: 80px;
	    height: 80px;
	    top: -15px;
	    left: -15px;
	    position: absolute;
	    background-color: #000;
	    -webkit-border-radius: 100%;
	    -moz-border-radius: 100%;
	    border-radius: 100%;
	    border: 2px solid transparent;
	    opacity: 1;
	    -webkit-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
	    -moz-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
	    -ms-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
	    -o-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
	    animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
	    -webkit-transition: all .5s;
	    -moz-transition: all .5s;
	    -o-transition: all .5s;
	    transition: all .5s;
	    -webkit-transform-origin: 50% 50%;
	    -moz-transform-origin: 50% 50%;
	    -ms-transform-origin: 50% 50%;
	    -o-transform-origin: 50% 50%;
	    transform-origin: 50% 50%
	}
	
	.quick-alo-ph-img-circle.shake {
	    width: 50px;
	    height: 50px;
	    top: 0;
	    left: 0;
	    position: absolute;
	    -webkit-border-radius: 100%;
	    -moz-border-radius: 100%;
	    border-radius: 100%;
	    border: 2px solid transparent;
	    opacity: 1;
	    background: url(../images/quick-call-button.png) no-repeat center center;
	    -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
	    -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
	    -ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
	    -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
	    animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
	    -webkit-transform-origin: 50% 50%;
	    -moz-transform-origin: 50% 50%;
	    -ms-transform-origin: 50% 50%;
	    -o-transform-origin: 50% 50%;
	    transform-origin: 50% 50%
	}
	
	.quick-alo-phone-img-circle.shake {
	    width: 50px;
	    height: 50px;
	    top: 0;
	    left: 0;
	    position: absolute;
	    -webkit-border-radius: 100%;
	    -moz-border-radius: 100%;
	    border-radius: 100%;
	    border: 2px solid transparent;
	    opacity: 1;
	    background: url(../images/quick-call-button-phone.png) no-repeat center center;
	    -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
	    -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
	    -ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
	    -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
	    animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
	    -webkit-transform-origin: 50% 50%;
	    -moz-transform-origin: 50% 50%;
	    -ms-transform-origin: 50% 50%;
	    -o-transform-origin: 50% 50%;
	    transform-origin: 50% 50%
	}
	
	.quick-alo-ph-img-circle.notshake {
	    width: 50px;
	    height: 50px;
	    top: 0;
	    left: 0;
	    position: absolute;
	    -webkit-border-radius: 100%;
	    -moz-border-radius: 100%;
	    border-radius: 100%;
	    border: 2px solid transparent;
	    opacity: 1;
	    background: url(../images/quick-call-button.png) no-repeat center center;
	    -webkit-transform-origin: 50% 50%;
	    -moz-transform-origin: 50% 50%;
	    -ms-transform-origin: 50% 50%;
	    -o-transform-origin: 50% 50%;
	    transform-origin: 50% 50%
	}
	
	.quick-alo-phone-img-circle.notshake {
	    width: 50px;
	    height: 50px;
	    top: 0;
	    left: 0;
	    position: absolute;
	    -webkit-border-radius: 100%;
	    -moz-border-radius: 100%;
	    border-radius: 100%;
	    border: 2px solid transparent;
	    opacity: 1;
	    background: url(../images/quick-call-button-phone.png) no-repeat center center;
	    -webkit-transform-origin: 50% 50%;
	    -moz-transform-origin: 50% 50%;
	    -ms-transform-origin: 50% 50%;
	    -o-transform-origin: 50% 50%;
	    transform-origin: 50% 50%
	}
	
	@-moz-keyframes quick-alo-circle-anim {
	    0% {
	        -moz-transform: rotate(0) scale(.5) skew(1deg);
	        opacity: .1;
	        -moz-opacity: .1;
	        -webkit-opacity: .1;
	        -o-opacity: .1;
	    }
	    30% {
	        -moz-transform: rotate(0) scale(.7) skew(1deg);
	        opacity: .5;
	        -moz-opacity: .5;
	        -webkit-opacity: .5;
	        -o-opacity: .5;
	    }
	    100% {
	        -moz-transform: rotate(0) scale(1) skew(1deg);
	        opacity: .6;
	        -moz-opacity: .6;
	        -webkit-opacity: .6;
	        -o-opacity: .1;
	    }
	}
	
	@-webkit-keyframes quick-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;
	    }
	}
	
	@-o-keyframes quick-alo-circle-anim {
	    0% {
	        -o-transform: rotate(0) kscale(.5) skew(1deg);
	        -o-opacity: .1;
	    }
	    30% {
	        -o-transform: rotate(0) scale(.7) skew(1deg);
	        -o-opacity: .5;
	    }
	    100% {
	        -o-transform: rotate(0) scale(1) skew(1deg);
	        -o-opacity: .1;
	    }
	}
	
	@-moz-keyframes quick-alo-circle-fill-anim {
	    0% {
	        -moz-transform: rotate(0) scale(.7) skew(1deg);
	        opacity: .2;
	    }
	    50% {
	        -moz-transform: rotate(0) -moz-scale(1) skew(1deg);
	        opacity: .2;
	    }
	    100% {
	        -moz-transform: rotate(0) scale(.7) skew(1deg);
	        opacity: .2;
	    }
	}
	
	@-webkit-keyframes quick-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;
	    }
	}
	
	@-o-keyframes quick-alo-circle-fill-anim {
	    0% {
	        -o-transform: rotate(0) scale(.7) skew(1deg);
	        opacity: .2;
	    }
	    50% {
	        -o-transform: rotate(0) scale(1) skew(1deg);
	        opacity: .2;
	    }
	    100% {
	        -o-transform: rotate(0) scale(.7) skew(1deg);
	        opacity: .2;
	    }
	}
	
	@-moz-keyframes quick-alo-circle-img-anim {
	    10% {
	        transform: rotate(0) scale(1) skew(1deg);
	    }
	    10% {
	        -moz-transform: rotate(-25deg) scale(1) skew(1deg);
	    }
	    20% {
	        -moz-transform: rotate(25deg) scale(1) skew(1deg);
	    }
	    30% {
	        -moz-transform: rotate(-25deg) scale(1) skew(1deg);
	    }
	    40% {
	        -moz-transform: rotate(25deg) scale(1) skew(1deg);
	    }
	    50% {
	        -moz-transform: rotate(0) scale(1) skew(1deg);
	    }
	    100% {
	        -moz-transform: rotate(0) scale(1) skew(1deg);
	    }
	}
	
	@-webkit-keyframes quick-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);
	    }
	}
	
	@-o-keyframes quick-alo-circle-img-anim {
	    0% {
	        -o-transform: rotate(0) scale(1) skew(1deg);
	    }
	    10% {
	        -o-transform: rotate(-25deg) scale(1) skew(1deg);
	    }
	    20% {
	        -o-transform: rotate(25deg) scale(1) skew(1deg);
	    }
	    30% {
	        -o-transform: rotate(-25deg) scale(1) skew(1deg);
	    }
	    40% {
	        -o-transform: rotate(25deg) scale(1) skew(1deg);
	    }
	    50% {
	        -o-transform: rotate(0) scale(1) skew(1deg);
	    }
	    100% {
	        -o-transform: rotate(0) scale(1) skew(1deg);
	    }
	}