* { box-sizing: border-box; }
html {
	padding:0px;
	margin:0px;	
	background:#fff;
}
a, a:active, a:focus {
	outline: none;
}
.breaker { display:block }
.contact-breaker { display:none }
body {
	padding:0px;
	margin:0px;
	color:#666;
	text-align:left;
	font-family:  'Opens Sans',arial;
	font-size:14px;
	background:#fff;	
}
hr {
	 padding:0;
	margin:0;}
h1 {
	float:left;
	width:100%;
	color:#394d3f;
	font-family:  'Opens Sans',arial;
	font-weight: 400;
	font-size: 28px;
	margin:15px 0 0 0;
	padding: 10px 0;
	text-align:left;
}
h2 {
	float:left;
	width:100%;
	color:#826d4c;
	font-family:  'Opens Sans',arial;;
	font-weight: 400;
	font-size: 22px;
	margin:10px 0;
	padding: 10px 0 0 0;
	text-align:left;
}

	
h3 {
	float:left;
	color:#0E559F;
	font-family:  'Opens Sans',arial;;
	font-weight: 400;
	font-size: 20px;
	margin:10px  0;
	padding: 1px 10px 1px 0px;
	text-align:left;	
	width:100%;
}
h2.main {
	font-size:20px;
	font-weight:normal;
	text-align:center;	
}
a {
	color:#666;
	font-family:  'Opens Sans',arial;
	text-decoration:none;	
}
a:hover{
	font-family:  'Opens Sans',arial;
}
p,li {
	float:left;
	width:100%;
	text-align:left;
	font-family:  'Opens Sans',arial;
	font-weight:300;
	font-size: 16px;
	margin: 15px 0;
	padding: 0 20px 0 0;
	line-height:20px;
}
p.leftalign,
h2.leftalign {
	text-align:left;
}
.form-txt {
	color:#000
}
li {
	margin: 0px;
}
.img-responsive {
	float:left;
	width:100%; 
	max-width:100%;
	height:auto;
}
.img-responsive1 {
	width:auto !important;
	max-width:100%;
	height:auto;
}
.prod-img{
	width:100%;
	max-width:25%;
	height:auto;
	margin-bottom:20px
}
.prod-img1{
	width:100%;
	max-width:100%;
	height:auto;
	margin-bottom:20px
}
.prod-img2{
	width:100%;
	max-width:50%;
	height:auto;
	margin-bottom:20px
}

table {
	margin-left:2%;
	max-width:95%;
}
td {
	padding:5px;	
	font-family:  'Opens Sans',arial;
	font-weight:300;
	font-size: 14px;
	width:30%;
	text-align:center;
}	
tr {
	margin:5px;
}	
.ensure { color:red }
#mainarea {
	background:#fff;
	margin: 0px auto 0px auto;
	padding:0px;
	text-align: left;
	max-width: 1200px;
}
#header {
	float:left;
	max-width:100%;
	width:100%;
	min-height:90px;
	margin:0;
	padding:0;
	background:#fff
}
#header-wrapper {
	position:relative;
	max-width:1200px;
	width:100%;
	margin:0 auto;
}
.header-left-wrapper {
	position:relative;
	float:right;
	width:40%;
}
#header-logo1{
	float:left;
	max-width:30%;
	width:100%;
}
#header-logo2{
	float:left;
	max-width:20%;
	width:100%;
}
#header-logo1 img,
#header-logo2 img{
	width:auto;
	float:left;
	padding:10px 0;
}
#header-logo2 img{
	margin-top:23px;
}

.header-text {
	color:#000;
	font-weight:bold;
}

#header-info{
	float:left;
	max-width:70%;
	width:100%;
	text-align:right;
	margin-right:20px;
}
#header h2 {
	float:right;
	text-align:right;
	color:#000;
	font-size:18px;
	margin-top:20%;
}
#header h2 a, 
#header h2 a:visited,
#header h2 a:hover {
	float:none;
	text-align:right;
	color:#000;
	font-size:18px;
}
#header a.a1 {
	color:#000;
	float:right;
	text-align:right;
	font-size:22px;
	margin-top:15px;
}
#page {
	color:#676565;
	float:left;		
	margin:0px;
	padding:0 ;
	text-align: left;
	max-width: 100%;
	width:100%;
}
#page li {
	max-width:97%;
}
#fader {
	position:relative;
	max-width: 100%;
	width:100%;
	height: auto;
	padding: 0;
	margin:0;
	float:left;
	z-index:1;
}
#fader img{
	float:left;
	width:100%;
}
.rslides li{
	padding:0
}
.col-wrapper1 {
	position:relative;
	float:left;
	max-width:100%;
	width:100%;	
	margin: 0;
	padding:0;
}
.col-wrapper2 {
	float:left;
	max-width:100%;
	width:100%;	
	margin: 30px 0;
	padding:10px 0;
}
.col-wrapper1-inner,
.col-wrapper2-inner,
.col-wrapper3-inner {
	position:relative;
	float:none;
	margin:0 auto;
	display:block;
	max-width:1200px;
	width:100%;	
	padding:0;
}
.col-wrapper1 p{
	width:80%;
	position: absolute;
	bottom: 30px;
	left: 12%;
	line-height:60px;
	font-size:36px;
	color:#fff;
	text-transform:uppercase;
	text-align:left;
}

