/*Imported CSS*/
@import url('reset.css'); /*Reset CSS*/
@import url('font-awesome.css'); /*Font Awesome CSS*/
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900);

/*=====GENERAL CSS=====*/
html {font-family: Lato; font-weight: 400; background: #f8f8fa;}
.clear {clear: both;  display: block;  overflow: hidden;  height: 0;}
.inner {width: 976px; margin: 0 auto; position: relative;}
.page-title {background: #f0f0f0; padding: 30px 0;margin: 0 0 30px 0;}
.page-title p .title {color: #754d33; font-size: 36px; font-weight: 700; text-transform: uppercase; text-shadow: 1px 2px 2px rgba(255,255,255,.75); line-height: 40px;}
.page-title p .location {color: #949494; line-height: 20px; float: right; padding: 10px 0;}
.page-title p .location a {color: #949494;} .page-title p .location a:hover {color: #2fbb34;}
.divider {width: 185px; height: 4px; background: #e0e0e0; margin: 6px auto 46px; clear: both; float: none;}
.socials {text-align: center; margin-top: 25px;}
.avail {padding: 55px 0; text-align: center; background: #fff; margin-bottom: 40px;}
.white-sec {background: #fff; border:1px solid #f0f0f0; padding: 30px; margin: 0 0 30px 0;}
.white-sec.last {margin-bottom: 50px;}
.light {} .light span {font-weight: 400;}
.txt h4 {margin-top: 30px;} .txt p {margin-bottom: 15px;}
b {font-weight: 700;}
strong {font-weight: 900;}
a {color: #2fbb34;} a:hover {color: #764e33;}
u {text-decoration: underline;}

h2 {font-size: 28px; color: #764e33; text-align: center; text-transform: uppercase; line-height: 40px;}
h2 span {color: #2fbb34;}
h2:after {content: ""; display: block; width: 185px; height: 4px; background: #e0e0e0; margin: 10px auto 45px;}
h4 {color: #2fbb34; font-size: 18px; font-weight: 700; text-transform: uppercase; margin-bottom: 20px;}
h4 span {color: #764e33;}
p {color: #353535; line-height: 22px;}


/*========HEADER CSS=======*/
#header {padding: 3px 0; background: #fff;}
#header #logo {width: 300px; float: left; height: 109px;}
#header #navigation {float: right; padding: 37px 0;}
#header #navigation ul li {display: inline-block; float: left; line-height: 35px;}
#header #navigation ul li a {display: block; font-size: 14px; color: #8a6146; line-height: 21px; padding: 6px 12px; text-transform: uppercase;}
#header #navigation ul li a:hover, #header #navigation ul li a.active {color: #2fbb34;}
#header #navigation ul li.book {border:1px solid #2fbb34;} 



/*BLUE CATS CSS*/
.cats {background: #64c4ea; padding: 42px 0; margin-bottom: 60px;}
.cats ul li {display: inline-block; float: left; width: 275px; border-right: 1px solid #81d1f1; border-left: 1px solid #53b3d9; padding: 0 36px;}
.cats ul li .index {color: #9fdbf3; font-size: 66px; line-height: 50px; height: 50px; width: 40px; float: left;text-align: center; font-weight: 900;}
.cats ul li:first-child {border-left: none; padding-left: 0;}
.cats ul li:last-child {border-right: none; padding-right: 0;}
.cats ul li .desc {width: 220px; float: right;}
.cats ul li .desc h3 {color: #764e33; font-size: 24px; font-weight: 900; line-height: 30px; text-transform: uppercase;}
.cats ul li .desc p {color: #353535;}




/*FOOTER CSS*/
.phone {background: #51b4dd; text-align: center; height: 74px; /*margin-top: 40px;*/}
.phone p {color: #fff; font-size: 24px;  line-height: 74px; text-transform: uppercase;}

.note {background: #fff; height: 73px;}
.note p {color: #343434;font-size:14px;  line-height: 73px;}
.note .go-top {opacity: .7; display: block; right: 0; bottom: 50%; margin-bottom: -16px; position: absolute; width: 32px; height: 32px; background-color:#f5f5f5; background-image: url(../img/top.png); background-repeat: no-repeat; background-position: center;}
.note .go-top:hover {opacity: 1;}

#links {background: #5fc0e9; padding: 48.5px 0;}
#links ul.row-links > li {display: inline-block; float: left; padding: 0 40px; border-right: 1px solid #45a5cd; min-height: 165px;}
#links ul.row-links > li:last-child {padding-right: 0; border-right: none;}
#links ul.row-links > li:first-child {border-right: none;}
#links ul li h5 {color: #3089ae; font-size: 16px; font-weight: 700; text-transform: uppercase; margin: 0 0 25px 0;}
#links ul li ul li {line-height: 28px; color: #fff; text-transform: capitalize;}
#links ul li ul li a {color: #fff; }
#links ul li ul li a:hover {color: #764e33;}
#links ul li ul li a i {color: #3690b6; margin-right: 10px; display: inline-block; width: 15px;}



/*CABINS LIST CSS*/
#cabins-list ul li {display: inline-block; float: left; margin: 0 19px 40px 0; width: 309px; border:1px solid #f0f0f0; background: #fff; padding: 0 0 15px; overflow: hidden;}
#cabins-list ul li:nth-child(3n) {margin-right: 0;}
#cabins-list ul li .photo {width: 100%; height: 229px; overflow: hidden; position: relative;}
#cabins-list ul li .photo img {width: 100%;}
#cabins-list ul li .photo a {width: 100%; text-align: center; height: 100%; z-index: 5; background: rgba(47,187,52,.79); position: absolute; display: none; top: 0; line-height: 229px;}
#cabins-list ul li .photo a span {display: inline-block; font-size: 14px; line-height: 25px; padding: 5px 12px; border:1px solid #fff; text-transform: uppercase; color: #fff;}
#cabins-list ul li .photo a span:hover {color: #2fbb34; background: #fff;}
#cabins-list ul li .photo:hover a {display: block;}
#cabins-list ul li .text {text-align: center; padding: 15px 0 0 0;}
#cabins-list ul li .text h3 {color: #2fbb34; text-transform: uppercase; font-size: 18px; line-height: 30px; font-weight: 900;}
#cabins-list ul li .text p {color: #764e33; line-height: 22px;}
#cabins-list ul li.rnd p a {color: #353535;} #cabins-list ul li.rnd a:hover {color: #2fbb34;}

#cabins-list ul li.rnd {text-align: center; padding: 25px 0;
	-webkit-border-radius:5px;
	 -khtml-border-radius:5px;
	   -moz-border-radius:5px;
	    -ms-border-radius:5px;
	     -o-border-radius:5px;
	        border-radius:5px;
}
#cabins-list ul li.rnd h1 {font-size: 24px; color: #764e33; line-height: 26px; font-weight: 900; text-transform: uppercase;}
#cabins-list ul li.rnd h3 {font-size: 20px; text-transform: uppercase; line-height: 26px; color: #2fbb34; margin-bottom: 5px;}
#cabins-list ul li.rnd p span {font-size: 14px;}
#cabins-list.specials ul li.rnd {min-height: 251px;}
#cabins-list.specials ul li.rnd {margin-bottom: 19px;}

#cabins-list.specials ul li.rnd#one {background: #ffe2e2}
#cabins-list.specials ul li.rnd#two {background: #eaffe2}
#cabins-list.specials ul li.rnd#three {background: #f8e2ff}
#cabins-list.specials ul li.rnd#four {background: #e2e3ff}
#cabins-list.specials ul li.rnd#five {background: #fdffe2}
#cabins-list.specials ul li.rnd#six {background: #e2ffe2}
#cabins-list.specials ul li.rnd#seven {background: #e2ffed}
#cabins-list.specials ul li.rnd#eight {background: #ffe2e8}
#cabins-list.specials ul li.rnd#nine {background: #f4e2ff}




/*TESTIMONIALS CSS*/
#testimonials ul li { margin-bottom: 20px;  padding-top: 20px;}
#testimonials ul li:after {content: ""; display: block; clear: both;}
#testimonials ul li .quote {padding: 32px; background: #fff; border:1px solid #f0f0f0; position: relative;}
#testimonials ul li .quote:after {content: ""; width: 41px; height: 24px; background: url(../img/quote-arrow.png) no-repeat; position: absolute; left: 50%; margin-left: -20.5px; top: 100%;}
#testimonials ul li p {color: #5d5f62; line-height: 22px; }
#testimonials ul li .name {color: #764e33; font-size: 18px; margin: 35px 0 0 0; line-height: 20px; font-weight: 700; text-transform: uppercase; text-align: center;}
#testimonials .more {text-align: center;}
#testimonials .more a {color: #3c5181; font-weight: 900;}
#testimonials .divider {margin: 35px auto 25px;}


/*CONTACT CSS*/
.contact-form {background: #fff; padding: 32px; width: 413px; height: 337px; float: left;}
.contact-form form input[type="text"], .contact-form form textarea {outline:none; padding: 3% 5%; width: 90%; font-family: Lato; font-size: 16px; border:1px solid #f0f0f0;}
.contact-form form input[type="submit"] {background: #2fbb34; outline:none; cursor: pointer; width: 112px; height: 35px; line-height: 35px; color: #fff; font-weight: 700; text-align: center; text-transform: uppercase; font-size: 16px; border:none;}
.contact-form form input[type="submit"]:hover {background: #764e33;}
.contact-form form p {margin-bottom: 15px;} .contact-form form textarea {height: 80px;}
.contact-info {width: 413px; padding: 32px; float: right; background: #fff; height: 337px;}



.gallery {width: 490px; float: left; overflow: hidden; position: relative;}
.gallery .main-img { position: relative;}
.gallery .main-img img {width: 100%;}
.gallery .more-images {text-align: center; margin-top: 10px;}
.gallery .more-images img {height: 50px; width: auto;}
.gallery #special {position: absolute; z-index: 9; top: 0; right: 0;}
.gallery #zoom {position: absolute; left: 0; top: 0; display: none;}
.gallery:hover #zoom {display: block;}
.cabin-info {width: 395px; float: right;}
.cabin-info h1 {font-size: 28px; text-transform: uppercase; color: #2fbb34; font-weight: 700; line-height: 32px;}
.cabin-info .cat {font-size: 18px; line-height: 30px; font-weight: 700; color: #764e33;}
.cabin-info .special {margin-bottom: 10px;}
.cabin-info .out {margin-bottom: 15px;}
.cabin-info a { color: #5d5f62; text-decoration: underline;} .cabin-info a:hover {text-decoration: none; color: #2fbb34;}
.cabin-info .addthis_toolbox {display: inline-block; height: 46px; vertical-align: middle; margin: 28px 0 23px 0; float: left;}
.cabin-info .addthis_toolbox:after {content: ""; width: 100%; display: block; clear: both;}
.cabin-info .addthis_toolbox a {padding: 7px 2px;}							
.cabin-info .book-now {display: inline-block; margin: 28px 0 23px 0; float: left;}
.cabin-info .book-now .book {background: #2fbb34; text-align: center; text-transform: uppercase; margin-right: 15px; display: inline-block; font-size: 18px; font-weight: 700; width: 160px; height: 46px; line-height: 46px; color: #fff; text-decoration: none;}
.cabin-info .book-now .book:hover {background: #764e33;}
.cabin-info .book-now a img {vertical-align: middle;}
.cabin-info p {color: #5d5f62;}
.cabin-info .light {clear: both;}



.info-list li {padding: 22px 0; border-top: 1px solid #f0f0f0;}
.info-list li:first-child {border-top: 0; padding-top: 0;}
.info-list li .icon {width: 84px; height: 84px; border:2px solid #2fbb34; float: left; text-align: center; line-height: 84px;
	-webkit-border-radius:50%;
	 -khtml-border-radius:50%;
	   -moz-border-radius:50%;
	    -ms-border-radius:50%;
	     -o-border-radius:50%;
	        border-radius:50%;
}
.info-list li .icon img {vertical-align: middle;}
.info-list li .text {width: 800px; float: right;}
.info-list li a {color: #2fbb34;} .info-list a:hover {color: #764e33;}

.check-list li {width: 45%; display: inline-block; color: #7c7e80; margin-right: 1%; line-height: 26px; padding-left: 30px; background: url(../img/list.png) no-repeat; background-position: left 9px;}
.check-list li a {color: #7c7e80;} .check-list li a:hover {color: #2fbb34;}
.check-list li.full.first {margin-top: 30px;}
.check-list li.full{width: 100%; margin: 0;}
.check-list li.full a {text-decoration: underline;}
.check-list li span {}

.cnct-inf li {width: 287px; display: inline-block; line-height: 22px; color: #5d5f62; float: left; margin-right: 25px;}
.cnct-inf li:last-child {margin-right: 0;}
.cnct-inf a {color: #5d5f62; text-decoration: underline;} .cnct-inf a:hover {color: #2fbb34; text-decoration: none;}


.maps li {width: 454px; float: left;border:1px solid #f0f0f0; text-align: center; padding: 15px 0;}
.maps li img {height: 287px; border:3px solid #fafafa;}
.maps li p {border-top: 1px solid #f0f0f0; padding-top: 15px; margin-top: 15px;}

/* Smartphones (portrait and landscape) ----------- */
.rmm {
	display:none;
}
.mobile_book{
	display:none;
}
.psskhal_notes {
    padding: 0 190px;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */

.psskhal_notes {
    padding: 0 10px;
}

#navigation{
	margin-right: 1000px;
}
.inner {
	width: 100% !important;
}
#header #logo {
	width: 100%;
}

#navigation {
	width: 100% !important;
}

.cats ul li:first-child {
	padding: 0 22px;
}

.cats ul li {
	width: 80%;
	padding: 0 22px;
}

.cats ul li .desc {
	width: 80%;
}

.cats ul li{
	margin-bottom: 10px !important;
}

.cats {
	padding: 22px 0;
}

.gallery {
	width: 100%;
}

.cabin-info {
	width: 100%;
}

#cabins-list ul li .photo img {
	width: 95% !important;
}

#cabins-list {
  margin: 0 5px !important;
}

#cabins-list ul li {
	margin: 0 0 40px 5px !important;
	width: 95% !important;
}

#cabins-list > ul {
  text-align: center;
}

/* footer */
#links ul.row-links > li {
	border: 0px !important;
}

.note .go-top {
  position: fixed;
}

#links ul li h5 {
  margin-bottom: 5px;
  margin-top: 10px !important;
}

.note p {
  font-size: 15px;
  line-height: 30px;
  padding-top: 10px;
  text-align: center;
}

.page-title {
  text-align: center;
}

.page-title p .location {
  float: none;
}
.page-title p .location::before {
  clear: both;
  content: " ";
  display: block;
}

.info-list li .text {
  float: none;
  margin-left: 56px;
  width: 80%;
}
.info-list li .icon {
  height: 40px;
  width: 40px;
}
.info-list li .icon img {
  margin-top: 7px;
  vertical-align: top;
  width: 21px;
}
.check-list li.full {
	width: 90%;
}
.maps li img {
  height: auto;
  width: 93%;
}
.maps li {
  width: 100%;
}
.contact-form {
  height: auto;
  padding: 32px 10px 32px 15px;
  width: 90%;
}
#setup img {
  width: 100%;
}
.avail img {
  width: 90%;
}

.cats {
	display:none;
}
.mobile_book {
  background: none repeat scroll 0 0 #64c4ea;
  display: block;
  margin-bottom: 56px;
  padding: 10px 0;
  text-align: center;
}

.mobile_book a {
  color: #764e33;
  font-size: 36px;
  text-transform: capitalize !important;
}

.addthis_toolbox {
	display:none !important;
}

}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
    .psskhal_notes {
        padding: 0 10px;
    }
.inner {
	width: 100% !important;
}
#header #logo {
	width: 100%;
}

#navigation {
	width: 100% !important;
}

#header #navigation {
  float: none;
}

.cats ul li:first-child {
	padding: 0 36px;
}

.cats ul li{
	margin-bottom: 10px !important;
}

.cats {
	padding: 22px 0;
}

.cats ul li {
  width: 25%;
}

.cats ul li .index {
  font-size: 44px;
  margin-left: -20px;
  text-align: left;
}
.cats ul li .desc {
  font-size: 13px;
  width: 206px;
}
.cats ul li .desc h3 {
  font-size: 18px;
}

.gallery {
	width: 100%;
}

.cabin-info {
	width: 100%;
}

#cabins-list ul li .photo img {
	width: 95% !important;
}

#cabins-list {
  margin: 0 5px !important;
}

#cabins-list ul li {
  margin: 0 0 40px 5px !important;
  width: 98% !important;
}

#cabins-list > ul {
  text-align: center;
}

/* footer */
#links ul.row-links > li {
	border: 0px !important;
	padding: 0 20px;
}

.note .go-top {
  position: fixed;
}

#links ul li h5 {
  margin-bottom: 5px;
  margin-top: 10px !important;
}

.note p {
  font-size: 15px;
  line-height: 30px;
  padding-top: 10px;
  text-align: center;
}

.page-title {
  text-align: center;
}

.page-title p .location {
  float: none;
}
.page-title p .location::before {
  clear: both;
  content: " ";
  display: block;
}

.info-list li .text {
  float: none;
  margin-left: 56px;
  width: 80%;
}
.info-list li .icon {
  height: 40px;
  width: 40px;
}
.info-list li .icon img {
  margin-top: 7px;
  vertical-align: top;
  width: 21px;
}
.check-list li.full {
	width: 90%;
}
.maps li img {
  height: auto;
  width: 93%;
}
.maps li {
  width: 100%;
}
.contact-form {
  height: auto;
  padding: 32px 10px 32px 15px;
  width: 90%;
}
#setup img {
  width: 100%;
}
.avail img {
  width: 90%;
}

#setup {
  margin-left: 5px;
  margin-right: 5px;
}


#cabins-list ul li .photo a {
	line-height: 500px !important;
}
#cabins-list ul li .photo {
  height: 100%;
}

.cats {
	display:none;
}
.mobile_book {
  background: none repeat scroll 0 0 #64c4ea;
  display: block;
  margin-bottom: 56px;
  padding: 10px 0;
  text-align: center;
}

.mobile_book a {
  color: #764e33;
  font-size: 36px;
  text-transform: capitalize !important;
}

.addthis_toolbox {
	display:none !important;
}

.addthis_toolbox {
	display:none !important;
}
}

/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
}