/*
    Fuse Ants Pro (Evelyn)
    Version: 1.4
    
    http://fuseblue.com
*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
	font-style: normal;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: .2px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4 {
    line-height: 1.3;
    /*margin: 0 0 15px 0;*/
    font-weight: 700;
}
h1 { font-size: 2.2em;}    
h2 { font-size: 1.675em; }
h3 { font-size: 1.3em; line-height: 1.2;}
h4 { font-size: 1.25em; line-height: 1;}
a, a:focus, a:visited {
	text-decoration: none;
    outline: 0;
}
img {
	display: block;
	height: auto;
	max-width: 100%;
}
iframe, video {
    display: block;
    max-width: 100%!important;
    box-shadow: none!important;
}
figure {
    margin: 0 0 15px;
}
p {
    line-height: 1.4;
    margin: 0 0 15px;
    word-wrap: break-word;
}
p:last-child {
    margin: 0;
}
blockquote {
    margin: 0 0 15px;
    border-left: 5px solid #f1f1f1;
    padding-left: 15px;
}
ul, ol {
    padding: 0 0 0 20px;
}
.cl:after {
	display: block;
	clear: both;
	content: "";
}
a.btn {
    display: inline-block;
    padding: 0 11px;
    border-radius: 2px;
    color: #fff!important;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}
a.btn:hover {
    transition: all 0.5s ease-in-out;
}
.left { float: left;}
.right { float: right; }
/* main */
.index #fuse {
	overflow: hidden;
    transition: .5s padding;
}
/* permalink */
.permalink #fuse {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
}
.permalink #fuse-ants article {
    width: 100%!important;
    margin: 40px 0 0;
}
.permalink #header {
    position: relative;
}
.permalink #header .fuse-sidebar-toggle {
    position: absolute;
}

