/* #Basic Styles
================================================== */
/* raleway-300 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('../font/raleway-v12-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Raleway Light'), local('Raleway-Light'),
       url('../font/raleway-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/raleway-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/raleway-v12-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../font/raleway-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/raleway-v12-latin-300.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-300italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 300;
  src: url('../font/raleway-v12-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Raleway Light Italic'), local('Raleway-LightItalic'),
       url('../font/raleway-v12-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/raleway-v12-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/raleway-v12-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../font/raleway-v12-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/raleway-v12-latin-300italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../font/raleway-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Raleway'), local('Raleway-Regular'),
       url('../font/raleway-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/raleway-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/raleway-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../font/raleway-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/raleway-v12-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-500 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url('../font/raleway-v12-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Raleway Medium'), local('Raleway-Medium'),
       url('../font/raleway-v12-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/raleway-v12-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/raleway-v12-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../font/raleway-v12-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/raleway-v12-latin-500.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 400;
  src: url('../font/raleway-v12-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Raleway Italic'), local('Raleway-Italic'),
       url('../font/raleway-v12-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/raleway-v12-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/raleway-v12-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../font/raleway-v12-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/raleway-v12-latin-italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-500italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 500;
  src: url('../font/raleway-v12-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local('Raleway Medium Italic'), local('Raleway-MediumItalic'),
       url('../font/raleway-v12-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/raleway-v12-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/raleway-v12-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../font/raleway-v12-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/raleway-v12-latin-500italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-600italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 600;
  src: url('../font/raleway-v12-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Raleway SemiBold Italic'), local('Raleway-SemiBoldItalic'),
       url('../font/raleway-v12-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/raleway-v12-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/raleway-v12-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../font/raleway-v12-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/raleway-v12-latin-600italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-600 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('../font/raleway-v12-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Raleway SemiBold'), local('Raleway-SemiBold'),
       url('../font/raleway-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/raleway-v12-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/raleway-v12-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../font/raleway-v12-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/raleway-v12-latin-600.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-700 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('../font/raleway-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Raleway Bold'), local('Raleway-Bold'),
       url('../font/raleway-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/raleway-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/raleway-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../font/raleway-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/raleway-v12-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-800 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: url('../font/raleway-v12-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Raleway ExtraBold'), local('Raleway-ExtraBold'),
       url('../font/raleway-v12-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/raleway-v12-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/raleway-v12-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../font/raleway-v12-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/raleway-v12-latin-800.svg#Raleway') format('svg'); /* Legacy iOS */
}
	
	
	
	
	
	
	
	body {
		background: white;
		font-family: 'Raleway', "aktiv-grotesk-std", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: rgb(51,51,51); /* #333333 gray20 */
		font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
    line-height: 1.6;
    font-weight: 400;
	}

	::-webkit-selection {
    background: rgb(51,51,51); /* #333333 gray20 */
    color: #fff;
    text-shadow: none;
  }
 
 	::-moz-selection {
    background: rgb(51,51,51); /* #333333 gray20 */
    color: #fff;
    text-shadow: none; 
 	}

 	::selection {
    background: rgb(51,51,51); /* #333333 gray20 */
    color: #fff;
    text-shadow: none;
 	}
 		
 	.container {
    padding-top: 40px;
  }

  /* Larger than tablet */
  @media (min-width: 750px) {
    
    header {
/*       position: fixed; */
    }
  
  }

 	.intro {
    padding-top: 60px;
  }
  	
  /* Larger than mobile */
  @media (min-width: 400px) {
    
    .intro {
/*       padding-top: 20px; */
    }
      
  }	
    
  /* Larger than tablet */
  @media (min-width: 750px) {
    
    .intro {
/*       padding-top: 120px; */
    }
    
    .lead {
      font-size: 18px;
      line-height: 30px;  	
    }

      
  }	
  
  .intro p {
    font-size: 20px;
    line-height: 32px;  	
  }
  
    
  /* TABS */
	.tabs { 
  	 margin: 0 0 16px 0; 
  	 padding: 0; 
  }
  
  .tab { display: inline-block; zoom:1; *display:inline; border: none; padding: 0; margin-bottom: 0; margin-right: 10px; }
