@charset "UTF-8";
/* Bay of Island Singers CSS */

/* Google fonts
font-family: 'Oxygen', sans-serif;
font-family: 'Signika', sans-serif;
font-family: 'Varela Round', sans-serif;
*/

body {
	background: #E6E7E7;
	margin: 0;
	padding:0;
	/* Prevents Mobile Safari from bumping up font sizes in landscape */
	-webkit-text-size-adjust: 100%; 
	-webkit-tap-highlight-color: rgb(255,255,0);
	letter-spacing:0.5px;
	color:#003C69;
	font-family: 'Oxygen', sans-serif;
        line-height:1.7em;
}

#widthwrap {
	width: 92.96875%;
	padding:0% 3.515625% 0% 3.515625%;
	max-width:1100px;
	margin:0 auto;
}


/* ----------------- Font Formatting and STYLES ----------------- */

/* ----------------- Image STYLES ----------------- */

img.image-left-50perc{
width:48.5%;
padding-right:3%;
float: left;
position: relative;
}

img.image-right-50perc{
width:48.5%;
padding-left:0%;
float: left;
position: relative;
}

img.image-30perc{
width:30%;
padding-left:2%;
float: left;
position: relative;
}

img.image-fullwidth{
width:100%;
}
img.wrap{
padding-right:3%;
padding-top:0;
padding-bottom:1%;
float:left;
position: relative;
}

/* ----------------- H STYLES ----------------- */

h1 {
	font-size:245%;
	color:#004165;
	font-family: 'Varela Round', sans-serif;
        margin-top:0.4em;
        margin-bottom:1em;
line-height:1.2em;
}

h2 {
        font-size:145%;
	font-family: 'Varela Round', sans-serif;
        margin-top:0.4em;
        margin-bottom:0.4em;
        font-weight:300;
}

h3 {
        font-size:130%;
	font-family: 'Varela Round', sans-serif;
        margin-top:0.4em;
        color:#74994b;
        margin-bottom:0.4em
}

h4 {
        font-size:130%;
	font-family: 'Oxygen', sans-serif;
        margin-top:0.4em;
        margin-bottom:0.4em;
        font-weight:300;
line-height:1.5em;
}

h5 {

}


/* ----------------- H STYLES END ----------------- */



/* ----------------- TEXT STYLES ----------------- */
	
p {
        margin:0 0 1.4em 0;	
}

small {
	
}

.green {
color:#74994b !important;
border-color:#74994b !important;
}

.red {
color:#b4282e !important;
border-color:#b4282e;
}

.light-grey {
color:#E6E7E7 !important;
border-color:#E6E7E7;
}

/* ----------------- TABLE STYLES ----------------- */

table .team {
border:0;
width:100% !important;
padding:0px;
vertical-align:top !important;
text-align:justify;
}
table td.team{
vertical-align:top !important;
}

table td img.teamimg {
width:100% !important;
height:auto !important;
padding-bottom:20px;
vertical-align:top !important;
}

.team img{
width:100% !important;
height:auto !important;
padding-bottom:20px;
vertical-align:top !important;
}


.valign {
vertical-align:top !important;
}


/* ----------------- END TABLE STYLES ----------------- */

/* ----------------- TEXT STYLES END ----------------- */
	
	
	
/* ----------------- LINK STYLES ----------------- */
	
a {
	color:#74994b;
	text-decoration:none;
}

a:hover {
	color:#004165;
	cursor:pointer;
}

a.rightalign {
	float:right;
}

#content-container a {
	text-decoration:none;
        font-weight:700;
}

/* ----------------- LINK STYLES END ----------------- */

hr {
	border-top:1px solid #000;
	float:left;
	width:100%;
	margin:1em 0 !important;
}

/* ----------------- STRUCTURE STYLE ----------------- */

#container {
	width:100%;
	float:left;
}

#nav-container {
	width:100%;
	float:left;
        background: #fff;
}

#header-container {
	width:100%;
	float:left;	
        background: #fff;
}

#header-wrap {
	width:100%;
	float:left;
	background-color:#004165;
}

#header-image {
	width: 54.1015625%;
	float:left;
}

#header-image img {
}

#header-logo {
	width:20%;
	margin-left:-10.8%;
	margin-top:2.5%;
	float:left;
	position:relative;
	z-index:666;
}

#header-logo img {
	width:100%;
}


