@charset "UTF-8";
/* Retreat Cottage styles */

body {
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	font-weight: 200;
	line-height: 28px;
	color: #fff;
	height: 100%;
	width: 100%;
	background-color: #0065a8;
}
html {
    width: 100%;
    height: 100%;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: 1.2;
	font-weight:300;
}
a {
	outline:none;
	transition:all 0.2s ease-in-out 0s;
	-webkit-transition:all 0.2s ease-in-out 0s;
	-moz-transition:all 0.2s ease-in-out 0s;
	-ms-transition:all 0.2s ease-in-out 0s;
}
a:focus {
    outline: none;
    outline-offset: -2px;
}
p {
	font-size: 18px;
    line-height: 28px;
}
.small {
	margin-bottom: 50px;
}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
    color:#FFF;
}

/*===============NAV===============*/
.navbar-default {
	background-color: rgba(0, 51, 102, 0.9);
	border-bottom: none;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
	background-color:rgba(0, 0, 0, 0.1);
	color:#ffffff;	
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
	color:#fff;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    background-color:rgba(0, 0, 0, 0.1);
    color: #fff;
}
.navbar-toggle {
    background-color: transparent;
}
.navbar-default .navbar-toggle {
    border-color: transparent;
}
.navbar-brand {
	font-size:22px;
	font-weight:400;
	padding:14px;
}
.navbar-default .navbar-brand {
    color: #fff;
}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
    background-color: transparent;
    color: #fff;
}
.navbar li {
	padding-bottom:0;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: rgba(0, 0, 0, 0);
}
/*=============END NAV=============*/
.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus {
    outline: medium none;
    outline-offset: -2px;
}
/*.btn-next {
	background-color:transparent;
	border-radius: 0;
	border:none;
	colour: #fff;
}
.btn-next:hover {
    background-color: transparent;
    border-color: none;
    color: #fff;
	text-decoration:none;
}
.btn-next.active, .btn-next:focus {
    background-image: none;
    box-shadow: none;
    outline: 0 none;
	text-decoration:none;
}
.btn-next.active, .btn-next:active, .open > .dropdown-toggle.btn-next {
    background-color: transparent;
    border-color: none;
    color: #fff;
}*/
.btn-trans-centre-border-btm {
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    display: inline-block;
    font-weight: 400;
	margin-top:10px;
    overflow: hidden;
    position: relative;
    transform: translateZ(0px);
    vertical-align: middle;
}
.btn-trans-centre-border-btm::before {
    background: #2098d1 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 4px;
    left: 50%;
    position: absolute;
    right: 50%;
    transition-duration: 0.3s;
    transition-property: left, right;
    transition-timing-function: ease-out;
    z-index: -1;
}
.btn-trans-centre-border-btm::after {
    background: #2098d1 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 0px;

}
.btn-trans-centre-border-btm:hover::before, .btn-trans-centre-border-btm:focus::before, .btn-trans-centre-border-btm:active::before {
    left: 0;
    right: 0;
}
.btn-warning {
	border-radius:0;
	font-size:25px;
	margin-bottom: 10px;
}
/*.fa-file-text-o {
	margin-left: 20px;
}*/


/*---make a basic box ---*/
/*.box{
	width: 200px;
	height: 200px;
	position: relative;
	margin: 10px;
	float: left;
	border: 1px solid #333;
	background: #999;
}*/


.vert {
	display:table-cell;
	vertical-align:middle;
}
/*.hero {
	background-attachment: fixed;
	background-image: url(../images/beach3.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	height: 300px;
}*/
#acc {
	visibility:hidden;
}
#ar {
	visibility: hidden;
}
#ar1 {
	visibility: hidden;
}
#ar2 {
	visibility: hidden;
}
#ar3 {
	visibility:hidden;
}
#ar4 {
	visibility: hidden;
}
#ar5 {
	visibility:hidden;
}
#dir {
	visibility:hidden;
}
/*============Intro=============*/
.intro-section {
	background-color:#0065a8;
	display: table;
	padding-top: 0;
	height: 100%;
	padding-top: 60px;
	width: 100%;
	text-align: center;
	background-repeat: no-repeat;
	background-attachment:scroll;
	background-position: top;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}