.col-wrapper1-inner p{
	width:100%;
	position: absolute;
	top: 2vh;
	left: 50%;
	transform: translate(-50%, -50%);
	line-height:60px;
	font-size:36px;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
}
.col-wrapper1-inner a,
.col-wrapper1-inner a:hover,
.col-wrapper1-inner a:visited{
	color:#fff
}
.col-wrapper1 img,
.col-wrapper1-inner img{
  width: 100%;        /* Makes the image responsive in width */
  height: auto;       /* Keeps the image height proportional */
  min-height: 20vh;  /* Ensures the image height doesn't exceed the screen height */
  object-fit: cover;  /* Ensures the image covers the area while maintaining its aspect ratio */
}
.col-wrapper2-inner {
	display:flex;
}
	
.col-wrapper2-inner p {
	float:left;
	max-width:100%;
	width:100%;	
}	

.col-wrapper3 {
	float:left;
	max-width:100%;
	width:100%;	
	margin: 0;
	padding:20px 0;
}
.col-wrapper3-inner a {
	float:left;
	max-width:100%;
	width:23.5%;
	line-height:normal;
	margin:.5%;
	background:#0e559f
}
.col-wrapper3-inner a:hover {
	background:#000
}

.col-wrapper4 {
	float:left;
	max-width:100%;
	width:100%;	
	background:#fff;
	min-height:800px
}
.col-wrapper4-inner {
	position:relative;
	float:none;
	margin:0 auto;
	display:block;
	max-width:1200px;
	width:100%;	
	padding:0 20px;
}

.main-wrapper {
	float:left;
	max-width:100%;
	width:100%;	
	margin:0;
	padding:0;
	background:#d8d8d8
}
.main-wrapper-inner {
	position:relative;
	float:none;
	margin:0 auto;
	display:block;
	max-width:1200px;
	width:100%;	
	padding:0;
}

.col-wrapper5 {
	float: left;
	max-width: 1200px;
	width: 100%;
	margin: 20px 0;
	padding: 40px 20px;
}
.link-page-wrapper-full-width {
	float:left;
	max-width:100%;
	width:100%;
	text-align:center;
	color:#fff;
	margin:0;
	padding:0;
}
.link-page-wrapper-full-width-flex {
	display:flex;
	flex-direction: row;
	height:100px;
	text-align:center;
	color:#fff;
	margin:0;
	padding:0;
	height:80px;
}
.grey-box {
	background:#e9e9e9;
	float:left;
	width:100%;
	padding:20px;
	margin:20px 0;
}
.gallery-wrapper {
	float:left;
	width:100%
}
.gallery-wrapper img{
	float:left;
	position:relative;
	max-width:20%;
	width:100%;
	padding:0;
	margin:0;
	min-height:180px;
}
.gallery-wrapper-tall img {
	float:left;
	position:relative;
	max-width:20%;
	width:100%;
	padding:0;
	margin:0;
	min-height:320px;
}
.col1-inner {
	max-width:95%;
	width:100%;	
	background:#ddeae0;
	margin:0 auto;
	padding:5px;
}
.col1-inner img {
	margin:0 auto;
	width:95%;
}
.col1 ,
.col2 ,
.col3 {
	float:left;
	max-width:33.3333%;
	width:100%;	
	padding:5px;
}
.col1 p  {	
	max-width:95%;
	padding:10px 0;
}
.col2 p  {	
	max-width:95%;
	padding:10px 0;
}
.col3 p  {	
	max-width:95%;
	padding:10px 0;
}
.col3-inner {
	max-width:95%;
	width:100%;	
	background:#ddeae0;
	margin:0 auto;
	padding:5px;
}
.col3-inner img {
	margin:0 auto;
	width:95%;
}

.col-third {
	float:left;
	max-width:32%;
	width:100%;	
	padding:0;
	margin:0;
}
.col-third h2 {
	color:#fff;
	
}
.col-third h2 {
	color:#676565;
	
}
.col-third img {
	max-width:100%;
	width:auto;
	margin:0;
	padding-right:15px;
}
.col-twothirds {
	background:#fff;
	float:left;
	max-width:65%;
	width:100%;	
	height:100%;
	padding:0;
}
.col-twothirds p,
.col-twothirds h2{
	text-align:left;	
}

