/**
 * The following styles get applied inside the editor only.
 *
 * Replace them with your own styles or remove the file completely.
 */

 .sbgSocialbarChEddit::before,
 .sbgSocialbarChFacebook::before,
 .sbgSocialbarChTwitter::before,
 .sbgSocialbarChPinterest::before,
 .sbgSocialbarChLinkedin::before {
	 -webkit-transition: all 0.4s ease-in-out 0.2s;
	 -moz-transition: all 0.4s ease-in-out 0.2s;
	 -o-transition: all 0.4s ease-in-out 0.2s;
	 -ms-transition: all 0.4s ease-in-out 0.2s;
	 transition: all 0.4s ease-in-out 0.2s;
 }
 
 .sbgSocialbarChInfoReddit .sbgSocialbarChInfoBackReddit div.sbgSocialbarTooltipP a:hover::before,
 .sbgSocialbarChInfoPinterest .sbgSocialbarChInfoBackPinterest div.sbgSocialbarTooltipP a:hover::before,
 .sbgSocialbarChInfoFacebook .sbgSocialbarChInfoBackFacebook div.sbgSocialbarTooltipP a:hover::before,
 .sbgSocialbarChInfoTwitter .sbgSocialbarChInfoBackTwitter div.sbgSocialbarTooltipP a:hover::before,
 .sbgSocialbarChInfoLinkedin .sbgSocialbarChInfoBackLinkedin div.sbgSocialbarTooltipP a:hover::before {
	 -webkit-transform: scale(1.3);
	 -moz-transform: scale(1.3);
	 -o-transform: scale(1.3);
	 -ms-transform: scale(1.3);
	 transform: scale(1.3);
 
	 -webkit-transition: all 0.4s ease-in-out 0.2s;
	 -moz-transition: all 0.4s ease-in-out 0.2s;
	 -o-transition: all 0.4s ease-in-out 0.2s;
	 -ms-transition: all 0.4s ease-in-out 0.2s;
	 transition: all 0.4s ease-in-out 0.2s;
 }
 
 .sbgSocialbarChInfoReddit .sbgSocialbarChInfoBackReddit div.sbgSocialbarTooltipP a::before,
 .sbgSocialbarChInfoPinterest .sbgSocialbarChInfoBackPinterest div.sbgSocialbarTooltipP a::before,
 .sbgSocialbarChInfoFacebook .sbgSocialbarChInfoBackFacebook div.sbgSocialbarTooltipP a::before,
 .sbgSocialbarChInfoTwitter .sbgSocialbarChInfoBackTwitter div.sbgSocialbarTooltipP a::before,
 .sbgSocialbarChInfoLinkedin .sbgSocialbarChInfoBackLinkedin div.sbgSocialbarTooltipP a::before {
	 -webkit-transition: all 0.4s ease-in-out 0.2s;
	 -moz-transition: all 0.4s ease-in-out 0.2s;
	 -o-transition: all 0.4s ease-in-out 0.2s;
	 -ms-transition: all 0.4s ease-in-out 0.2s;
	 transition: all 0.4s ease-in-out 0.2s;
 }
 
 .sbgSocialbarChInfoBack div.sbgSocialbarTooltipP {
	 visibility: hidden !important;
 }
 
 .sbgSocialbarChInfoBack:hover div.sbgSocialbarTooltipP {
	 visibility: visible !important;
 }
 
 .sbgSocialbarChInfoBack:hover {
	 visibility: visible !important;
	 border-radius: 100%;
 }
 p.sbgSocialbarTooltipP{
	 text-decoration:none!important;
 }
 
 /*styling for */
 
 .sbgSocialbarMain {
	 width: relative;
	 margin-right: 2px;
	 margin-left: 2px;
	 color: rgba(255,255,255,1) !important;
	 padding-bottom:1px;
 
 }
 
 .sbgSocialbarChItem {
	 position: relative;
	 cursor: default;
	 color: rgba(255,255,255,1) !important;
 
 }
 
 .sbgSocialbarChInfoWrap,
 .sbgSocialbarChInfo {
	 position: relative;
	 width: 45px;
	 height: 45px;
	 font-size: 28px;
	 border-radius: 50%;
	 color: rgba(255,255,255,1) !important;
	 margin-left:5px;
 
 
 }
 
 .sbgSocialbarChInfoWrap {
	 top: 30px;
	 left: 30px;
	 color: rgba(255,255,255,1) !important;
   
 
 }
 
 .sbgSocialbarChInfo>div {
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 border-radius: 50%;
	 vertical-align: middle;
	 color: rgba(255,255,255,1) !important;
 }
 
 .sbgSocialbarChInfo .sbgSocialbarChInfoFront {
	 -webkit-transition: all 0.6s ease-in-out;
	 -moz-transition: all 0.6s ease-in-out;
	 -o-transition: all 0.6s ease-in-out;
	 -ms-transition: all 0.6s ease-in-out;
	 transition: all 0.6s ease-in-out;
	 padding: 4px;
	 margin-top:-6px;
 }
 
 
 .sbgSocialbarChInfoReddit .sbgSocialbarChInfoBackReddit {
	 opacity: 0;
 
	 background: rgb(236, 84, 40,1);
	 pointer-events: none;
 
	 -webkit-transform: scale(1.5);
	 -moz-transform: scale(1.5);
	 -o-transform: scale(1.5);
	 -ms-transform: scale(1.5);
	 transform: scale(1.5);
 
	 -webkit-transition: all 0.4s ease-in-out 0.2s;
	 -moz-transition: all 0.4s ease-in-out 0.2s;
	 -o-transition: all 0.4s ease-in-out 0.2s;
	 -ms-transition: all 0.4s ease-in-out 0.2s;
	 transition: all 0.4s ease-in-out 0.2s;
 }
 
 .sbgSocialbarChInfoFacebook .sbgSocialbarChInfoBackFacebook {
	 opacity: 0;
 
	 background: rgb(0, 84, 159);
	 pointer-events: none;
 
	 -webkit-transform: scale(1.5);
	 -moz-transform: scale(1.5);
	 -o-transform: scale(1.5);
	 -ms-transform: scale(1.5);
	 transform: scale(1.5);
 
	 -webkit-transition: all 0.4s ease-in-out 0.2s;
	 -moz-transition: all 0.4s ease-in-out 0.2s;
	 -o-transition: all 0.4s ease-in-out 0.2s;
	 -ms-transition: all 0.4s ease-in-out 0.2s;
	 transition: all 0.4s ease-in-out 0.2s;
 }
 
 .sbgSocialbarChInfoReddit .sbgSocialbarChInfoBackReddit {
	 opacity: 0;
 
	 background: rgb(236, 84, 40);
	 pointer-events: none;
 
	 -webkit-transform: scale(1.5);
	 -moz-transform: scale(1.5);
	 -o-transform: scale(1.5);
	 -ms-transform: scale(1.5);
	 transform: scale(1.5);
 
	 -webkit-transition: all 0.4s ease-in-out 0.2s;
	 -moz-transition: all 0.4s ease-in-out 0.2s;
	 -o-transition: all 0.4s ease-in-out 0.2s;
	 -ms-transition: all 0.4s ease-in-out 0.2s;
	 transition: all 0.4s ease-in-out 0.2s;
 }
 
 .sbgSocialbarChInfoTwitter .sbgSocialbarChInfoBackTwitter {
	 opacity: 0;
 
	 background: rgb(56, 205, 255);
	 pointer-events: none;
	 -webkit-transform: scale(1.5);
	 -moz-transform: scale(1.5);
	 -o-transform: scale(1.5);
	 -ms-transform: scale(1.5);
	 transform: scale(1.5);
 
	 -webkit-transition: all 0.4s ease-in-out 0.2s;
	 -moz-transition: all 0.4s ease-in-out 0.2s;
	 -o-transition: all 0.4s ease-in-out 0.2s;
	 -ms-transition: all 0.4s ease-in-out 0.2s;
	 transition: all 0.4s ease-in-out 0.2s;
 }
 
 .sbgSocialbarChInfoLinkedin .sbgSocialbarChInfoBackLinkedin {
	 opacity: 0;
	 background: rgb(0, 150, 193);
	 pointer-events: none;
	 -webkit-transform: scale(1.5);
	 -moz-transform: scale(1.5);
	 -o-transform: scale(1.5);
	 -ms-transform: scale(1.5);
	 transform: scale(1.5);
	 -webkit-transition: all 0.4s ease-in-out 0.2s;
	 -moz-transition: all 0.4s ease-in-out 0.2s;
	 -o-transition: all 0.4s ease-in-out 0.2s;
	 -ms-transition: all 0.4s ease-in-out 0.2s;
	 transition: all 0.4s ease-in-out 0.2s;
 }
 
 .sbgSocialbarChInfoPinterest .sbgSocialbarChInfoBackPinterest {
	 opacity: 0;
	 background: rgba(189, 8, 28, 0.8);
	 pointer-events: none;
	 -webkit-transform: scale(1.5);
	 -moz-transform: scale(1.5);
	 -o-transform: scale(1.5);
	 -ms-transform: scale(1.5);
	 transform: scale(1.5);
	 -webkit-transition: all 0.4s ease-in-out 0.2s;
	 -moz-transition: all 0.4s ease-in-out 0.2s;
	 -o-transition: all 0.4s ease-in-out 0.2s;
	 -ms-transition: all 0.4s ease-in-out 0.2s;
	 transition: all 0.4s ease-in-out 0.2s;
 }
 
 .sbgSocialbarChFacebook {
	 background: rgba(0, 84, 159, 1);
 }
 
 .sbgSocialbarChReddit {
	 background: rgba(236, 84, 40, 1);
 }
 
 .sbgSocialbarChTwitter {
	 background: rgba(56, 205, 255, 1);
 }
 
 .sbgSocialbarChLinkedin {
	 background: rgba(0, 150, 193, 1);
 }
 
 .sbgSocialbarChPinterest {
	 background: rgba(189, 8, 28, 1);
 
 }

 .sbgSocialbarChWhatsapp {
	background: rgba(101, 208, 114, 1);

}

