/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 
/*!
 *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
 @font-face {
	font-family: 'FontAwesome';
	src: url('../fonts/fontawesome-webfont.eot?v=4.5.0');
	src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
	}
	.fa {
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: inherit;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	.pull-right{float:right}
	.pull-left{float:left}
	.fa.pull-left{margin-right:.3em}
	.fa.pull-right{margin-left:.3em}
	.fa-twitter:before{content:"\f099"}
	.fa-facebook:before{content:"\f09a"}
	.fa-pinterest:before{content:"\f0d2"}
	.fa-google-plus:before{content:"\f0d5"}
	.fa-stumbleupon:before{content:"\f1a4"}
	.fa-linkedin:before{content:"\f0e1"}
	.fa-plus:before{content:"\f067"}
	.fa-minus:before{content:"\f068"}
	.fa-envelope-o:before {content: "\f003";}
	/* End fontawesome */
	
	#fb-root {display: none;}
	
	/* Clearfix */
	.pmtshr-clearfix:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	* html .pmtshr-clearfix { zoom: 1;} /* IE6 */
	*:first-child+html .pmtshr-clearfix { zoom: 1; } /* IE7 */
	
	/* Pmthemes Share Style */
	.pmts-socializer{
		display: block;
		margin-top:10px;
		margin-bottom:10px;
		font-size: 16px;
	}
	
	.pmtshr-hidebutton {
		position:relative;
		display: inline-block;
	}
	.pmtshr-count {
		float:left;
		font-family:Verdana, sans-serif;
		padding:0;
		margin:0 5px 0 0;
	}
	.pmtshr-sharetext {
		font-size:10px;
		height:10px;
		color:#999999;
		display: block;
	}
	.pmtshr-total{
		font-size: 30px;
		line-height:24px;
		color: #777;
		display: block;
		text-align: center;
	}
	.pmtshr-separator{
		font-size:40px;
		font-weight:300;
		font-family:Arial, sans-serif;
		margin-right: 10px;
		vertical-align:middle;
		height: 40px;
		line-height: 40px;
		color: #c5c5c5;
	}
	.csbuttons-count,
	.pmtshr-buttontext{
		display: inline-block;
		color:#ffffff;
		text-align: center;
		padding-left:5px;
		font-family:Verdana, sans-serif;
	}
	
	/* Custom Fontawesome */
	.pmts-socializer .pmtshr-button {
		position: relative;
		display: inline-block;
		margin: 0 5px 5px 0;
		cursor: pointer;
		color: #fff !important;
		padding:7px 14px;
		box-sizing: initial;
		text-align: center;
		-webkit-transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out;
		transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out;
		-moz-transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out;
		-o-transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out;
		text-decoration: none;
	}
	
	.pmts-socializer.pmtshr-floatbar .pmtshr-button {
		padding:5px 10px;
	}
	.pmts-socializer .pmtshr-plus,
	.pmts-socializer .pmtshr-minus{
		background-color: #777;
	}
	.pmts-socializer .pmtshr-facebook {
		background-color:#3b5998;
	}
	.pmts-socializer .pmtshr-facebook:hover {
		background-color:#2d4373;
		text-decoration:none;
	}
	.pmts-socializer .pmtshr-twitter {
		background-color:#00aced;
	}
	.pmts-socializer .pmtshr-twitter:hover {
		background-color:#0087ba;
		text-decoration:none;
	}
	.pmts-socializer .pmtshr-google-plus{
		background-color:#dd4b39;
	}
	.pmts-socializer .pmtshr-google-plus:hover {
		background-color:#c23321;
		text-decoration:none;
	}
	.pmts-socializer .pmtshr-linkedin{
		background-color:#257bba;
	}
	.pmts-socializer .pmtshr-linkedin:hover{
		background-color:#005983;
		text-decoration:none;
	}
	.pmts-socializer .pmtshr-pinterest {
		background-color:#cb2027;
	}
	.pmts-socializer .pmtshr-pinterest:hover {
		background-color:#9f191f;
		text-decoration:none;
	}
	.pmts-socializer .pmtshr-stumbleupon {
		background-color:#eb4823;
	}
	.pmts-socializer .pmtshr-stumbleupon:hover {
		background-color:#bc3a1c;
		text-decoration:none;
	}
	.pmts-socializer .pmtshr-envelope-o {
		background-color:#666;
	}
	.pmts-socializer .pmtshr-envelope-o:hover {
		background-color:#999;
		text-decoration:none;
	}
	
	.pmts-socializer.pmtshr-classic-style .pmtshr-button {
		border-radius: 5px;
		box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.15);
	}
	.pmts-socializer.pmtshr-classic-style .pmtshr-plus,
	.pmts-socializer.pmtshr-classic-style .pmtshr-minus{border: 1px solid #aaaaaa;}
	.pmts-socializer.pmtshr-classic-style .pmtshr-facebook {border: 1px solid #344e86;}
	.pmts-socializer.pmtshr-classic-style .pmtshr-twitter {border: 1px solid #0099d3;}
	.pmts-socializer.pmtshr-classic-style .pmtshr-google-plus{border: 1px solid #d73925;}
	.pmts-socializer.pmtshr-classic-style .pmtshr-linkedin{border: 1px solid #006a9d;}
	.pmts-socializer.pmtshr-classic-style .pmtshr-pinterest {border: 1px solid #b01c22;}
	.pmts-socializer.pmtshr-classic-style .pmtshr-stumbleupon {border: 1px solid #a03218;}
	.pmts-socializer.pmtshr-classic-style .pmtshr-envelope-o {border: 1px solid #555;}
	
	.pmts-socializer.pmtshr-plain-style .pmtshr-button {
		border-radius: 5px;
		border: 2px solid #aaaaaa;
		color:#999 !important;
	}
	.pmts-socializer.pmtshr-plain-style .csbuttons-count,
	.pmts-socializer.pmtshr-plain-style .pmtshr-buttontext{color:#999 !important;}
	.pmts-socializer.pmtshr-plain-style .pmtshr-plus,
	.pmts-socializer.pmtshr-plain-style .pmtshr-minus,
	.pmts-socializer.pmtshr-plain-style .pmtshr-facebook,
	.pmts-socializer.pmtshr-plain-style .pmtshr-twitter,
	.pmts-socializer.pmtshr-plain-style .pmtshr-google-plus,
	.pmts-socializer.pmtshr-plain-style .pmtshr-linkedin,
	.pmts-socializer.pmtshr-plain-style .pmtshr-pinterest,
	.pmts-socializer.pmtshr-plain-style .pmtshr-stumbleupon,
	.pmts-socializer.pmtshr-plain-style .pmtshr-envelope-o {
		background:none !important;
	}
	
	/* Float bar */
	.pmtshr-floatbar {
		background-color: #fff;
		border-right:1px solid #fff;
		left: 0;
		margin-top: 0;
		padding: 7px 2px 2px 7px;
		position: fixed;
		top: 210px;
		-webkit-box-shadow: 5px 0px 5px -5px rgba(0,0,0,0.4);
		-moz-box-shadow: 5px 0px 5px -5px rgba(0,0,0,0.4);
		box-shadow: 5px 0px 5px -5px rgba(0,0,0,0.4);
		z-index:99990;
	}
	.pmtshr-floatbar .pmtshr-button {
		display: block !important;
		width: 20px;
		font-size: 20px;
	}
	.pmtshr-floatbar.pmtshr-right-floatbar{
		border-left:1px solid #fff;
		border-right:none !important;
		left: auto !important;
		right: 0;
		-webkit-box-shadow: -5px 0px 5px -5px rgba(0,0,0,0.4);
		-moz-box-shadow: -5px 0px 5px -5px rgba(0,0,0,0.4);
		box-shadow: -5px 0px 5px -5px rgba(0,0,0,0.4);
	}
	
	/* Default social button */
	ul.pmts-socializer.pmts-default {
		list-style:none;
		padding-left:0;
		margin:0;
	}
	ul.pmts-socializer.pmts-default li{
		float:left;
		margin-right:10px;
	}
	
	/* Default float social button */
	ul.pmts-socializer.pmts-default-float {
		list-style:none;
		margin-left: 0;
	}
	ul.pmts-socializer.pmts-default-float .pmtshr-button  {
		width: 20px;
	}
	ul.pmts-socializer.pmts-default-float li{
		margin-bottom:10px;
	}
	
	/* Widget Style */
	.pmtshr-responsive , .pmtshr-responsive  span, .pmtshr-responsive  span iframe[style] {
		width: 100% !important;
	}
	
	/*
	* Gallery
	*/
	.pmtshr-grid {
		display:block;
		position: relative;
		margin:5px -5px;
	}
	.pmtshr-grid ul {
		position:relative;
		padding:0;
		font-size:0;
		list-style:none;
	}
	.pmtshr-grid ul li{
		display:inline-block;
		width:33.33%;
		margin:0;
		padding:0;
		list-style:none;
	}
	.pmtshr-grid ul li a{
		display:block;
		padding:0;
		margin:5px;
	}
	.pmtshr-grid ul li img{
		width:100%;
	}
	
	.pmtshr-grid.pmtshr-col4 ul li{
		width:25%;
	}
	.pmtshr-grid.pmtshr-col2 ul li{
		width:50%;
	}
	
	@media only screen and (max-width:75em) {
		.pmtshr-floatbar{
			display: none;
		}
	}
	@media only screen and (min-width:75em) {
		.pmts-socializer{
			font-size: 14px;
		}
	}
	/* for 580px or less */
	@media screen and (max-width: 580px) {
		.pmts-socializer .pmtshr-button{
			font-size:18px;
			padding:8px 12px;
			width:30px;
		}
		.csbuttons-count,
		.pmtshr-count,
		.pmtshr-buttontext,
		.pmtshr-separator{
			display: none!important;
		}
		.pmtshr-grid ul li,
		.pmtshr-grid.pmtshr-col4 ul li,
		.pmtshr-grid.pmtshr-col2 ul li{
			width:100%;
		}
	}