.col-half1,
.col-half2 {
	position:relative;
	float:left;
	max-width:48%;
	width:100%;	
	padding:20px 0;
	
}
.col-half1 {
	margin-right:4%;	
}
.boiler {
	float:left;
	width:100%;
	background:url("images/bricks.jpg");
}
.full-width {
	padding-left:8%;
	background:#efefef;
	flex:1;
}
.col-half1 img  {	
	margin-right:10px;	
}
.col-half2 img  {	
	margin-right:10px;	
}
.review {
	position:relative;
}

.review p{
	float:left;
	padding:0 60px
}
.col4-1,
.col4-2,
.col4-3,
.col4-4 {
	position:relative;
	max-width:100%;
	width:100%;	
	float:left;
	padding:10px;
	margin:0;
}

.col4-1 img,
.col4-2 img,
.col4-3 img,
.col4-4 img{
	display:block;
	margin:0 auto;
	width:auto;	
}
.col4-1 h2,
.col4-2 h2,
.col4-3 h2,
.col4-4 h2{
	float:left;
	width:100%;
	text-align:center!important;
	font-size:24px;
	color:#fff;
	z-index:1000;
	position:relative;
	margin:0;
	padding:8px 0;
}
.col4-1 h3,
.col4-2 h3,
.col4-3 h3,
.col4-3 h3{
	float:left;
	width:100%;
	text-align:center;
	font-size:30px;
	color:#AEAAA9;
	z-index:1000;
	position:relative;
	margin:0;
	padding:8px 0;
}

.col-lower4-1,
.col-lower4-2,
.col-lower4-3 {
	position:relative;
	max-width:33.3333%;
	width:100%;	
	float:left;
	padding:10px;
	margin:0;
}

.col-lower3-1 img,
.col-lower3-2 img,
.col-lower3-3 img{
	display:block;
	margin:0 auto;
	width:100%;	
}
.col-lower3-1 h2,
.col-lower3-2 h2,
.col-lower3-3 h2{
	float:left;
	width:100%;
	text-align:center;
	font-size:30px;
	color:#fff;
	z-index:1000;
	position:relative;
	margin:0;
	padding:8px 0;
}
.col-lower3-1 h2 {
	background:#292928
}
.col-lower3-2 h2 {
	background:#6B6664
}
.col-lower3-3 h2{
	background:#AEAAA9
}
.col-lower3-1 h3,
.col-lower3-2 h3,
.col-lower3-3 h3{
	float:left;
	width:100%;
	text-align:center;
	font-size:30px;
	color:#AEAAA9;
	z-index:1000;
	position:relative;
	margin:0;
	padding:8px 0;
}
.booking-button {
	position:absolute;
	top:100px;
	left:50px;
	background:black;
	z-index:10000;
	max-width:350px;
	width:100%;
	height:200px;
}
.booking-button-inner {
	position:relative;
	float:left;
	bordeR:1px solid #dcdcdc;
	max-width:100%;
	width:100%;
	height:200px;
}

.booking-button h3{
	margin:0 auto;
	display:block;
	background:#ec9303;
	color:white;
	font-size:28px;
	padding:5px;
	text-align:center;
	text-transform:uppercase;
}
.booking-button p{
	float:left;
	width:100%;
	padding:0;
	color:red;
	text-align:center;
	padding-top:20px;
	font-size:28px;
}
.bookbutton {
	position:absolute;
	bottom:0;
	left: 50%;
	transform: translate(-50%, -50%);	
	padding:7px 20px;
	background:black;
	width:300px;
	background:#ec9303;
	color:#fff;
	font-family:  'Opens Sans',arial;;
	font-size:20px;
	text-align:center;
	border:#ec9303 solid 1px;
	border-radius:7px
}
.bookbutton:hover {
	text-decoration:none;	
	background:#2D9FE4;
	color:black;
	padding:7px 20px;
	font-family:  'Opens Sans',arial;;
	font-size:20px;
	border:#2D9FE4 solid 1px;
}

.advert-area {
	float:left;
	width:100%;
	padding:50px 0;
		
}
.advert-area h2{
	float:left;
	width:100%;
	text-align:center;
	color:#2D9FE4;
	font-size:34px
}
.advert-area h3{
	float:left;
	text-align:center;
	color:#fff;
	font-size:30px
	
}