.title {
    position: relative;
    margin: 0 0 30px;
}
.permalink .leaderboard {
    margin: 0 auto;
}
/* Ants */
#fuse-ants {
    width: 100%;
}
#fuse-ants.sort {
    /*padding: 50px 0 0;*/
}
/*@media (max-width: 780px) {
    #fuse-ants {
        float: none;
        width: 100%;    }
}*/
.wrap {
    width: 100%;
    /*max-width: 1140px;*/
    padding: 0 40px;
    margin: 0 auto;
    position: relative;
    opacity: 1;
    visibility: visible;
    transition: all .4s;
}
.wrap-small {
	width: 100%;
	max-width: 560px;
	padding: 0 30px;
	margin: 0 auto;
	position: relative;
}
/*.permalink #fuse .wrap {
    max-width: 900px;
}*/
#fuse-post-loader {
	position: fixed;
	display: inline-block;
    font-size: 14px;
	left: 50%;
	transform: translateX(-50%);
	padding: 15px 20px; 
	margin: 0;
	border-radius: 2px;
	cursor: pointer;
	bottom: -60px;
	z-index: 100001;
}
@media (max-width: 940px) {
    #fuse-post-loader {
        left: 50%;
    }
}
/* header */
#header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0 0 40px;
    padding: 40px 0;
    background-size: cover; 
    z-index: 999997;
    transition: all .4s;
}
#header.scroll .header-meta, #header.scroll .avatar, #header.scroll .wrap {
    opacity: 0;
    visibility: hidden;
    transition: all .4s;
}
#header.scroll .scroll-title {
    opacity: 1;
    visibility: visible;
    transition: all .4s;
}
#header .scroll-title {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translateY(-50%); 
    transition: all .4s;
}
#header .avatar {
    width: 80px;
    float: left;
    margin: 0 20px 0 0;
    transition: all .4s;
}
#header .avatar.circle img {
    border-radius: 50%;
}
#header .header-meta {
    float: left;
    transition: all .4s;
}
#header .title {
    font-size: 20px;
    font-weight: 800;
}
#header .title span {
    font-weight: 400;
}
#header #description {
    font-size: 11px;
    width: 280px;
    margin: 10px 0 0 15px;
}
@media (max-width: 500px) {
    #header {
        font-size: 28px;
    }
}
#banner {
    position: relative;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #3f6530;
    margin: 0;
    padding: 120px 0;
}
#banner .title {
    font-family: 'Droid Serif', serif;
    font-weight: 800;
    font-size: 36px;
    text-align: center;
    color: #9c9850;
    display: block;
    margin: 0 0 15px;
}
#banner .title span {
    font-weight: 400;
}
#banner #description:before {
    background: #fff;
    width: 40px;
    height: 2px;
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    opacity: .2;
}
#banner #description {
    position: relative;
    font-family: 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
    font-size: 16px;
    text-align: center;
    color: #fff;
    max-width: 600px;
    margin: 0 auto;
    padding: 15px 40px 0;
}
.icons {
    position: absolute;
    bottom: 20px;
    right: 20px;
    font-size: 20px;
}
.icons ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.icons ul li {
    float: left;
    margin: 0 0 0 10px;
    padding: 0;
}
/* sidebar */
#sidebar {
    float: right;
    width: 31%;
}
@media (max-width: 780px) {
    #sidebar {
        float: none;
        width: 100%;
    }
}
/* post styles */
.post {
    max-height: 800px;
}
.post > a, .post img {
    display: block;
}
.inside {
    position: relative;
    /*background: #fff;*/
}
/*.post iframe, .posts video {
    height: 160px;
}*/
.post blockquote {
    border: none;
    padding: 0 0 0 15px;
}
.post .post-meta {
    margin: 0;
    /*background: #fff;*/
    /*box-shadow: 0 2px 1px rgba(0,0,0,.07);*/
    padding: 16px 14px;
}
.post .post-meta ul.tags {
    margin: 0 0 15px;
    padding: 0;
}
.post .post-meta ul.tags a {
    color: #3171FF;
}
.post .post-meta ul.tags a:hover {
    color: #133C95;
}
.post .post-meta .meta {
    font-size: 13px;
    margin: 0;
    padding: 16px 0 0;
    border-top: 2px solid #EFEFEF;
    font-weight: 700;
    text-transform: uppercase;
    clear: both;
}
.post .post-meta .meta .fa {
    margin: 0 5px 0 0;
}
.permalink .post .post-meta .meta {
    font-size: 14px; 
}
.post.hide {
    display: none;
}
.caption {
    font-family: 'PT Serif', 'Helvetica', serif;
    font-weight: 700;
    color: #505050;
    font-size: 16px;
}
.index .caption {
    margin: 0 0 15px;
}
.permalink .caption {
    background: #fff;
    box-shadow: 0 2px 1px rgba(0,0,0,.07);
    padding: 32px 14px 16px;
}
.permalink .post-meta {
    background: #fff;
}
.permalink .meta .post-share-parent { 
    float: left;
}
/* post-photo */
.post-photo, .post-photoset {
    border: none !important;
    background: none !important;
    position: relative;
}
/* photoset */
.fuse-photoset {
    position: relative;
    transition: height .3s;
}
.permalink .fuse-photoset {
    margin: 0 auto;
}
.fuse-photoset.open .ps-nav-left, .fuse-photoset.open .ps-nav-right {
    z-index: 0;
}
.ps-nav-left, .ps-nav-right {
    position: absolute;
    height: 100%;
    width: 50%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}
.ps-nav-left {
    cursor: w-resize;
    left: 0;
}
.ps-nav-right {
    cursor: e-resize;
    right: 0;
}
.photoset-count {
    position: absolute;
    top: 15px;
    left: 15px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    font-style: italic;
    z-index: 2;
}
.single-photoset.active {
    opacity: 1;
    transition: opacity .5s;
}
.single-photoset:first-child {
    position: relative;
}
.single-photoset {
    display: block;
    position: absolute;
    top: 0;
    opacity: 0;
    width: 100%;
    transition: opacity .5s;
}
.fuse-photoset.cps:hover .single-photoset:not(.active) {
    opacity: .2;
}
/*.active {
    opacity: 1;
    visibility: visible;
}*/
/* post-audio */
.post-audio {
    background: none;
}
.post-audio .inside {
    /*padding: 13px;*/
}
.post-audio .post-meta {
    display: none;
}
/* post-answer */
.post-answer {
}
.post-answer .inside {
    padding: 13px;
}
.asker-box img {
    float: left;
    margin: 0 6px 0 0;
    max-width: 24px;
}
.the-asker {
    float: left;
    text-align: left;
}
.answer {
    text-align: left;
}
.answer p { margin: 0 ; }
.asker {
    text-decoration: underline;
}
/* post-video */
.post-video {
    background: none;
}
.post-video .inside {
    /*padding: 13px;*/
}
.post-video .post-meta {
    display: none;
}
/* post-text */
    