#header-right {
	width: 34.8984375%;
	padding-left:1.2%;
	padding-top:7.5%;
	float:left;
	color:#fff;
	position:relative;
	z-index:0;
	font-size:300%;
	line-height:1.5em;
	font-family: 'Varela Round', sans-serif;
}

#header-button {
	width:20%;
	float:left;
	margin-top:6%;
	margin-right:4%;
	border-top:3px #fff solid;
	color:#fff;
	font-family: 'Varela Round', sans-serif;
	font-size:30%;
	text-align:center;
	-webkit-box-shadow: 1px 1px 14px rgba(26, 26, 26, 0.94);
	-moz-box-shadow:    1px 1px 14px rgba(26, 26, 26, 0.94);
	box-shadow:         1px 1px 14px rgba(26, 26, 26, 0.94);
}

.shadow-q {
-webkit-box-shadow: 1px 1px 14px rgba(26, 26, 26, 0.2);
	-moz-box-shadow:    1px 1px 14px rgba(26, 26, 26, 0.2);
	box-shadow:         1px 1px 14px rgba(26, 26, 26, 0.2);
}

#header-button p {
	float: left;
	width: 100%;
	margin-top: -18%;
	margin-bottom:0 !important;
	line-height:0;
}

#header-button img {
	width:100%;
	position:relative;
	z-index:-1;
	float:left;
}

#breadcrumbs-container {
	width:100%;
	float:left;
        background: #fff;
}

#breadcrumbs {
	width:100%;
	float:left;
        color:#808184;
        font-size:90%;
        padding-top:1.5em;
        padding-bottom:1em;
}

#breadcrumbs a {
color:#74994b;
}

#breadcrumbs a:hover {
color:#808184;
}

.current {
color:#74994b;
}

#content-container {
	width:100%;
	float:left;
        background: #fff;
        padding-bottom:4%;
}

#content-home-left {
width:45.1015625%;
float:left;
text-align:justify;
padding-right:7.421875%;
}

#content-home-left ul, #content-home-right ul {
padding-left:20px;
}

#content-home-right {
width:45.9140625%;
float:left;
}

#sitemap-container {
	width:100%;
	float:left;
        padding-bottom: 4em;
}

#sitemap {
        padding-top:3%;
        padding-bottom:18em;
font-weight:bold;
}

#sitemap ul{
        list-style-type:none !important;
}

#sitemap a{
color:#004165;
}

#sitemap a:hover{
color:#808184;
}

#sitemap-col {
width:15%;
float:left;
margin-right:2%;
}

#sitemap-col li li {
padding-left:1em;
font-weight:normal;
}

#sitemap-col .active {
	color:#74994b !important;
}

.search-input {
width: 97%;
border-radius: 3px;
border: 1px #BBBCBE solid;
padding: 4px;
outline: none;
background:#F7F7F8;
color:#BBBCBE;
}

.search-input:focus {
color:#004165;
}

.sitemap-title {
	color:#004165;
	font-family: 'Varela Round', sans-serif;
        margin-bottom:1em;
        display:block;
        font-size:110%;
}

#footer-container {
	position:fixed;
	bottom:0;
	width:100%;
	background-color:#004165;
        z-index:99;
}

#footer {
	color:#fff;
	line-height:3.5em;
	font-size:115%;	
}

#footer a {
	color:#fff;
}

#footer a:hover {
	color:#CCCCCC;
}

#footer-info-button {
	width:3%;
	float:left;
	margin-top:0.9em;
}

#footer-info-button img {
	width:100%;
}

#footer-info-button-end {
	width:1.3%;
	float:left;
	margin-top:0.9em;
}

#footer-info-button-end img {
	width:100%;
}

#footer-text {
	padding-left:1.3%;
	padding-right:1.5%;
	float:left;
}


/* ----------------- STRUCTURE STYLE END ----------------- */

/* ----------------- NAV STYLES  ----------------- */

#menu {
display:none !important;
}

#nav {
	width:100%;
	float:left;
	font-family: 'Varela Round', sans-serif;
}

#nav img {
	width:100%;
}

#nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
	float:left;
	width:100%;
}

#nav ul li {
    display: block;
    position: relative;
    float: left;
}

#nav ul li ul li a.active, #nav ul li ul li.active{
background-image:none !important;
}