/*.col3-1:before,
.col3-2:before,
.col3-3:before {
	content: " ";
	z-index: 10;
	display: block;
	position: absolute;
	height: 80%;
	top: 10%;
	left: 10%;
	right: 10%;
	bottom:10%;
	background-color:rgba(238,169,4,0.7)	
}*/
.linkhover {
    position: relative;
}
.linkhover img {
	max-width:100%;
    width: 100%;
    vertical-align: top;   
}
.linkhover:after {
    content: '';
    position: absolute;
	top: 10%;
	left: 10%;
	right: 10%;
	bottom:10%;
	background-color:rgba(238,169,4,0.7);
	width:80%;
	font-size:24px;
    opacity: 0;
    transition: all 1s;
    -webkit-transition: all 1s;
    cursor: pointer;
    padding:0;
    color:#fff;
}
.linkhover:hover:after {
    opacity: 1;
    z-index:100;
}
.img-description {
	z-index: 50;
	display: block;
	position: absolute;
	top: 10%;
	left: 10%;
	right: 10%;
	bottom:10%;
	width:75%;
	font-size:24px;
	font-weight:bold;
	color: #eee;
	visibility: hidden;
	opacity: 0;
	/* transition effect. not necessary */
	transition: all 1s;
	-webkit-transition: all 1s;
	text-align:center;
}

.linkhover:hover .img-description {
  visibility: visible;
  opacity: 1;
  z-index:1000;
}


.home-page-3-1,
.home-page-3-2,
.home-page-3-3 {
	flex: 1;
	height:100%;
  	margin:0;
	padding:5px 3%;
	background:#F8D44C;
}
.home-page-3-1,
.home-page-3-2 {
	margin-right:.1%;
}
.three-section-inner {
	margin:0 auto;
	display:block;
	max-width:100%;
	width:100%;	
}
.home-page-3-1 img,
.home-page-3-2 img,
.home-page-3-3 img {
	float:left;
	max-width:100%;
	width:auto;
	padding:10px 0 20px 0;
}	
.home-page-3-1 p,
.home-page-3-2 p,
.home-page-3-3 p {
	margin:0 auto;
	float:none;
	font-family:  'Opens Sans',arial;;
	font-size:18px;
	text-transform:uppercase;
	text-align:center;
	padding:10px;
	margin-top:-20px;
}

.colimg4-1,
.colimg4-2,
.colimg4-3,
.colimg4-4 {
	max-width:25%;
	width:100%;	
	float:left;
	padding:0;
	margin:0;
	position:relative;
	margin:10px 0;
}

.colimg4-1 img,
.colimg4-2 img,
.colimg4-3 img,
.colimg4-4 img{
	float:none;
	width:auto;
	display:block;
	margin:0 auto;
}
.colimg4-1 p,
.colimg4-2 p,
.colimg4-3 p,
.colimg4-4 p{
	font-size:14px;
	color:#fff	
}
.colimg4-1 h2,
.colimg4-2 h2,
.colimg4-3 h2,
.colimg4-4 h2{
	margin:0 auto;
	display:block;
	text-align:center;
	font-size:24px;
	padding:10px;
	color:#fff;
	border-radius:5px;
}

.colicon4-1,
.colicon4-2,
.colicon4-3,
.colicon4-4 {
	max-width:24%;
	width:100%;	
	float:left;
	padding:0;
	margin:0.5%;
	position:relative;
	margin:10px 0;
}

.colicon4-1 img,
.colicon4-2 img,
.colicon4-3 img,
.colicon4-4 img{
	float:none;
	margin:0 auto;
	display:block;
	width:auto;	
}
.colicon4-1 p,
.colicon4-2 p,
.colicon4-3 p,
.colicon4-4 p{
	font-size:14px;
	color:#fff	
}
.colicon4-1 h3,
.colicon4-2 h3,
.colicon4-3 h3,
.colicon4-4 h3{
	margin:0 auto;
	display:block;
	text-align:center;
	font-size:20px;
	color:#676565;
	padding:10px;
}
.coltext-4-1,
.coltext-4-2,
.coltext-4-3,
.coltext-4-4 {
	float:left;
	max-width:25%;
	width:100%;
	color:#fff;
	padding:5px 0;
}

.col3-contact-1 {
	max-width:100%;
	width:100%;	
	float:left;
	padding:10px 0;
}
.col3-contact-2 {
	max-width:40%;
	width:100%;	
	float:left;
	padding:10px 0;
}

.col3-contact-1 h3,
.col3-contact-2 h3,
.col3-contact-3 h3{
	text-align:center;
	font-size:26px;
	margin:10px 0;
}
.col3-contact-1 p{
	float:left;
	width:100%
}

.faq-section .faq-text {
	text-indent:15px;
}
.faq-section .faq-text1 {
	text-indent:15px;
	padding-bottom:20px
}
.faq-section span.qformat {
	float:left;
	background:#2D9FE4;
	color:#fff;
	padding:1px 2px;
	margin-right:20px;
	width:24px;
	height:30px;
	text-align:center
}
.faq-section span.aformat {
	float:left;
	background:#ec9303;
	color:blue;
	padding:1px;
	margin-right:20px;
	width:24px;
	height:30px;
	text-align:center
}