.intro-section h1 {
	font-size:36px;
	margin-bottom:20px;
	margin-top:0;
	text-shadow:2px 2px 0 rgba(0, 0, 0, 0.2);
}
.intro-section h2 {
	font-size:17px;
	margin-top:0;
	margin-bottom:0;
	text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.intro-section p {
	margin-top:10px;
	margin-bottom:30px;
}
/*.intro-section .btn-block {
    margin-bottom: 30px;
}*/
#intro a {
    color: #ffffff;
    display: block;
    font-size: 20px;
	text-decoration:none;
	text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.2);
}
#intro a:hover {
    color: rgba(255, 255, 255, 0.9);
}
.intro_nav {
	float: left;
	margin: 10px 0 0;
	width:100%;
}
/*.intro_nav .fa {
	font-size:32px;
	display:block;
	padding-bottom: 10px;
}*/
.panel {
    border-radius: 0;
}
.panel-body > img {
    display: block;
    height: 50px;
    margin: 0 auto 15px;
}
.panel-primary {
	background-color: rgba(0, 170, 244, 0.6);
    border-color: rgba(0, 170, 244, 0.6);
}
.nav_button {
    padding-left: 5px;
    padding-right: 5px;
}
/*============accommodation=============*/
.title {
	margin:35px 0 10px;
}
.accommodation-section .title {
    margin: 30px 0 20px;
}
.accommodation-section {
	background-color:rgba(0, 101, 168, 1);
	display: table;
	padding-top: 0;
	height: auto;
	padding-top: 50px;
	width: 100%;
	text-align: left;
}
.accommodation-section h1 {
    text-align: center;
}
.accommodation-section h3 {
	text-align:center;
	margin: 20px 0 40px;
	font-weight:100;
}
/*====================*/
.accommodation {
	/*background: #ebe7e2 url("../images/paper_light.png") repeat scroll 0 0;*/
	background-color:rgba(0, 170, 244, 0.43);
	padding-bottom: 0;
	position: relative;
	text-align: center;
	width: 100%;
}
.accommodation_main_img_right {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 55%;
}
.visit_england {
    bottom: 20px;
    left: 20px;
    max-width: 50px;
    position: absolute;
}
.accommodation_content_left {
    -moz-box-align: center;
    align-items: center;
    display: flex;
    float: left;
    height: 100%;
    left: 0;
    padding: 1em 1em;
    position: relative;
    top: 0;
    width: 100%;
}
.accommodation_main_img_left {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    position: relative;
    top: 0;
    width: 100%;
}
.accommodation_main_img_right {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
}
.accommodation_content_right {
    -moz-box-align: center;
    align-items: center;
    color: white;
    display: flex;
    float: left;
    height: 100%;
    padding: 1em;
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
}
.accommodation_content_inner {
    margin: 0 auto;
    max-width: 20em;
}
.accommodation_content_inner h3 {
	text-align:center;
	margin: 0 0 10px 0;
	font-weight:100;
}
.accommodation_content_inner h3 img {
    height: 33px;
    margin-top:-13px;
}
.accommodation_content_inner p {
    font-size: 16px;
    font-weight: 100;
    line-height: 1.4233;
    margin: 0 0 10px;
    text-align: center;
}
.accommodation_content_inner li {
    font-size: 16px;
    line-height: 1.4233;
	list-style:none;
    padding-bottom: 0;
}
.accommodation_content_inner ul {
	padding-left:0;
}
.img_border {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.facilities h1 {
    margin-top: 50px;
}
.facilities ul {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
	margin:20px 0 30px 0;
    padding: 13px 0 13px 40px;
	list-style: outside none none;
}
.facilities .hover_grow_shadow {
    display: block;
    margin-bottom: 20px;
}
/*.hover_grow_shadow img {
    padding: 6px;
}*/

#facilities {
    background-color: rgba(0, 101, 168, 0.9);
}
/*============area=============*/
.area-section {
	background-color:#0065a8;
	display: table;
	padding-top: 0;
	height: auto;
	padding-top: 60px;
	width: 100%;
	text-align: left;
}
.area-section a {
	color:#ffffff;
	text-decoration:none;
}
.area-section h1 img {
    height: 60px;
    margin: -16px 0 0 -4px;
}
.panel {
	border-radius:0;
}

