@charset "utf-8";

.rd-navbar-static1.rd-navbar_inverse:not(.rd-navbar--is-stuck) {
    background: rgb(0,0,0);
    background: -moz-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5998600123643207) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5998600123643207) 100%);
    background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5998600123643207) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    border-bottom: none;
}

.rd-navbar-wrap1 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}


/************ WEBSITE STYLES  ***************/

/**/
/* COLOR OVERRIDES */
/**/
/* 
** PRIMARY colour 
*/
/********* Background-color *********/
.primaryBG,
.page .button-primary,
.page .button-black:hover,
.page .button-black:focus,
.page .button-black:active,
.page .button-black:hover,
.swiper-container .swiper-button-prev:hover,
.swiper-container .swiper-button-next:hover,
.swiper-pagination-bullet:hover,
.swiper-pagination-bullet-active,
#mttTabNav,
#page-loader,
.rd-navbar-fixed .rd-navbar-nav li:hover > a, .rd-navbar-fixed .rd-navbar-nav li.focus > a, .rd-navbar-fixed .rd-navbar-nav li.active > a, .rd-navbar-fixed .rd-navbar-nav li.opened > a {
    background-color: #cc2e4d;
}
/********* Border-color *********/
.primaryBG,
.primaryBorder,
.rd-nav-item.focus > a,
.page .button-primary,
.page .button-black:hover,
.page .button-black:focus,
.page .button-black:active,
.page .button-black:hover {
    border-color: #cc2e4d;
}
/********* Text color *********/
a,
a:active,
a:focus,
.rd-navbar-static .rd-navbar-nav > li > a:hover,
.rd-navbar-sidebar .rd-navbar-nav > li > a:hover, .rd-navbar-static .rd-navbar-nav > li.focus > a,
.rd-navbar-static .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle::after,
.rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle::after,
.rd-navbar-static .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle::after,
.rd-navbar-static .rd-navbar-nav > li > a:hover + .rd-navbar-submenu-toggle::after,
.rd-navbar-sidebar .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle::after,
.rd-navbar-sidebar .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle::after,
.rd-navbar-sidebar .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle::after,
.rd-navbar-sidebar .rd-navbar-nav > li > a:hover + .rd-navbar-submenu-toggle::after,
.rd-navbar-fullwidth .rd-navbar-dropdown > li > a:hover,
.rd-navbar-static .rd-navbar-dropdown > li > a:hover {
    color: #cc2e4d;
}

#mttTabNav a.active {
    color: #cc2e4d;
}

/* PRIMARY Contrast Text Colour*/
/********* Text color *********/
.primaryBG, .primaryBG a,
.primaryBG.rd-navbar-static .rd-navbar-nav > li > a,
.primaryBG.rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle::after,
.primaryBG.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.primaryBG.rd-navbar-static .rd-navbar-nav > li > a:hover + .rd-navbar-submenu-toggle::after,
.swiper-container .swiper-button-prev:hover,
.swiper-container .swiper-button-next:hover,
#mttTabNav a,
.rd-navbar-fixed .rd-navbar-nav li:hover > a, .rd-navbar-fixed .rd-navbar-nav li.focus > a, .rd-navbar-fixed .rd-navbar-nav li.active > a, .rd-navbar-fixed .rd-navbar-nav li.opened > a,
.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .rd-navbar-sidebar .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
.page .button-primary,
.page .button-black {
    color: #fff;
}
    /********* Background-color *********/
    #mttTabNav a.active {
        background-color: #fff;
    }
/********* Border-color *********/
.cssload-speeding-wheel {
    border-color: #fff;
}


/* 
** SECONDARY colour 
*/
/********* Background-color *********/
.secondaryBG,
.page .button-black,
.page .button-primary:hover,
.page .button-primary:focus,
.page .button-primary:active,
.page .button-primary:hover {
    background-color: #404040;
}
/********* Border-color *********/
.secondaryBG,
.secondaryBorder,
.page .button-black,
.page .button-primary:hover,
.page .button-primary:focus,
.page .button-primary:active,
.page .button-primary:hover {
    border-color: #404040;
}

    /* Secondary Contrast Text Colour*/
    /********* Text color *********/
    .secondaryBG,
    .secondaryBG a,
    .secondaryBG.rd-navbar-static .rd-navbar-nav > li > a,
    .secondaryBG.rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle::after,
    .secondaryBG.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle,
    .secondaryBG.rd-navbar-static .rd-navbar-nav > li > a:hover + .rd-navbar-submenu-toggle::after,
    .page-header #social-media-container a:hover,
    .rd-navbar-static .rd-navbar-nav > li > a,
    .rd-navbar-static .rd-navbar-nav > li > a:active,
    .rd-navbar-static .rd-navbar-nav > li > a:focus,
    .rd-navbar-sidebar .rd-navbar-nav > li > a, .rd-navbar-sidebar .rd-navbar-nav > li > a:active,
    .rd-navbar-sidebar .rd-navbar-nav > li > a:focus,
    .rd-navbar-top-panel__toggle .phone {
        color: #fff;
    }
