/*
Theme Name: PPL Ninja Theme
Theme URI: http://kallzu.com
Description: Pay Per Lead Ninja Theme. Specially designed for Pay Per Call Ninja Members. It is a premium WordPress theme developed for Chris Winter LLC and built upon bootstrap framework.
Author: Sisir
Author URI: http://developerpage.net
Version: 1.6.2
Tags: responsive, bootstrap, PPL, Pay per lead, font awesome
.
©2013 Chris Winter LLC. All rights reserved. 
.
*/

body{
	font-family: 'Open Sans', verdana, Arial, Helvetica, sans-serif;
}

body, header, #slider-container{
    position: relative;
}
header{
    z-index: 1;
}

.high-light{
    -moz-box-shadow: 0px 0px 5px rgba(255, 0, 0, 0.5);
    -webkit-box-shadow: 0px 0px 5px rgba(255, 0, 0, 0.5);
    box-shadow: 0px 0px 5px rgba(255, 0, 0, 0.5);
}


.visible-mobile{
	display:none;
}
img{
	max-width: 100%;
	height:auto;
}
a{
	-webkit-transition: color .25s ease-in-out;
	-o-transition: color .25s ease-in-out;
	transition: color .25s ease-in-out;
}
a{
	color: #0088CC;
}
a:hover{
	color: #005580;
}
h1, h2, h3, h4, h5, h6, span.h1, #logo span.h1, span.h2, span.h3, span.h4, span.h5, span.h6{
	display:block;
}
h1, h2, h3, h4, h5, h6, #logo-text, #logo span.h1, span.h1, span.h2, span.h3, span.h4, span.h5, span.h6{
	font-family: 'PT Sans', Arial, Helvetica, sans-serif !important;
}
span.h1, span.h2, span.h3, span.h4, span.h5, span.h6,  #logo span.h1{
	display:block;
  margin: 10px 0;
  font-family: inherit;
  font-weight: bold;
  line-height: 20px;
  color: inherit;
  text-rendering: optimizelegibility;
}

span.h1 small,span.h2 small,span.h3 small,span.h4 small,span.h5 small,span.h6 small {
  font-weight: normal;
  line-height: 1;
  color: #999999;
}
span.h1,span.h2,span.h3, #logo span.h1{
  line-height: 40px;
}
span.h1, #logo span.h1{
  font-size: 38.5px;
}
span.h2 {
  font-size: 31.5px;
}
span.h3 {
  font-size: 24.5px;
}
span.h4 {
  font-size: 17.5px;
}
span.h5 {
  font-size: 14px;
}
span.h6 {
  font-size: 11.9px;
}
span.h1 small {
  font-size: 24.5px;
}
span.h2 small {
  font-size: 17.5px;
}
span.h3 small {
  font-size: 14px;
}
span.h4 small {
  font-size: 14px;
}


.widget{
    margin-bottom: 30px;
}
#sidebar h3{
	font-size: 1.4em;
	margin:0;
	margin-bottom: 10px;
}


blockquote p{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;	
	color: #777;
}
.inline-title{
	display: block;
	display:inline-block;
}

.subfeature-heading{
	margin-right: 20px;
}
.ppl-list{
	list-style: none;
}
.ppl-list li i{
	position:relative;
}
.ppl-list li i[class^="icon-"]:before, .ppl-list li i[class*=" icon-"]:before{
	position:absolute;
	left: -1.3em;
	top: .1em;
}
li{
	margin: 5px 0;
}
p{
	line-height: 1.6em;
}
#logo{
	margin-bottom: 10px;
}
#logo h1, #logo span.h1{
	line-height: 40px;
  font-size: 38.5px;
	margin:0;
}
#logo span{
	font-size:13px;
}
#logo-text{
    display: block;
    font-size: 2.5em;
    line-height: 1.3em;
}
	
.box{
	height: 30px;
	background: #eee;
}
header a:hover{
	text-decoration:none;
}
/* styles for top nav */
#nav-toggle{margin: 1%; width: 98%;border:none;}
#main-nav{
	float:right;
	margin-bottom:0;
	position:relative;
	z-index:0;
}
#top-nav ul{
	margin:0;
}
#top-nav ul > li a:hover{
	background:none;
}
#top-left{
	margin-left:0;
}
#top-nav ul li a{
    font-size: .8em;
    padding: .2em .8em;
	text-shadow:none;
}

#top-nav ul li a:hover{
    background: none;
}

#top-nav ul li.dropdown.open a{
    background: none;
}
#top-nav ul.dropdown-menu li a{
    color: black;
}