.poi {
	margin-bottom: 30px;
	overflow: hidden;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
}
.poi img {
	width:100%;
}
.poi_txt {
	background-color: rgba(0, 67, 118, 0.5);
	left: 0;
	margin:0;
	padding:25px 15px;
	position: relative;
	/*bottom:0;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;*/
}
.poi:hover .poi_txt {
	bottom:0;
	position:relative;
	color:#ffffff;
}
.poi > h3 {
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
    left: 15px;
	min-height:59px;
    padding: 15px;
    position: absolute;
    right: 15px;
    top: -20px;
	z-index:300;
}
.poi_txt > p {
	color:#fff;
	font-size:16px;
	margin-bottom:0;
	line-height:23px;
}
/*============testimonials=============*/

.testimonials {
	background-color: rgba(0, 170, 244, 0.43);
	padding-bottom: 50px;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);
  box-shadow:0 1px 1px rgba(0,0,0,.05)
}
.testimonials small {
	margin-top: 0px;
	margin-bottom: 5px;
	font-weight: 400;
	text-align: right!important;

}
.testimonials .panel {
  margin-bottom:20px;
  background-color:transparent;
  border-bottom: 1px solid rgba(0, 101, 168, 0.9);
  border-radius:0px;
  -webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);
  box-shadow:0 1px 1px rgba(0,0,0,.05)
}

/*============directions=============*/

