/*
Theme Name: Bulk Sms Punjab
Author URI: http://www.thegeminigeeks.com/
Version: 1.0
Author: The Gemini Geeks
Description: A theme by The Gemini Geeks
*/
/* ------------------------------------------------------------------------------
Typography
-------------------------------------------------------------------------------*/
body {
font-weight: 400;
color: #252525;
font-size:14px;
margin:0 auto;
font-family: 'Noto Sans', sans-serif !important;
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
}

a:focus{
   outline: 0;
}
a, a:link,  a:active {
	color:#252525;
	outline:none !important;
	text-decoration:none;
	}


.btn-link:focus,
.btn-link:active:focus{
    outline:none !important;
	text-decoration:none!important;
}
#mobile{display:none;}
h1, h2, h3, h4, h5, h6 {
  color:#252525;
text-transform: uppercase;
font-family: 'Fjalla One', sans-serif;
  font-weight: normal;
}
h1 {
font-size: 40px;
color: #252525;

}
h2 {
font-size: 30px;
color: #252525;
letter-spacing:2px;
}
h3 {
font-size: 28px;
color: #252525;
font-weight: 300;
letter-spacing:2px;
}
h4 {
font-size:24px;
color: #000;
text-align:center;
}
h5 {
font-size: 20px;
color: #252525;
}

