@charset "utf-8";
/* Social Media Links Slider*/
div.soclinks a {display:inline-block; width:auto; outline:none;}
div.soclinks a img {border:none ! important;}
div.soclinks a:hover {background:none ! important;}
div.soclinks a:link {color: #000000 ! important; text-decoration: none ! important; }
div.soclinks a:active {color: #000000 ! important; text-decoration: none ! important; }
div.soclinks a:visited {color: #000000  ! important; text-decoration: none ! important; }
div.soclinks a:hover {color: #000000  ! important; text-decoration: none  ! important; }
div.soclinks a img:hover {
	opacity:1.0 !important;
	filter:alpha(opacity=100)!important;
}
.clr {clear:both;}
	
.contentpane .soclinks {display: none;}
.s-box .soclinks {display: none;}
.component-body .soclinks {display: none ! important;}

.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;
	background: -webkit-linear-gradient(top, #FBF5E6, #FFFFFF) !important;
	background: linear-gradient(top, #FBF5E6, #FFFFFF) !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;
}

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

a.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;
}

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

a.tooltipb span:before, a.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);
}

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

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

a.tooltipb span:hover {
	visibility:hidden;
}

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

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

a.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;
}

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

a.tooltipc span:before, a.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);
}

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

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

a.tooltipc span:hover {
	visibility:hidden;
}

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

.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;
 	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);
}

.tabtextright {
	position: absolute;
  	left: 0px;
  	top: 0px;
	transform: rotate(-90deg);
     -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     white-space: nowrap;
}

.tabtextleft {
	display: block;
	position: absolute;
	transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
	right: 0px;
	top: 0px;
     white-space: nowrap;
}

.tabcontentright {
	box-shadow: 0 0 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);
}

.tabcontentleft {
     box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5) inset, 0px 2px 2px rgba(0, 0, 0, 0.3), 0px 0px 4px 1px rgba(0, 0, 0, 0.2), 0px 3px 2px rgba(255, 255, 255, 0.22) inset, 0px -3px 2px rgba(0, 0, 0, 0.15) inset, 0px 20px 10px rgba(255, 255, 255, 0.12) inset, 0px 0px 4px 1px rgba(0, 0, 0, 0.1), 0px 3px 2px rgba(0, 0, 0, 0.2) ! important;
}

.sharebadgeright {
	display: block;
	position: absolute;
	top: 50%;
	margin-left: 12px;
	box-shadow: 0 0 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);
}
        
.sharebadgeleft {
	display: block;
	position: absolute;
	top: 50%;
	margin-right: 12px;
     box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5) inset, 0px 2px 2px rgba(0, 0, 0, 0.3), 0px 0px 4px 1px rgba(0, 0, 0, 0.2), 0px 3px 2px rgba(255, 255, 255, 0.22) inset, 0px -3px 2px rgba(0, 0, 0, 0.15) inset, 0px 20px 10px rgba(255, 255, 255, 0.12) inset, 0px 0px 4px 1px rgba(0, 0, 0, 0.1), 0px 3px 2px rgba(0, 0, 0, 0.2) ! important;
}