.directions-section {
	display: table;
	padding-top: 0;
	height: auto;
	padding-top: 60px;
	width: 100%;
	text-align: left;
	background-color: #0085c2;
}
.directions-section h1 img {
    height: 60px;
    margin: -24px 0 0 -13px;
}
.directions-section iframe {
    min-height: 300px;
	width:100%
}
/*============bookings=============*/
.bookings-section {
	display: table;
	padding-top: 0;
	height: auto;
	padding-top: 60px;
	width: 100%;
	text-align: left;
	background-color: #0065a8;
}
.bookings-section a {
    color: #fff;
}
.bookings-section h1 img {
    height: 60px;
    margin: -16px 0 0 -4px;
}
.bookings-section .btn-warning img {
    padding: 0 0 2px 10px;
}
.styled-select {
	background-attachment: scroll;
	background-color: rgba(185, 201, 254, 1);
	background-image: url(../images/jump_arrow.svg);
	background-position: 97% 57%;
	background-repeat: no-repeat;
	background-size: 22px 18px;
	border: 1px solid #ccc;
	color: #333333;
	margin-bottom: 20px;
	overflow: hidden;
	width: 100%;
}
.styled-select select {
	background: transparent none repeat scroll 0 0;
	border: 0 none;
	border-radius: 0;
	cursor:pointer;
	font-size: 18px;
	line-height: 1;
	padding: 10px;
	width: 110%;
}
.styled-select select:focus {
    outline: medium none;
}
iframe {
    border: 1px solid #005e8e;
    box-sizing: border-box;
    height: 100%;
    margin: 0 0 20px;
    min-height: 345px;
    padding: 0;
    width: 100%;
}
.table.table-condensed {
	background-color: #0CF;
}
.overlay {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    height: 480px;
    margin-top: -480px;
    position: relative;
    top: 480px;
    width: 100%;
}
.footer {
	background-color:rgba(0, 51, 102, 0.9);
	text-align:center;
}
.footer h1 {
    padding: 10px;
	font-size:30px;
}
.footer h5 {
    line-height: 3;
}
.footer ul {
    font-size: 14px;
    list-style: outside none none;
	margin: 20px auto;
	overflow:hidden;
    padding-left: 0;
	width:100%;
}
.footer li {
    display: block;
    float: left;
    position: relative;
	/*text-align:center;*/
}
.footer li img {
    display: block;
	height:38px;
    margin: 0 auto;
}
.footer a {
    color: #ddd;
    text-decoration: none;
}
.footer a:hover {
    color: #ccc;
    text-decoration: none;
}
.footer_sub {
	background-color:rgba(0, 0, 0, 0.1);
}
@media (min-width: 768px) {
.769to980 {
}

.navbar {
	padding: 20px 0;
	-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
	-moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
	transition: background .5s ease-in-out,padding .5s ease-in-out;
}

.top-nav-collapse {
	padding: 0;
}
.navbar-default {
	background: rgba(0, 101, 168, 0.8) none repeat scroll 0 0;
}
.top-nav-collapse {
    background-color: rgba(0, 51, 102, 0.9);
    padding: 0;
}
.navbar li {
    margin-right: 6px;
}
/*============intro=============*/
.intro-section {
	display: table;
	padding-top: 0;
	height: 100%;
	padding-top: 60px;
	width: 100%;
	text-align: center;
	background-image: url(../images/beach1.jpg);
	background-repeat: no-repeat;
	/*background-attachment:fixed;*/
	background-position: top;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}

/*.intro-section {
	height:100%;
}*/
.intro-section h1 {
	font-size: 56px;
	margin-bottom: 30px;
}
.intro-section h2 {
    font-size: 26px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 0;
}
#intro a {
    color: #ffffff;
    display: block;
/*    font-size: 18px;*/
}
/*============accommodation=============*/
.accommodation-section {
	height: 100%;
}
.accommodation {
	padding-bottom: 41%;
	position: relative;
	text-align: center;
	width: 100%;
}
.accommodation_main_img_right {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 55%;
}
.visit_england {
    bottom: 20px;
    position: absolute;
	left:auto;
}
.accommodation_content_left {
    -moz-box-align: center;
    align-items: center;
    display: flex;
    float: left;
    height: 100%;
    left: 0;
    padding: 1em;
    position: absolute;
    top: 0;
    width: 45%;
}
.accommodation_main_img_left {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	position: absolute;
	top: 0;
	width: 55%;
}
.accommodation_content_right {
    -moz-box-align: center;
    align-items: center;
    color: white;
    display: flex;
    float: left;
    height: 100%;
    padding: 1em;
    position: absolute;
    right: 0;
    top: 0;
    width: 45%;
}
.accommodation_content_inner {
    margin: 0 auto;
    max-width: 20em;
}
.accommodation_content_inner h3 {
	text-align:center;
	margin: 0 0 10px 0;
	font-size:22px;
	font-weight:100;
}
.accommodation_content_inner p {
    font-size: 14px;
    font-weight: 100;
    line-height: 1.4233;
    margin: 0 0 10px;
    text-align: center;
}
.accommodation_content_inner li {
    font-size: 14px;
    line-height: 1.4233;
    padding-bottom: 0;
}
/*============area=============*/
.area-section {
	height:100%;
}
.poi_txt {
	background-color:transparent;
    min-height: 260px;
}
/*============directions=============*/
.directions-section {
	height: 100%;
	background-color: #0085c2;
}
.directions-section iframe {
    min-height: 400px;
}
/*============bookings=============*/
.bookings-section {
	height: 100%;
}
.footer li img {
    display: block;
	height:50px;
    margin: 0 auto;
}
.footer h1 {
	font-size:36px;
    padding: 20px;
}
}
@media (min-width: 992px) {

.styled-select {
	width: 70%;
}
iframe {
    width: 70%;
}
#intro a {
    color: #ffffff;
    display: block;
}
.hover_grow_shadow {
    margin-bottom: 20px;
	display:block;
}
.accommodation {
	padding-bottom: 41%;
	position: relative;
	text-align: center;
	width: 100%;
}
.accommodation_main_img_right {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 55%;
}
.visit_england {
    bottom: 20px;
    left: auto;
    max-width: 75px;
    position: absolute;
}
.accommodation_content_left {
    -moz-box-align: center;
    align-items: center;
    display: flex;
    float: left;
    height: 100%;
    left: 0;
    padding: 1em 3em;
    position: absolute;
    top: 0;
    width: 45%;
}
.accommodation_main_img_left {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	position: absolute;
	/*right: 0;*/
	top: 0;
	width: 55%;
}
.accommodation_content_right {
    -moz-box-align: center;
    align-items: center;
    color: white;
    display: flex;
    float: left;
    height: 100%;
    padding: 1em 3em;
    position: absolute;
    right: 0;
    top: 0;
    width: 45%;
}
.accommodation_content_inner {
    margin: 0 auto;
    max-width: 20em;
}
.accommodation_content_inner h3 {
	text-align:center;
	margin: 0 0 10px 0;
	font-weight:100;
}
.accommodation_content_inner p {
    font-size: 16px;
    font-weight: 100;
    line-height: 1.4233;
    margin: 0 0 10px;
    text-align: center;
}
.accommodation_content_inner li {
    font-size: 16px;
    line-height: 1.4233;
    padding-bottom: 0;
}
.hover_grow_shadow {
    box-shadow: 0 0 1px transparent;
    display: inline-block;
    transform: perspective(1px) translateZ(0px);
	-webkit-transform: perspective(1px) translateZ(0px);
	-moz-transform: perspective(1px) translateZ(0px);
	-ms-transform: perspective(1px) translateZ(0px);
    transition-duration: 0.3s;
	-moz-transition-duration:0.3s;
	-webkit-transition-duration:0.3s;
	-ms-transition-duration:0.3s;
    transition-property: box-shadow, transform;
	-webkit-transition-property:box-shadow, transform;
	-moz-transition-property:box-shadow, transform;
	-ms-transition-property:box-shadow, transform;
    vertical-align: middle;
}
.hover_grow_shadow:hover, .hover_grow_shadow:focus, .hover_grow_shadow:active {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    transform: scale(1.06);
	-webkit-transform: scale(1.06);
	-moz-transform: scale(1.06);
	-ms-transform: scale(1.06);
}
}
@media (min-width: 1200px) {
.intro-section {
	background-attachment:fixed;
}
.title {
	margin:35px 0 30px;
}
.accommodation-section .title {
    margin: 80px 0 80px;
}
.accommodation_content_inner {
    margin: 0 auto;
    max-width: 25em;
}
.accommodation_content_inner h3 {
	text-align:center;
	margin: 0 0 10px 0;
	font-size:32px;
	font-weight:100;
}
.accommodation_content_inner h3 img {
    height: 45px;
    margin-top: -17px;
}
.accommodation_content_inner p {
    font-size: 18px;
    font-weight: 100;
    line-height: 1.4233;
    margin: 0 0 10px;
    text-align: center;
}
.accommodation_content_inner li {
    font-size: 18px;
    line-height: 1.4233;
    padding-bottom: 0;
}
.visit_england {
    bottom: 20px;
    left: auto;
    max-width: 80px;
    position: absolute;
}
.poi_txt {
	align-items: center;
	background-color: rgba(0, 67, 118, 0.8);
	display:flex;
	left: 0;
	margin:0 15px;
	min-height: 491px;
	padding:25px 15px;
	position: absolute;
	bottom:-600px;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.poi_txt_inner {
    margin: 0 auto;
    width: 60%;
}
.poi:hover .poi_txt {
	bottom:0;
	position:absolute;
	color:#ffffff;
}

.styled-select {
	width: 100%;
}
iframe {
    width: 100%;
}
#intro a {
    color: #ffffff;
    display: block;
}
.footer ul {
    font-size: 14px;
    list-style: outside none none;
	margin: 20px auto 30px auto;
	overflow:hidden;
    padding-left: 0;
	width:70%;
}
}
@media (min-width: 1200px) {
.visit_england {
    bottom: 20px;
    left: auto;
    max-width: 100px;
    position: absolute;
}
}