.sbgSocialbarChWhatsapp::before {
	text-align: center;

	color: rgba(255,255,255,1)!important;
	font-family: dashicons;
	content: "\f19a";
	font-weight: normal;
}

 
 .sbgSocialbarChTwitter::before {
	 text-align: center;
 
	 color: rgba(255,255,255,1)!important;
	 font-family: dashicons;
	 content: "\f301";
	 font-weight: normal;
 }
 
 .sbgSocialbarChFacebook::before {
	 text-align: center;
	 color: rgba(255,255,255,1)!important;
	 font-family: dashicons;
	 content: "\f305";
	 font-weight: normal;
 }
 
 .sbgSocialbarChReddit::before {
	 text-align: center;
	 color: rgba(255,255,255,1) !important;
	 font-family: dashicons;
	 content: "\f195";
	 font-weight: normal;
 }
 
 .sbgSocialbarChPinterest::before {
	 font-family: dashicons;
	 text-align: center;
	 color: rgba(255,255,255,1)!important;
	 content: "\f192";
	 font-weight: bold;
 }
 
 .sbgSocialbarChLinkedin::before {
	 text-align: center;
	 color: rgba(255,255,255,1);
	 font-family: dashicons;
	 content: "\f18d";
	 font-weight: normal;
 }
 
 
 .sbgSocialbarChInfoBack div.sbgSocialbarTooltipP {
	 text-align: center !important;
	 width: 100%;
	 height: 100%;
	 padding-top: 15px;
	 color: rgba(255,255,255,1) !important;
	 background-color: rgba(0,0,0,1);
 }
 
 .sbgSocialbarChInfoBack div.sbgSocialbarTooltipP a {
	 -webkit-transition: all 0.2s ease-in-out 0.1s;
	 -moz-transition: all 0.2s ease-in-out 0.1s;
	 -o-transition: all 0.2s ease-in-out 0.1s;
	 -ms-transition: all 0.2s ease-in-out 0.1s;
	 transition: all 0.2s ease-in-out 0.1s;
	 text-align: center;
	 width: 100%;
	 font-style: normal;
	 text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
	 box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
 }
 
 .sbgSocialbarChInfoBack div.sbgSocialbarTooltipP a:hover {
	 color: rgba(255,255,255,1);
	 text-align: center;
	 text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.8);
	height: 100%;
	width:100%;
	background-color: rgba(0,0,0,1);
	border-radius: 100%;
	opacity:1;
 
 }
 
 .sbgSocialbarChItem:hover .sbgSocialbarChInfoFront {
	 -webkit-transform: scale(0);
	 -moz-transform: scale(0);
	 -o-transform: scale(0);
	 -ms-transform: scale(0);
	 transform: scale(0);
	 opacity: 0;
 }
 
 .sbgSocialbarChItem:hover .sbgSocialbarChInfoBack {
	 text-align: center !important;
	 -webkit-transform: scale(1);
	 -moz-transform: scale(1);
	 -o-transform: scale(1);
	 -ms-transform: scale(1);
	 transform: scale(1);
	 pointer-events: auto;
	 text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
	 -webkit-transition: all 0.5s ease-in-out 0.3s;
	 -moz-transition: all 0.5s ease-in-out 0.3s;
	 -o-transition: all 0.5s ease-in-out 0.3s;
	 -ms-transition: all 0.5s ease-in-out 0.3s;
	 transition: all 0.5s ease-in-out 0.3s;
	 animation-name: insideOutChBack;
	 animation-duration: 2s;
 
 }
 
 
 
 
 .sbgSocialbarChGrid {
	
	 text-align: center;
 
 }
 
 .sbgSocialbarChGrid:after,
 .sbgSocialbarChItem:before {
	 content: '';
	 display: table;
 
 }
 
 .sbgSocialbarChGrid:after {
	 clear: both;
 }
 
 .sbgSocialbarChGrid li {
	 list-style: none !important;
	 width: auto;
	 height: auto;
	 display: inline-block;
	 color: rgba(255,255,255,1) !important;
	 margin:2px!important;
	 float:left;
	 text-decoration: none!important;
	 border:0px;
 
 }
 .sbgSocialbarChInfo p a{
	 text-decoration:none;
	 
 }
 
 .sbgSocialbarChInfo:hover p a{
	 animation: shareDisplay 1s;
 }
 .sbgSocialbarChInfo p a:before {
	 font-family: dashicons;
	 color: rgba(255,255,255,1);
	 content: "\f237";
	 font-size:28px;
	 padding:12px;
	 border-radius:100%;
	 
 }
 
 #sbgSocialbarFacebookTooltip  a:before{
	 background-color: rgba(30,85,154,1);
 }
 
 #sbgSocialbarRedditTooltip  a:before{
	 background-color: rgba(236,84,40,1);
 }
 
 #sbgSocialbarTwitterTooltip  a:before{
	 background-color: rgba(102,203,250,1);
 }
 
 #sbgSocialbarLinkedinTooltip  a:before{
	 background-color: rgba(63,149,189,1);
 }
 #sbgSocialbarPinterestTooltip  a:before{
	 background-color: rgba(174,38,18,1);
 }
 #sbgSocialbarWhatsappTooltip  a:before{
	background: rgba(101, 208, 114, 1);
}
 .sbgSocialbarTooltipP a {
	 text-decoration:none!important;
 }
 
 
 
 .ctcSsEditLi{
	list-style: none;
 }

 .ctcSsEditLi div{
	display:inline-block;
	height: 5px;
 }
 

 ctcSsLarge{
	
 }
 


 @keyframes insideOutChBack{
 
	 from{
		 width:100%;
		 height:100%;
	 }
 
	 to{
		 width:0%;
		 height:0%;
	 }
 }
 
 
 @keyframes shareDisplay{
 
	 from{
	 opacity:0;
	 }
 
	 to{
	   opacity:1;
	 }
 }