/* Basic page structuring
------------------------------------------------------------- */
* {
	margin: 0;
}

body, html { 
	background:rgb(230,230,225);
	height: 100%;
  font: normal 14px / 24px "Open Sans", sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body, html, p, h1, h2, h3, h4, h5, h6, td, pre, h2 span { 
	color:#68686b; /*rgb(47,68,78)*/
	font-family: 'Open Sans', sans-serif;
}

.uk-panel h1, .uk-panel h2, .uk-panel h3, .uk-panel .uk-panel h4, .uk-panel h5, .uk-panel h6, a { 
	color:rgb(0,174,239);
}

.uk-panel-box {
  background: #ffffff;
}

.uk-icon-envelope:hover {
	background:rgb(102,156,65);
	color:rgb(255,255,255);
	transition:ease-in-out .25s;
}

.uk-icon-facebook:hover {
	background:rgb(60,91,155);
	color:rgb(255,255,255);
	transition:ease-in-out .25s;
}

.uk-icon-twitter:hover {
	background:rgb(45,170,255);
	color:rgb(255,255,255);
	transition:ease-in-out .25s;
}

.uk-icon-google:hover {
	background:rgb(221,75,57);
	color:rgb(255,255,255);
	transition:ease-in-out .25s;
}

.uk-icon-pinterest:hover {
	background:rgb(203,32,39);
	color:rgb(255,255,255);
	transition:ease-in-out .25s;
}

.wrapper .uk-awesome li { 
	position: relative; 
	padding-left:2em;
}
 
.wrapper .uk-awesome li:before {
    content: "\f058";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
		color: rgba(0,174,239,1);
    font-size: 1.5em;
    position: absolute;
    top:0;
    left:0;
}

.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -369px;
}

#footer, .push {
	height: 369px;
}

@media screen and (max-width: 875px) {
#footer {
	height: auto;
	}
}

#footer {
	background:rgba(47,68,78,1);
	color:#ffffff;
}
 
#footer p, #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {
	color:#ffffff;
}

#footer a {
	color: rgba(255,255,255,1);
	text-decoration: none;
	cursor: pointer;
	transition:ease-in-out .25s;
}

#footer a:hover {
	color: rgba(255,255,255,.5);
	text-decoration: none;
}


#footer hr{
	border-top:1px dotted rgb(78,96,104);
	clear:both;
	margin:0px 0 5px;
	height:1;
	width:100%;
}

#footer h6 {
	color:rgba(255,255,255,.75);
	line-height:1;
	margin:0 0 10px 0;
	padding:0;
}

#footer p, #footer a { 
	color:rgba(255,255,255,.5);
	margin:10px 0 0 0;
	padding:0;
}

#footer li {
	color:rgba(255,255,255,.2)	
}

.footer-inner {
	background:rgb(40,58,66);
	padding: 15px 0 20px 0;
	text-align:center;
}

.wrapper input[type="submit"]{
	color:#ffffff;
}


/* Spacer Elements
------------------------------------------------------------- */
.spacer50, .spacer40, .spacer30, .spacer20, .spacer10, .clear { 
	width:100%;
	height:0px;
	clear:both
}
.spacer50{ margin-bottom:50px; }
.spacer40{ margin-bottom:40px; }	
.spacer30{ margin-bottom:30px; }
.spacer20{ margin-bottom:20px; }	
.spacer10{ margin-bottom:10px; }


/* Header Elements
------------------------------------------------------------- */
.header { 
	background:rgba(255,255,255,1);
  width:100%;
  z-index:10;
	padding:29px 0;
}
.fixed {
	position:fixed;
  top:0;
  left:0;
}

.header .uk-navbar, .header .uk-navbar-nav > li > a {
	background: none;
	color: rgba(47,68,78,1);
}

.header .uk-navbar-nav > li > a:hover,
.header .uk-navbar-nav > li > a:focus,
.header .uk-navbar-nav > li .uk-parent,
.header .uk-navbar-nav > li .uk-active a {
	color: rgba(0,174,239,1);
}

.header .uk-navbar-nav > li .uk-dropdown .uk-parent:hover {
	color:#ffffff;
}

.uk-open > .uk-dropdown {
	background:#ffffff;
	margin-top: 43px; }


.fixed-header {
	background:rgba(255,255,255,.1);
	position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:10;
	padding:29px 0;
}


.fixed-header .uk-search-field::-webkit-input-placeholder,
.fixed-header .uk-search-field::-webkit-input-placeholder,
.fixed-header .uk-search-field::-webkit-input-placeholder,
.fixed-header .uk-search-field {
		color: rgba(255,255,255,1);
}
.fixed-header .uk-search:before {
	color: rgba(255,255,255,.25);
}

.fixed-header .uk-search-field:focus { 
	border-bottom: 1px solid rgba(255,255,255,.5);
}

.uk-search-field::-webkit-input-placeholder,
.uk-search-field::-webkit-input-placeholder,
.uk-search-field::-webkit-input-placeholder,
.uk-search-field {
		color: rgba(47,68,78,1);
}
.uk-search:before {
	color: rgba(47,68,78,.25);
}

.uk-search-field:focus {
	border-bottom:1px solid rgba(47,68,78,.25);
}

.uk-navbar-content { padding:0; }


.fixed-header .uk-navbar {
    background: none;
    color: rgba(255,255,255,1);
}

.fixed-header .uk-navbar-nav > li > a {
	background:none;
	color: rgba(255,255,255,1);
}

