@charset "utf-8";


ul li i.sshare-service-icon {
	box-shadow:inset 0 3px 3px -3px #ffffff;
	border:1px solid rgba(0,0,0,0.15);
	border-radius:4px;
	background-image:none;
	box-sizing:border-box;
	position:relative;
	margin:0;
	overflow:hidden;
	line-height:1;
	color:#fff;
	display:block;
	cursor:pointer;
	font-size:24px;
	height:40px;
	width:40px;
	background-color:#94a9ac;
}

ul li i.sshare-service-icon:before {
	font-style:normal !important;
	font-weight:normal !important;
	font-variant:normal !important;
	line-height:1 !important;
	text-transform:none !important;
	position:absolute;
	top:4px;
	left:7px;
	speak:none;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	display:block;
}
ul li i.sshare-service-icon:after {
	display:block;
}
ul li i.sshare-service-icon[class*="service-all"] {
	background-color:#45a147;
	background-image:none;
}
ul li i.sshare-service-icon[class*="service-facebook"] {
	background-color:#3b5998;
	background-image:none;
}
ul li i.sshare-service-icon[class*="service-twitter"] {
	background-color:#2ba9e1;
	background-image:none;
}
ul li i.sshare-service-icon[class*="service-email_this"] {
	background-color:#939598;
	background-image:none;
}
ul li i.sshare-service-icon[class*="service-google_plus"] {
	background-color:#dd4b39;
	background-image:none;
}
ul li i.sshare-service-icon[class*="service-linkedin"] {
	background-color:#007bb6;
	background-image:none;
}
ul li i.sshare-service-icon[class*="service-pinterest"] {
	background-color:#cb2027;
	background-image:none;
}
ul li i.sshare-service-icon[class*="service-reddit"] {
	background-color:#7d99ad;
	background-image:none;
}
ul li i.sshare-service-icon[class*="service-tumblr"] {
	background-color:#35465d;
	background-image:none;
}
ul li i.sshare-service-icon[class*="service-digg"] {
	background-color:#080808;
	background-image:none;
}
ul li i.sshare-service-icon[class*="service-delicious"] {
	background-color:#2d395a;
	background-image:none;
}
ul li i.sshare-service-icon[class*="service-stumbleupon"] {
	background-color:#ec5838;
	background-image:none;
}
ul li i.sshare-service-icon[class*="service-printfriendly"] {
	background-color:#a0b979;
	background-image:none;
}
ul li i.sshare-service-icon[class*="service-vk"] {
	background-color:#4d75a3;
	background-image:none;
}
ul li i.sshare-service-icon[class*="service-instapaper"] {
	background-color:#414042;
	background-image:none;
}
ul li i.sshare-service-icon[class*="service-plurk"] {
	background-color:#cf682f;
	background-image:none;
}
ul li i.sshare-service-icon[class*="service-mail"] {
	background-color:#2858c1;
	background-image:none;
}



#socialmud-share {
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
	display:inline-block;
	margin:0px auto;
}
#socialmud-share ul.sshare-buttons {
	float:none !important;
	background:none !important;
	list-style:none;
	overflow:hidden;
	margin:0 0 0 10px !important;
	padding:10px 0 !important;
	-moz-user-select:-moz-none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	-o-user-select:none;
	user-select:none;
	display:block;
}

#socialmud-share .sshare-buttons-heading {
	text-align:left !important;
	text-indent:0;
}
#socialmud-share .sshare-buttons-heading img.sshare-buttons-heading-image {
	margin:0 0 -30px 0 !important;
}

