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

body {
	/*font-family: 'Ubuntu', sans-serif;*/
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	font-weight: 200;
	/*line-height: 1.62;*/
	line-height: 28px;
	color: #fff;
	height: 100%;
	width: 100%;
}
html {
    width: 100%;
    height: 100%;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: 1.2;
}
a {
	outline:none;
}
a:focus {
    outline: none;
    outline-offset: -2px;
}
p {
	font-size: 18px;
    line-height: 28px;
}
ul {
	padding-left:0;
}
li {
	list-style:none;
	padding-bottom:10px;
}
/*===============NAV===============*/
.navbar-default {
	/*background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #1472ff 0%, #003366 100%) repeat scroll 0 0;*/
	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.5);
	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.5);
    color: #fff;
	border-bottom:none;
}
.navbar-toggle {
    background-color: transparent;
}
.navbar-default .navbar-toggle {
    border-color: transparent;
}
.navbar-default .navbar-brand {
    color: #ccc;
}
.navbar-default .navbar-toggle .icon-bar {
   /* background-color: #fff;*/
}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
    background-color: transparent;
    color: #ccc;
}
.navbar li {
	padding-bottom: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;
    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;
	margin-bottom: 10px;
}
.fa-file-text-o {
	margin-left: 20px;
}
.nav_bookings {
	background-color: #0065a8;
    border-radius: 30px;
    margin-top: 5px;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}

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

.row_margin {
	margin-bottom:50px;
}
.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 {
	display: table;
	padding-top: 0;
	height: 100%;
	padding-top: 60px;
	width: 100%;
	text-align: center;
	background-image: url(../images/beach4.jpg);
	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;
}
.intro-section h2 {
	font-size:22px;
	margin-top:0;
	margin-bottom:0;
}
.intro-section p {
	margin-top:10px;
	margin-bottom:30px;
}
.intro-section .btn-block {
    margin-bottom: 30px;
}
#intro a {
    color: white;
}
/*============accommodation=============*/
.accommodation-section {
	display: table;
	color:#333;
	padding-top: 0;
	height: auto;
	padding-top: 120px;
	width: 100%;
	text-align: left;
	background-color: rgba(244, 244, 244, 1);
}
.accommodation-section h2 {
	margin-top:10px;
}
/*============area=============*/
.area-section {
	display: table;
	padding-top: 0;
	height: auto;
	padding-top: 60px;
	width: 100%;
	text-align: left;
	background-image: url(../images/beach2.jpg);
	background-attachment: fixed;
	background-size: cover;
}
.img_border {
	padding:1px;
	background-color:#ccc;
}
.panel {
    background-color: transparent;
	border-radius:0;
}

/*.nl {
	background-image:url(../images/poi_norfolk_lavender.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	min-height:500px;
}*/
.poi {
	margin-bottom: 30px;
	overflow: hidden;
	position: relative;
	/* [disabled]background-image:url(../images/poi_norfolk_lavender.jpg); */
	background-repeat: no-repeat;
	background-size: cover;
	/*min-height: 500px;*/	
}
.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:absolute;
	color:#ffffff;
}*/
.poi:hover .poi_txt {
	bottom:0;
	position:relative;
	color:#ffffff;
}
.poi > h3 {
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
    left: 15px;
    padding: 15px;
    position: absolute;
    right: 15px;
    top: -20px;
}
.poi_txt > p {
	color:#fff;
	font-size:16px;
	margin-bottom:0;
	line-height:23px;
}

/*============directions=============*/
.directions-section {
	display: table;
	padding-top: 0;
	height: auto;
	padding-top: 60px;
	width: 100%;
	text-align: left;
	background-color: #0085c2;
}
.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;
}
.styled-select {
	border: 1px solid #ccc;
	color:#333333;
	height: 34px;
	overflow: hidden;
	width: 100%;
	background-color: rgba(185, 201, 254, 1);
	background-attachment: scroll;
	background-image: url(../images/jump_arrow.png);
	background-repeat: no-repeat;
	background-position: 94% 57%;
	background-size: 12px 12px;
	margin-bottom:20px;
}
.styled-select select {
	background: transparent none repeat scroll 0 0;
	border: 0 none;
	border-radius: 0;
	cursor:pointer;
	font-size: 16px;
	height: 34px;
	line-height: 1;
	padding: 5px;
	width: 110%;
}
.styled-select select:focus {
    outline: medium none;
}
iframe {
    border: 1px solid #005e8e;
    box-sizing: border-box;
    height: 100%;
    margin: 0;
    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);
}
#footer h5 {
    line-height: 3;
}
@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/beach4.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;
}
/*============accommodation=============*/
.accommodation-section {
	height: 100%;
}
/*============area=============*/
.area-section {
	height:100%;
}
/*============directions=============*/
.directions-section {
	height: 100%;
	background-color: #0085c2;
}
.directions-section iframe {
    min-height: 400px;
}
/*============bookings=============*/
.bookings-section {
	height: 100%;
}

}
@media (min-width: 768px) {
.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;
}
.poi_txt {
	background-color: rgba(0, 67, 118, 0.8);
	left: 0;
	margin:0 15px;
	padding:25px 15px;
	position: absolute;
	bottom:-250px;
	-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:absolute;
	color:#ffffff;
}
.styled-select {
	width: 70%;
}
iframe {
    width: 70%;
}
}
@media (min-width: 1200px) {
.styled-select {
	width: 100%;
}
iframe {
    width: 100%;
}
}