@charset "utf-8";
/* CSS Document */

#header a.mobile-menu, a.mobile-menu-right { /* HIDE THE PHONE MENU UL AND LI ITEMS*/
	display: none;
}




#body .r8_col3 .img-responsive {  /*THIS MAKES THE IMAGES DO WHAT IS EXPECTED WHILE IN FULL SCREEN MODE  */
display:inline;	
}
	
#body .r8_col3 table.table td{ /* REMOVE THE TOP BORDER ON THE TABLE*/
border-top-width: 0px;
}

/**********************************************************************************/
/*********                         CONTACT PAGE                    ****************/
/**********************************************************************************/

#superfish { /*SHOW THE NAV BUTTONS*/
	display: block;
}

#contact {margin-left: 5%;}

#contact .telephone-icon {	
	margin-top: 15px
}

#contact .email-icon {	
	margin-top: 15px
}

#contact .error {	
	color:#F00;
}

#contact .valid {	
	color:#390;
}
.btn-send {
	margin-left: auto;
	margin-right: auto;
	display:block;
	border-color:#bcbcbc;
	margin-top: 10px;
	margin-bottom: 10px;
}

#formSubmitted {
	margin-top: 40px;
	padding: 50px;
	border: 1px solid #bbb;	
}

.modal-footer {
	background-color:#eeeeee;
}

.gmaps {
	display:block;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	width: 90%;
	height: 350px;
	border: 3px solid #fff;
	border-radius: 6px;
	box-shadow: 0px 0px 1px 1px #CFCFCF;
}

.captcha {
	margin-top: 20px;	
}	



#contact .email a {
	color:inherit;
	cursor:default;
}


.modal .success {
	background-color:#e3fce6;
	color:#538a3b;
}

.modal .warning {
	background-color:#fcf8e3;
	color:#8a6d3b;
}
.modal .error {
	background-color:#f2dede;
	color:#a94442;
}

#mobile-menu-right a {	
	color: rgba(0, 0, 0, 0.6);
	text-decoration:underline;
}
/****************************/
/*scroll to top button*/
/****************************/
#back-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: block;

background-color: rgba(188, 188, 188, 0.5);
	color: #EEE;
	font-size: 22px;
	-webkit-border-radius: 28px;
	-moz-border-radius: 28px;
	border-radius: 28px;
	padding: 10px;
	text-decoration: none;
	-webkit-transition: .7s;
	-moz-transition: .7s;
	transition: .7s;
	cursor:pointer;
	z-index:1000;
}
#back-top:hover {
color: #222;
background-color: #777;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
/*cke image styles*/
.ckshadow {
-webkit-box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.7), 0 0 40px rgba(0, 0, 0, 0.2) inset;
-moz-box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.7), 0 0 40px rgba(0, 0, 0, 0.2) inset; 
box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.7), 0 0 40px rgba(0, 0, 0, 0.2) inset; }
.ckeborder {
border: 1px solid #CCC;	
0 0 40px rgba(0, 0, 0, 0.15) inset;
0 0 40px rgba(0, 0, 0, 0.15) inset; 
0 0 40px rgba(0, 0, 0, 0.15) inset;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

  /* reduce the height of hte carousel */
.carousel 
{
  max-height: 360px;
}
.carousel .item {
  height: 360px;
}

.vrepeat .carousel 
{
  max-height: 300px;
}

.vrepeat .carousel .item {
  height: 300px;
}



/* Carousel base class */
.carousel { 
  margin-bottom: 0px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  background: none;
  overflow:hidden;
}

.carousel-inner {
 background: none;
  overflow:hidden;
	
}

/*Full width centred images*/

/*initial active image*/
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.carousel-inner img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}


.carousel-caption a, .carousel-caption a:hover  {
	color: #FFF; text-decoration:none;
}