#top-left span{
	font-weight:bold;
	line-height: 2.5em;
}
#top-social{
	text-align:right;
	font-size: 1.2em;
	position:relative;
}
#top-social a{
	-webkit-transition: opacity .25s ease-in-out;
	-o-transition: opacity .25s ease-in-out;
	transition: opacity .25s ease-in-out;
	opacity: .3;
	padding: 3px;
	line-height: 2em;
}
#top-social a:hover, #top-social a:active, #top-social a:visited{
	opacity: 1;
	text-decoration:none;
}
#top-search-box{
	padding: 5px;
	position:absolute;
	z-index: 10;
	right:0;
	display:none;
}
#vid-shadow {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
#vid-shadow iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#slider-container h1, #slider-container h2, #slider-container h3, #slider-container h4, #slider-container h5, #slider-container h5, #slider-container h1 a, #slider-container h2 a, #slider-container h3 a, #slider-container h4 a, #slider-container h5 a, #slider-container h5 a, a.carousel-control {
    text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
}

#main-header, #sub-featured{
	position:relative;
	padding: 10px 0;
	background:url(images/header-pattern.gif) repeat;
	border: 1px solid #ddd;
}
#sub-featured{
	padding: 10px 0;
}
body.home #sub-featured{
	padding: 10px 0;
}
#sub-featured img{
	margin:0 10px;
	padding:0;
}
#sub-featured h1, #sub-featured h2, #sub-featured h3, #sub-featured h4, #sub-featured h5, #sub-featured h6{
	margin:0;
	line-height: 1em;
}
#main-header{
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);	
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);	
}
#sub-featured{
	-webkit-box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.2);
}
#slider-container{
	background-position: top center;
	/*background-size:contain;*/
	padding: 20px 0;
    overflow: hidden;
	max-height: 710px;
	overflow:hidden;
}
#slider-container.no-slider{
	padding: 5px 0;
	height:auto;
}
iframe{
	max-width:100% !important;
}
#main{
	padding: 30px;
}
footer{
	font-size: .85em;
	text-shadow: 0 1px 0 #FFF;
}
#footer-main{
	padding: 15px 0;
}
#footer-bottom{
	padding: 20px 0 10px;
	font-family:Tahoma, Geneva, sans-serif;
	text-shadow: 0 -1px 0 #000;
}
.mini-feature{
    margin-bottom: 20px;
}
.mini-feature h3{
	line-height:32px;
}
.mini-feature p{
	margin-left: 2.9em;
}
#slider-container ul{
	list-style: disc;
}
#slider-container ul.ppl-list, #sidebar ul{
	list-style:none;
}
#slider-container ul li, #slider-container ol li{
	margin-left: 2em;
	font-size: 1.4em;
	margin-bottom: 5px;
	line-height: 1.5em;
}
#slider-container ul.ppl-list li{
	margin-left:0;
}
#slider-container .alignright {
    float:right;
	margin:0;
	margin-left: 1em;
}

#slider-container .alignleft {
    float: left;
	margin:0;
    margin-right: 1em;
}
#myCarousel .item{
}
#myCarousel .item #vid-shadow{
	position:relative;
}
/* shadow effect on video slider */
.slide .item iframe{
    max-width: 100% !important;
	max-height: 288px !important;
}
#sidebar{
    background: #F7F7F7;
    border-radius: 10px;
    padding: 20px 10px;
}
#sidebar ul, #sidebar ol, #footer-main ul, #footer-main ol{
	margin-left: 0;
	margin-right: 0;
}

.thumb{
    float: left;
    width: 150px;
    height: 150px;
    margin: 8px 10px 0 0;
}
.postauthor, .postmeta, .postauthor a, .postmeta a{
	color: #999;	
}

.post h2{
	margin-bottom:0;
}

#top-header .nav-pills > .active > a,#top-header  .nav-pills > .active > a:hover, #top-header .nav-pills > .active > a:focus, #top-header .nav > li > a:hover, #top-header .nav > li > a:focus{
	background-color:transparent;
}
#sidebar > ul{
	padding: 0;
	list-style:none;
}

/* Large desktop */
@media (min-width: 1200px) {}