#nav .active {
	background-image:url(http://www.bayvets.co.nz/uploads/images/nav-active.jpg);
	background-position:top;
	background-repeat:repeat-x;
	color:#74994b !important;
}


#nav li ul {
    display: none;	
	
}

#nav ul li a {
    display: block;
	float:left;
    text-decoration: none;
    color: #004165;
	padding:1.6em 1.3em 0.3em 1.3em;
}

#nav ul li a:hover {
	background-image:url(http://www.bayvets.co.nz/uploads/images/nav-active.jpg);
	background-position:top;
	background-repeat:repeat-x;
}

#nav li:hover ul {
    display: block;
    position: absolute;
	margin-top:3.6em;
	padding-top:0.3em;
	
}

#nav li li {
	background-color:rgba(0, 66, 97, 1.0);
	width:14em;
	float:left;
	display:block;
}


#nav li li:hover {
	background-color:rgba(0, 66, 97, 0.9);

}


#nav li li a {
	padding:0.5em 1em 0.5em 1em !important;
	width:100%;
	color:#fff;
	background:none !important;
	display:block;
}

#nav li li a:hover {
	color:#fff;
}




/* ----------------- NAV STYLES END ----------------- */

/* ----------------- CLINICS TEMPLATE STYLES ----------------- */

#clinic-tab {
width:18.1640625%;
float:left;
margin-right:1.953125%;
background-color:#004165;
border:1px #004165 solid;
min-height:50px;
text-align:center;
color:#fff;
}

#clinic-tab-last {
width:18.1640625%;
float:left;
background-color:#004165;
min-height:50px;
border:1px #004165 solid;
text-align:center;
color:#fff;
}

#clinic-tab img, #clinic-tab-last img {
width:100%;
}

#clinic-tab h2, #clinic-tab-last h2 {
        margin-top:0.5em;
        margin-bottom:0.5em;
font-family: 'Oxygen', sans-serif !important;
letter-spacing:2px;
}

#clinic-tab:hover, #clinic-tab-last:hover {
        margin-top:1em;
transition: margin-top 0.5s;
-webkit-transition: margin-top 0.5s; /* Safari */
}

/* ----------------- CLINICS TEMPLATE STYLES END ----------------- */

/* ----------------- SERVICE TEMPLATE STYLES ----------------- */

#service-tab, #service-tab-last {
width:18.1640625%;
float:left;
background-color:#BBBCBE;
border:1px #BBBCBE solid;
min-height:50px;
text-align:center;
color:#fff;
}

#service-tab {
margin-right:1.953125%;
}

#service-tab img, #service-tab-last img {
width:100%;
}

#service-tab h2, #service-tab-last h2 {
        margin-top:0.5em;
        margin-bottom:0.5em;
font-family: 'Oxygen', sans-serif !important;
letter-spacing:2px;
}

#service-tab:hover, #service-tab-last:hover {
background-color:#004165;
border-color:#004165;
transition: background-color 1s, border-color 1s;
-webkit-transition: background-color 1s, border-color 1s; /* Safari */

}

/* ----------------- SERVICE TEMPLATE STYLES END ----------------- */

/* ----------------- SERVICE DETAIL TEMPLATE STYLES ----------------- */

#info-serv-button {
	background-color:#74994b;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
        width:50%;
        float:left;
        margin-top:4%;
        padding:1em 0em;
}

#info-serv-button img {
width:30%;
float:left;
}

#info-serv-button-txt {
width:60%
float:right;
color:#fff !important;
margin-right:10%;
text-align:center;
margin-top:5%;
}

#info-serv-button p {
font-size:125%;
margin-bottom:0 !important;
}
 
#info-serv-button h2 {
font-size:155%;
margin-bottom:0 !important;
}
 


/* ----------------- SERVICE DETAIL TEMPLATE STYLES END ----------------- */

/* ----------------- INFO ADVICE TEMPLATE STYLES ----------------- */

#info-col1 {
width: 23.046875%; 
float:left;
min-height:50px;
text-align:justify;
margin-right:2%;
}

#info-col-wrap {
width: 67.4140625%;
float:right;
min-width:590px;
margin-right:0;
}

#info-col {
width: 30.971128609%; 
float:left;
min-height:50px;
text-align:justify;
margin-right: 3.412073491%;
background-color:#000;
}

#article-col, #article-col-last {
width: 23.2421875%;
float:left;
min-height:50px;
text-align:justify;

}