.post-text {
    overflow: auto;
}
.post-text .inside {
    padding: 13px;
}
.post-text blockquote {
    border: none;
    padding: 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
}
/* post-quote */
.post-quote {}
.post-quote .inside {
    padding: 13px;
}
.post-quote blockquote {
    border: none;
    padding: 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
}
/* post-link */
.post-link {
    background: #5f97cc;
}
.post-link .inside {
    padding: 13px;
}
.post-link .inside > p {
    margin: 0;
}
.post-link .inside a {
    color: #000;
}
.post-link .post-meta .meta {
    border-top: 2px solid #000;
}
/* post-chat */
.post-chat {
    border-top: none;
    border-bottom: none;
}
.post-chat .inside {
    padding: 13px;
}
ul.chat {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.chat li {
    padding: 8px 0;
    line-height: 1.3;
}
.person {
    font-weight: 700;
    margin: 0 3px 0 0;
}
/* four col */
.ants-item-five, .ants-sizer-five {
    width: 16.56%;
}
.ants-item-five.double-width {
    /*width: 50%;*/
}
.ants-item-five.full-width {
    width: 100%;
}
.ants-item-five {
    margin: 0 0 3%;
}
.ants-gutter-five {
    width: 4%;
}
.full-width img {
    width: 100%;
}
@media (max-width: 980px) {
    .ants-item-five, .ants-sizer-five {
        width: 30.63%;
    }
}
@media (max-width: 720px) {
    .ants-item-five, .ants-sizer-five {
        width: 48%;
    }
}
@media (max-width: 425px) {
    .ants-item-five, .ants-sizer-five {
        width: 100%;
        margin: 0 0 40px;
    }
    .ants-gutter-five {
        width: 0;
    }
}
.post.full-width {
    width: 100%;
}
/* post overlay */
.overlay {}
.overlay-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    cursor: url("http://static.tumblr.com/evx2wil/6N2o49gaj/plus.svg"),auto;
    background: linear-gradient(to bottom, rgba(20,20,20,0.7) 0%, transparent 30%, transparent 70%, rgba(20,20,20,0.7) 100%);
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out, visibility 0.5s linear;
}
article.post:hover .overlay, article.post:hover .overlay-bg, article.post:hover .note-count, article.post:hover .share {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, visibility 0.3s linear;
}
.note-count {
	position: absolute;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
    text-transform: uppercase;
	text-align: center;
	top: 27px;
    left: 50%;
    width: 100%;
    transform: translate(-50%,-50%);
    visibility: hidden;
    opacity: 0;
    z-index: 2;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, visibility 0.3s linear;
}
.note-count i {
	margin: 0 8px 0 0;
}
.note-count a {
    color: #fff;
}
.note-count a:hover {
    color: #f1f1f1;
    cursor: pointer;
}
/* Share */
.share {
	position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index:2;
    text-align: center;
    color: #ccc;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
}
.share li {
	float: left;
	margin: 0 8px 0 0;
}
.share li:last-child {
	margin: 0;
}
.permalink .share li {
    margin: 0 0 0 2px;
}
.like_toggle {
    height: 15px!important;
    width: 19px;
}
.overlay .post-reblog a {
	color: #ccc;
}
.share.index {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, visibility 0.3s linear;
}
.share.index .fa-retweet {
    font-size: 1.5em;
}
.post-meta .like_button, .fuse-caption .like_button, .share .post-like {
    position: relative;
}
.like_button iframe {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    margin-top: -2px;
}