/********* Background-color *********/
.rd-navbar-toggle span::after, .rd-navbar-toggle span::before, .rd-navbar-toggle span, .rd-navbar-fixed .rd-navbar-top-panel__toggle span, .rd-navbar-fixed .rd-navbar-top-panel__toggle span::before, .rd-navbar-fixed .rd-navbar-top-panel__toggle span::after {
    background-color: #fff;
}




/**/
/* Fonts & font Color */
/**/
i {
    font-style: normal;
}

body, .button {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
}

.secondPage .h1pagetitle {
    -margin-top: 1.6em;
    display: none;
}

.cssload-speeding-wheel {
    width: 36px;
    height: 36px;
    margin: 0 auto;
    border: 3px solid #fff;
    border-radius: 50%;
    border-left-color: transparent !important;
    border-bottom-color: transparent !important;
    animation: cssload-spin .88s infinite linear;
}

.primaryBG h1, .primaryBG h2, .primaryBG h3, .primaryBG h4, .primaryBG h5, .primaryBG h6, .primaryBG .heading-1, .primaryBG .heading-2, .primaryBG .heading-3, .primaryBG .heading-4, .primaryBG .heading-5, .primaryBG .heading-6,
.secondaryBG h1, .secondaryBG h2, .secondaryBG h3, .secondaryBG h4, .secondaryBG h5, .secondaryBG h6, .secondaryBG .heading-1, .secondaryBG .heading-2, .secondaryBG .heading-3, .secondaryBG .heading-4, .secondaryBG .heading-5, .secondaryBG .heading-6 {
    color: inherit;
}

/* HEADER */
.page-header #social-media-container a {
    font-size: 30px;
    color: inherit;
    padding-right: 15px;
}

.rd-navbar-inner.secondaryBG::before {
}

.phoneHolder .phone {
    font-size: 3em;
}
h1.h1pagetitle {
	display:none;
}
.phoneHolder i.phone {
    padding: 4px 10px;
    border: 1px solid #333;
    border-radius: 500px;
    font-size: 1.3em;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 12px;
}

#Dynamic_Emergency_Phone2_After_hr {
    display: block;
    border-left: 1px solid #333;
    padding-left: 15px;
}

#Dynamic_Emergency_Phone2_hlPhone {
    display: block;
    border-left: 1px solid #333;
    padding-left: 15px;
}

.rd-navbar-top-panel__content {
    padding-left: 20px;
    padding-right: 20px;
}

.rd-navbar-top-panel__toggle.rd-navbar-fixed__element-1.rd-navbar-static--hidden.toggle-original i {
    font-size: 18px;
}

.rd-navbar-top-panel__toggle.rd-navbar-fixed__element-1.rd-navbar-static--hidden.toggle-original span,
.rd-navbar-top-panel__toggle.rd-navbar-fixed__element-1.rd-navbar-static--hidden.toggle-original span::before,
.rd-navbar-top-panel__toggle.rd-navbar-fixed__element-1.rd-navbar-static--hidden.toggle-original span::after {
    background-color: transparent !important;
}
.imgLogo {
    max-height: 180px;
}

/* BUTTONS */
.button {
    font-weight: 700;
    border-radius: 100px;
    border-color: #fff !important;
    border-width: 2px;
}

.ui-to-top {
    box-shadow: 1px 4px 5px 2px rgba(0,0,0,.2);
}

/* FOOTER */
.footer-vet {
    background-color: rgba(75,75,75,.3);
}

.pre-footer-vet {
    background-color: transparent;
}

    .pre-footer-vet .list i {
        padding-right: 10px;
    }
	.pre-footer-vet #social-media-container { font-size:24px;}
	.pre-footer-vet #social-media-container  a {padding-right:8px;}

.pre-footer-vet {
text-align: center;
}


/* SEARCH */

#onlineBookingEXURL {
    display: inline-block;
}