/**********************************************************************************************/
/*  PHONE  */
/**********************************************************************************************/
@media (max-width: 767px) {
 
/****************************/
/*column widths and layout*/
/****************************/
#body .r8_col1 {
width: 0px;
}	
#body .r8_col2 {
width: 0px;
}
#body .r8_col3 {
padding: 25px;
width: 100%;
}
#subheader {
display: none; 	
}


/****************************/
/*REMOVE ALL SELECTED EMPTY TR/ P/ H1, H2, H3 */
/****************************/

#body .r8_col3 .emptyContent{
display: none; 	
}

/****************************/
/*table behaviors*/
/****************************/
#body .r8_col3 table.table { /*centre position the table*/
width: 100%; /*make the table fill its container*/
float:none; /*centre align*/
margin-left:auto;
margin-right:auto;
table-layout:fixed; /*fix the layout so that responsive images dont get squashed*/
border-collapse:separate; /* collapse any tables that have been added for layout  */
empty-cells:hide;
}
.table-responsive {/*stop the table outlines*/
border:none;
overflow-x:auto;/*prevemt the table scroll bar showing unless it needs to */ 
}
#body .r8_col3 table.table td{ /*center table apply tiny padding */
text-align: center; /*center align any text in a cell*/
border-top-width: 0px; /*remove the bootstrap top feint border*/
padding:1px; /*keep a tiny gap in case the cells are squashed together*/
white-space: pre-wrap; /*prevent the default no-wrap behaviour of the responsive table*/
word-wrap: break-word;/*stops the responsive table text setting of 'nowrap' */
width: 1% !important; /*override any inline style that determine cell widths */
height: auto;
}


/****************************/
/*image behavior*/
/****************************/

#body .r8_col3 .img-responsive {  /*THIS MAKES THE IMAGES center aligned in phone mode */
display:block;	
}

#body .r8_col3 table td img{ /*center images inside a table*/
display:block;	
margin-left:auto;
margin-right:auto;
float: none !important; 
}

#body .r8_col3 img{ 
max-width: 100% !important; /*resposive images*/
height: auto !important;
display:block;	/*center align*/
margin-left:auto !important;
margin-right:auto !important;
float: none !important;
}

#body .r8_col3 img[style]{ /*special css to override the inline styles */
max-width: 100% !important;
height: auto !important;
display:block;	
margin-left:auto !important;
margin-right:auto !important;
float: none !important;
}
/****************************/
/*make all h1's and h2's centralised*/
/****************************/

#body .r8_col3 h1 {
	text-align:center;
}
#body .r8_col3 h2 {
	text-align:center;
}

/****************************/
/* make the css backgrounds scale doen nicely*/
/****************************/

.bodybg {
background-size:contain;
}
/*.vrepeat {
background:none;	
}*/
.ofix {
background-size:contain; 
}

/****************************/
/*  remove social buttons */
/****************************/
.social_top {
display: none;
}
.social_box {
	display: none;
}

/****************************/
/*  fixed black menu button */
/****************************/

#header div.menu_container{
	position: fixed;
	top: 0px;
	height: 60px;
	width: 100%;
	z-index:10;
	background-color:rgba(51, 51, 51, 0.9);
	border-bottom: 1px solid #CCCCCC;
	box-shadow: 0 4px 2px -2px gray;
	
}
.header-container { /*drop the header down so button shows */
margin-top: 60px;
}
#header a.mobile-menu {	/*menu trigger for LEFT slide out*/
	display:block;
	background-color:#333;
	color:#FFF;
	font-size:18px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	width: 100px; 
	height: 40px;
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 10px;
	border-style:solid;
	border-width:1px;
	border-color:#666;
	text-decoration:none;
}
#header a.mobile-menu-right {	/*menu trigger for RIGHT slide out*/
	display:block;
	background-color:#333;
	color:#FFF;
	font-size:24px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 5px;	
	width: 40px; 
	height: 40px;
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 10px;
	border-style:solid;
	border-width:1px;
	border-color:#666;
	text-decoration:none;
}

#superfish {
	display: none; /*hide the regular buttons*/
}