.btn {
background-color: #F87B27;
color: #fff;
font-size: 14px;
font-weight: 600;
border: 0;
text-decoration:none!important;
font-family: 'Noto Sans', sans-serif;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
display: inline-block;
text-transform: uppercase;
}
.btn:hover, .btn:focus {
background-color: #7DCD2E;
color: #fff;
text-decoration:none!important;
}
.btn-large {
padding: 15px 40px;
}
.section {
position: relative;
overflow:hidden;
}
.md-padding {
padding-top: 120px;
padding-bottom: 120px;
}
.sm-padding {
padding-top: 20px;
padding-bottom: 20px;
}
.header-wrapper {

z-index:999;
top:0;
left:0;
}
#main h1{
color:#00B0F6 !important;
}
.header-wrapper h4 a{color:#fff;font-family: 'Fjalla One', sans-serif;
text-transform: capitalize;}
.header-wrapper h4 {
display: inline-block;
	font-size:28px;
margin-bottom: 15px;
}
.breadcrumb {
padding: 23px 0 !important;
}
.breadcrumb a {color:#fff;}
.breadcrumb a:hover {color:#F87B27;}
.header-wrapper .breadcrumb {
float: right;
background: transparent;
margin-bottom: 0px;
}
.header-wrapper .breadcrumb .breadcrumb-item.active {
color: #fff;
}
.breadcrumb>li+li:before {
color: #000;
}

#greybox{background: #f5f5f5;text-align: center;margin:10px 0 20px;padding: 25px 15px;}
#greybox h3{color:#00B0F6;font-size: 28px;font-weight: bolder;}
#greybox p{text-align: center !important;}

/* --  background section  -- */
.bg-grey {
background: #8E2DE2;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #4A00E0, #8E2DE2);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #4A00E0, #8E2DE2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-dark {
background-color: #1C1D21;
}
.custom-logo{height:60px;width:200px;}
/* ------------------------------------------------------------------------------
Global Styles
-------------------------------------------------------------------------------*/
a {
color: #000;
}
a:hover, a:focus {
text-decoration: none;
-moz-transition: background-color, color, 0.5s;
-o-transition: background-color, color, 0.5s;
-webkit-transition: background-color, color, 0.5s;
transition: background-color, color, 0.5s;
}
#aside{margin-top:0%;}
.phone-side{
width: 35%;
color:#fff;
border: none;
margin-bottom: 25px;
margin-top:25px;
text-decoration:none!important;
background: #F87B27;
padding: 15px;
display: block;}
.phone-side i{color:#fff;}
.phone-side a{color:#fff;}
.phone-side a:hover{text-decoration:none!important;color:#fff;}
.phone-side:hover{background-color:#252525;color:#fff;text-decoration:none!important;}
ul, ol {
margin: 0;
padding: 0;
}
ul li {
list-style: none;
}
.section {
padding: 55px 0;
}
.no-padding {
padding: 0;
}
.no-gutter [class*=col-] {
padding-right: 0;
padding-left: 0;
}
.head {
margin-top: 3%;
margin-bottom:3%;
text-align:center;
font-size:40px;
letter-spacing:4px;
}
.section-head{margin-top:10%;
margin-bottom:3%;
text-align:center;
font-size:40px;
letter-spacing:4px;
}
.section-title {
margin-top: 0;
text-align:center;
letter-spacing:2px;
}
.section-title span {
font-weight: 400;
}
.section-intro {
margin:2% auto;
color: #000;
text-align:left;
font-size:14px;
line-height:35px;
font-weight: 300;
letter-spacing:1px;
}
.icon {
font-size:33px;
color:#000;
}
.img-responsive {
margin:auto;
}
.section-btn-banner{
background-color:#27A6DC;
color: #fff !important;
font-size: 14px;
padding:15px;
border: 0;
max-width:250px;
text-align:center;
display: block;
text-transform: uppercase;
}
.section-btn-banner a{color:#fff !important;}
.section-btn-banner i{color:#fff;}
.section-btn-banner a:hover{color:#fff !important;}
.section-btn-banner:hover{
background-color: #F87B27;
transition: 0.5s;
color: #fff !important;
}
.section-btn{
background-color:#27A6DC;
color: #fff;
font-size: 14px;
padding:15px;
border: 0;
margin: 0 auto;
width:150px;
display: block;
justify-content: center;
align-items: center;
text-transform: uppercase;
}
.section-btn:hover{
background-color: #F87B27;
transition: 0.5s;
color: #fff;
}
.section-btn-one {
background-color:#27A6DC;
color: #fff !important;
font-size: 14px;
padding:15px;
border: 0;
margin: 0 auto;
width:150px;
display: block;
justify-content: center;
align-items: center;
text-align: center;
text-transform: uppercase;
}
.section-btn-one:hover{
background-color: #F87B27;
transition:0.5s;
color: #fff !important;
}
.section-btn-one a{color:#fff !important;}
.section-btn-one a:hover{color:#fff !important;transition: 0.5s;}
.section-btn-two {
background-color: #F87B27;
color: #fff !important;
font-size: 14px;
padding:15px;
border: 0;
width:150px;
margin: 0 auto;
display: block;
justify-content: center;
align-items: center;
text-align: center;
text-transform: uppercase;
}
.section-btn-two:hover{
background-color: #27A6DC;
transition: 0.5s;
color: #fff !important;
}
.section-btn-two a{color:#fff !important;}
.section-btn-two a:hover{color:#fff !important;transition: 0.5s;}
.section-btn-large {
padding: 15px 40px;
}
/* ------------------------------------------------------------------------------
Header
-------------------------------------------------------------------------------*/
#header {
position: fixed;
width: 100%;
z-index: 999;
}
.banner #header{background:transparent;}
.bannerheader-content #header {background: #8E2DE2;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #4A00E0, #8E2DE2);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #4A00E0, #8E2DE2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
#header .header-content {
margin: 0 auto;
max-width: 1120px;
padding: 20px 0;
width: 100%;
-moz-transition: padding 0.5s;
-o-transition: padding 0.5s;
-webkit-transition: padding 0.5s;
transition: padding 0.5s;
}
#header .logo {
float: left;
}
#header.fixed {
background-color: #252525;
}
#header.fixed .header-content {
border-bottom: 0;
padding: 10px 0;
-moz-transition: padding 0.5s;
-o-transition: padding 0.5s;
-webkit-transition: padding 0.5s;
transition: padding 0.5s;
}
#header.fixed .nav-toggle {
top: 10px;
}

.bannerheader-content  #gap{
height:75px;
width:100%;
}

#footer a#callnowbutton:hover {color:#fff;}

.navigation.open {
opacity: 0.9;
visibility: visible;
-moz-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.navigation {
float: right;
padding: 15px 0;
}
.navigation li {
display: inline-block;	
color:#fff;
position:relative
}

/* Sub Menus */
.navigation li ul {
position: absolute;
display: none;
width: 200px;
background: #252525;
padding: 10px;
text-align: center;
line-height: 20px;
border-bottom: 3px solid #F87B27;
}
.navigation li ul a{

	margin-left:0px;
	padding:8px;
	
  }
 .navigation li:hover ul {
    display: block;
  }

  .navigation li ul li {
    display: block;
  }

.navigation a:not(:only-child):after {
        padding-left:0;
        content: ' ▾';
	    font-size:18px;
	
} 
.navigation a {
color:#fff;
margin-left: 40px;
outline:0 !important;
font-size: 12px;
text-decoration:none;
letter-spacing: 1px;
text-transform: uppercase;
}
.navigation a:hover, .navigation a.active {
color:#F87B27;
text-decoration:none;
}

.nav-toggle a:focus, .nav-toggle a:hover {
color: #F87B27 !important;
outline:0;
text-decoration:none;
}
.nav-toggle {
display: none;
outline:none;
height: 44px;
overflow: hidden;
position: fixed;
right: 5%;
text-indent: 100%;
top: 32px;
white-space: nowrap;
width: 44px;
z-index: 99999;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.nav-toggle:before, .nav-toggle:after {
border-radius: 50%;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-webkit-transform: translateZ(0);
transform: translateZ(0);
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-webkit-transition-property: -webkit-transform;
transition-property: transform;
}
.nav-toggle:before {
background-color: #e84545;
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.nav-toggle:after {
background-color: #e84545;
-moz-transform: scale(0);
-ms-transform: scale(0);
-webkit-transform: scale(0);
transform: scale(0);
-moz-transition-duration: 0s;
-o-transition-duration: 0s;
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.nav-toggle span {
background-color: #fff;
bottom: auto;
display: inline-block;
height: 3px;
left: 50%;
position: absolute;
right: auto;
top: 50%;
width: 18px;
z-index: 10;
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.nav-toggle span:before, .nav-toggle span:after {
background-color: #fff;
content: "";
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 100%;
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-webkit-transform: translateZ(0);
transform: translateZ(0);
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-transition: -moz-transform 0.3s;
-o-transition: -o-transform 0.3s;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
.nav-toggle span:before {
-moz-transform: translateY(-6px) rotate(0deg);
-ms-transform: translateY(-6px) rotate(0deg);
-webkit-transform: translateY(-6px) rotate(0deg);
transform: translateY(-6px) rotate(0deg);
}
.nav-toggle span:after {
-moz-transform: translateY(6px) rotate(0deg);
-ms-transform: translateY(6px) rotate(0deg);
-webkit-transform: translateY(6px) rotate(0deg);
transform: translateY(6px) rotate(0deg);
}
.nav-toggle.close-nav:before {
-moz-transform: scale(0);
-ms-transform: scale(0);
-webkit-transform: scale(0);
transform: scale(0);
}
.nav-toggle.close-nav:after {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
.nav-toggle.close-nav span {
background-color: rgba(255, 255, 255, 0);
}
.nav-toggle.close-nav span:before, .nav-toggle.close-nav span:after {
background-color: #fff;
}
.nav-toggle.close-nav span:before {
-moz-transform: translateY(0) rotate(45deg);
-ms-transform: translateY(0) rotate(45deg);
-webkit-transform: translateY(0) rotate(45deg);
transform: translateY(0) rotate(45deg);
}
.nav-toggle.close-nav span:after {
-moz-transform: translateY(0) rotate(-45deg);
-ms-transform: translateY(0) rotate(-45deg);
-webkit-transform: translateY(0) rotate(-45deg);
transform: translateY(0) rotate(-45deg);
}

/* ------------------------------------------------------------------------------
Banner
-------------------------------------------------------------------------------*/
.banner {
background: #8E2DE2;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #4A00E0, #8E2DE2);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #4A00E0, #8E2DE2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
background-position: center;
background-repeat: no-repeat;
background-size: cover; 
width:100%;
min-height: 586px;
}
.banner-text {
padding-top: 30%;
}
.banner-text h1 {
color: #fff;
font-size:36px;
text-transform: uppercase;
font-family: 'Fjalla One', sans-serif;
letter-spacing:1px;
line-height: 40px;
margin-bottom: 2%;
}
.banner-text h3 {
color: #fff;
font-weight: 100;
text-transform: uppercase;
letter-spacing:2px;
line-height: 48px;
margin-bottom: 2%;
}
.banner-text span {
font-weight: 300;
}
.banner-text p {
color: #fff;
font-size: 14px;
font-weight: 300;
line-height: 24px;
margin-bottom: 3%;
text-align:justify;
}
.banner-img {
bottom: -176px;
position: relative;
}
.section-btn {
background-color: #F87B27;
color: #fff;
font-size: 14px;
font-weight: 300;
width:150px;
text-align:center;
border: 0;
font-family: 'Noto Sans', sans-serif;
text-transform: uppercase;
}
.section-btn a{color:#fff !important;text-decoration:none;transition:0.3s;}
.section-btn:hover,.banner-btn:focus {
background-color:#00B0F6;
color: #fff !important;
}
/* ------------------------------------------------------------------------------
Feature 1
-------------------------------------------------------------------------------*/
.features1 {
background-color:#252525;
}
.left {
text-align:center;
padding-right:5%;
}
.middle {
padding-left:3.5%;
}
.right {
padding-left:5%;
}
.features1-content {
margin-top:3%;
}
.features1-content i{color:#F87B27;font-size:38px;}
.features {
margin-top: -30px;
color: #fff;
} 
.features1 h2{
text-align:center;
font-size:40px;
	margin-top:20px;
text-transform: uppercase;
font-family: 'Fjalla One', sans-serif;
letter-spacing:4px;
}
.features1-content h3 {
font-family: 'Fjalla One', sans-serif;
font-size:20px;
letter-spacing:1px;
margin-top:20px;
color:#fff !important;
}
.features1-content p {
font-size:14px;
color:#fff;
margin-bottom: 15%;
line-height: 21px;
margin-top:24px;
}
/* ------------------------------------------------------------------------------
Feature 2 & 3
-------------------------------------------------------------------------------*/
.features2 {
padding-bottom:0;
}
.features2-content {
margin-top:-3%;
}
.features2 h4{text-align:center;font-size:28px;}
.features2-content img {
bottom: -100px;
}
.col-md-6 {
margin-top:5%;
padding: 40px;
-moz-box-sizing: border-box; 
box-sizing: border-box;
}
#bg-blue{
background-color:#27a6dc;
height:auto;
}
.col-md-6 i{color:#fff;font-size:80px;
	display: block;
text-align: center;
}
#bg-blue img{margin-top:5%;margin-bottom:5%;}
#bg-orange img{margin-top:5%;margin-bottom:5%;}
#bg-orange{
background-color:#F87B27;
height:auto;
}
#bg-blue p {
font-size:15px;
color:#fff;
text-align:justify;
line-height: 21px;
margin:5%;
}
#bg-orange p {
font-size:15px;
color:#fff;
text-align:justify;
line-height: 21px;
margin:5%;
}
#main p{ text-align:justify;line-height:28px;}
#main a{color:#00B0F6; font-weight:600;}
p.main {
text-align:justify !important;
line-height:25px;
display:inline !important;
}
#main h2{
display:inline !important;
font-size:14px;
color:#252525;
text-transform:capitalize;
margin:0;
padding:0;
letter-spacing:0;
}

#main li{line-height:28px;list-style:square;margin-left: 15px;color:#000;}
.features2-content ul {
margin-top:7%;
line-height:36px;
font-weight: 300;
}
.features3 {
background-color:#fff;
padding-bottom:0;
}
/* ------------------------------------------------------------------------------
Owl Coursol
-------------------------------------------------------------------------------*/
#owl-demo .item {
text-align:center;

}
/* carousel */
#quote-carousel {
padding: 0 10px 30px 10px;
margin-top: 30px;
height:auto;
font-size:14px;
text-align:center;
}
/* indicator position */
#quote-carousel .carousel-indicators {
right: 50%;
top: auto;
bottom: -10px;
margin-right: -19px;
}
/* indicator color */
#quote-carousel .carousel-indicators li {
background: #F87B27;
	width:15px;
	height:15px;
}
/* active indicator */
#quote-carousel .carousel-indicators .active {
background: #27A6DC;
height:15px;
width:15px;
margin-bottom:1px;
}
/*------------inner page------------*/
#featured-page{text-align: center;}
#featured-page .col-md-3{margin-top:25px;}
#featured-page h3{font-size:18px;}
#featured-page p{text-align: center !important;}
#featured-page i{font-size:38px;color:#EE8222;}
/* ------------------------------------------------------------------------------
Footer
-------------------------------------------------------------------------------*/
#bottom {background:#f7f7f7;text-align: left;color:#252525;padding:30px 0;}
#bottom a {color:#252525;line-height:28px;}
#bottom a:hover{color:#F87B27;}
#bottom li{list-style:square !important;margin-left: 10px;}

.footer {
background-color:#f7f7f7;
color:#252525;
margin-top: 30px;
padding-bottom:25px;
}

.footer p > a {
text-align:center;
font-size: 14px;
color: #fff;
}

.footer a {
text-align:center;
font-size:14px;
color: #252525;
}

#bottom h3{
color:#00B0F6;
font-size:30px;
text-transform: uppercase;
margin-top:25px;
font-family: 'Fjalla One', sans-serif;
margin-bottom:25px;
}
#bottom h4{
color:#000;
font-size:24px;
font-family: 'Fjalla One', sans-serif;
text-align:left;
margin-top:25px;
}
.fa, .fas, .fab {
color:#252525;
font-weight: 700;
font-size: 20px;
margin-right:5px;
text-align: left;
}

#footer{clear:both; background:#00B0F6; color:#fff; padding:15px 0; text-align:center;font-size:13px;}
#footer a{color:#fff;}
#footer a:hover{color:#252525;}
.fleft {float:left;}
.fright {float:right;}


.tableheading{padding:15px;background-color:#252525 !important;color:#fff;}
.columnone{background-color:#f7f7f7;color:#252525;padding:15px;}
td {
   max-width:100%;
    padding: 8px !important;
    border: 1px solid #252525;

}
.contactform label{margin-top:10px;margin-bottom:5px;display:block;}
.contactform {

    display: block;
    width: 100%;
}

.contactform input, .contactform select, .contactform textarea{
border: 1px solid #E5E5E5;
width: 100%;
margin:5px 0 0 0;
box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
padding: 10px; margin-bottom:10px;}
textarea{margin-bottom:25px;}

.contactform textarea {height:120px;}

.contactform input[type="submit"]{padding:10px;
	color:#fff;
	width:150px;
border: 1px solid #F87B27;
	background-color:#F87B27;
	transition:0.5s;
}

.contactform input[type="submit"]:hover {
    border: 1px solid #00B0F6;
	background-color:#00B0F6;
	transition:0.6s;
    color: #000;
}


@media screen and (max-width:650px) {
  #leftlinkfixed {display:none;}  
}


#leftlinkfixed {
	position:fixed;
	top:70%;
	left:0;
	z-index:9999
}

.phonering-alo-phone.phonering-alo-static {
	opacity:.6
}
.phonering-alo-phone.phonering-alo-hover,
.phonering-alo-phone:hover {
	opacity:1
}
.phonering-alo-ph-circle {
	width:120px;
	height:120px;
	top:20px;
	left:10px;
	position:absolute;
	background-color:transparent;
	border-radius:100%!important;
	border:2px solid rgba(30,30,30,0.4);
	opacity:.1;
	-webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
	animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
	transition:all .5s;
	-webkit-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	transform-origin:50% 50%
}
.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle {
	-webkit-animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important;
	animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important
}
.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle {
	-webkit-animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important;
	animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important
}
.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle,
.phonering-alo-phone:hover .phonering-alo-ph-circle {
	border-color:#00aff2;
	opacity:.5
}
.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle,
.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle {
	border-color:#75eb50;
	border-color:#baf5a7;
	opacity:.5
}
.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle {
	border-color:#00aff2;
	border-color:#bfebfc;
	opacity:.5
}
.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle,
.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle {
	border-color:#ccc;
	opacity:.5
}
.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle {
	border-color:#75eb50;
	opacity:.5
}
.phonering-alo-ph-circle-fill {
	width:80px;
	height:80px;
	top:40px;
	left:30px;
	position:absolute;
	background-color:#000;
	border-radius:100%!important;
	border:2px solid transparent;
	-webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
	animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
	transition:all .5s;
	-webkit-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	transform-origin:50% 50%
}
.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle-fill {
	-webkit-animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important;
	animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important
}
.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle-fill {
	-webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
	animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
	opacity:0!important
}
.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle-fill,
.phonering-alo-phone:hover .phonering-alo-ph-circle-fill {
	background-color:rgba(0,175,242,0.5);
	opacity:.75!important
}
.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle-fill,
.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle-fill {
	background-color:rgba(117,235,80,0.5);
	opacity:.75!important
}
.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill {
	background-color:rgba(0,175,242,0.5)
}
.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle-fill,
.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle-fill {
	background-color:rgba(204,204,204,0.5);
	opacity:.75!important
}
.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle-fill {
	background-color:rgba(117,235,80,0.5);
	opacity:.75!important
}
.phonering-alo-ph-img-circle {
	width:50px;
	height:50px;
	top:55px;
	left:45px;
	position:absolute;
	background:rgba(30,30,30,0.1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==) no-repeat center center;
	background-size:80% 80%;
	border-radius:100%!important;
	border:2px solid transparent;
	-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
	animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
	-webkit-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	transform-origin:50% 50%;
  z-index:9999
}

span#callnow {position:absolute;top:62px;left:85px;display:block;width:70px;background:#000;padding:10px 10px 10px 15px;border-top-right-radius:8px;border-bottom-right-radius:8px;font-weight:bold;}
#leftlinkfixed a:hover {color:#fff;}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle {
	-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important;
	animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important
}
.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle {
	-webkit-animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important;
	animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important
}
.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle,
.phonering-alo-phone:hover .phonering-alo-ph-img-circle {
	background-color:#00aff2
}
.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-img-circle,
.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-img-circle {
	background-color:#75eb50
}
.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle {
	background-color:#00aff2
}
.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle,
.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle {
	background-color:#ccc
}
.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle {
	background-color:#75eb50
}
@-webkit-keyframes phonering-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
	}
}
@-webkit-keyframes phonering-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
	}
}
@-webkit-keyframes phonering-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)
	}
}
@-webkit-keyframes fadeInRight {
	0% {
		opacity:0;
		-webkit-transform:translate3d(100%,0,0);
		-ms-transform:translate3d(100%,0,0);
		transform:translate3d(100%,0,0)
	}
	100% {
		opacity:1;
		-webkit-transform:none;
		-ms-transform:none;
		transform:none
	}
}
@keyframes fadeInRight {
	0% {
		opacity:0;
		-webkit-transform:translate3d(100%,0,0);
		-ms-transform:translate3d(100%,0,0);
		transform:translate3d(100%,0,0)
	}
	100% {
		opacity:1;
		-webkit-transform:none;
		-ms-transform:none;
		transform:none
	}
}
@-webkit-keyframes fadeOutRight {
	0% {
		opacity:1
	}
	100% {
		opacity:0;
		-webkit-transform:translate3d(100%,0,0);
		-ms-transform:translate3d(100%,0,0);
		transform:translate3d(100%,0,0)
	}
}
@keyframes fadeOutRight {
	0% {
		opacity:1
	}
	100% {
		opacity:0;
		-webkit-transform:translate3d(100%,0,0);
		-ms-transform:translate3d(100%,0,0);
		transform:translate3d(100%,0,0)
	}
}
@-webkit-keyframes phonering-alo-circle-anim {
	0% {
		-webkit-transform:rotate(0) scale(.5) skew(1deg);
		transform:rotate(0) scale(.5) skew(1deg);
		opacity:.1
	}
	30% {
		-webkit-transform:rotate(0) scale(.7) skew(1deg);
		transform:rotate(0) scale(.7) skew(1deg);
		opacity:.5
	}
	100% {
		-webkit-transform:rotate(0) scale(1) skew(1deg);
		transform:rotate(0) scale(1) skew(1deg);
		opacity:.1
	}
}
@keyframes phonering-alo-circle-anim {
	0% {
		-webkit-transform:rotate(0) scale(.5) skew(1deg);
		transform:rotate(0) scale(.5) skew(1deg);
		opacity:.1
	}
	30% {
		-webkit-transform:rotate(0) scale(.7) skew(1deg);
		transform:rotate(0) scale(.7) skew(1deg);
		opacity:.5
	}
	100% {
		-webkit-transform:rotate(0) scale(1) skew(1deg);
		transform:rotate(0) scale(1) skew(1deg);
		opacity:.1
	}
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
	0% {
		-webkit-transform:rotate(0) scale(.7) skew(1deg);
		transform:rotate(0) scale(.7) skew(1deg);
		opacity:.2
	}
	50% {
		-webkit-transform:rotate(0) scale(1) skew(1deg);
		transform:rotate(0) scale(1) skew(1deg);
		opacity:.2
	}
	100% {
		-webkit-transform:rotate(0) scale(.7) skew(1deg);
		transform:rotate(0) scale(.7) skew(1deg);
		opacity:.2
	}
}
@keyframes phonering-alo-circle-fill-anim {
	0% {
		-webkit-transform:rotate(0) scale(.7) skew(1deg);
		transform:rotate(0) scale(.7) skew(1deg);
		opacity:.2
	}
	50% {
		-webkit-transform:rotate(0) scale(1) skew(1deg);
		transform:rotate(0) scale(1) skew(1deg);
		opacity:.2
	}
	100% {
		-webkit-transform:rotate(0) scale(.7) skew(1deg);
		transform:rotate(0) scale(.7) skew(1deg);
		opacity:.2
	}
}
@-webkit-keyframes phonering-alo-circle-img-anim {
	0% {
		-webkit-transform:rotate(0) scale(1) skew(1deg);
		transform:rotate(0) scale(1) skew(1deg)
	}
	10% {
		-webkit-transform:rotate(-25deg) scale(1) skew(1deg);
		transform:rotate(-25deg) scale(1) skew(1deg)
	}
	20% {
		-webkit-transform:rotate(25deg) scale(1) skew(1deg);
		transform:rotate(25deg) scale(1) skew(1deg)
	}
	30% {
		-webkit-transform:rotate(-25deg) scale(1) skew(1deg);
		transform:rotate(-25deg) scale(1) skew(1deg)
	}
	40% {
		-webkit-transform:rotate(25deg) scale(1) skew(1deg);
		transform:rotate(25deg) scale(1) skew(1deg)
	}
	50% {
		-webkit-transform:rotate(0) scale(1) skew(1deg);
		transform:rotate(0) scale(1) skew(1deg)
	}
	100% {
		-webkit-transform:rotate(0) scale(1) skew(1deg);
		transform:rotate(0) scale(1) skew(1deg)
	}
}
@keyframes phonering-alo-circle-img-anim {
	0% {
		-webkit-transform:rotate(0) scale(1) skew(1deg);
		transform:rotate(0) scale(1) skew(1deg)
	}
	10% {
		-webkit-transform:rotate(-25deg) scale(1) skew(1deg);
		transform:rotate(-25deg) scale(1) skew(1deg)
	}
	20% {
		-webkit-transform:rotate(25deg) scale(1) skew(1deg);
		transform:rotate(25deg) scale(1) skew(1deg)
	}
	30% {
		-webkit-transform:rotate(-25deg) scale(1) skew(1deg);
		transform:rotate(-25deg) scale(1) skew(1deg)
	}
	40% {
		-webkit-transform:rotate(25deg) scale(1) skew(1deg);
		transform:rotate(25deg) scale(1) skew(1deg)
	}
	50% {
		-webkit-transform:rotate(0) scale(1) skew(1deg);
		transform:rotate(0) scale(1) skew(1deg)
	}
	100% {
		-webkit-transform:rotate(0) scale(1) skew(1deg);
		transform:rotate(0) scale(1) skew(1deg)
	}
}