#Clinic_Search_Container1_lnkSearch {
    width: 100px;
    text-align: center;
    background-color: rgba(255,255,255,.3);
}

#searchModal .modal-header, #searchModal .modal-footer {
    border: none;
}
/* SEARCH PAGE*/

.ItemHeader a::before {
	font-family: 'FontAwesome' !important;
	content: "\f054" !important;
	padding-right: 10px;
}
.searchPageResults .table th, .searchPageResults .table td {
    border-top: 0px solid #dee2e6;
}
.searchPageResults h1.h1pagetitle {
    display:inline-block;
    padding-top:1.6em;
}

/* SWIPER */
.swiper-container {
    height: auto;
    min-height: 28vw;
}

.imgDivC {
    display: block;
    -height: 130vh;
    -width: 130vh;
    overflow: hidden;
    -max-height: 1460px;
    -max-width: 1460px;
    -min-height: 1200px;
    -min-width: 1200px;
    -border: 50px solid rgba(255,255,255,.5);
}

.imgDivH {
    background-size: cover;
    -border-radius: 50%;
    -background-position-x: right;
}

.imgDivHolder {
    background-color: #fff;
    width: 100%;
    height: 55vh;
    display: block;
    position: relative;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center;
}
@media only screen and (max-width: 1199px) {
	.imgDivHolder {
		height: 35vw !important;
	}
}

.hide {
    display: none;
}

/* MENU */
.rd-navbar-static {
    box-shadow: none;
}

    .rd-navbar-static .rd-navbar-top-panel {
        border: none;
    }

        .rd-navbar-static .rd-navbar-top-panel::before {
            background-color: rgba(255,255,255,.65);
        }

.rd-navbar-items-list a {
    color: inherit;
}

.rd-navbar-static .rd-navbar-items-list > li {
    font-size: 16px;
}

.rd-nav-item.focus > a {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.rd-navbar-static .rd-navbar-nav > li > a:hover, .rd-navbar-sidebar .rd-navbar-nav > li > a:hover {
}

.rd-navbar-top-panel__content {
    padding-top: 20px;
    padding-bottom: 20px;
}

#Dynamic_Logo1_imgLogo, .otherPage #Dynamic_Logo1_imgLogo {
    display: inline-block;
    max-height: 25px;
}

#Dynamic_Logo2_imgLogo {
    /*display: none;*/
}

@media (min-width: 1200px) {
    #Dynamic_Logo1_imgLogo {
        display: none;
    }

    #Dynamic_Logo2_imgLogo {
        display: inline-block;
    }

    .otherPage #Dynamic_Logo1_imgLogo {
        padding-left: 25px;
    }
}



.rd-navbar-static.rd-navbar_transparent .rd-navbar-top-panel {
    margin-bottom: 0;
}

.rd-navbar-static .rd-navbar-top-panel, .rd-navbar-sidebar .rd-navbar-top-panel {
    z-index: 0;
}

.rd-navbar-static .rd-navbar-inner1 {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rd-navbar-static .rd-navbar-inner1 {
    margin-right: auto;
    margin-left: auto;
}

.rd-navbar-fixed .rd-navbar-panel {
    color: inherit;
    box-shadow: none;
    background: inherit;
}

.rd-navbar-static .rd-navbar-inner, .rd-navbar-static .rd-navbar-nav-wrap, .rd-navbar-static .rd-navbar-top-panel__content-top, .rd-navbar-static .rd-navbar-top-panel__content-bottom {
    justify-content: right;
}

/**
* TextBlocks
*/
.textBlock {
    padding-top: 6em;
    padding-bottom: 6em;
}

@media screen and (max-width: 768px) {
    .textBlock {
        padding-top: 3em;
        padding-bottom: 3em;
    }
}

.textBlock ul { 
   list-style-type: disc; 
   list-style-position: outside; 
}
.textBlock ol { 
   list-style-type: decimal; 
   list-style-position: outside; 
}
.textBlock ul, .textBlock ol {
    padding-left:40px;
   
}
.textBlock ul ul, .textBlock ol ul { 
   list-style-type: circle; 
   list-style-position: inside; 
   margin-left: 15px; 
}
.textBlock ol ol, .textBlock ul ol { 
   list-style-type: lower-latin; 
   list-style-position: inside; 
   margin-left: 15px; 
}
.textBlock ul li, .textBlock ol li {
    display: list-item;
}

/* HOMEPAGE CONTENT*/
@media screen and (min-width: 769px) {
    .row .homepageContent {
        position: relative;
        margin-top: -55px;
        background-color: #fff;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media screen and (min-width: 992px) {
    .row .homepageContent .textBlock {
        padding-right: 45px;
        padding-left: 45px;
    }
}

/**
* Caption Blocks
*/
.captionBlock {
    color: inherit;
}

    html.lt-ie-10 .captionBlock * + .row,
    .captionBlock * + .row {
        margin-top: 8px;
    }

.captionBlockLeft {
}

/* MEET OUR TEAM PAGE */

.meetTeamPage {
    margin-top: 1.6em;
}

.page .meetTeamHolder {
    margin-top: 2.5em;
}

.page .staff-profile {
    padding: 10px;
}

.page .staff-img {
    border-radius: 0;
    max-height: 100%;
    width: 100%;
    max-width: 100%;
    object-fit: inherit;
}

.page .staff-profile h5 {
    font-style: italic;
}

.page .staff-profile .btn {
    padding: 15px 60px;
}

.page #mttTabNav li {
    padding: 2px;
    flex: content;
}

#mttTabNav a {
    padding: 15px 60px;
    text-align: center;
    width: 100%;
}

