/*******Fonts add*********/
  @import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
 
/************/


@font-face {
    font-family: 'BEBAS';
    src: url('../fonts/BEBAS.eot');
    src: url('../fonts/BEBAS.eot') format('embedded-opentype'),
         url('../fonts/BEBAS.woff2') format('woff2'),
         url('../fonts/BEBAS.woff') format('woff'),
         url('../fonts/BEBAS.ttf') format('truetype'),
         url('../fonts/BEBAS.svg#BEBAS') format('svg');
}


/****base css*********/

		body{ font-size:21px; color:#181818;  line-height:1; 	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;               font-family: 'Roboto', sans-serif;  font-weight:400;}		
		h1, h2, h3, h4, h5, h6, small, form, ul, strong, span {margin:0px; padding:0px; }
		
		h1 { font-weight:400;  font-size:22px; margin:0px 0px 30px; padding:0px; color:#000000; line-height:30px;  }
		h2 { font-weight:400;  font-size:30px; margin:0px 0px 24px; padding:0px; color:#333333;  }
		h3 { font-weight:400;  font-size:21px; margin:0px 0px 20px; padding:0px; color:#5f5c59; line-height:30px;  }
		h4 { font-weight:300;  font-size:20px; margin:0px 0px 10px; padding:0px; color:#333333;  }
		h5 { font-weight:300;  font-size:18px; margin:0px 0px 10px; padding:0px; color:#333333;  }
		.fl{ float:left;}
		.fr{ float:right;}
		p { margin:0px; padding:0px 0px 20px;}
		article, aside, figure, footer, header, hgroup,menu, nav, section { display: block; }
		.clearfix:after, .grid-block:after, .deepest:after {    clear: both;}
		.clearfix:before, .clearfix:after, .grid-block:before, .grid-block:after, .deepest:before, .deepest:after {    content: "";    display: 		table;}
		.cl{ clear:both; height:0; }
		a { color:#104c77; outline:none; transition:all 0.3s ease-in 0s;-webkit-transition:all 0.3s ease-in 0s;}
		a:hover { color:#000;  outline:none;} 
		a:focus {outline:none;} 
		.no-padding{ padding:0px;}

/****End*********/

html { min-height: 100%;  position: relative;}
.container {  max-width: 1320px; padding:0px; width:94%;}


header { width:100%; float:left; padding:20px 0; position:absolute; text-align:center; z-index:10; -webkit-box-sizing:border-box; box-sizing:border-box;}
header .container { max-width:100%; width:100%; padding:0 40px; position:relative; -webkit-box-sizing:border-box; box-sizing:border-box;}
.logo {  display: table;  float: none;  margin: auto;  position: relative;}
.top-right { margin-top:5%;}
.call-right { float:right; }

.menu-fix { position:absolute; right:0;}



.call-left { position:absolute; top:0; background:rgba(255,255,255,0.65); padding: 5px 10px;    line-height: 1; }
.call-left a { font-size:26px; color:#fff; background:url(../images/phone-icon.png) no-repeat left center; padding-left:50px; color:#104c77; font-size:34px; font-weight:700;}
.call-left a:hover, .call-left a:focus { text-decoration:none;}

.menu-bar { position:absolute; right:28px; color:#104c77; font-weight:700; font-size:30px; top:0;}
.menu-bar a{ color:#104c77; background:url(../images/nav-bar.png) no-repeat left center; display:block; padding-left:85px; height:47px; line-height:47px;}
.menu-bar  a:hover, .menu-bar a:focus { text-decoration:none;}
.menu-bar.active a { background:url(../images/nav-bar1.png) no-repeat left center;}


/**************/

.slider { width:100%; float:left; position:relative;}
.slider img { width:100%;}
.banner-text {  left: 50%;  position: absolute;  top: 50%;  transform: translate(-50%, -40%);}

.slider .slide-desc {bottom: auto !important; top:50%; -webkit-transform:translate(0,-50%); transform:translate(0,-50%); text-align:center; }
.slider .slide-desc .slide-desc-text-default { text-align:center; line-height:1; }
.slider  .slide-desc-bg { display:none;}
.banner-heading { font-size:36px;  font-family: 'BEBAS'; text-shadow: 1px 3px 6px rgba(0, 0, 0, 0.3); }
.banner-heading span { display:block; font-size:60px; padding-bottom:5px;}
.banner-sub-heading { padding-top:5px;}
.banner-sub-heading i{ font-size:12px; text-shadow: 1px 3px 6px rgba(0, 0, 0, 0.3);}
.small-text { font-size:20px; font-style:italic; text-shadow: 1px 3px 6px rgba(0, 0, 0, 0.5);}
.bay-text {  display: block; font-size:35px;  font-family: 'BEBAS';  text-shadow: 1px 3px 6px rgba(0, 0, 0, 0.5); padding-top:5px;}
/*************/

#page-full{ width:100%; float:left; background:url(../images/ack-bg.jpg) no-repeat right top; min-height:500px;}
.navigation-full { width:100%; float:left;  }
.navigation-full .container { max-width:1400px; width:100%; border-bottom:#bababa solid 1px; padding-bottom:20px; padding-top:20px;}

.navigation { display:inline-block;  vertical-align:middle;    margin: 25px 0 0;}
.navigation > .moduletable > ul.nav{ margin:0px; padding:0px;}
.navigation > .moduletable > ul.nav > li { float:left; padding:0 12px;}
.navigation > .moduletable > ul.nav > li > a{ font-size:23px; display:block; color:#104c77; border-bottom:#fff solid 9px; padding:0px 0px 8px; text-transform:uppercase;}
.navigation > .moduletable > ul.nav > li > a:hover, .navigation > .moduletable > ul.nav  > li > a:focus { background:none; border-bottom:#529ccd solid 9px; text-decoration:none;}
.navigation > .moduletable > ul.nav > li:hover > a{ background:none; border-bottom:#529ccd solid 9px; text-decoration:none;}
.navigation > .moduletable > ul.nav  li:hover > ul { display:block;}


.navigation ul.nav ul { position:absolute; background:#529ccd; font-size:16px; width:240px; display:none;}
.navigation ul.nav ul li { float:none; position:relative;}
.navigation ul.nav ul li a{ display:block; color:#fff; padding:8px 15px;}
.navigation ul.nav ul li a:hover, .navigation ul.nav ul li a:focus { background:#107728; text-decoration:none;}
.navigation ul.nav ul li:hover > a { background:#107728; text-decoration:none;}
.navigation ul.nav ul ul { margin-left:240px; top:0;}



.menu-fix {  background:rgba(16,76,119,0.95);  position: absolute;  right: 31px;  top: 64px;  width: 303px; display:none;}
.menu-fix ul.nav { margin:0px; padding:0px; text-align:left; padding:10px 0;}
.menu-fix ul.nav li { list-style:none; position:relative;}
.menu-fix ul.nav li .puls { position:absolute; width:40px; height:25px; right:5px; top:0; height:42px;}
.menu-fix ul.nav li .puls:before{ content:"\f078"; font-family: FontAwesome; color:#fff; text-align:center; position:absolute; width:100%; height:100%; text-align:center; line-height:42px; cursor:pointer;}
.menu-fix ul.nav li.active-1 .puls:before{ content:"\f077";}
.menu-fix ul.nav li a { display:block; font-size:28px; font-weight:700; color:#fff;  font-family: 'Roboto', sans-serif;   text-transform:uppercase; display:block; line-height:1; padding:7px 35px;}
.menu-fix ul.nav li a:hover, .menu-fix ul.nav li a:focus { background:#107728; text-decoration:none; color:#fff;}

.menu-fix ul.nav ul { display:none;}
.menu-fix ul.nav ul li a { font-weight:400; font-size:20px; padding-left:45px;}


.book-btn a{ width:209px; height:71px;  background:#107728; font-size:33px; font-weight:400; color:#fff; line-height:71px; display:block; text-align:center;}
.book-btn a:hover, .book-btn a:focus { text-decoration:none; background:#104c77; text-decoration:none; color:#fff; }


/********************/

.content-box { width:100%; float:left; padding:40px 0; line-height:28px;}
.content-side  { width:100%;}

.home-only .welcome-box { text-align:center; max-width:1214px; margin:auto;}



/*****************/
.cottage-sec { width:100%; float:left; margin-bottom:50px;}
.cottage-sec .img-col { overflow:hidden; margin-bottom:20px;}
.cottage-view { text-align:center;}
.cottage-sec .col-6  { width:50%; float:left;}

.view-btn { max-width:425px; width:100%; display:inline-block;}
.view-btn .bay-btn { width:100%;border:#a9a4a6 solid 1px;	 font-size:36px; color:#0c293d; padding:6px 0px 10px; color:#0c293d; display:block;   font-family: 'BEBAS'; line-height:1; }
.view-btn .bay-btn:hover, .view-btn .bay-btn:focus { color:#fff;  background:#0c293d; text-decoration:none;}

.cottage-view ul { display:inline-block; padding-top:40px; position:relative;}
.cottage-view ul:before { width:1px; height:115px; position:absolute; content:''; left:50.5%; top:0px; background:#a9a4a6;}
.cottage-view ul:after { width:90%; height:1px; position:absolute; content:''; left:0; top:116px; background:#a9a4a6; margin-left:5%}
.cottage-view ul li { float:left; list-style:none; position:relative; width:25%; z-index:1; position:relative;}
.cottage-view ul li span { position:absolute;  font-family: 'BEBAS'; width:100%; text-align:center; left:0; bottom:40px; font-size:18px; color:#fff;}
.cottage-view ul li:hover span { color:#fff;}

.cottage-view ul li img.off { visibility:hidden; position:absolute;  left:0; top:0; display:none;} 
.cottage-view ul li:first-child img.off { left:5px;}
.cottage-view ul li:hover img.on { visibility:hidden; }
.cottage-view ul li:hover img.off { visibility:visible; display:block;}



.beach-view { text-align:center;}
.beach-view ul { display:inline-block; padding-top:40px; position:relative;}
.beach-view ul:before { width:1px; height:115px; position:absolute; content:''; left:50.5%; top:0px; background:#a9a4a6;}
.beach-view ul:after { width:80%; height:1px; position:absolute; content:''; left:0; top:116px; background:#a9a4a6; margin-left:9%}
.beach-view ul li { float:left; list-style:none; position:relative;  z-index:1;width:25%;}
.beach-view ul li span { position:absolute;  font-family: 'BEBAS'; width:100%; text-align:center; left:0; bottom:35px; font-size:18px; color:#fff;}
.beach-view ul li:hover span { color:#fff;}


.beach-view ul li img.off { visibility:hidden; position:absolute;  left:0; top:0; display:none;} 
.beach-view ul li:first-child img.off { left:0px;}
.beach-view ul li:hover img.on { visibility:hidden; }
.beach-view ul li:hover img.off { visibility:visible; display:block;}




/*****************/

.location-sec { width:100%; float:left; line-height:1; margin-bottom:26px;}
.slogan-heading { text-align:center; margin-bottom:60px; clear:both;}
.slogan-heading span { display:block;}
.slogan-heading .sub-heading { display:block; font-size:22px; color:#104c77; font-family: 'BEBAS';  text-shadow: 1px 2px 3px rgba(0,0,0,0.5);}
.slogan-heading .main-heading { display:block; font-size:52px; color:#187b2f; font-family: 'BEBAS'; padding-top:5px;  text-shadow: 1px 2px 3px rgba(0,0,0,0.5);}
.sub-heading i {  display: inline-block;  font-size: 9px;  position: relative;  text-align: center;  top: 8px;  vertical-align: top;  width: 30px;}
.main-heading i {  display: inline-block;  font-size: 20px;  position: relative;  text-align: center;  top:20px;  vertical-align: top;  width: 30px;}

.location-sec .col-6 { width:49%;}
.location-sec .video-col { border:#80b6da solid 1px;}
.location-sec .video-col .padd{ padding:26px;}
.location-sec .video-col  img { width:100%;}


.location-sec .map-col  { border:#80b6da solid 1px; text-align:right;}
.location-sec .map-col .padd{ padding:0;}
.location-sec .video-col  img { max-width:100%;}


/*****************/
.dogs-sec { width:100%; float:left; position:relative;}
.dogs-sec  .col-8 { width:64%; position:relative;}
.dogs-sec .col-4 {  bottom: 0;  left: 0;  position: absolute;  width: 100%;  z-index: -1;}

.dogs-sec .activities-col  { border:#80b6da solid 1px; border-right:0; padding:36px;  margin-bottom:20px;}
.dogs-sec .activities-col .padd { padding:24px 70px; color:#fff; overflow:hidden;}  
.dogs-sec .center-dv { max-width:970px; margin:auto;}

.dogs-sec h2 {  color: #fff;  font-family: "BEBAS";  font-size: 72px;  margin: 0 auto 35px;  max-width: 603px;  text-align: center; text-shadow: 1px 2px 3px rgba(0,0,0,0.5); line-height:1; }
.dogs-sec ul { width:50%; float:left; margin:0px; padding:0px;}
.dogs-sec ul li {  background: url("../images/a-icon.png") no-repeat scroll left center;  font-size: 30px;  list-style: outside none none;  padding: 9px 0 25px 115px;  text-shadow: 1px 2px 3px rgba(0,0,0,0.5);  font-weight:700; line-height:1; }
.dogs-sec ul li:hover { color:#529ccd; cursor:pointer;}
.dogs-sec ul li:hover a{ color:#529ccd; cursor:pointer;}
.dogs-sec ul li a { color:#fff;}
.dogs-sec ul li:hover .dogs-sec ul li:focus a{ color:#529ccd; text-decoration:none;}
.dogs-sec ul li a:hover, .dogs-sec ul li a:focus { text-decoration:none !important;} 



.blog-btn { width:100%; text-align:center; float:left; padding-top:20px;}
.blog-btn a{ display:inline-block; width:310px; background:#529ccd; text-align:center; color:#fff; font-family: "BEBAS"; font-size:38px; padding:12px 0;   text-shadow: 1px 2px 3px rgba(0,0,0,0.5);}
.blog-btn a span { display:block; font-size:24px; padding-bottom:3px; }
.blog-btn a:hover, .blog-btn a:focus { text-decoration:none; background:#187b2f;}
.blog-btn .whitetxt i {  display: inline-block;  font-size: 7px;  position: relative;  top: 10px;  vertical-align: top;  width: 29px;}
.dogs-sec .activities-col .padd { background-size:cover; background-repeat:no-repeat;}


/************************/

footer { width:100%; float:left; background:#bba170; padding:26px 0;}
.footer-top { width:100%; float:left; text-align:center; position:relative;}
.fo-nav { display:inline-block; line-height:1;}
.fo-nav ul { margin:0px; padding:0px;}
.fo-nav ul li { list-style:none; display:inline-block;}
.fo-nav ul li + li{ border-left:#fff solid 2px; margin-left:5px;}
.fo-nav ul li a{ font-size:18px; color:#fff; font-weight:700; display:block; text-transform:uppercase; padding-left:10px; }

.fo-social { position:absolute; right:40px; top:0;}
.fo-social a{ font-size:30px; color:#fff;}
.fo-social a + a { margin-left:15px;}
.fo-social a:hover, .fo-social a:focus { text-decoration:none; color:#104c77;}
.footer-bt { width:100%; float:left; text-align:center; position:relative; padding-top:40px;}
.fo-logo { display:table; margin:auto;}

/**************************/

.inner-page  header { position:relative;   -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);}

.left-side {  width: 25%; float:left;}
.content-side.left {  float: right;  width: 72%;}
.right-side {  width: 25%; float:right;}
.content-side.right {  float: left;  width: 72%;}
.content-side.both {  float: left;  margin-left: 2.5%;  width: 45%;}

.main-body-bottom {  float: left;  margin: 20px 0 0;  width: 100%;}
.main-body-top {  float: left;  margin: 0 0 20px;  width: 100%;}

.header-middle {  margin-right: 198px;  position: absolute;  right: 0;  top: 0;  width: 280px;}
.header-middle  h3 { margin:0px; padding:0px;}
.footer-right {  position: absolute; bottom: 0; color:#fff; width:25%; right:0;}
.footer-bt { position:relative;}
.footer-left {  position: absolute;  bottom: 0; color:#fff; width:25%;}
.footer-left h3, .footer-right h3 { margin:0px; padding:0px; color:#fff;}
.footer-right {  position: absolute; bottom: 0; color:#fff; width:25%; right:0;}


.page-header { margin:0px ; padding:0px; border:none;}
.content-box h1 {   color: #187b2f;    display: block;    font-family: "BEBAS";    font-size: 50px;  line-height:1; margin:0px 0px 30px; padding:0px;}
.content-box h2 {   color: #187b2f;    display: block;    font-family: ""Roboto",sans-serif";    font-size: 30px;  line-height:1; margin:0px 0px 30px; padding:0px;}
.content-box  h3 { font-family: "BEBAS";    color: #104c77;  font-size: 26px;  font-weight: 400;  line-height: 1;  margin: 0 0 20px;  padding: 0;}
.content-box  h4 { font-family: "BEBAS";    color: #104c77;  font-size: 22px;  font-weight: 400;  line-height: 1;  margin: 0 0 20px;  padding: 0;}
.content-box  h5 { font-family: "BEBAS";    color: #333;  font-size: 18px;  font-weight: 400;  line-height: 1;  margin: 0 0 20px;  padding: 0;}


.tftable {font-size:12px;color:#333333;width:100%;border-width: 1px;border-color: #729ea5;border-collapse: collapse;}
.tftable th {font-size:12px;background-color:#0C6791;border-width: 1px;padding: 8px;border-style: solid;border-color: #0C6791;text-align:left; color:#FFFFFF;}
.tftable tr {background-color:#ffffff;}
.tftable td {font-size:12px;border-width: 1px;padding: 8px;border-style: solid;border-color: #729ea5;}
.tftable tr:hover {background-color:#FFF2C9;}



/* Styling for the title (Month and Year) of the calendar */
div.title2 {
    font: 15px Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
    height: 40px;
    color: #0C6791;
	margin-top:20px;
	
    }

/* Styling for the overall table */
table.cal {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    table-layout: fixed;
    border-collapse: collapse;
	width:90%;
    }
/* Styling for the column headers (days of the week) */
th.cal {
    padding: 0 0.5em;
    text-align: center;
    color:white;
    }
/* Styling for the individual cells (days) */
td.cal  {     
    font-size: medium;
    padding: 0.15em 0.15em;   
    width: 14%; 
    height: 15px;
    text-align: center;
    vertical-align: top;
    }

td.cal span{
	text-decoration-thickness: 5px!important;
}
/* Styling for the date numbers */
.date  {     
    font-size: 11px;
    padding: 0.25em 0.25em;   
    text-align: left;
    vertical-align: top;
	color:#111111;
    }
/* Class for individual days (coming in future release) */
.sun {
     color:red;
     }
/* Hide the month element (coming in future release) */
th.month {
    visibility: hidden;
    display:none;
    }
	
	
.calmonth { float:right;}

.img-intro img {padding: 15px; width: 200px;}