.fixed-header .uk-navbar, .fixed-header .uk-navbar-nav > li > a {
	background: none;
	color: rgba(255,255,255,1);
}

.fixed-header .uk-navbar-nav > li > a:hover,
.fixed-header .uk-navbar-nav > li > a:focus,
.fixed-header .uk-navbar-nav > li.uk-active a {
	color: rgba(255,255,255,1);
}

.fixed-header .uk-open > .uk-dropdown {
	background:rgba(255,255,255,.1);
	margin-top: 43px;
}

.fixed-header .uk-nav-navbar > li > a {
    color: rgba(255,255,255,1);
}

.fixed-header .uk-dropdown-navbar { 
	border: 1px solid rgb(207,207,202);
	border-top: none; }

.header .uk-dropdown-navbar { 
	border: 1px solid rgb(207,207,202);
	border-top: none; }

.show {
  background:rgba(255,255,255,1);
}


.transition {    
  -webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}


nav.uk-navbar ul.uk-nav.uk-nav-side { 
	background:rgba(255,255,255,1);
}
.uk-nav-side > li.uk-active > a {
	background:rgb(0,174,239);	
}

nav.uk-navbar ul.uk-nav.uk-nav-side li a {
	border-bottom:1px solid #e3e7e9;
	padding-top:8px;
	padding-bottom:8px;
	font-size:.9em;
}

nav.uk-navbar ul.uk-nav.uk-nav-side li:last-child {
	border-bottom:none;

}

/*=Hero Content Block
-----------------------------------------------------------*/
.focus-image-container {
  width: 100%;
	height:180px;
	overflow:hidden;
}

.bolimg {
	text-decoration:none;
  background-size: contain;
	background-repeat: no-repeat;

    background-position: center;
  width: 100%;
  height: 100%;
  transition: .5s ease-out;
		-webkit-transition: .5s ease-out;
  	-moz-transition: .5s ease-out;
  	-o-transition: .5s ease-out;
  	-ms-transition: .5s ease-out;
}

.bolimg:hover,
a:hover .bolimg,
a:hover a .bolimg { 
  <!-- height: 110%;
  width: 110%; -->
	margin-top:-5%;
	margin-left:-5%;
	transform: rotate(10deg);
		-ms-transform: rotate(10deg); /* IE 9 */
    -webkit-transform: rotate(10deg); /* Chrome, Safari, Opera */
	opacity:.8;
	text-decoration:none;
}

a.hero-content { text-decoration:none; color:#43505a; }

.uk-button-primary-outline {
  background: none;
	border:1px solid #00a8e6;
  color:#00a8e6;
	display:inline-block;
	text-decoration: none;
	padding:6px 12px;
}

.uk-button-primary-outline:hover,
.uk-button-primary-outline:focus {
  background-color: #35b3ee;
  color: #ffffff;
	text-decoration: none;
}
.uk-button-primary-outline:active,
.uk-button-primary-outline.uk-active {
  background-color: #0091ca;
  color: #ffffff;
	text-decoration: none;
}

.uk-panel-box {  }



.featured h3 { 
	color:rgb(0,84,150);
	margin:10px 0 0 0;
}

.featured p {
	margin:0 0 10px 0;

}

.featured p em {
	color:rgb(0,84,150);
}


/* Next-Previous
------------------------------------------------------------- */
.uk-pagination > li > a {
	background:none;
	color:inherit;
}

.uk-pagination > li > a:hover, .uk-pagination > li > a:focus, .uk-pagination > li > a:active  {
	background:none;
	color:inherit;
}

/* Off-canvas-menu
------------------------------------------------------------- */
.off-canvas-menu { 
	position:absolute;
	top:20px;
	left:0px;
}


/* Custom Table
------------------------------------------------------------- */
.pet-table thead { color:#ffffff; background:rgba(53,179,238,1); }
.pet-table thead h3 { color:#ffffff; margin-bottom:0; }
.pet-table td { background:rgba(255,255,255,1); border-bottom:1px solid rgb(230,230,225); }

/* Form
------------------------------------------------------------- */
.uk-form-stacked .uk-form-label { font-weight:normal; }
.uk-form-controls input { width:100%; }

/* Custom Slider Theme
------------------------------------------------------------- */
@media screen and (max-width: 875px) {
.slide-small {
	height: 600px;
	}
}

.uk-accordion-title {
    position: relative;
}
 
 
.uk-accordion-title:after {
    content: "\f067";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: rgba(255,255,255,.5);
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 7px;
    right: 0;
}

.uk-accordion-title.uk-active:after {
    content: "\f068";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #fff;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 7px;
    right: 0;
}
/* .uk-panel-box ul { list-style-type: none; }
.uk-panel-box li:before {    
font-family: FontAwesome;
content: '\f105';
margin:0 10px 0 -20px;
color: #68686b;
} */

.uk-accordion-title {
	background:rgba(53,179,238,1);
	color:#ffffff;
	margin-bottom:0;
	border-radius: 0;
}


/* Reset Slider Theme
------------------------------------------------------------- */
.pet-listing li .uk-overlay-background { background:rgba(53,179,238,0.75); }
.pet-listing li h2, .pet-listing li p { text-align:center; margin:0; padding:0; }
.pet-listing figure, .pet-listing li p { margin-bottom:5px; }
.pet-listing li .uk-overlay-background { background: rgba(53,179,238,0.75); }
.pet-attribute { width:40px; text-align:center; margin:0 auto; display:inline-block; }

.pet-attribute-large { text-align:right }

@media screen and (max-width: 875px) { 
	.pet-attribute-large { text-align:center }
}