/****************************/
/*    MOBILE MENU RIGHT      */
/****************************/


#mobile-menu-right .rhs_item {  
font-size: 18px;
padding-top: 25px; 
padding-bottom: 25px; 
padding-left: 10px;  
position:relative;
left: 0px;
}
#mobile-menu-right .rhs_icon {
width: 60px;
text-align:center;
padding-right: 30px;
padding-left: 20px;
}
#mobile-menu-right .rhs_text {
padding-left: 5px;
}
#mobile-menu-right .address {
text-align:center;
padding-top: 30px;
padding-bottom: 30px;
}

/****************************/
/* grey top title MENU RIGHT */
/****************************/


.mm-title {
	font-size:18px;
}
.mm-prev {
	font-size:18px;
	font-weight:bold;
}

/****************************/
/* form validation behavior MENU RIGHT  */
/****************************/


#mobile-menu-right .success
{
color:#060;
}
#mobile-menu-right .error
{
color:#900;
}

/****************************/
/*scroll to top button*/
/****************************/
#back-top {
	position: fixed;
	bottom: 15px;
	right: 10px;
	display: block;
		background-color: rgba(51, 51, 51, 0.7);
	color: #FFF;
	font-size: 18px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #AAA;
	text-decoration: none;
	-webkit-transition: .7s;
	-moz-transition: .7s;
	transition: .7s;
	cursor:pointer;
	z-index:1000;
}
#back-top:hover {

background-color: #666;
-webkit-transition: .7s;
-moz-transition: .7s;
transition: .7s;
}


/****************************/
/*CAROUSEL*/
/****************************/
.vrepeat .carousel .item, .carousel, .carousel .item , .carousel-inner > .item > img, .carousel-inner img {
  height: 200px;
}

.carousel-caption h1
{
	font-size:21px;
}


}

/**********************************************************************************************/
/*IPAD*/
/**********************************************************************************************/

@media (min-width: 768px) and (max-width: 991px) { 

/****************************/
/*  fixed black menu button */
/****************************/

#header div.menu_container{
	position: fixed;
	top: 0px;
	height: 60px;
	width: 100%;
	z-index:10;
	background-color:rgba(51, 51, 51, 0.9);
	border-bottom: 1px solid #CCCCCC;
	box-shadow: 0 4px 2px -2px gray;
	
}

.header-container {
margin-top: 60px;
}
#header a.mobile-menu {	
	display:block;
	background-color:#333;
	color:#FFF;
	font-size:18px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	width: 100px; 
	height: 40px;
	position: relative;
	top: 15px;
	left: 15px;
	padding: 10px;
	border-style:solid;
	border-width:1px;
	border-color:#666;
	text-decoration:none;
}
#header a.mobile-menu-right {	/*menu trigger for RIGHT slide out*/
	display:block;
	background-color:#333;
	color:#FFF;
	font-size:24px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 5px;	
	width: 40px; 
	height: 40px;
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 10px;
	border-style:solid;
	border-width:1px;
	border-color:#666;
	text-decoration:none;
}
/*
#mobile-menu-right .rhs_icon {
position:relative;
left: 20px;
top: 20px;
font-size: 24px;
padding: 20px; 

}
#mobile-menu-right .rhs_phone {
font-size: 24px;
padding: 20px; 

}
*/


#superfish { /*hide nav buttons*/
	display: none;
}


/****************************/
/*table behaviors*/
/****************************/
#body .r8_col3 table.table { /*centre position the table*/
width: 100%; /*make the table fill its container*/
float:none; /*centre align*/
margin-left:auto;
margin-right:auto;
table-layout:fixed; /*fix the layout so that responsive images dont get squashed*/
border-collapse:separate; /* collapse any tables that have been added for layout  */
empty-cells:hide;
}
.table-responsive {/*stop the table outlines*/
border:none;
overflow-x: auto;/*prevemt the table scroll bar showing unless it needs to */ 
}
#body .r8_col3 table.table td{ /*center table apply tiny padding */
text-align: center; /*center align any text in a cell*/
border-top-width: 0px; /*remove the bootstrap top feint border*/
padding:1px; /*keep a tiny gap in case the cells are squashed together*/
white-space: pre-wrap; /*prevent the default no-wrap behaviour of the responsive table*/
word-wrap: break-word;/*stops the responsive table text setting of 'nowrap' */
width: 1% !important; /*override any inline style that determine cell widths */
height: auto;
}