.page .tab-content, .page hr {
    border-top: 0px;
}

.page hr {
    padding-top: 65px;
}


.page .tab-content > .tab-pane {
    display: block;
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.page .tab-content > .active {
    display: flex;
    position: static;
    visibility: visible;
    opacity: 1;
    transition: opacity 3s, visibility 3s;
}
.container-fluid.staff-profile [class*="col"] > img {
    width:auto;
}
@media screen and (max-width: 768px) {
    .page .staff-profile h3, .staff-profile h5, .staff-profile .more-info-button {
        text-align: center;
    }

    #mttTabContent .btn, #mttTabNav a {
        width: 100%;
    }

    .nav-tabs > li {
        float: none;
        text-align: center;
    }
}
/* BLOG PAGE */

.blogSidebar {
    background-color: transparent;
    font-size: .8em;
    border-left: 1px solid #fff;
}

.blog__View h2 {
    font-size: 2.4rem;
}

.blogSidebar .well {
    background-color: transparent !important;
    padding: 20px;
}

    .blogSidebar .well h3 {
        font-size: 28px;
    }

.glyphicon-tag::before {
    content: " \f138";
    font-weight: 400;
    font-family: 'FontAwesome';
    font-size: 1.2em;
    vertical-align: middle;
}

.blog_clickexpand {
    background-color: transparent !important;
    opacity: .5;
}

.blog-img {
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
}
.page .blog__HR {
    padding-top:25px;
	border-bottom: 1px solid;
	margin-bottom: 25px;
}
.treeview a {
	color: inherit;
}
.blog-content ul,
.blog-content ol {
    list-style: revert;
    padding: revert;
    margin: revert;
}

    .blog-content ul li, .blog-content
    ol li {
        display: revert;
    }	 
/* Image/petgallery */
.imgGalleryvp35 {
    padding-top: 6em;
}
.gallery .motJobTitle h5 {
    font-size:16px;
}
.gallery .motName h3 {
    font-size:28px;
    padding-top:10px;
}
/**** vetForm  ****/
#vetForm h1 {
    -padding-top: 1.6em;
}

#vetForm {
    margin-bottom: 75px;
	padding-top:100px;
}

.vp-map {
  margin-top: 0 !important;
  padding-bottom: 0 !important;
}



/*override*/
@media screen and (max-width: 1200px) {
	.rd-navbar-fixed .rd-navbar-top-panel {
		position: static;
	}
.rd-navbar-fixed .rd-navbar-top-panel__content {
  position: static;
  padding: 25px 35px;
  margin: 0 -1px;
   visibility: visible;
opacity: 1;
  pointer-events: auto;

  transition: .23s all ease-out;
  font-size: 12px;
  line-height: 1.4;
  border: 1px solid #ececee;
  background-color: rgba(255,255,255,.8);
  width: 100%;
  text-align: center;
margin: 0px;}
}
.rd-navbar-fixed .rd-navbar-submenu-toggle::after {
    width: 100%;
    padding-right: 15px;
    text-align: right;
}

.rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle::after {
    text-align: left;
    padding-left: 15px;
}
.radio-inline {
	padding-left: 8px;
}
    .radio, .radio-inline {
        color: inherit;
    }

        .radio-inline .radio-custom-dummy {
            margin-left: -16px;
        }

        .radio-inline label {
            padding-left: 16px;
            margin-right: 16px;
            cursor: pointer;
        }