#article-col {
margin-right:2.34375%;
}

.galcolumn {
width: 29.971128609% !important;
text-align:justify;
margin-right:3%;
padding:0 !important;
}

.item {
border-bottom:1px #E6E7E7 solid;
padding-top:3%;
padding-bottom:5%;
text-align:left;
}

.item a {
	color:#004165;
	text-decoration:none;
}

.item a:hover {
	color:#808184;
	cursor:pointer;

}

.item img {
padding-top: 3%;
}

.item hr {
	border-color:#808184 !important;
	margin-top:0em !important;
        margin-bottom:0.6em !important;
}

.item p {
margin-bottom:0.2em;
}

.item h3 {
font-size:113%;
text-align:left !important;
}

.readmore {color:#74994b !important;
font-size:85%; }

.readmore:hover {
	color:#004165  !important;
	cursor:pointer;
}

/* ----------------- INFO COLORBOX STYLES ----------------- */

#infowrap {
	display:none;
}

#kaikohe {
	float:left;
	background:#fff;
	width:94%;
	padding:3%;
}

#kawakawa {
	float:left;
	background:#fff;
	width:94%;
	padding:3%;
}

#kerikeri {
	float:left;
	background:#fff;
	width:94%;
	padding:3%;
}

#paihia {
	float:left;
	background:#fff;
	width:94%;
	padding:3%;
}

#waipapa {
	float:left;
	background:#fff;
	width:94%;
	padding:3%;
}

#info-box-left {
	width:45%;
	margin-right:5%;
	float:left;
}

#info-image {
	width:100%;
	float:left;
	margin-bottom:5%;
}

#info-image img {
	width:100%;
}

#info-gmap {
	width:100%;
	height:10%;
	float:left;
        overflow: hidden
}

#info-gmap iframe {
        overflow: hidden;
}

#info-box-right {
	width:50%;
	float:left;
}

#info-box-right p {
	font-size:115%;
	line-height:1.7em;
	float:left;
	width:100%;
}

.more-info {
	color:#555;
	float:right;
}

.more-info:hover {
	color:#004165;
}

#info-box-right table tr td {
	padding-bottom:1em;
	text-align:justify;
	color:#555;
}

/* ----------------- INFO ADVICE TEMPLATE STYLES END ----------------- */

.promo-item {
width:99%;
float:left;
border:1px #74994b solid;
margin-bottom:2%;
}

.promo-title {
width:94%;
padding:2% 3%;
background-color:#74994b;
color:#fff;
font-size:130%;
font-family: 'Varela Round', sans-serif;
}

.promo-content-full {
width:94%;
float:left;
padding:2% 3%;
}

.promo-content-60 {
width:57%;
float:left;
padding:2% 0% 2% 3%;
}

.promo-image-30perc{
width:30%;
padding:2%;
float: right;
position: relative;
}

/* ----------------- CONTACT TEMPLATE STYLES ----------------- */

#contact-col, #contact-col-last {
width: 31.640625%;
float:left;
}

#contact-col {
margin-right:2.5390625%;
}

#contact-class-title-container {
width:100%;
float:left;
}

#contact-class-title-wrap {
width:80%;
margin-left:auto;
margin-right:auto;
color:#fff !important;
font-size:205%;
text-align:center;
}

#contact-class-title {
width:100%;
float:left;
padding:0.6em 0;
background-color:#004165;
}

#contact-emergency-title {
width:74%;
float:left;
padding:0.6em 0;
background-color:#b4282e;
}

#contact-emergency-cross {
width:24%;
float:right;
background-color:#b4282e;
max-width:58px;
}

#contact-emergency-cross img{
width:100%;
flaot:left;
}

#contact-class-center-txt-wrap {
width:100%;
float:left;
}

#contact-class-center-txt {
text-align:center;
width:80%;
margin-left:auto;
margin-right:auto;
font-size:120%;
margin-top:1em;
display:block;
font-weight:bold;
}

#contact-class-center-txt img {
margin-bottom:1em;
width:18%;
}

#contact-body {
width:100%;
float:left;
text-align:justify !important;
}

#contact-body-bottom {
width:96%;
float:left;
text-align:center;
padding:1em 2%;
border:2px #004165 solid;
background-color:#E6E7E7;
text-transform:uppercase;
font-size:130%;
}


/* ----------------- CONTACT TEMPLATE STYLES END ----------------- */

