/*social share styles*/
.shareList{margin: 10px 0 0;}
.shareList ul{margin: 0; padding:0;}
.shareList li {    list-style: none;
    display: inline-block;
    margin: 0 0 0 0;
    cursor: pointer;    line-height: 10px; text-align: center;}
	
	body .shr-cnt.shareList li,
body .vrtl-shr.shr-cnt.shareList li ,
body .hrztl-shr.shr-cnt.shareList li 	{
    margin: 0 0 0 0;}
	.shareList li span{
	text-align:center;
}	
.shareList.posLeft { position:fixed; top:50%; left:0;    margin-top: -15%;}
.shareList.posLeft li{display:block; margin:0 0 5px 0;}
.styleSolid li{ padding:0;}
.styleCircle li {padding:0; border-radius:100%;}
.styleRounded li {    padding: 10px 15px;
    border-radius: 20px;}

.shareList li span.soctext{margin:0 0 0 10px;display: inline-block;
    vertical-align: middle; font-family:arial;font-size: 14px !important; line-height:20px;}
.shareList li span.socicon {
    display: inline-block;
    vertical-align: middle;
}
.shareList span.share-toggle {
    border: 1px solid #beb6b6;
    box-sizing: border-box;
	-webkit-box-sizing:box-sizing: border-box;
	-moz-box-sizing:box-sizing: border-box;
	z-index: 1;
	color:#beb6b6;
	
}
.shareList li{
	transition: all .2s ease-in-out;
}
.shareList li:hover span{
	transform: scale(1.1);
}
.shareList .fa-plus{
	line-height: 40px;
	font-size: 30px;
}
.shareList .fa-plus:before{
	    content: "+";
		    
}
.ic_original.ic_facebook{ background-color:#2f6099 !important;}
.ic_original.ic_linkedin{background-color:#3f729b !important}
.ic_original.ic_twitter{background-color:#25c4f0 !important}
.ic_original.ic_pinterest{background-color:#cb2027 !important}
.ic_original.ic_google-plus, .ic_original.ic_googleplus{background-color:#db4f3f !important}
.ic_original.ic_whatsapp{background-color:#189d0e !important}
.ic_original.ic_messenger {background-color:#448aff !important}
.ic_original.ic_flipboard {background-color:#cc0000 !important}
.ic_original.ic_mail{background-color:#ffd300 !important}
.ic_original.ic_instagram{background-color:#4060a5 !important}
.ic_original.ic_stumbleupon{background-color:#eb4924 !important}
.ic_original.ic_reddit{background-color:#ff4400 !important}
.ic_original.ic_get-pocket{background-color:#ef4056 !important}
.ic_original.ic_tumblr{background-color:#3b455d !important}

.shareList li.ic_whatsapp {
    display: none !important;
}


@media screen and (max-width: 768px) {
	.styleRounded{text-align:center;}
	.styleRounded ul{display:inline-block}
	.styleRounded li {   
	text-align:left;
    display: none; margin-bottom:15px;}
	.shr-cnt.shareList li{ display:none;
    width: 16%;}
	.shr-cnt.shareList li span{
		
	}
	.shr-cnt.shareList li.ic_whatsapp {
    display: inline-block !important;
	}
	.shr-cnt.shareList li.ic_whatsapp, 
	.shr-cnt.shareList li.ic_facebook, 
	.shr-cnt.shareList li.ic_twitter, 
	.shr-cnt.shareList li.ic_mail,
	.shr-cnt.shareList li.ic_linkedin,
	.shareList li.ic_pinterest{
		display:inline-block;
	}
	
	.fixed-header .share-pinned {
	width: 100%;
    position: fixed;
    bottom: 0;
    background: rgba(255, 255, 255, 0.87);
    left: 0;
    margin: 0 !important;
	
	z-index:10001;
	}
	.fixed-header .node-shr{
		-webkit-transition: -webkit-transform .15s ease-in-out;
	-webkit-transition-delay: 0s;
	transition: -webkit-transform false .15s ease-in-out;
	transition: transform false .15s ease-in-out;
	transition: transform false .15s ease-in-out,-webkit-transform false .35s ease-in-out;
	}
	.fixed-header .share-unpinned{
	/*
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);*/
	}
	.fixed-header .share-pinned .block-title{
		display:inline-block !important;
	}
	.fixed-header .share-pinned .shareList {
    display: inline-block;
}
	.fixed-header .share-pinned{
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	}
	/*
	.shr-cnt.share-pinned {
    position: fixed;
    bottom: 0;
    z-index: 999;
    width: 100%;
    left: 0;
    padding: 0;
    margin: 0;
	}*/
}


/* toggle class */
.toggletrue.shareList span.socicon,
.toggletrue.shareList span.fa {
	text-align:center;
    width: 50px;
	height: 50px;
    line-height: 50px;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.toggletrue.shareList li:hover{
	transition: all ease 0.5s;
	-webkit-transition:all ease 0.5s;
    -ms-transition: all ease 0.5s;
    transition: all ease 0.5s;
	
}
.toggletrue.shareList .share-toggle.toggle-open:before{
	-webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
	transition: all ease 0.5s;
	-webkit-transition:all ease 0.5s;
    -ms-transition: all ease 0.5s;
    transition: all ease 0.5s;
	display:block;
}
.toggletrue.shareList .share-toggle:before{
	transition: all ease 0.5s;
	-webkit-transition:all ease 0.5s;
    -ms-transition: all ease 0.5s;
    transition: all ease 0.5s;
	display:block;
}
.toggletrue.shareList ul{
	display:inline-block;
}  
 .toggletrue.shareList li span{
	 text-align:center;
 }
.toggletrue.shareList{
	position: relative; /* only based on position  */
	top: 0;
	right: 0;
	overflow: hidden;
}
.share-toggle{
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
.shareList li.shr-toggle-hide{
    /*display: none*/
}
.share-toggle
{
    background-color: #fff;
    vertical-align: top;
    float: none;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    text-align: center;
    text-transform: none;
    z-index: 6;
    cursor: pointer;
    border:1px solid;
    z-index: 9;
    position: relative;
}

ul.shr-toggle-li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: 0;
    -webkit-transition: margin 0.4s ease, visibility 0.4s ease;
    transition: margin 0.4s ease, visibility 0.4s ease;
    visibility: visible;
}
.share-toggle li{
    background: none !important;
}

 ul.shr-toggle-li
.share-toggle svg{
	
	}
.toggletrue .share-toggle svg,
.toggletrue .share-toggle span,
.share-toggle.toggle-open{
	-webkit-transition: all ease 200ms;
    -moz-transition: all ease 200ms;
    -o-transition: all ease 200ms;
    transition: all ease 200m
	-webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}	
ul.shr-toggle-li
.share-toggle svg,
.share-toggle{
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.share-toggle.toggle-open svg,
.share-toggle:hover svg,
.share-toggle.toggle-open
.share-toggle.toggle-open:hover{
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
	
}

.node-info .node-shr.hrztl-shr,
.node-info .node-shr .shareList.toggletrue{
	display: inline-block;
}
.vrtl-shr .shareList.toggletrue{
	max-width: none;
}
.vrtl-shr .shareList li{
	display:block;
}
/* width changes for size to size */
.share-toggle{
    border: 1px solid #000;
}
/*style 1 starts - horizontal relative*/	
.hrztl-shr .shareList li:hover svg,
.node-type-gallery .shareList li:hover svg{
	-moz-transform: scale(1.3);
   -webkit-transform: scale(1.3);
   -o-transform: scale(1.3);
   transform: scale(1.3);
    opacity: 0.8;
}	
.hrztl-shr .share-toggle
/*.node-type-gallery .share-toggle*/{
	position:absolute;
	right: 0;
	z-index:1;
}
.hrztl-shr .shareList ul.shr-toggle-li,
.node-type-gallery .shareList ul.shr-toggle-li {
    display: inline-block;
   /* margin-right: -200px;*/
}
.hrztl-shr .shareList.toggletrue.socicon-t-on ul.shr-toggle-li,
.node-type-gallery .shareList.toggletrue.socicon-t-on ul.shr-toggle-li{
    /*margin-right: 50px;*/
}
.hrztl-shr .toggletrue .soicon-more-wr
/*.node-type-gallery .toggletrue .soicon-more-wr*/{
    position: relative;
    display: inline-block;
    vertical-align: top;
}
/*style 2 starts - horizontal relative*/	
/*style 2 starts - vertical fixed*/

.vrtl-shr .shareList li:hover svg{
	-moz-transform: scale(1.3);
   -webkit-transform: scale(1.3);
   -o-transform: scale(0.85);
   transform: scale(1.3);
    opacity: 0.8;
}	
.vrtl-shr  .shareList.toggletrue ul.shr-toggle-li {
    display: block;
    /*margin-bottom: -250px;*/
}
.vrtl-shr .shareList.toggletrue.socicon-t-on ul.shr-toggle-li {
    /*margin-bottom: 0;*/
}
.vrtl-shr .shareList.socicon-t-on li.shr-toggle-hide   {
        margin-top: 0;
        display: inline-block;
        }
.vrtl-shr .toggletrue .soicon-more-wr{
    position: relative;
    vertical-align: top;
} 
/*style 2 ends - vertical fixed*/
/*style 3 starts*/
.toggletrue.shareList li{
	margin:0;
}
.vr-brd .views-row{
	position:relative;
}
.atl-shr .toggletrue.shareList,
.social-share-article.toggletrue.shareList{
	position:absolute;
	bottom: 15px;
	top:auto;
}
.atl-shr .shareList ul.shr-toggle-li,
.social-share-article.shareList ul.shr-toggle-li {
    display: inline-block;
    /*margin-right: -400px;
    left: 50px;*/
}
.atl-shr .shareList.toggletrue.socicon-t-on ul.shr-toggle-li,
.social-share-article.shareList.toggletrue.socicon-t-on ul.shr-toggle-li {
    /*margin-right: 0;*/
}
.atl-shr.shareList .share-toggle,
.social-share-article.shareList .share-toggle{
	/*margin-top: 50px;*/
    float: right;
}
/*style 3 ends*/