/* smaller then Large desktop */
@media (max-width: 1200px) {	
	#slider-container ul li, #slider-container ol li{
		font-size: 18px;	
	}
	#slider-container h1, #slider-container h1 a{ font-size: 32px; line-height: 36px; }
	#slider-container h2, #slider-container h2 a{ font-size: 26px; line-height: 30px; }
	#slider-container h3, #slider-container h3 a{ font-size: 22px; line-height: 30px; }
	#slider-container h4, #slider-container h4 a{ font-size: 18px; line-height: 20px; }
	#slider-container h5, #slider-container h5 a{ font-size: 14px; line-height: 20px; }
	#slider-container h6, #slider-container h6 a{ font-size: 12px; line-height: 20px; }
	}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	#slider-container ul li, #slider-container ol li{
		font-size: 16px;	
	}
	#slider-container{
		height:auto;
	}
	#top-social,#main-header,#top-header,#footer-bottom{
		text-align:center;
	}
	#main-nav{
		float:none;
	}
	}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	#slider-container ul li, #slider-container ol li{
		font-size: 16px;	
	}
	#slider-container{
		height:auto;
	}
	body{
		padding-left:0;
		padding-right:0;
	}
	.container{
    padding-left: 20px !important;
    padding-right: 20px !important;
	}
	#top-social,#main-header,#top-header, #footer-bottom{
		text-align:center;
	}
	#main-nav{
		float:none;
	}
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
	#slider-container ul li, #slider-container ol li{
		font-size: 16px;	
	}
	#slider-container{
		height:auto;
	}
body{
		padding-left:0;
		padding-right:0;	}
.container{
    	padding-left: 20px !important;
	    padding-right: 20px !important;
	}
	#top-header,#main-header, #top-social, #footer-bottom{
		text-align:center;
	}
	#main-nav{
		float:none;
	}
}

@media screen and (min-width: 768px) and (max-width: 959px) {
	.oneByOne1, #banner .oneByOne_item{ width: 748px; }	
}

/* courosel special */

/* Carousel base class */
#myCarousel{
	padding: 0 60px;
}

.carousel .container {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}
.carousel{
	margin-bottom:0;
}
.carousel-control {
  background-color: transparent;
  border: 0;
  font-size: 100px;
  margin-top: 0;
  padding:0;
  line-height: 30px;
  height:50px;
  width: 30px;
}
.carousel-control.left, .carousel-control.right{
	background-image:none;
}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .span4 {
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .span4 p {
  margin-left: 10px;
  margin-right: 10px;
}


/*wordpress styles*/

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter, div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
.avatar{
    border-radius: 30px
}

/* comment form */

.comments_form_title{
    background: #F5F5F5;
    color: #222222;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 16px;
    line-height: 1.3em;
    margin: 20px 0;
    padding: 10px;
    text-shadow: 1px 1px 0 #FFFFFF;
    text-transform: uppercase;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.comment, #respond {
    border-top: 1px dotted #E1E1E1;
    padding-top: 20px;
    min-height: 65px;
    padding-bottom: 15px;
}
#comment-list > li:first-child{
	border-top:none;
}
.comment time{
	color: #999;
	font-size:12px;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (max-width: 979px) {

  .container.navbar-wrapper {
    /*margin-bottom: 0;*/
    /*width: auto;*/
  }
  .navbar-inner {
    border-radius: 0;
    /*margin: -20px 0;*/
  }

  /*.carousel-caption {
    width: 75%;
    padding: 0 40px;
    margin-top: 10%;
    margin-bottom: 10%;
  }
*/
  .carousel .item {
    /*height: 500px;*/
  }
  .carousel img {
    width: auto;
    /*height: 500px;*/
  }
  .carousel-caption h1 {
    font-size: 30px;
  }
  .carousel-caption .lead,
  .carousel-caption .btn {
    /*font-size: 16px;*/
  }

}


@media (max-width: 767px) {

  .carousel-caption {
    margin-bottom: 5%;
  }
  .carousel-caption h1 {
    font-size: 24px;
  }
  .carousel-caption .lead,
  .carousel-caption .btn {
    font-size: 14px;
  }

#slider-container{   
    height: auto;
}
}
@media (max-width: 700px) {
  .carousel-caption {
    display: none;
  }

#slider-container{   
    height: auto;
}

}
@media (max-width: 480px) {
	.visible-mobile{
		display:inherit;
	}
  .carousel-caption, .carousel-control{
    display: none;
  }
#slider-container{   
    height: auto;
}
#myCarousel{
	padding:0;
}
#myCarousel ul, #myCarousel ol{
	text-align:left;
	margin:0;	
}
/* style for wp caption, alignright, align left */
.alignleft, .alignright, wp-caption.alignleft, wp-caption.alignright{
	float:none;
	margin: 10px auto !important;
}
}
.span4 .front {
  z-index: 900;
  height: 240px;
}

.span4 .back {
  position: relative;
  margin: 0;
  height: 240px;
  margin-top: -240px;
  color: #333;
  background: #FFF;
  z-index: 800;
  text-align: center;
} 