a.dcc {
	display:block;
	margin:0 auto;
	width:160px;
	padding:10px;	
	background:#F8D44C;
	color:#fff;
	border-radius:12px;
	text-align:center;
}
a:hover.dcc {
	background:#5145bf;
	text-decoration:none;
}

#base {
	position:relative;
	float:left;
	max-width:100%;
	width:100%;
}

.footer {
	z-index:1100;
	float:left;
	background:#333;
	font-size: 10px;
	padding: 0;
	text-align: left;
	width:100%;
	max-width: 100%;
	margin:0;
	padding:10px 0;
}

.footer-img { display:block }
.footer p {
	font-size:12px;
	width:100%;
	float:left;
	text-align:center;
}
.footer p.fp {
	width:100%;
	color:#fff;
	text-align:left;
	margin:0px;
	padding: 0 5px;
}
.footer a.fl {
	float:none;
	color:#fff;
	font-size:15px;
}
.footer a.fl:hover {
	text-decoration:underline;
}
.footer-upper {
	float:left;
	width:100%;
	background:#676565;
	text-align:left !important;
}
#advert {
	font-size: 10px;
	padding: 20px 0;
	text-align: left;
	width:100%;
	max-width: 1200px;
	margin:0px auto;
}	
#advert p {
	color:#fff;
	font-weight:300;
	float:left;
	text-align:center;
	margin:0px;
	padding:3px 0;
	font-size:13px;
	line-height:auto;
}
#advert a {
	float:right;
	font-weight:300;
	color: #fcfcfc;
	font-weight: normal;
	text-decoration: none;
	padding:0;
	margin:0px;
	text-align:left;
	font-size:16px
}
#advert a:hover {
	color: #fff;
	font-weight: normal;
	text-decoration:underline;
	font-size:16px
}
#advert a:visited {
	color:#fff;
	font-weight: normal;
}
#advert .seo {
	color:#fcfcfc;
	max-width:80%;
	width:100%;
	float:left;
	text-align:center;
	font-size:12px;	
	padding:20px 0;
	margin:0;
}
.footer img {
	width:auto;
	height:auto;	
}
.fw-icon {
	float:right;
	margin-top:5px;
	width:auto;
}
.footer-col1 {
	float:left;
	max-width:33%;
	width:100%;	
	padding:0 10px 50px 0;
}
	
.footer-col2 {
	float:left;
	max-width:33%;
	width:100%;	
	padding:0 10px 50px 0;
	text-align:left;
}
.footer-col3 {
	float:left;
	max-width:33%;
	width:100%;	
	padding:0 10px 50px 0;
}

.footer-col1 a,
.footer-col2 a,
.footer-col3 a {
	float:none!important;
	color:#fff;
	text-align:left;
	font-size:16px;
	padding:5px 0
}
.footer-col1 p {
	Float:left;
	padding:5px 0
}

.footer-col2 p {
	
	Float:left;
}
.footer-col3 p {
	font-size:13px;	
}
.footer-col1 a {
	padding:4px 0!important
}
	
.footer-col1 h3,
.footer-col2 h3,
.footer-col3 h3 {
	color:#fff;
	font-size:28px;
	text-align:left;
	margin-bottom:10px;
}
.footer-col2 img{
	float:left;
	width:150px;
	margin-bottom:5px;
}
.footer-col1 a {
	float:left;
	width:100%;
	padding:2px 0;
}
.footer-col1 a:hover {
	font-size:14px;
}
.footer-menu {
	float:left;	
	margin-top:20px;
}
.footer-menu a {
	float:left;	
	padding:0 5px;
}	
.author {
	float:right;
	text-align:right!important;
	width:100%;
	font-size:12px !important
}
.author img{
	float:right;
	text-align:right!important;
}
#contact-wrapper {
	float:left;
	max-width: 100%;
	width: 100%;
	text-align: left;
	padding:0 10px;
	margin:20px 0 0 0;
}
#contact-wrapper .pc {
	color:#676565;
	font-size:15px;
	float:left;
	text-align:left;
	max-width:100%;
	width:100%;
	padding: 0px;
	margin: 0px;
	line-height:15px;
}
#contactlhs {
	overflow:hidden;
	float:left;
	max-width:50%;
	width:100%;
	padding:0px;
	margin:0;
}
#contactlhs p {
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
	max-width:100%;
}
#contactlhs img {
	float:left;
	margin:0;
}
#contactlhs a {
	color: #676565;
	font-family:  'Opens Sans',arial;
	font-size: 15px;
	font-weight: normal;
	text-align: left;
	padding: 0px 0px 20px 10px;
}
#contactlhs a:hover {
	color: #676565;
	font-family:  'Opens Sans',arial;
	font-size: 15px;
	font-weight: normal;
	text-align: left;
	text-decoration:underline;
	padding: 0px 0px 20px 10px;
}
#contactrhs {
	overflow:hidden;
	float:left;
	max-width:40%;
	width:100%;
	padding:0px;
	margin:0px;
}
#contactrhs p {
	float:left;
	margin:0px;
	padding:0px;
}