#socialmud-share.diglett li.sshare-button {
	height:40px;
	width:55px !important;
	padding:7px 0px 0px 0px !important;
}
#socialmud-share li .share-button-sizing {
	position:relative;
	height:40px;
}
#socialmud-share li .share-button-sizing i {
	position:absolute;
	background-image:none;
	left:10px;
	top:10px;
	height:30px;
	border-radius:4px 4px 0 0;
}
#socialmud-share.diglett li .share-button-sizing:after {
	background:url("/modules/mod_socialmud_share/images/share-button-shadow.png") 0 100% no-repeat;
	content:" ";
	height:15px;
	position:absolute;
	left:0;
	bottom:0;
	display:block;
	width:60px;
	z-index:100;
}
#socialmud-share.diglett li.sshare-button:hover .share-button-sizing i {
	top:5px;
	opacity:1;
	height:35px;
}
#socialmud-share.diglett li.has-shares .sshare-counter {
	top:4px;
	/*right:4px;*/
}
#socialmud-share.diglett li.has-shares:hover .sshare-counter {
	top:0;
}
#socialmud-share li.has-shares .sshare-counter {
	display:block;
	position:absolute;
	visibility:visible;
	width:auto;
	height:auto;
	top:-4px;
	right:-3px;
	text-align:center;
	min-width:8px !important;
	padding:1px 4px !important;
	color:#fff !important;
	font-family:'Open Sans',arial,sans-serif !important;
	font-size:10px !important;
	font-weight:600 !important;
	background:#d60000 !important;
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fd7c7e),color-stop(100%,#d60000)) !important;
	background-image:-webkit-linear-gradient(top,#fd7c7e,#d60000) !important;
	background-image:-moz-linear-gradient(top,#fd7c7e,#d60000);
	background-image:-ms-linear-gradient(top,#fd7c7e,#d60000);
	background-image:-o-linear-gradient(top,#fd7c7e,#d60000);
	background-image:linear-gradient(top,#fd7c7e,#d60000);
	-webkit-border-radius:15px !important;
	border-radius:15px !important;
	box-shadow:0 2px 2px rgba(0,0,0,0.4);
	text-shadow:0 -1px 0 rgba(0,0,0,0.2);
	line-height:14px !important;
	border:2px solid #fff !important;
	z-index:1;
}
#socialmud-share li.sshare-button {
	list-style:none !important;
	background:none !important;
	float:left !important;
	margin:0 !important;
	padding:5px !important;
	position:relative;
	cursor:pointer;
	box-sizing:content-box;
	overflow:visible;
	text-indent:0;
	clear:none;
}
#socialmud-share li .share-button-sizing {
	float:left;
	position:relative;
	display:inline-block;
	overflow:visible !important;
	border:none;
}
#socialmud-share li .sshare-container:hover {
	opacity:.65;
}
#socialmud-share li.sshare-button:before {
	content:"" !important;
	padding:0;
	margin:0;
}
#socialmud-share li .sshare-counter {
	margin:0px !important;
	font-family:'Open Sans',arial,sans-serif !important;
	width:40px;
	vertical-align:top;
	position:relative;
	text-align:center;
	background:#e6e7e9 !important;
	color:#666 !important;
	font-size:14px !important;
	font-weight:400;
	border-radius:4px;
	line-height:40px;
	border:0 solid #ccc;
	display:none;
	visibility:hidden;
}
#socialmud-share li .sshare-counter:after {
	content:"";
	display:inline-block;
	position:absolute;
	border:5px solid transparent;
}
#socialmud-share li .sshare-counter:before {
	content:"";
	display:inline-block;
	position:absolute;
	border:6px solid transparent;
}
#socialmud-share li .share-button-verb {
	display:none;
	color:#fff !important;
	font-size:11px !important;
}













/* Social Media */
#socialmud_share a {display:inline-block;width:auto;outline:none;}
#socialmud_share a img {border:none ! important;}
#socialmud_share a:link {color: #000000 ! important; text-decoration: none ! important; }
#socialmud_share a:active {color: #000000 ! important; text-decoration: none ! important; }
#socialmud_share a:visited {color: #000000  ! important; text-decoration: none ! important; }
#socialmud_share a:hover {color: #000000  ! important; text-decoration: none  ! important; }
.clr {clear:both;}
	

/* Horizontal Layout */
#socialmud_share .socialbutton {
	display:inline-block;
}

.zoom {
  -webkit-transition: all 0.3s ease-in-out 0s;
     -moz-transition: all 0.3s ease-in-out 0s;
       -o-transition: all 0.3s ease-in-out 0s;
      -ms-transition: all 0.3s ease-in-out 0s;
          transition: all 0.3s ease-in-out 0s;
}
 
.zoom:hover {
	transform: scale(1.3,1.3);
	-ms-transform: scale(1.3,1.3); /* IE 9 */
	-webkit-transform: scale(1.3,1.3); /* Safari and Chrome */
}

.shrink {
  -webkit-transition: all 0.3s ease-in-out 0s;
     -moz-transition: all 0.3s ease-in-out 0s;
       -o-transition: all 0.3s ease-in-out 0s;
      -ms-transition: all 0.3s ease-in-out 0s;
          transition: all 0.3s ease-in-out 0s;
}
 
.shrink:hover {
	transform: scale(0.8,0.8);
	-ms-transform: scale(0.8,0.8); /* IE 9 */
	-webkit-transform: scale(0.8,0.8); /* Safari and Chrome */
}

.bounce {
  -webkit-transition: all 0.3s ease-in-out 0s;
     -moz-transition: all 0.3s ease-in-out 0s;
       -o-transition: all 0.3s ease-in-out 0s;
      -ms-transition: all 0.3s ease-in-out 0s;
          transition: all 0.3s ease-in-out 0s;
}
 
.bounce:hover {
	transform: translate(0px, -10px);
	-ms-transform: translate(0px, -10px); /* IE 9 */
	-webkit-transform: translate(0px, -10px); /* Safari and Chrome */
}

.left {
  -webkit-transition: all 0.3s ease-in-out 0s;
     -moz-transition: all 0.3s ease-in-out 0s;
       -o-transition: all 0.3s ease-in-out 0s;
      -ms-transition: all 0.3s ease-in-out 0s;
          transition: all 0.3s ease-in-out 0s;
}
 