/* ----------------- INFO COLORBOX STYLES END ----------------- */




::selection 	 	{background: rgb(255,255,0);}
::-moz-selection 	{background: rgb(255,255,0);}
img::selection 		{background: transparent;}
img::-moz-selection {background: transparent;}

/* ----------------- NEWSMODULE STYLES ----------------- */
#info-col-wrap.gridalicious {
text-align:justify;
margin-right:0%;
}

#NewsDetailReturn {
padding: 1em 0 0em 0;
margin-left: auto;
margin-right: auto;
width: 100%;
text-align: center;
font-size:125%;
}

#NewsPostDetailContent ul, #contact-body ul {
padding-left: 2em;
}
/* ----------------- NEWSMODULE STYLES end ----------------- */


/* ----------------- ACCORDION STYLES ----------------- */

.accordionButton {	
	width: 98%;
	padding-left:2%;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	cursor: pointer;
	padding-top:0.6em;
	padding-bottom:0.6em;
	letter-spacing:1px;
        border-bottom:1px  #E6E7E7 solid;
}

.accordionButton:hover {
        color: #74994b;
}
	
.accordionContent {	
	width: 92%;
	padding-left:2%;
        padding-right:6%;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	padding-top:1em;
        padding-bottom:1em;
	color:#000;
	background: #E6E7E7;
}

.accordionContent ul {
padding-left: 20px;
}

.on {

        border-bottom:1px #74994b; solid;
}
	
.over {
	color: #E6E7E7;
        border-bottom:1px  #74994b solid;
        /* Firefox */
	-moz-transition: border .5s ease;
	/* WebKit */
	-webkit-transition: border .5s ease;
	/* Opera */
	-o-transition: border .5s ease;
	/* Standard */
	transition: border .5s ease;
}

.download-link {
float: right;
display: block;
width: 20%;
background: #74994b;
color: #fff !important;
position: relative;
z-index: 4;
font-weight: 400;
padding-top: 0.6em;
padding-bottom: 0.6em;
text-align:center;
margin-top:-0.6em;
margin-bottom:-0.6em;
}

.download-link:hover {
background: #E6E7E7;
}

.contactform, .surveyform {
width:100%;
float:left;
padding-bottom:4%
}

.contactform div {
width:100%;
float:left;
margin:0.4em 0em;
}

.surveyform div {
width:100%;
float:left;
padding:1em 0em;
}

.contactform div label {
width:30%;
float:left;
}

.contactform div input, .contactform div textarea {
width:60%;
float:right;
}

.surveyform div label {
width:30%;
float:left;
}

.surveyform div.radio label {
width:100%;
float:left;
}

.surveyform div.radio div {
width:auto;
float:left;
margin-right:6%;
font-size:75%;
}

.surveyform div.radio2 label {
width:100%;
float:left;
}

.surveyform div.radio2 div {
width:auto;
float:left;
margin-right:5%;
}

.surveyform div.radio {
border-bottom:1px #004165 solid;
}


.surveyform div input, .surveyform div textarea {
width:60%;
float:right;
}

.surveyform div input[type="radio"] {
margin-left: auto;
margin-right: auto;
}

#contactwrap, #surveywrap {
display:none;
}

#contactpop {
width:92%;
background:#fff;
padding:0% 4%;
float:left;
}

#contactpop h1 {
margin-bottom:0.4em;
}

.fbsubmit {
width:auto !important;
}

#surveypop {
width:92%;
background:#fff;
padding:0% 4%;
float:left;
}

#surveypop h1 {
margin-bottom:0.4em;
}

/* FORM VALIDATION */

/* no CDN including plugin CSS below */
 html {
    -webkit-font-smoothing: antialiased;
}
/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
 .tooltipster-default {
    border-radius: 0px;
    border: 1px solid #d20029;
    background: #f3f3f4;
    color: #d20029;
}
/* Use this next selector to style things like font-size and line-height: */
 .tooltipster-default .tooltipster-content {
    font-size: 11px;
    line-height: 16px;
    padding: 3px 3px;
    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;
    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: -8px;
}
.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: -8px;
}
.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: -8px;
}
.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: -8px;
}
.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: -8px;
}
.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: -8px;
}
.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 */
 .tooltipster-content-changing {
    -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);
}
/* End of Stylesheet: boiv-main Modified On 2017-08-08 15:38:00 */