/****************************/
/*image behavior*/
/****************************/

#body .r8_col3 table td img{ /*center images inside a table*/
display:block;	
margin-left:auto;
margin-right:auto;
float: none !important; 
}

#body .r8_col3 img{ 
max-width: 100% !important; /*resposive images*/
height: auto !important;
display:block;	/*center align*/
margin-left:auto !important;
margin-right:auto !important;
float: none !important;
}

#body .r8_col3 img[style]{ /*special css to override the inline styles */
max-width: 100% !important;
height: auto !important;
display:block;	
margin-left:auto !important;
margin-right:auto !important;
float: none !important;
}


/****************************/
/*  remove social buttons */
/****************************/

.social_top {
display: none;
}
.social_box {
	display: none;
}
/****************************/
/*  make CSS bg play nicely */
/****************************/
.ofix {
background-size:contain;
}
.bodybg {
background-size:contain;
}
.vrepeat {
background-size:contain;
}

/****************************/
/*  structure and columns */
/****************************/

#body .r8_col1 {
width: 0px;
}
#body .r8_col2 {
width: 0px;
}
#body .r8_col3 {
padding: 25px;
width: 100%;
}
#subheader {
display: none; 	
}

/****************************/
/*REMOVE ALL SELECTED EMPTY TR/ P/ H1, H2, H3 */
/****************************/

#body .r8_col3 .emptyContent{
display: none; 	
}

/****************************/
/*    MOBILE MENU RIGHT      */
/****************************/


#mobile-menu-right .rhs_item {  
font-size: 18px;
padding-top: 25px; 
padding-bottom: 25px; 
padding-left: 10px;  
position:relative;
left: 0px;
}
#mobile-menu-right .rhs_icon {
width: 60px;
text-align:center;
padding-right: 30px;
padding-left: 20px;
}
#mobile-menu-right .rhs_text {
padding-left: 30px;
}
#mobile-menu-right .address {
text-align:center;
padding-top: 30px;
padding-bottom: 30px;
}

/****************************/
/* grey top title MENU RIGHT */
/****************************/


.mm-title {
	font-size:18px;
}
.mm-prev {
	font-size:18px;
	font-weight:bold;
}

/****************************/
/* form validation behavior MENU RIGHT  */
/****************************/


#mobile-menu-right .success
{
color:#060;
}
#mobile-menu-right .error
{
color:#900;
}

/****************************/
/*scroll to top button*/
/****************************/
#back-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: block;
	background-color: rgba(51, 51, 51, 0.7);
	color: #FFF;
	font-size: 22px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #AAA;
	text-decoration: none;
	-webkit-transition: .7s;
	-moz-transition: .7s;
	transition: .7s;
	cursor:pointer;
	z-index:1000;
}
#back-top:hover {

background-color: #666;
-webkit-transition: .7s;
-moz-transition: .7s;
transition: .7s;
}
/****************************/
/*carousel*/
/****************************/

.vrepeat .carousel .item, .carousel, .carousel .item , .carousel-inner > .item > img, .carousel-inner img {
  height: 264px;
}
.carousel-caption h1
{
	font-size:28px;
}

}

/**********************************************************************************************/
/*IPAD LANDSCAPE AND PC*/
/**********************************************************************************************/
@media (min-width: 992px) and (max-width: 1199px) {

.vrepeat .carousel .item, .carousel, .carousel .item , .carousel-inner > .item > img, .carousel-inner img {
  height: 300px;
}
.carousel-caption h1
{
	font-size:28px;
}
}