/* Widget CSS */

.widget_ppl_qrcode img{
	display: block;
	margin: 0 auto;
}

.widget .social-36{
	background-image:url(images/social-sprite-36x36.gif);
	width: 36px;
	height: 36px;
	display:inline-block;
	text-indent: -9999px;	
	margin-right: 5px;
}

.social-36.twitter-36{
	background-position: 0 0;
}
.social-36.pinterest-36{
	background-position: -36px 0;
}
.social-36.facebook-36{
	background-position: -72px 0;
}
.social-36.linkedin-36{
	background-position: 0 0;
}
.social-36.rss-36{
	background-position: right 0;
}
.social-36.youtube-36{
	background-position: -144px 0;
}
.social-36.google-plus-36{
	background-position: -108px 0;
}


/* *************************************************** */
/* ***************      Call Now Kit      ******************* */
/* *************************************************** */

#kpn-phone-cta{
    display:none;
}
.wpn-phone-widget img{
    display:block;
    margin: 10px auto;
}
.wpn-phone-widget h3{
    font-size: 25px;
}

a.pnk_ctn{
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 20px !important;
}
#kpn-phone-cta, .pnk_ctn{
    text-align:center;
}
#kpn-phone-cta a, .pnk_ctn{
    text-shadow: 0 -1px 0 rgba( 0, 0, 0, 0.5 );
    padding: 20px;
    background: black;
    color:white;
    font-weight:bold;
    font-size:1.5em;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk2Yzg3MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ZTk1NWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #96c871 0%, #5e955e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#96c871), color-stop(100%,#5e955e));
    background: -webkit-linear-gradient(top,  #96c871 0%,#5e955e 100%);
    background: -o-linear-gradient(top,  #96c871 0%,#5e955e 100%);
    background: -ms-linear-gradient(top,  #96c871 0%,#5e955e 100%);
    background: linear-gradient(to bottom,  #96c871 0%,#5e955e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96c871', endColorstr='#5e955e',GradientType=0 );
}
#kpn-phone-cta a:hover, .pnk_ctn:hover, #kpn-phone-cta a:focus, .pnk_ctn:focus{
    text-decoration:none;
    color:#FFF;
}
#kpn-phone-cta a:active, .pnk_ctn:active{
    text-decoration:none;
    background: #5e955e;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlOTU1ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NmM4NzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #5e955e 0%, #96c871 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5e955e), color-stop(100%,#96c871));
    background: -webkit-linear-gradient(top,  #5e955e 0%,#96c871 100%);
    background: -o-linear-gradient(top,  #5e955e 0%,#96c871 100%);
    background: -ms-linear-gradient(top,  #5e955e 0%,#96c871 100%);
    background: linear-gradient(to bottom,  #5e955e 0%,#96c871 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e955e', endColorstr='#96c871',GradientType=0 );

}

#imagemenu{
    width: 100%;
}
#preview-workarea, .wpn-phone-widget{
    background: #FFF;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #ddd;
    font-size: 14px;
}
#preview-workarea img{
    max-width: 100%;
}
.wpn-phone-widget{
    margin: 20px 0;
}

#preview-workarea a, .wpn-phone-widget a{
    display: block;
    font-size: 20px;
    line-height: 1.3em;
    margin: 5px 0;
    text-decoration: none;
}

#preview-workarea h3, #preview-workarea p, .wpn-phone-widget h3, .wpn-phone-widget p{
    margin: 0;
    padding: 0;
    text-decoration: none;
    letter-spacing: normal;
    text-transform: normal;
    font-size: 20px;
}

@media (max-width: 480px) {
    body{
    }
    #kpn-phone-cta{
        display:block;
        position:fixed;
        bottom:0;
        width:100%;
        z-index: 100;
    }
    #kpn-phone-cta a{
        display:block;
    }
    #kpn-phone-cta a.green{
        background: #96c871;
    }

    #kpn-phone-cta a[href^="tel:"]:before {
        content: "\260E";
        display: block;
        margin-right: 0.5em;
        float:left;
    }
}

/* shortcodes */

div.ppl-address-schema span{
    line-height: 1.8em;
}

div.ppl-address-schema span[itemprop=addressLocality]{
    display: block;
}

div.ppl-address-schema span[itemprop=name]{
    font-weight: bold;
}

div.ppl-address-schema span:after{
    content: ",";
}
div.ppl-address-schema span:last-child:after, div.ppl-address-schema span[itemprop=addressLocality]:after,
div.ppl-address-schema span[itemprop=name]:after{
    content: "";
}