.left:hover {
	transform: translate(-10px, 0px);
	-ms-transform: translate(-10px, 0px); /* IE 9 */
	-webkit-transform: translate(-10px, 0px); /* Safari and Chrome */
}

.right {
  -webkit-transition: all 0.3s ease-in-out 0s;
     -moz-transition: all 0.3s ease-in-out 0s;
       -o-transition: all 0.3s ease-in-out 0s;
      -ms-transition: all 0.3s ease-in-out 0s;
          transition: all 0.3s ease-in-out 0s;
}
 
.right:hover {
	transform: translate(10px, 0px);
	-ms-transform: translate(10px, 0px); /* IE 9 */
	-webkit-transform: translate(10px, 0px); /* Safari and Chrome */
}

.down {
  -webkit-transition: all 0.3s ease-in-out 0s;
     -moz-transition: all 0.3s ease-in-out 0s;
       -o-transition: all 0.3s ease-in-out 0s;
      -ms-transition: all 0.3s ease-in-out 0s;
          transition: all 0.3s ease-in-out 0s;
}
 
.down:hover {
	transform: translate(0px, 10px);
	-ms-transform: translate(0px, 10px); /* IE 9 */
	-webkit-transform: translate(0px, 10px); /* Safari and Chrome */
}


.tilt {
  -webkit-transition: all 0.3s ease-in-out 0s;
     -moz-transition: all 0.3s ease-in-out 0s;
       -o-transition: all 0.3s ease-in-out 0s;
      -ms-transition: all 0.3s ease-in-out 0s;
          transition: all 0.3s ease-in-out 0s;
}
 
.tilt:hover {
	transform: rotate(30deg);
	-ms-transform: rotate(30deg); /* IE 9 */
	-webkit-transform: rotate(30deg); /* Safari and Chrome */
}

.rotate90 {
  -webkit-transition: all 0.3s ease-in-out 0s;
     -moz-transition: all 0.3s ease-in-out 0s;
       -o-transition: all 0.3s ease-in-out 0s;
      -ms-transition: all 0.3s ease-in-out 0s;
          transition: all 0.3s ease-in-out 0s;
}
 
.rotate90:hover {
	transform: rotate(90deg);
	-ms-transform: rotate(90deg); /* IE 9 */
	-webkit-transform: rotate(90deg); /* Safari and Chrome */
}

.rotate180 {
  -webkit-transition: all 0.3s ease-in-out 0s;
     -moz-transition: all 0.3s ease-in-out 0s;
       -o-transition: all 0.3s ease-in-out 0s;
      -ms-transition: all 0.3s ease-in-out 0s;
          transition: all 0.3s ease-in-out 0s;
}
 
.rotate180:hover {
	transform: rotate(180deg);
	-ms-transform: rotate(180deg); /* IE 9 */
	-webkit-transform: rotate(180deg); /* Safari and Chrome */
}

.rotate270 {
  -webkit-transition: all 0.3s ease-in-out 0s;
     -moz-transition: all 0.3s ease-in-out 0s;
       -o-transition: all 0.3s ease-in-out 0s;
      -ms-transition: all 0.3s ease-in-out 0s;
          transition: all 0.3s ease-in-out 0s;
}
 
.rotate270:hover {
	transform: rotate(270deg);
	-ms-transform: rotate(270deg); /* IE 9 */
	-webkit-transform: rotate(270deg); /* Safari and Chrome */
}

.rotate360 {
  -webkit-transition: all 0.3s ease-in-out 0s;
     -moz-transition: all 0.3s ease-in-out 0s;
       -o-transition: all 0.3s ease-in-out 0s;
      -ms-transition: all 0.3s ease-in-out 0s;
          transition: all 0.3s ease-in-out 0s;
}
 
.rotate360:hover {
	transform: rotate(360deg);
	-ms-transform: rotate(360deg); /* IE 9 */
	-webkit-transform: rotate(360deg); /* Safari and Chrome */
}

.rotatemin90 {
  -webkit-transition: all 0.3s ease-in-out 0s;
     -moz-transition: all 0.3s ease-in-out 0s;
       -o-transition: all 0.3s ease-in-out 0s;
      -ms-transition: all 0.3s ease-in-out 0s;
          transition: all 0.3s ease-in-out 0s;
}
 
.rotatemin90:hover {
	transform: rotate(-90deg);
	-ms-transform: rotate(-90deg); /* IE 9 */
	-webkit-transform: rotate(-90deg); /* Safari and Chrome */
}

.rotatemin180 {
  -webkit-transition: all 0.3s ease-in-out 0s;
     -moz-transition: all 0.3s ease-in-out 0s;
       -o-transition: all 0.3s ease-in-out 0s;
      -ms-transition: all 0.3s ease-in-out 0s;
          transition: all 0.3s ease-in-out 0s;
}
 
