/* HEADER / NAVIGATION */
header {
	position:absolute;
    top:0px;
    width:100%;
	z-index:2;
	background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,1));
}

header #left, header #right, header #left:before, header #right:after {
	background-color:rgba(255,255,255,.5);
}
header #right, header #left, header #left:before, header #right:after, header nav > ul > li > a {
	height:80px;
}
header nav > ul > li > a {
	padding:22px 20px;
}
header #slogan {
    color:#fff;
}
header #phone {
    color:#fff;
}
header nav > ul > li:not(:last-of-type) {
    border-right:1px solid #fff;
}
header nav > ul > li:hover > a {
	background-color:rgba(76,174,169,.5);
}
header #logo {
	margin-top:-70px;
	padding-left:10px;
	padding-right:30px;
}
header #phoneWrapper a {
	color: #fff;
}

/* ^ HEADER / NAVIGATION */
/* BANNER GALLERY */
#banners {
	position:relative;
	z-index:1;
	width:100%;
    margin-bottom:30px;
}
#banner-img {
	position:relative;
	z-index:1;
	margin:0px auto;
	overflow:hidden;
    max-height:900px;
}
#banner-img .slide {
	position:absolute;
	top:0px;
	bottom:0px;
	max-width:100%;
	width:100%;
	opacity:0;
	z-index:0;
}
#banner-img .slide.active {
	position:relative;
	opacity:1;
	z-index:1;
}
#banner-img .slide.active .content{
	opacity:1;
}
#banner-img .slide.getActive {
	z-index:2;
}
#banner-img .slide img {
	width:100%;
	height:auto;
}
#banner-img .slide .content {
	opacity:0;
	color:#fff;
	text-shadow:0px 0px 8px rgba(0,0,0,1);
	max-width:40%;
	font-size:50px;
	left:10%;
	top:40%;
	position:absolute;
	z-index:2;	
    font-weight:700;
}
#banner-img .slide .content span {
	text-align:right;
    display:block; 
    font-style:italic; 
}
#banners #banner-bar {
    position:absolute;
    width:100%;
    bottom:0px;
    z-index:2;
    background-image:url("../../../../Assets/Images/banner-bar.png");
    background-position:top center;
    background-size:100%;
    background-repeat:no-repeat;
    padding:35px 0px 20px 0px;
}
#banners #banner-bar > div {
    width:33.3%;
    float:left;
    text-align:center;
    color:#fff;
    font-size:26px;
    font-weight:700;
    padding:0px 20px;
}
#banners #banner-bar > div:nth-of-type(2) {
padding-top: 0px;	
} 
#banners #banner-bar > div:last-of-type {    
    text-align:left;
	padding-left: 75px;
}
#banners #banner-bar > div a {
    text-decoration:none;
    color:#fff;
	font-size: 28px;
}
#banners #banner-bar > div a:hover {
	text-decoration: underline;
}
#view-dog {
    position:absolute;
    right:50px;
    margin-top:-200px;
    max-width: 20%;
}
/* ^ BANNER GALLERY */
.left {
    width:66.6%;
}
.right {
    width:33.3%;
}
.pet-card {
    max-width:270px;
    height:390px;
}
footer {
    border-top:0px;
}
h1 {
	color:#4caea9;
}
/* MOBILE */
@media (max-width:1300px){
#banners #banner-bar {
    padding-bottom:10px;
}
#banners #banner-bar > div {
    font-size:inherit;
}
#banner-img .slide .content {
    font-size:40px;
}
}
@media (max-width:1010px){
#banners #banner-bar > div {
    font-size:14px;
}
}
@media (max-width:990px){
header #slogan {
    color: #fff;
	margin-bottom: 5px;
}
header #phone {
    color: #0e3885;
	margin-bottom: 5px;
}
header nav > ul > li:hover > a {
	background-color:rgba(255,255,255,.5);
}
}  
    
@media (max-width:860px){
#banner-img .slide .content {
    max-width:80%;
    font-size:28px;
}
#banners #banner-bar {
    position:relative;
    background:#4caea9;
    padding:0px;
}
#banners #banner-bar > div {
    float:none;
    width:100%;
    text-align:center !important;
    padding:10px;
    border-bottom:1px solid #fff;
    font-size:20px;
}
#banners #banner-bar > div:nth-of-type(1) {
    background-color:#755b9e;
}
#banners #banner-bar > div:nth-of-type(2) {
    background-color:#e0932f;
}
.left, .right {
    float:none;
    width:auto;
}
}
@media (max-width:650px){
#banners #banner-bar > div a {
	font-size: 22px;
}
#banners #banner-bar > div:last-of-type {
    padding-left: 0px;
}
#banner-img .slide .content {
     max-width:100%;
   font-size:20px;
}
#view-dog {
   display:none;
}

}