#contact {
	float:left;
	max-width: 100%;
	width:100%;
	text-align: left;
	padding:0 10px;
	margin:0;
}
#contact p {
	max-width:95%;
	width:100%;
	float:left;
	font-size: 15px;
	margin: 0;
	padding:0;
	line-height:20px;
}
#contact a {
	display:inline-block;
	float:none;
	font-size: 15px;
	margin: 0;
	padding:0;
	max-width:none;
	width:auto;
}
#contact a:hover {
	text-decoration:underline;
	font-size: 15px;
}
#contact .desctext {
	font-size: 15px;
	font-weight: normal;
	text-align: left;
	padding: 5px 10px 0 0;
	margin:0;
}
#contact .regtext {
	float:left;
	width: 180px;
	font-family:  'Opens Sans',arial;
	font-size: 15px;
	font-weight: normal;
	text-align: left;
	padding: 0 3px 0 0;
	margin:0;
}
#contact .ipdata {
	max-width:100%;
	width:100%;
	float: left;
	text-align: left;
	padding: 5px ;
	margin:0 0 10px 0;
}
#contact .ipdata1 {
	width: 20px;	
	float: left;
	text-align: left;
	padding: 0 ;
	margin:0;
}
#contact .ipcode {
	max-width:100px;
	width:100%;
	float: left;
	text-align: left;
	padding: 5px ;
	margin:0 0 10px 0;
}
#contact .normtext {
	max-width:450px;
	width:100%;
	font-family:  'Opens Sans',arial;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	padding: 0 10px 0 20px;
	margin: 0 0 0 20px;
}
#contact .texta {
	float:left;
	text-align:left;
	font-family:  'Opens Sans',arial;
	font-size: 12px;
	color: #676565;
	font-weight: normal;
	padding: 0px 10px 0px 0px;
	margin: 0px 10px 0px 0px;
	width:100%;
	max-width:100%;
	width:100%;
	min-height:200px;
}
#contact textarea {
	float:left;
}
.blue { background:#0E559F }

.contactform {
	float:left;
	max-width:100%;
	width:100%;	
	padding:40px 20px;
}
.contactform h3{
	color:#2D9FE4
}
.contact-title { 
	font-size:20px;
	color:#fff;
}
.contactform input {
	float:left;
	width:90%;
	padding:8px;
	border-radius:5px;
	background:#fff;
	margin:5px 0;
	font-family:  'Opens Sans',arial;
	font-weight:400;
	font-size:14px;
}
.contactform p {
	width:100%;
	color:white;
	padding:0;
	margin:0

	
}
.contactform a{
	font-size:16px;
	display:inline-block;
	float:none;
	max-width:none;
	width:auto;
}
.contactform a:hover{
	text-decoration:underline
}
.contactform .ipcode {
	max-width:150px;
	width:100%;
	float: left;
	text-align: left;
	padding: 5px ;
	margin:0
}
.contactform textarea {
	width:90%;
	padding:8px;
	border-radius:5px;
	background:#fff;
	margin:2px 0;
	min-height:100px;
	font-family:  'Opens Sans',arial;
	font-weight:400;
	font-size:14px;
}	
.contact-button {
	width:100%!important;
	max-width:150px;
	padding:7px 20px!important;
	border-radius:10px;	
	background:#fff;
	color:#2D9FE4;
	font-family:  'Opens Sans',arial;
	font-size:16px!important;
	border-radius:10px;
	border:#2D9FE4 solid 1px;
}
.contact-button:hover {
	width:100%!important;
	max-width:150px;
	text-decoration:none;	
	background:#b2b2b2;
	color:#fff !important;
	padding:7px 20px!important;
	font-family:  'Opens Sans',arial;
	font-size:16px!important;
}

.code-image {
	width:auto !important;
	height:auto !important;
}
.bbutton {
	position:absolute;
	bottom:0;
	left:0;
	padding:7px 20px;
	border-radius:10px;	
	background:#fff;
	width:320px;
	color:#2D9FE4  !important;;
	font-family:  'Opens Sans',arial;;
	font-size:20px;
	border-radius:10px;
	border:#2D9FE4 solid 1px;
}
.bbutton:hover {
	text-decoration:none;	
	background:#b2b2b2;
	color:#676565 !important;
	padding:7px 20px;
	font-family:  'Opens Sans',arial;;
	font-size:20px;
}
.tbutton {
	padding:7px 20px;
	border-radius:10px;	
	background:#676565;
	color:#fff !important;;
	font-family:  'Opens Sans',arial;;
	font-size:16px;
	border-radius:10px;
}
.tbutton:hover {
	text-decoration:none;	
	background:#b2b2b2;
	color:#676565 !important;
	padding:7px 20px;
	font-family:  'Opens Sans',arial;;
	font-size:16px;
}
.mbutton {
	float:none;
	margin:0 auto ;
	display:block;
	text-align:center;
	width:170px;
	color:#fff;
	background:#0E559F;
	padding:10px 20px;
	 border-radius: 20px / 50%; /* Create semicircles */
	font-size:15px;
}
.mbutton:hover {
	background:#000;

}	

.quick-quote{
	float:left;
	max-width:100%;
	width:100%;
	background:#b2b2b2;
	min-height:100px;
	margin-bottom:30px;
}
.quick-quote-inner{
	margin:0 auto;
	max-width:1200px;
	width:100%;
	padding:10px 0;
}

.quick-quote-inner input {
	background:#676565;
	color:#fff;
	border:0;
	padding:5px;
	margin-left:22px;
	font-size:15px;
	margin-top:15px;
}
.quick-quote-inner select {
	width:25%;
	background:#b2b2b2;
	color:#b2b2b2;
	border:0;
	padding:5px;
	margin-left:22px;
	font-size:15px;
	margin-top:15px;
}
.quick-quote-inner select:hover {
	background:#b2b2b2
}
	

.quick-quote-inner p {
	display:inline;
	float:none;
	text-align:left;
	font-size:24px;
	text-transform:uppercase;
	color:#676565;
	padding:5px;
	margin-bottom:15px;
}
.quick-quote-inner p.confirm {
	display:inline;
	float:left;
	text-align:left;
	font-size:30px;
	color:green;
	padding:25px 0;
}

.quick-quote-inner input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
}