.rotatemin180:hover {
	transform: rotate(-180deg);
	-ms-transform: rotate(-180deg); /* IE 9 */
	-webkit-transform: rotate(-180deg); /* Safari and Chrome */
}

.rotatemin270 {
  -webkit-transition: all 0.3s ease-in-out 0s;
     -moz-transition: all 0.3s ease-in-out 0s;
       -o-transition: all 0.3s ease-in-out 0s;
      -ms-transition: all 0.3s ease-in-out 0s;
          transition: all 0.3s ease-in-out 0s;
}
 
.rotatemin270:hover {
	transform: rotate(-270deg);
	-ms-transform: rotate(-270deg); /* IE 9 */
	-webkit-transform: rotate(-270deg); /* Safari and Chrome */
}

.rotatemin360 {
  -webkit-transition: all 0.3s ease-in-out 0s;
     -moz-transition: all 0.3s ease-in-out 0s;
       -o-transition: all 0.3s ease-in-out 0s;
      -ms-transition: all 0.3s ease-in-out 0s;
          transition: all 0.3s ease-in-out 0s;
}
 
.rotatemin360:hover {
	transform: rotate(-360deg);
	-ms-transform: rotate(-360deg); /* IE 9 */
	-webkit-transform: rotate(-360deg); /* Safari and Chrome */
}

@-webkit-keyframes wobblehorizontal {
    15% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30% {
        -webkit-transform: translateX(-5px);
       transform: translateX(-5px);
    } 
    50% {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes wobblehorizontal {
    15% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
    50% {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
 
.wobblehorizontal:hover {
	-webkit-animation: wobblehorizontal 1s ease;
	animation: wobblehorizontal 1s ease;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@-webkit-keyframes wobblevertical {
15% {
	-webkit-transform: translateY(5px);
	transform: translateY(5px);
}
30% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
50% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
}
65% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
}
80% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
}
100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
	}
}

@keyframes wobblevertical {
15% {
	-webkit-transform: translateY(5px);
	transform: translateY(5px);
}
30% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
50% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
}
65% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
}
80% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
}
100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
	}
}

