@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;
}

.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 */

#slidesocialconnect {
	position: fixed;
	z-index: 100;
}

.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;
  text-align: center;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -o-text-overflow: clip;
  text-overflow: clip;
  letter-spacing: -1px;
}

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


.sharebadgeright {
	display: block;
	position: absolute;
	top: 50%;
	margin-left: 12px;
}
        
.sharebadgeleft {
	display: block;
	position: absolute;
	top: 50%;
	margin-right: 12px;
}

section {
  display: block;
}

figure {
  margin: 0;
}