/*     .tab a { text-transform: uppercase; } */
  
  
  .tab-last {
    margin-right: 0px;
  }

  /* Larger than mobile */
  @media (min-width: 400px) {
    
    .tab {
      margin-right: 20px;
    }
      
  }
  
  .tab:hover { border: none; }
  .tab a:hover {}
  .tab.active {}
  .tab a.active { font-weight: bold; border-bottom: 1px solid rgb(51,51,51); /* #333333 gray20 */ border: none; }
  .tab-container .panel-container { background: #fff; border: solid #666 1px; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }
  .panel-container { margin-bottom: 10px; }
 	
 	.subtitle {
    color: rgb(179, 179, 179); /* #B3B3B3 gray70 */ 	
 	}
 	
	p.small {
		font-size: 13px;
		line-height: 22px;
	}
	
	.imprint {
  	margin: 0 0 0 10px;
  	margin-left: 0;
	}
	 
 	#imprint {
 		display: none;
 		float: left;
 	}
 	
 	.fa-file-pdf-o {
    color: rgb(116, 193, 206); /* #74c1ce */
 	}

 
/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 {
		color: rgba(0,0,0,0.8);
		color: rgb(51,51,51); /* #333333 gray20 */
		font-family: 'Raleway', "aktiv-grotesk-std", "futura-pt", "Georgia", "Times New Roman", Helvetica, Arial, sans-serif;
		font-weight: normal; 
		text-shadow: white 1px 1px 0px; 
		}
	
	small { color: #A6A6A6; text-shadow: none; }	
		
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } /* Header */
	h1 { font-size: 30px; line-height: 40px; margin-bottom: 0px; letter-spacing: 1px; text-transform: uppercase; font-weight: 600;}
	
	h2 { color: rgb(179, 179, 179); /* #B3B3B3 gray70 */ font-size: 16px; line-height: 22px; margin-bottom: 10px;} /* Headerinformation */
	h2 span { cursor: pointer;  border-bottom: 1px dotted #B3B3B3; text-decoration: none; outline: 0; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; padding-bottom: 2px;}
	h2 span:hover, h5 span:focus { border-bottom: 1px dotted rgb(51,51,51); /* #333333 gray20 */ }
		
	h3 { font-size: 16px; line-height: 30px; margin-bottom: 4px; text-transform: uppercase; } /* Projekte */
	h3 small { margin-left: 20px; text-transform: none; }
	h3 span { cursor: pointer;  border-bottom: 1px solid rgb(179, 179, 179); /* #B3B3B3 gray70 */ text-decoration: none; outline: 0; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; }
	h4 small { text-transform: none; letter-spacing: 0; }
	h3 span:hover, h4 span:focus { border-bottom: 1px solid rgb(51,51,51); /* #333333 gray20 */ }
	
	h4 { letter-spacing: 0px; /* font-size: 20px; */ margin: 0 0 10px 0; letter-spacing: 1px; text-transform: uppercase; } /* Section */
	
	/* Larger than phablet (also point when grid becomes active) */
  @media (min-width: 550px) {
    
    h4 {
      font-size: 16px;
      line-height: 24px;  
    }
    
  }
  
  /* Larger than tablet */
  @media (min-width: 750px) {
    
    h4 {
      font-size: 20px; 
      line-height: 20px;
    }
    
  }
	
	h5 { font-size: 14px; line-height: 21px; margin-bottom: 0px; text-transform: uppercase; } /* Projektinfos */
		
	h6 { font-size: 15px; font-weight: 600; line-height: 24px; margin-bottom: 0; } /* Impressum */
	

	p { 
		margin: 0 0 20px 0; 
/*
		-moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
*/
	}
	
	p.last { margin: 0; }
	.right { float: right; }
	p img { margin: 0; }
	p small { color: #A6A6A6; }

	em { font-style: italic; }
	strong { font-weight: bold; color: rgb(51,51,51); /* #333333 gray20 */ }
	small { font-size: 80%; }

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	hr { border: 1px solid rgb(229, 229, 229); /* #E5E5E5 gray90 */ border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }
  
  
  img {
    max-width: 100%;
  }
  
  @media (max-width: 550px) {
    
    .contact {
      text-align: center;
    }
     
  }
  

/* #Links
================================================== */
	a, a:link, a:visited { 
		border-bottom: 1px dotted rgb(179, 179, 179); /* #B3B3B3 gray70 */ 
		border-bottom: 1px dotted rgb(204, 204, 204); /* #CCCCCC gray80 */
    border-bottom: 1px dotted rgba(116, 193, 206, 0.6); /* #74c1ce */
    color: rgb(51,51,51); /* #333333 gray20 */
    color: rgb(116, 193, 206); /* #74c1ce */
    text-decoration: none; 
		outline: 0; 
		-webkit-transition: all 0.25s linear; 
		-moz-transition: all 0.25s linear; 
		-o-transition: all 0.25s linear; 
		-ms-transition: all 0.25s linear; 
		transition: all 0.25s linear;
	} 
	
	a:hover, a:focus { 
		border-bottom: 1px solid rgb(51,51,51); /* #333333 gray20 */
		border-bottom: 1px solid rgb(116, 193, 206); /* #74c1ce */
	}
	
	a.metalinks {
    border: none;
    color: rgb(166, 166, 166); /* #A6A6A6 gray65 */
    color: rgba(116, 193, 206, 0.6); /* #74c1ce */
  	margin-left: 20px;
	}
	
	a.metalinks:hover,
	a.metalinks:focus {
  	color: rgb(51,51,51); /* #333333 gray20 */
  	color: rgb(116, 193, 206); /* #74c1ce */
	}
	

/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { 
  	font-size: 14px;
  	line-height: 14px;
  	border-bottom: 1px solid rgb(229, 229, 229); /* #E5E5E5 gray90 */
  	padding: 0px 0 6px;
  	
  	-webkit-transition: all 0.25s linear; 
		-moz-transition: all 0.25s linear; 
		-o-transition: all 0.25s linear; 
		-ms-transition: all 0.25s linear; 
		transition: all 0.25s linear;
  	
	}
	
	li:hover {
  	border-bottom: 1px solid rgb(204, 204, 204); /* #CCCCCC gray80 */
	}
	
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }
	
	
	li span {
    color: rgb(166, 166, 166); /* #A6A6A6 gray65 */
    color: rgb(179, 179, 179); /* #B3B3B3 gray70 */
    font-size: 11px;
    letter-spacing: 1px; 
    margin: 0 10px 0 0;
    text-transform: uppercase;
  }
    
  .referenzen {
      margin-top: 5px;
  }
  
  .fa-ul {
    margin-left: 20px;
  }
  
  .fa-ul li {
    border: none;
    line-height: 18px;
  }
  
  .fa-ul li .fa-li {
    color: rgb(229, 229, 229); /* #E5E5E5 gray90 */
    color: rgba(116, 193, 206, 0.6); /* #74c1ce */
  }


/* #Misc
================================================== */
	.remove-bottom { margin-bottom: -20px !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 80px !important; }
	.add-top { margin-top: 10px !important; }
	.add-more-top { margin-top: 30px !important; }
	
	.portrait {
  	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: auto;
    vertical-align: middle;
    max-width: 220px;
    height: auto;
    border-width: 0;
/*     margin-top: 20px; */
    margin-bottom: 30px;
    display: block;
    margin-left: auto;
    margin-right: auto;
	}
	
	/* Larger than mobile */
  @media (min-width: 550px) {

    .portrait {
/*       margin-top: 56px; */
      max-width: 100%;  
    }
  }
  
  /* Larger than mobile */
  @media (min-width: 1100px) {

    .portrait {
/*       margin-top: 40px; */
      max-width: 90%;  
    }
  }
  
	
/* #Tooltipster
================================================== */
  
  .tooltipster-default {
  	border-radius: 5px; 
  	background: rgb(242, 242, 242); /* #F2F2F2 gray95 */
  	background: rgb(229, 229, 229); /* #E5E5E5 gray90 */
  	background: rgb(116, 193, 206);	
  	color: white;
  }
  
  .tooltipster-current {
    border-radius: 5px; 
    background: rgb(255, 66, 0);
    color: white;
  }
  
  .tooltipster-default a:link,
  .tooltipster-default a:visited,
  .tooltipster-current a:link,
  .tooltipster-current a:visited {
    border-bottom: 1px dotted white;
    color: white;
  }
  
  .tooltipster-default a:hover,
  .tooltipster-current a:hover   {
    border-bottom: 1px solid white;
  }
  
  /* Use this next selector to style things like font-size and line-height: */
  .tooltipster-default .tooltipster-content,
  .tooltipster-current .tooltipster-content   {
  	font-family: 'Raleway', Arial, sans-serif;
  	font-size: 12px;
  	line-height: 16px;
  	padding: 8px 10px;
  	overflow: hidden;
  }
  
  
  
  
  
  
  .tooltip {
    color: rgba(116, 193, 206, 0.6); /* #74c1ce */
    color: rgb(116, 193, 206); /* #74c1ce */
  }
  
  .tooltip:hover {
    color: rgb(116, 193, 206); /* #74c1ce */
    cursor: help;
  }
  
  .current .tooltip {
    color: rgba(255, 66, 0, 0.6);
    color: rgb(255, 66, 0);
  }
  
  .current .tooltip:hover {
    color: rgb(255, 66, 0);
  }

  
  /* 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);
  }