/*-- Body & Text
================================================== */
h1,h2,h3,h4,h5 {
	font-family: 'Montserrat', sans-serif;
}
p,b,i {
	font-family: 'Domine', serif;
}
@media (max-width:450px){
	body {
		background:#fff;
	}
}
@media (min-width:450px){
	body {
		background:url(../img/bg02.png) fixed;
	}
}
.section-a {
	background:#fff;
	width:100%;
	padding-top:25px;
	padding-bottom:25px;
	color:#354458;
}
.section-b {
	background:#354458;
	width:100%;
	padding-top:25px;
	padding-bottom:25px;
	color:#fff;
}
.section-c {
	background:url(../img/bg.jpg) fixed;
	background-position: center bottom;
	width:100%;
	height:auto;
	margin-bottom:-10px;
}

.section-d {
	background:#f8f8f8;
	width:100%;
	padding-top:25px;
	padding-bottom:25px;
	color:#485d78;
}
.section-a h1,h2,h3,h4 {
	color:#354458;
}
.btn {
	margin-bottom:50px;
	border-radius:0px;
	color:#354458;
	background-color:#fff;
	transition: all .3s ease-in-out;
}
.btn:hover {
	background-color:#0590b1;
	color:#fff;
	-webkit-transition: all 0.45s ease-in-out;
	-moz-transition: all 0.45s ease-in-out;
	transition: all 0.45s ease-in-out;
}
@media (max-width:420px){
	.section-a, .section-b p {
		font-size:1.2em;
		line-height: 200%;
		text-align:center;
	}	
}
@media (min-width:421px) and (max-width:767px){
	.text-logo {
		margin-top:15px;
		width:86%;
		margin-left:7%;
		margin-right:auto;
	}	
	.text-logo h2 {
		font-size:25px;
	}
	.logo {
		max-height:400px;
		margin-left:auto;
		margin-right:auto;
		margin-top:100px;
	}
	.section-a, .section-b p {
		font-size:1.3em;
		line-height: 220%;
		text-align:center;
	}	
}
@media (min-width:768px){
	.text-logo {
		margin-top:200px;
	}	
	.logo {
		max-height:400px;
		margin-left:auto;
		margin-right:auto;
		margin-top:100px;
		margin-bottom:50px;
	}	
	.section-a, .section-b p {
		font-size:1.4em;
		line-height: 220%;
		text-align:center;
	}	
}
.btm-logo {
	width:90%;
	max-width:600px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
}
.center {
	text-align:center;
}
.btn-width .btn {
	width:100%;
}
/*-- Gallery
================================================== */
.gal {
	padding-bottom:25px;
	opacity:0.9;
}
.gal:hover {
	opacity:1.0;
}
/*-- Services
================================================== */
.services {
	background-color:#fff;
	border-radius:25px;
	height:250px;
	width:100%;
	color:#354458;
	text-align:center;
}
.booking {
	background-color:#fff;
	border-radius:10px;
	border:3px #222;
	color:#354458;
	margin-top:120px;
	box-shadow: 3px 3px 6px #777;
	padding-bottom:15px;
	margin-bottom:25px;
}
.booking i {
	background-color:#354458;
	color:#fff;
	border-radius:50%;
	display:inline-block;
	font-size:36px;
	width:100px;
	height:100px;
	line-height:100px;
	vertical-align:middle; 
	text-align:center;
	margin-top:-60px;
}
.booking .row {
	margin:10px;
}
.booking .btn {
	border-radius:0px;
	color:#fff;
	background-color:#485d78;
	transition: all .3s ease-in-out;
	text-decoration: none !important;
	width:100%;
	margin-bottom:5px !important;
}
.booking .btn:hover {
	background-color:#0590b1;
	color:#fff;
	-webkit-transition: all 0.45s ease-in-out;
	-moz-transition: all 0.45s ease-in-out;
	transition: all 0.45s ease-in-out;
	text-decoration: none !important;
}
.booking-mobile .btn-primary {
	border-radius:0px;
	transition: all .3s ease-in-out;
}
.booking-mobile .btn-primary:hover {
	-webkit-transition: all 0.45s ease-in-out;
	-moz-transition: all 0.45s ease-in-out;
	transition: all 0.45s ease-in-out;
}
.booking-mobile {
	width:100%;
}
.booking-mobile i {
	background-color:#354458;
	color:#fff;
	border-radius:50%;
	display:inline-block;
	font-size:36px;
	width:100px;
	height:100px;
	line-height:100px;
	vertical-align:middle; 
	text-align:center;
	margin-top:15px;
}
.booking-mobile .btn-primary {
	margin-bottom:10px;
}
.booking-mobile h3 {
	color:#485d78;
}
.size .btn {
	width:100%;
}
.breeds h2 {
	color:#fff;
}
.breeds i {
	margin-bottom:20px;
}
/*-- Panels
================================================== */
.panel {
	margin-top:25px;
	opacity:0.95;
}
.panel:hover {
	opacity:1.0;
	box-shadow: 3px 3px 6px #888;
}
.panel-heading p {
	font-size:65px;
	margin-top:-60px;
}
@media (max-width:768px){
	.panel-heading {
		color:#354458;
		min-height:100px;
	}
	.panel-body {
		color:#354458;
	}
	.panel-footer {
		color:#354458;
	}	
}
@media (min-width:768px){
	.panel-heading {
		color:#354458;
		min-height:170px;
	}
	.panel-body {
		color:#354458;
		min-height:255px;
		margin-top:-25px;		
	}
	.panel-footer {
		color:#354458;
		margin-top:-30px;
	}	
}
.panel-footer .btn {
	margin-left:auto;
	margin-right:auto;
}
.panel h3 {
	text-transform:uppercase;
}
.panel i {
	background-color:#354458;
	color:#fff;
	border-radius:50%;
	display:inline-block;
	font-size:36px;
	width:100px;
	height:100px;
	line-height:100px;
	vertical-align:middle; 
	text-align:center;
	margin-top:-40px;
}
/*-- Map
================================================== */
#map_canvas {
	width:100%;
	height:450px;
	background-color:#999;
}
/*-- Footer
================================================== */	
.footer {
	background: #354458;
	padding-top: 10px;
	font-size:18px;
	line-height:40px;
	margin-top:10px;
	color:#fff;
}
.footer h4 {
	color:#fff;
}
.footer-social i {
	color:#fff;
}
.facebook:hover{
	color:#0590b1;
}
.google:hover{
	color:#dd4b39;
}
.mail:hover{
	color:#009900;
}
.footer a:link {
    color: #0590b1;
}
.footer a:visited {
    color: #0590b1;
}
.footer a:hover {
    color: #fff;
}
.footer a:active {
    color: #060;
}
/*-- Navbar
================================================== */
@media (max-width: 768px) { 
  .nav>li {
	text-align: center;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    width: 100%;
    text-align: center;
  }
  .navbar-nav > li {
    float: none;
    display: inline-block;
  }
  .navbar-nav > li.navbar-right {
    float: right !important;
  }
}
.navbar-default {
  background-color: #354458;
  border-bottom:1px solid #fff;
  border-color: #fff;
  border-radius: 0px;
  transition: all .2s ease-in-out;
}
.navbar-default .navbar-brand {
  color: #fff;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #00c8f8;
}
.navbar-default .navbar-text {
  color: #000000;
}
@media (min-width:768px){
	.navbar-default .navbar-nav > li > a {
	  color: #fff;
	  text-transform:uppercase;
	  padding:18px;
	  font-weight:bold;
	  transition: all .2s ease-in-out;
	}
}
@media (max-width:768px){
	.navbar-default .navbar-nav > li > a {
	  color: #fff;
	  text-transform:uppercase;
	  padding-top:20px;
	  font-weight:bold;
	  transition: all .2s ease-in-out;
	}
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #5db7ee;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #5db7ee;
  background-color:transparent;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #d89;
  background-color: #ffffff;
  
}
.navbar-default .navbar-toggle {
  border-color: #ffffff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #31b0d5;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #000000;
}
.navbar-default .navbar-link {
  color: #000000;
}
.navbar-default .navbar-link:hover {
  color: #888;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #000000;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ecdbff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ecdbff;
    background-color: #ffffff;
  }
}
.nav-pills > li {
	width:33%;
}
.nav-pills > li > a {
	border-radius: 0;
	background-color: #fff;
	color: #555;
	font-weight: 400;
	font-size: 20px;
	box-shadow: 0 -1px 4px rgba(0,0,0,.2);
	border: 0;
	box-shadow: 0 0 7px rgba(0,0,0,.7);
	margin-left:5px;
	transition: all .3s ease-in-out;
}
.nav-pills > .active > a, .nav-pills > .active > a:hover {
    background-color: #0590b1!important;
}
.nav-pills > li > a:hover {
	background-color:#0590b1;
	color:#fff;
	-webkit-transition: all 0.45s ease-in-out;
	-moz-transition: all 0.45s ease-in-out;
	transition: all 0.45s ease-in-out;
	text-decoration: none !important;
}
.nav-stacked > li  {
	width:100%;
}
.scrollnav a {
	cursor: pointer;
}
.scrollnav i {
	color:#fff;
}
.scrollnav i:hover{
	color:#0590b1;
}
.navbar-icon {
	font-size:30px;
	padding-left:5px;
	padding-right:5px;
	line-height:50px;
	color:#fff;	
}
/*-- Show/Hide
================================================== */
@media (min-width:390px){
	.xs-hide{
		display:block;
	}
	.xs-show{
		display:none;
	}	
}
@media (max-width:390px){
	.xs-hide{
		display:none;
	}
	.xs-show{
		display:block;
	}
}
@media (min-width:445px){
	.xxs-hide{
		display:block;
	}
	.xxs-show{
		display:none;
	}	
}
@media (max-width:445px){
	.xxs-hide{
		display:none;
	}
	.xxs-show{
		display:block;
	}
}
@media (min-width:550px){
	.xs2-hide{
		display:block;
	}
	.xs2-show{
		display:none;
	}	
}
@media (max-width:550px){
	.xs2-hide{
		display:none;
	}
	.xs2-show{
		display:block;
	}
}
@media (min-width:768px){
	.sm-hide{
		display:block;
	}
	.sm-show{
		display:none;
	}	
}
@media (max-width:767px){
	.sm-hide{
		display:none;
	}
	.sm-show{
		display:block;
	}
}
@media (min-width:992px){
	.md-hide{
		display:block;
	}
	.md-show{
		display:none;
	}	
}
@media (max-width:992px){
	.md-hide{
		display:none;
	}
	.md-show{
		display:block;
	}
}
@media (min-width:1200px){
	.lg-hide{
		display:block;
	}
	.lg-show{
		display:none;
	}	
}
@media (max-width:1200px){
	.lg-hide{
		display:none;
	}
	.lg-show{
		display:block;
	}
}
@media only screen and (max-device-width : 420px) {
	.mobile-show{
		display:block;
	}
}
@media only screen and (min-device-width : 420px) {
	.mobile-show{
		display:none;
	}
}
@media only screen and (max-device-width : 420px) {
	.mobile-hide{
		display:none;
	}
}
@media only screen and (min-device-width : 420px) {
	.mobile-hide{
		display:block;
	}
}