.wobblevertical:hover {
	-webkit-animation: wobblevertical 1s ease;
	animation: wobblevertical 1s ease;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@keyframes buzzhorizontal {
50% {
    transform: translateX(4px) rotate(3deg);
}
100% {
    transform: translateX(-4px) rotate(-3deg);
	}
}

.buzzhorizontal {
    backface-visibility: hidden;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    transform: translateZ(0px);
}

.buzzhorizontal:hover, .buzzhorizontal:focus, .buzzhorizontal:active {
    animation-duration: 0.15s;
    animation-iteration-count: infinite;
    animation-name: buzzhorizontal;
    animation-timing-function: linear;
}

@keyframes buzzvertical {
50% {
    transform: translateY(4px) rotate(3deg);
}
100% {
    transform: translateY(-4px) rotate(-3deg);
	}
}

.buzzvertical {
    backface-visibility: hidden;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    transform: translateZ(0px);
}

.buzzvertical:hover, .buzzvertical:focus, .buzzvertical:active {
    animation-duration: 0.15s;
    animation-iteration-count: infinite;
    animation-name: buzzvertical;
    animation-timing-function: linear;
}

@keyframes wobbletop {
16.65% {
    transform: skew(-12deg);
}
33.3% {
    transform: skew(10deg);
}
49.95% {
    transform: skew(-6deg);
}
66.6% {
    transform: skew(4deg);
}
83.25% {
    transform: skew(-2deg);
}
100% {
    transform: skew(0deg);
}
}

.wobbletop {
    backface-visibility: hidden;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    transform: translateZ(0px);
    transform-origin: 0 100% 0;
}

.wobbletop:hover, .wobbletop:focus, .wobbletop:active {
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-name: wobbletop;
    animation-timing-function: ease-in-out;
}

@keyframes wobblebottom {
16.65% {
    transform: skew(-12deg);
}
33.3% {
    transform: skew(10deg);
}
49.95% {
    transform: skew(-6deg);
}
66.6% {
    transform: skew(4deg);
}
83.25% {
    transform: skew(-2deg);
}
100% {
    transform: skew(0deg);
}
}

.wobblebottom {
    backface-visibility: hidden;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    transform: translateZ(0px);
    transform-origin: 100% 0 0;
}

.wobblebottom:hover, .wobblebottom:focus, .wobblebottom:active {
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-name: wobblebottom;
    animation-timing-function: ease-in-out;
}

@keyframes wobblebottomright {
16.65% {
    transform: translate(8px, 8px);
}
33.3% {
    transform: translate(-6px, -6px);
}
49.95% {
    transform: translate(4px, 4px);
}
66.6% {
    transform: translate(-2px, -2px);
}
83.25% {
    transform: translate(1px, 1px);
}
100% {
    transform: translate(0px, 0px);
}
}

.wobblebottomright {
    backface-visibility: hidden;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    transform: translateZ(0px);
}

.wobblebottomright:hover, .wobblebottomright:focus, .wobblebottomright:active {
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-name: wobblebottomright;
    animation-timing-function: ease-in-out;
}

@keyframes wobbletopright {
16.65% {
    transform: translate(8px, -8px);
}
33.3% {
    transform: translate(-6px, 6px);
}
49.95% {
    transform: translate(4px, -4px);
}
66.6% {
    transform: translate(-2px, 2px);
}
83.25% {
    transform: translate(1px, -1px);
}
100% {
    transform: translate(0px, 0px);
}
}

.wobbletopright {
    backface-visibility: hidden;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    transform: translateZ(0px);
}

.wobbletopright:hover, .wobbletopright:focus, .wobbletopright:active {
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-name: wobbletopright;
    animation-timing-function: ease-in-out;
}

@keyframes wobbleskew {
16.65% {
    transform: skew(-12deg);
}
33.3% {
    transform: skew(10deg);
}
49.95% {
    transform: skew(-6deg);
}
66.6% {
    transform: skew(4deg);
}
83.25% {
    transform: skew(-2deg);
}
100% {
    transform: skew(0deg);
}
}

.wobbleskew {
    backface-visibility: hidden;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    transform: translateZ(0px);
}

.wobbleskew:hover, .wobbleskew:focus, .wobbleskew:active {
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-name: wobbleskew;
    animation-timing-function: ease-in-out;
}

.skewforward {
    backface-visibility: hidden;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    transform: translateZ(0px);
    transform-origin: 0 100% 0;
    transition-duration: 0.3s;
    transition-property: transform;
}

.skewforward:hover, .skewforward:focus, .skewforward:active {
    transform: skew(-10deg);
}

.skewbackward {
    backface-visibility: hidden;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    transform: translateZ(0px);
    transform-origin: 0 100% 0;
    transition-duration: 0.3s;
    transition-property: transform;
}

.skewbackward:hover, .skewbackward:focus, .skewbackward:active {
    transform: skew(10deg);
}

a.tooltip {
    outline: none !important;
    text-decoration: none !important;
    position: relative !important;
	opacity: 1 !important;
}

a.tooltip strong {
    line-height: 30px !important;
}

a.tooltip > span {
    width: 290px !important;
    padding: 10px 20px !important;
    margin-top: 0 !important;
    margin-left: -120px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    z-index: 10 !important;
    position: absolute !important;
    font-family: Arial !important;
    font-size: 12px !important;
    font-style: normal !important;
    border-radius: 3px !important;
    box-shadow: 2px 2px 2px #999 !important;
    -webkit-transition-property: opacity, margin-top, visibility, margin-left !important;
    -webkit-transition-duration: 0.4s, 0.3s, 0.4s, 0.3s !important;
    -webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out !important;
    transition-property: opacity, margin-top, visibility, margin-left !important;
    transition-duration: 0.4s, 0.3s, 0.4s, 0.3s !important;
    transition-timing-function: 
        ease-in-out, ease-in-out, ease-in-out, ease-in-out !important;
}

a.tooltip:hover > span {
    opacity: 1 !important;
    text-decoration: none !important;
    visibility: visible !important;
    overflow: visible !important;
    margin-top: 20px !important;
    display: inline !important;
    margin-left: -55px !important;
}

a.tooltip span b {
    width: 15px !important;
    height: 15px !important;
    margin-left: 40px !important;
    margin-top: -19px !important;
    display: block !important;
    position: absolute !important;
    -webkit-transform: rotate(-45deg) !important;
    -moz-transform: rotate(-45deg) !important;
    -o-transform: rotate(-45deg) !important;
    transform: rotate(-45deg) !important;
    -webkit-box-shadow: inset -1px 1px 0 #fff !important;
    -moz-box-shadow: inset 0 1px 0 #fff !important;
    -o-box-shadow: inset 0 1px 0 #fff !important;
    box-shadow: inset 0 1px 0 #fff !important;
    display: none\0/ !important;
    *display: none !important;
}    

a.tooltip > span {
	color: #000000 !important; 
	background: #FBF5E6 !important;
	border: 1px solid #CFB57C !important;	     
}    
	  
a.tooltip span b {
	background: #FBF5E6 !important;
	border-top: 1px solid #CFB57C !important;
	border-right: 1px solid #CFB57C !important;
}

@-webkit-keyframes tooltips {
	16.65% {
	    -webkit-transform: translateX(8px);
	    transform: translateX(8px);
	}
	33.3% {
	    -webkit-transform: translateX(-6px);
	    transform: translateX(-6px);
	}
	49.95% {
	    -webkit-transform: translateX(4px);
	    transform: translateX(4px);
	}
	66.6% {
	    -webkit-transform: translateX(-2px);
	    transform: translateX(-2px);
	}
	83.25% {
	    -webkit-transform: translateX(1px);
	    transform: translateX(1px);
	}
	100% {
	    -webkit-transform: translateX(0px);
	    transform: translateX(0px);
	}
}

@keyframes tooltips {
	16.65% {
	    -webkit-transform: translateX(8px);
	    transform: translateX(8px);
	}
	33.3% {
	    -webkit-transform: translateX(-6px);
	    transform: translateX(-6px);
	}
	49.95% {
	    -webkit-transform: translateX(4px);
	    transform: translateX(4px);
	}
	66.6% {
	    -webkit-transform: translateX(-2px);
	    transform: translateX(-2px);
	}
	83.25% {
	    -webkit-transform: translateX(1px);
	    transform: translateX(1px);
	}
	100% {
	    -webkit-transform: translateX(0px);
	    transform: translateX(0px);
	}
}

a.tooltips {
  position: relative;
  display: inline;
}

a.tooltips span {
	position:absolute;
	width:185px;
	opacity:0;
	visibility:hidden;
	padding: 0 10px 5px;
	color:#fff;
	text-align:center; 
	pointer-events:none; 
	border-radius:6px; 
	text-shadow:1px 1px 2px rgba(0, 0, 0, 0.6); 
	background:rgb(46,182,238); 
	background:rgba(46,182,238,.8); 
	border:2px solid rgb(255,255,255);
	border:2px solid rgba(255,255,255,.8); 
	box-shadow:0px 2px 4px rgba(0,0,0,0.5); 
	-webkit-transition:all 0.3s ease-in-out; 
	-moz-transition:all 0.3s ease-in-out; 
	-o-transition:all 0.3s ease-in-out; 
	-ms-transition:all 0.3s ease-in-out; 
	transition:all 0.3s ease-in-out; 
}

a.tooltips span::before {
     border-bottom: 12px solid transparent;
     border-left: 12px solid rgb(255,255,255);
     border-left: 12px solid rgba(255,255,255,.8);
     border-top: 12px solid transparent;
     content: "";
     height: 0px;
     margin-top: -12px;
     position: absolute;
     left: 100%;
     top: 50%;
     width: 0px;
}

a.tooltips span::after {
     border-bottom: 8px solid transparent;
     border-left: 8px solid rgb(46,182,238);
     border-left: 8px solid rgba(46,182,238,.8);
     border-top: 8px solid transparent;
     content: "";
     height: 0px;
     margin-top: -8px;
     position: absolute;
     left: 100%;
     top: 50%;
     width: 0px;
}

a:hover.tooltips span {
     right: 100%;
     margin-right: 15px;
     margin-top: -17px;
     opacity: 0.9;
     top: 50%;
     visibility: visible;
     z-index: 999;
  	-webkit-animation: tooltips 2s ease;
  	animation: tooltips 2s ease;
  	-webkit-animation-iteration-count: infinite;
  	animation-iteration-count: infinite;
}

@-webkit-keyframes tooltips2 {
	16.65% {
	    -webkit-transform: translateX(-8px);
	    transform: translateX(-8px);
	}
	33.3% {
	    -webkit-transform: translateX(6px);
	    transform: translateX(6px);
	}
	49.95% {
	    -webkit-transform: translateX(-4px);
	    transform: translateX(-4px);
	}
	66.6% {
	    -webkit-transform: translateX(2px);
	    transform: translateX(2px);
	}
	83.25% {
	    -webkit-transform: translateX(-1px);
	    transform: translateX(-1px);
	}
	100% {
	    -webkit-transform: translateX(0px);
	    transform: translateX(0px);
	}
}

@keyframes tooltips2 {
	16.65% {
	    -webkit-transform: translateX(-8px);
	    transform: translateX(-8px);
	}
	33.3% {
	    -webkit-transform: translateX(6px);
	    transform: translateX(6px);
	}
	49.95% {
	    -webkit-transform: translateX(-4px);
	    transform: translateX(-4px);
	}
	66.6% {
	    -webkit-transform: translateX(2px);
	    transform: translateX(2px);
	}
	83.25% {
	    -webkit-transform: translateX(-1px);
	    transform: translateX(-1px);
	}
	100% {
	    -webkit-transform: translateX(0px);
	    transform: translateX(0px);
	}
}

a.tooltips2 {
  position: relative;
  display: inline;
}

a.tooltips2 span {
     background: #000000 none repeat scroll 0% 0%;
     border-radius: 6px;
     border: 2px solid #6d6d6d;
     box-shadow: 5px 5px 10px #000000;
     color: #ffffff;
     height: 32px;
     line-height: 30px;
     position: absolute;
     text-align: center;
     visibility: hidden;
     width: 250px;
}

a.tooltips2 span:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -12px;
  width: 0; height: 0;
  border-left: 12px solid #6D6D6D;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}

a.tooltips2 span:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -8px;
  width: 0; height: 0;
  border-left: 8px solid #000000;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

a:hover.tooltips2 span {
  visibility: visible;
  opacity: 0.9;
  right: 100%;
  top: 50%;
  margin-top: -17px;
  margin-right: 15px;
  z-index: 999;
  -webkit-animation: tooltips2 2s ease;
  animation: tooltips2 2s ease;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.tooltipb {
	position:relative;
	text-decoration:none;
	cursor:pointer;
}

.tooltipb span { 
	position:absolute; 
	top:50%; 
	margin-left: -120px;
	opacity:0; 
	visibility:hidden; 
	color:#fff; 
	text-align:center; 
	pointer-events:none; 
	border-radius:6px; 
	text-shadow:1px 1px 2px rgba(0, 0, 0, 0.6);
	border:2px solid rgb(255,255,255);
	border:2px solid rgba(255,255,255,.8);
	box-shadow:0px 2px 4px rgba(0,0,0,0.5);
	transition-duration: 0.4s, 0.3s, 0.4s, 0.3s;
	transition-property: opacity, margin-top, visibility, margin-left;
	transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
	padding: 0 5px 5px 5px;
}

.tooltipb span.dif {
	width:190px;
	margin-top:-102px;
}

.tooltipb span:before, .tooltipb span:after {
	content:'';
	position:absolute;
	left:-13px;
	top:50%;
	margin-top:-12px;
	border-top:12px solid transparent;
	border-bottom:12px solid transparent;
	border-right:12px solid rgb(255,255,255);
	border-right:12px solid rgba(255,255,255,.8);
}

.tooltipb span:after {
	left:-10px;
	margin-top:-10px;
	border-width:10px;
}

.tooltipb:hover span {
	opacity:1;
	margin-left: -10px ! important;
	visibility:visible;
}

.tooltipb span:hover {
	visibility:hidden;
}

@media screen and (min-device-width:320px) and (max-device-width:768px) {.tooltipb span{display:none;}.tooltipb:hover span{display:block;} }

.tooltipc {
	position:relative;
	text-decoration:none;
	cursor:pointer;
}

.tooltipc span { 
	position:absolute; 
	top:50%; 
	margin-right: -120px;
	opacity:0; 
	visibility:hidden; 
	color:#fff; 
	text-align:center; 
	pointer-events:none; 
	border-radius:6px; 
	text-shadow:1px 1px 2px rgba(0, 0, 0, 0.6);
	border:2px solid rgb(255,255,255);
	border:2px solid rgba(255,255,255,.8);
	box-shadow:0px 2px 4px rgba(0,0,0,0.5);
	transition-duration: 0.4s, 0.3s, 0.4s, 0.3s;
	transition-property: opacity, margin-top, visibility, margin-right;
	transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
	padding: 0 5px 5px 5px;
}

.tooltipc span.dif {
	width:190px;
	margin-top:-102px;
}

.tooltipc span:before, .tooltipc span:after {
	content:'';
	position:absolute;
	right:-13px;
	top:50%;
	margin-top:-12px;
	border-top:12px solid transparent;
	border-bottom:12px solid transparent;
	border-left:12px solid rgb(255,255,255);
	border-left:12px solid rgba(255,255,255,.8);
}

.tooltipc span:after {
	right:-10px;
	margin-top:-10px;
	border-width:10px;
}

.tooltipc:hover span {
	opacity:1;
	margin-right: -10px;
	visibility:visible;
}

.tooltipc span:hover {
	visibility:hidden;
}

@media screen and (min-device-width:320px) and (max-device-width:768px) {.tooltipc span{display:none;}.tooltipc:hover span{display:block;} } /* iPad & iPhone simulate :hover */

#socialmud_share {
	position:relative;
	z-index:0;
}

.container2 {
	position: relative;
	-webkit-perspective: 1200px;
     	-moz-perspective: 1200px;
     	-o-perspective: 1200px;
     	perspective: 1200px;
}
	
.box {
	width: 100%;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
     	-o-transform-style: preserve-3d;
     	transform-style: preserve-3d;
	-webkit-transition: -webkit-transform 0.6s;
    	-moz-transition: -moz-transform 0.6s;
     	-o-transition: -o-transform 0.6s;
     	transition: transform 0.6s;
}

.box figure {
	display: block;
	position: absolute;
}

.box.panels-backface-invisible figure {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}

.enjoy-css {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  border: none;
  color: rgba(255,255,255,1);
  text-align: center;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -o-text-overflow: clip;
  text-overflow: clip;
  letter-spacing: -1px;
  text-shadow: 0 1px 0 #ccc , 0 2px 0 #c9c9c9 , 0 3px 0 #bbb , 0 4px 0 #b9b9b9 , 0 5px 0 #aaa , 0 6px 1px rgba(0,0,0,0.1) , 0 0 5px rgba(0,0,0,0.1) , 0 1px 3px rgba(0,0,0,0.3) , 0 3px 5px rgba(0,0,0,0.2) , 0 5px 10px rgba(0,0,0,0.25) , 0 10px 10px rgba(0,0,0,0.2) , 0 20px 20px rgba(0,0,0,0.15) ;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}

.horizontalflip {
	-webkit-perspective: 1000px;
  	-ms-perspective: 1000px;
  	-moz-perspective: 1000px;
  	-o-perspective: 1000px;
   	position: relative;
}

.horizontalflip:hover .horizontalcard, .horizontalflip.hover .horizontalcard {
  	transform: perspective(1000px) translateX(-100%) rotatey(-180deg);
  	-ms-transform: perspective(1000px) translateX(-100%) rotatey(-180deg);
  	-moz-transform: perspective(1000px) translateX(-100%) rotatey(-180deg);
  	-webkit-transform: perspective(1000px) translateX(-100%) rotatey(-180deg);
  	-o-transform: perspective(1000px) translateX(-100%) rotatey(-180deg);
}

.horizontalflip, .horizontalcard, .horizontalfront, .horizontalback {
  	cursor: pointer;
}

.horizontalcard {
      -webkit-transform-origin: right center;
         -moz-transform-origin: right center;
           -o-transform-origin: right center;
      -webkit-transition: -webkit-transform 1s;
         -moz-transition: -moz-transform 1s;
           -o-transition: -o-transform 1s;
              transition: transform 1s;
      -webkit-transform-style: preserve-3d;
         -moz-transform-style: preserve-3d;
           -o-transform-style: preserve-3d;
              transform-style: preserve-3d;
    	box-shadow: 0 4px 0 rgba(255, 255, 255, 0.5) inset, 0 3px 0 rgba(0, 0, 0, 0.3), 0 0 4px 4px rgba(0, 0, 0, 0.2), 0 5px 1px rgba(255, 255, 255, 0.22) inset, 0 -3px 1px rgba(0, 0, 0, 0.15) inset, 0 25px 15px rgba(255, 255, 255, 0.12) inset, 0 0 4px 5px rgba(0, 0, 0, 0.1), 0 5px 9px rgba(0, 0, 0, 0.2);
}

.horizontalfront, .horizontalback {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
  	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.horizontalback {
	cursor: pointer;
    	transform: perspective(1000px) translateX(100%) rotatey(180deg);
  	-ms-transform: perspective(1000px) translateX(100%) rotatey(180deg);
  	-moz-transform: perspective(1000px) translateX(100%) rotatey(180deg);
  	-webkit-transform: perspective(1000px) translateX(100%) rotatey(180deg);
  	-o-transform: perspective(1000px) translateX(100%) rotatey(180deg);
}

.verticalflip {
	-webkit-perspective: 1000;
  	-ms-perspective: 1000;
  	-moz-perspective: 1000;
  	-o-perspective: 1000;
   	position: relative;
}

.verticalflip:hover .verticalcard, .verticalflip.hover .verticalcard {
  	transform: perspective(1000px) rotatex(-180deg);
  	-ms-transform: perspective(1000px) rotatex(-180deg);
  	-moz-transform: perspective(1000px) rotatex(-180deg); 
  	-webkit-transform: perspective(1000px) rotatex(-180deg); 
  	-o-transform: perspective(1000px) rotatex(-180deg);
}

.verticalflip, .verticalcard, .verticalfront, .verticalback {
  	cursor: pointer;
}

.verticalcard {
	-webkit-transition: all ease 0.6s;
	-webkit-transform-style: preserve-3d;
	-moz-transition: all ease 0.6s;
	-moz-transform-style: preserve-3d;
   	-o-transition: all ease 0.6s;
	-o-transform-style: preserve-3d;
	transition: all ease 0.6s;
	transform-style: preserve-3d;
	position: relative;
 	box-shadow: 0 4px 0 rgba(255, 255, 255, 0.5) inset, 0 3px 0 rgba(0, 0, 0, 0.3), 0 0 4px 4px rgba(0, 0, 0, 0.2), 0 5px 1px rgba(255, 255, 255, 0.22) inset, 0 -3px 1px rgba(0, 0, 0, 0.15) inset, 0 25px 15px rgba(255, 255, 255, 0.12) inset, 0 0 4px 5px rgba(0, 0, 0, 0.1), 0 5px 9px rgba(0, 0, 0, 0.2);
}

.verticalfront, .verticalback {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
  	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.verticalback {
	cursor: pointer;
    	transform: perspective(1000px) rotatex(180deg);
  	-ms-transform: perspective(1000px) rotatex(180deg);
  	-moz-transform: perspective(1000px) rotatex(180deg);
  	-webkit-transform: perspective(1000px) rotatex(180deg);
  	-o-transform: perspective(1000px) rotatex(180deg);
}

.social-icons {
	-webkit-transition: all ease 0.6s;
	-webkit-transform-style: preserve-3d;
	-moz-transition: all ease 0.6s;
	-moz-transform-style: preserve-3d;
   	-o-transition: all ease 0.6s;
	-o-transform-style: preserve-3d;
	transition: all ease 0.6s;
	transform-style: preserve-3d;
	position: relative;
}


figure {
  margin: 0;
}