.post-meta .like_button.liked, .fuse-caption .like_button.liked, .like_button.liked .fa {
    color: #FF6B6B !important;
    transition: .2s all;
}
.post-share {
    left: 0;
    color: #ffffff;
    margin: 0;
    padding:0;
    opacity: 0;
    position: absolute;
    visibility: hidden;
    z-index: 4;
    text-align:center;
    bottom: 0;
    width:100%;
    height:100%;
    background:rgba(30,30,30,0.8);
    transition: all 0.3s ease-in-out;
}
.post-share.open {
    opacity:1;
    visibility:visible;
    transition: all 0.3s ease-in-out;
}
.social-media {
    font-size:22px;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    width:100%;
}
.social-media a {
    color:#aaaaaa;
    padding:0 5px;
    display:block;
    line-height:36px;
}
.social-media span {
    display:inline-block;
}
.social-media a:hover {
    color:#ffffff;
}
.social-media-footer {
    position:absolute;
    bottom:15px;
    left:0;
    text-align:center;
    font-size:10px;
    width:100%;
}
.social-media-footer .open-post {
    display:block;
    padding:0 25px;
}
.social-media-footer a {
    color:white;
    margin-bottom:16px;
}
.social-media-footer a:last-child {
    margin:0;
}
.close-post-share {
    position:absolute;
    right:15px;
    top:15px;
    z-index:1;
    cursor:pointer;
    opacity:0.6;
    transition:0.2s ease-in-out;
    color: #fff;
    font-size: 17px;
}
.close-post-share:hover {
    opacity:1;
}
.share-toggle {
    position:relative;
    cursor:pointer;
}
.permalink .media {
    /*margin: 0 0 30px;*/
}
.permalink .media a { 
    display: block;
}
.permalink .media img, .permalink .media iframe {
    margin: 0 auto;
}
.permalink .post-meta {
    font-weight: 700;
    margin: 0 0 30px;
}
.meta .meta-date {
    margin: 0 20px 0 0;
}
ul.tags {
    clear: both;
    list-style: none;
    margin: 0;
    padding: 30px 0 0;
}
ul.tags li {
    display: inline-block;
    margin: 0 10px 0 0;
}
.share.permalink {
    position: relative;
    bottom: 0;
    left: 0;
    float: right;
    transform: none;
    width: 41px;
    margin: 0 0 10px;
    cursor: pointer;
}
.share.permalink .like_toggle {
    height: 15px;
    width: 15px;
}
.share.permalink .fa-retweet {
    vertical-align: 0%;
    font-size: 1.2em;
}
.permalink .share.permalink {
    width: auto;
}
.standard-share {
    position: absolute;
    padding: 10px 0 0;
    top: 15px;
    left: 0;
    background: #ffffff;
    border-radius: 3px;
    opacity: 0;
    z-index: 1;
    width: 120px;
    visibility: hidden;
    transition: .3s all;
}
.standard-share a {
    color: #4a4a4a;
}
.standard-share .fa {
    margin: 0 8px 0 0;
}
.standard-share span {
    display: block;
    margin: 0;
}
.standard-share span a {
    display: block;
    padding: 8px;
    line-height: 0;
    font-weight: 400;
}
.standard-share span a {
    color: #111111!important;
}
.post-share-parent {
    position: relative;
    float: left;
    cursor: pointer;
}
.post-share-toggle {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}
.permalink .post-share-toggle {
    font-size: inherit;
}
.post-share-parent:hover .standard-share {
    opacity: 1;
    visibility: visible;
    transition: .3s all;
}
#permalink-notes {
    padding: 20px 0 30px;
    text-align: center;
}
ol.notes {
    list-style: none;
    margin: 0;
    padding: 0;
}
ol.notes li {
    margin: 0 4% 10px 0;
}
ol.notes li:nth-of-type(2n) {
    margin: 0 0 10px;
}
@media (max-width: 600px) {
    ol.notes li {
        width: 100%;
        float: none;
        margin: 0 0 10px 0;
    }
}
.notes .avatar_frame {
    margin-right: 5px;
    display: inline-block;
}
.notes .avatar_frame img {
    border-radius: 2px;
}
.more_notes_link_container {
    clear: both;
    width: 100%!important;
    padding: 30px 0;
}
.post-navigation {
    text-align: center;
    width: 100%;
    min-height: 21px;
    margin-bottom: 40px;
}
.post-navigation > div {
    display: inline-block;
}
.post-navigation > div:first-child {
    margin: 0 10px 0 0;
}
/* Ants sort */
#ants-sort {
    position: fixed;
    bottom: 20px;
    left: 20px;
    padding: 0;
    background: #fff url(http://static.tumblr.com/evx2wil/UEpo8w5fu/arrdwn.png) 95% center no-repeat;
    overflow: hidden;
    width: 185px;
    height: 33px;
    z-index: 999997;
}
#ants-sort b {
    float: left;
    margin: 10px 0 0 8px;
    font-size: 12px;
    text-transform: uppercase;
    color: #505050;
}
#ants-sort select {
    background: transparent;
    position: absolute;
    top: 1px;
    border: none;
    height: 29px;
    padding: 5px;
    width: 150px;
    font-size: 13px;
    color: #9B9B9B;
    -webkit-appearance: none;
}
/* Footer */
#footer {
	border-top: 1px solid #D8D8D8;
	background: #fff;
	padding: 14px 0; 
	font-size: 13px;
}
#footer p {
	margin: 0;
	float: left;
}
#footer .icons {
	bottom: -3px;
}
/* Misc */
#fuse-detector {
    clear: both;
}
.center {
    display: table-cell;
    vertical-align: middle;
}
#ants-loader {
    position: fixed;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000000;
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
#ants-loader .loading-icon {
    border-radius: 50%;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin: 0 8px;
    animation-name: spin;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(0.55, 0.15, 0.45, 0.85);
}
#lAdCode {
    display: none;
}
/* Shop */
.shop-page #fuse-ants {
    width: 100%;
    float: none;
    min-height: calc(100vh - 200px);
}
.shop-page #sidebar {
    display: none;
}
.thirds {}
.thirds ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.thirds li {
    float: left;
    width: 32%;
    margin: 0 2% 2% 0;
    padding: 0;
}
.thirds li:nth-of-type(3n) {
    margin: 0 0% 2% 0;
}
.buy-meta {
}
.buy-meta ul {
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
}
.buy-meta li {
    float: left;
    width: auto;
    margin: 0 3% 0 0;
    padding: 0;
    line-height: 38px;
    text-transform: uppercase;
    color: #000;
}