#redtext::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: red;
    opacity: 1; /* Firefox */
}
.qq-button  {
	display:inline-block;
	width:150px !important;
	padding:5px;
	margin:0;
	background:#bf0222;
	color:#fff !important;
}
.captcha-box {
	float:right;
}
.codeerror {
	margin-top:60px;
	font-size:15px !important;
	color:red !important;
	text-transform:none !important;
}

@media (max-width: 1000px) { /*  Breakpoint for IPad*/

	.booking-button {
		top:30px;
		left:20px;
	}
	.col-wrapper3-inner a {
		width:48%
	}

}

@media (max-width: 820px) { /*  Breakpoint for IPad*/


	.header-left-wrapper {
		width:100%
	}
	.breaker { display:none }
	.contact-breaker { display:block }
	.col4-1 h2,
	.col4-2 h2,
	.col4-3 h2,
	.col4-4 h2{
		font-size:24px;
	}
	.quick-quote{
		min-height:50px;
	}

	.quick-quote-inner input,
	.quick-quote-inner select {
		float:left;
		width:40%;
		margin:10px;
	}
	.quick-quote-inner p {
		display:block;
		float:left;
		width:100%;
	}

	.booking-button {
		position:unset;
		float:none;
		display:block;
		margin:20px auto 0 auto;
	}

	.gallery-wrapper img,
	.gallery-wrapper-tall img {
		max-width:33.3333%;
	}


}

	
@media (max-width: 600px) { /*  Breakpoint for Mobile */

	h1 {
		font-size:28px;
	}

	h2 {
		font-size:24px;
	}

	.himg {
		display:none;
	}
	#header  {
		min-height:auto;
		padding:0;
	}
	#header a {
		color:#676565;
	}
	#header a:hover {
		color:#676565;
	}
	#header a:visited {
		color:#676565;
	}
	#header h2 {
		font-size:16px;
	}
	#header h2 a, 
	#header h2 a:visited,
	#header h2 a:hover {
		font-size:16px;
	}
	
	#header-logo1 {
		max-width:100%;
	}
	#header-logo1 img{
		float:none;
		display:block;
		margin:0 auto
	}

	#header-logo2 {
		float:right;
		max-width:30%;
		text-align:right
	}

	#header-info {
		margin:0;
		padding:10px;
	}
	#header-logo img,
	#header-info h2 {
		float:none;
		margin:0 auto;
		display:block;	
		padding:10px 0;
	} 

	.col-wrapper1 {
		max-width:100%;
		width:100%;	
		padding:0;
	}
	
	.col-wrapper1-inner p{
		font-size:24px
	}
	.col-wrapper1 p {
		bottom:10px;
		font-size:24px
	}
	.col-wrapper1 img {
		min-height:20vh
	}
	.col-wrapper1-inner img{
		min-height:30vh
	}
	.col-wrapper2 {
		max-width:100%;
		width:100%;	
		margin:20px 0px 20px 0px;
		padding:0 15px;
	}
	.col-wrapper2-inner {
		display:block
	}
	.col-wrapper3,
	.col-wrapper5 	 {
		max-width:100%;
		width:100%;	
	}
	.col-wrapper4 {
		display:block;
		max-width:100%;
		width:100%;	
		margin:0 0px 20px 0;
		min-height:0
	}
	.col-wrapper4-inner {
		padding:0 10px
	}
	#link-page-wrapper-full-width-flex {
		display:block;
		height:auto;
	}	
	
	.col1,
	.col2,
	.col3 {
		max-width:100%;
		width:100%;	
		padding:5px;
	}
	.col1 p  {	
		max-width:100%;
		padding:10px 0;
	}
	.col2 p  {	
		max-width:100%;
		padding:10px 0;
	}
	.col3 p  {	
		max-width:100%;
		padding:10px 0;
	}
	.col-half1,
	.col-half2 {
		max-width:100%;
		width:100%;	
		padding:0;
		flex:0;
		margin:10px 0;
	}
	.col-half1 h2 ,	
	.col-half1 h2 ,	
	.col-half1 p ,	
	.col-half2 p  {	
		max-width:100%;
		padding:15px;
	}
	.col-third-wrapper {
		max-width:100%;
		margin:0;
	}
	.col-third,
	.col-twothirds {
		max-width:100%;
		margin-top:20px;
	}
	.col-third-lower {
		float:left;
		max-width:100%;
		margin-left:0;
		
	}
	.col-twothirds-inner {
		max-width:100%;
	}
	
	.col-wrapper3-inner a,
	.col3-1,
	.col3-2,
	.col3-3,
	.col-lower3-1,
	.col-lower3-2,
	.col-lower3-3,
	.col3-contact-1,
	.col3-contact-2,
	.col3-contact-3 {
		width:100%;
		padding:0;
		margin:10px 0;
	}
	
	.col3-contact-1 p,
	.col3-contact-2 p,
	.col3-contact-3 p {
		float:left;
		width:100%;
		
	}

	.col-half1 img ,
	.col-half2 img  {	
		margin-right:0;	
	}
	
	.colimg4-1,
	.colimg4-2,
	.colimg4-3,
	.colimg4-4 {
		max-width:48%;
		padding:0
	}

	.coltext-4-1,
	.coltext-4-2,
	.coltext-4-3,
	.coltext-4-4 {
		max-width:50%;
	}
	
	.home-page-3-1,
	.home-page-3-2,
	.home-page-3-3 {
		float:left;
		flex:0;
		max-width:100%;
		width:100%;
	}
	
	.full-width {
		flex:0;
	}

	.advert-area h2,
	.advert-area h3{
		padding:0 10px
	}

	#contact {	
		max-width:100%
	}
	#contactform {
		padding:0 5px
	}
	#contactform input {
		width:100%;
	}
	
	#contactform textarea {
		
		width:100%;
		min-height:100px;
	}
	
	#contactlhs {
		max-width:100%;
	}
	#contactrhs {
		max-width:100%;
	}
		
	#contact tr	 {
		max-width:100%;
		width:100%;	
	}
	#contact td	 {
		max-width:50%;
		width:100%;	
	}

	.footer-col1,
	.footer-col2,
	.footer-col3,
	.footer-col4,
	.footer-col5  {
		max-width:100%;	
		min-height:auto;		
		border-right:none;
		padding:10px;
	}
	.footer-col1 a,
	.footer-col2 a,
	.footer-col3 a,
	.footer-col4 a,
	.footer-col5 a,
	.footer-col1 a:hover,
	.footer-col2 a:hover,
	.footer-col3 a:hover,
	.footer-col4 a:hover,
	.footer-col5 a:hover {
		font-size:16px;
		padding:3px 0;
	}
	.footer-col2 p {
		min-height:auto;		
	}
	#contact .ipdata,
	#contact .texta {

		max-width:100%;
		padding:10px;
	}
	.quick-quote-inner select {
		width:90%;
		float:left;
		padding:10px 0;
	}
		
	.gallery-wrapper img,
	.gallery-wrapper-tall img {
		max-width:50%;
	}
	.prod-img{
		max-width:50%;
	}
	.prod-img2{
		max-width:100%;
	}

}

@media (max-width: 450px) { /*  Breakpoint for Mobile Narrow*/

	.col4-1,
	.col4-2,
	.col4-3,
	.col4-4 {
		max-width:100%;
	}

}


.imgsize { height:165px }