/* 
/* 
/* Tooltipster
/* 
*/

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
    background: #111111;
    color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
    font-size: 12px;
    line-height: 16px;
    padding: 6px 8px;
    overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
    /* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
    cursor: help;
    margin-left: 4px;
}


/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
    padding: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999999;
    pointer-events: none;
    width: auto;
    overflow: visible;
}
.tooltipster-base .tooltipster-content {
    overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
    display: block;
    width: 0; 
    height: 0;
    position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 8px solid;
    bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-top: 9px solid;
    bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-bottom: 8px solid;
    top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-bottom: 9px solid;
    top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
    left: 0;
    right: 0;
    margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
    left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
    right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
    right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important; 
    border-left: 8px solid;
    top: 50%;
    margin-top: -7px;
    right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important; 
    border-left: 9px solid;
    margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important; 
    border-right: 8px solid;
    top: 50%;
    margin-top: -7px;
    left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important; 
    border-right: 9px solid;
    margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
}
.tooltipster-fade-show {
    opacity: 1;
}

.tooltipster-grow {
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -o-transform: scale(0,0);
    -ms-transform: scale(0,0);
    transform: scale(0,0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -o-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
}
.tooltipster-swing-show {
    opacity: 1;
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
    -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
    -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
    -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
    -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
    transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
    top: 0;
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    -ms-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    top: 0px !important;
    opacity: 0;
}

.tooltipster-slide {
    left: -40px;
    -webkit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    -ms-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    left: 0px !important;
    opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
    opacity: 0.5;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}