@charset "utf-8";
/* CSS Document */
html, body { margin:0; padding:0;}
body {
  font-family: 'Roboto', sans-serif;
  padding-top: 0px;
  letter-spacing:0.05em;
  color:#000;
  font-size:36px;
  font-weight:100;
  
}
.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.theme-showcase .navbar .container {
  width: auto;
}
p {letter-spacing:0.03em;}
h1, h2, h3 { text-align:center;}
h1 { font-size:36px; color:#000;}
h2 { font-size:50px; color:#6e2415; font-weight:700; text-transform:uppercase; letter-spacing:0.2em; margin-bottom:30px; text-align:left;}
h3 { font-size:24px; color:#33495f; font-weight:normal;}
.color1 { color:#406e34;}
.color2 { color:#6e2415;}
.color3 { color:#FFF;}
.color4 { color:#000;}
.bg1 { background:#406e34; }
.bg2 { background:#6e2415; }
.bg3 { background:#2a2a2a; }
a { color:#1ba187; text-decoration:underline;}
.txtLarge { font-size:24px;}
.txtMedium { font-size:18px;}
.txtSmall { font-size:12px;}
.txtXsmall { font-size:8px;}
.page-header { border-color:#414141;}
.social-media img {margin:3px; }
.social-media a img{ opacity: 0.4; filter: alpha(opacity=40); /* For IE8 and earlier */}
.social-media a:hover img{ opacity: 1; filter: alpha(opacity=100); /* For IE8 and earlier */}

form { font-size:18px; font-weight:100; margin-top:60px;}
form label {font-weight:100; color:#000;}
/* wide screen devices */
@media (min-width: 1200px) {
    .container{ max-width: 1170px; }
}
/* Small Desktop devices */
@media only screen and (min-width: 970px) and (max-width: 1190px) {

	.container{ max-width: 960px;}

}

.header {background:#2f4f2f;}
.logo { margin:10px 0; font-size:28px; font-weight:400; color:#FFF;}
.logo a{ color:#FFF; text-decoration:none; display:block;}
.logo img {float:left;}
.logo span { float:left; display:block; padding-top:30px;}
.telephone { text-align:right; font-size:24px; font-weight:200; color:#FFF; margin-top:45px;}

.banner { position:relative;}   
.banner div{ 
	position:absolute; 
	width:50%; 
	left:25%; 
	right:25%;
	padding:5%;  
	background-color: #2f4f2f;
  	border: 1px solid #467646;
	background:url(../images/banner-bg.png) repeat;
	margin:auto;
	margin-top:8%;
	}
 
.banner div h1, .banner div p{ color:#FFF; } 
.banner div p{ font-weight:100; font-size:24px;}

/* main styles */
.main { background:url(../images/main_bg.jpg) repeat-x; padding:30px 0px; margin:0; font-size:16px; letter-spacing:normal;}
.innerpage { padding-top:250px;}
.sectionBorder { border-top:#6c4b5b solid 1px;}
.Section{
		padding:100px 0;
}

.services ul { margin-top:30px; }
.services ul li {
	list-style:none;
	list-style-image:url(../images/bullet-icon.png);
	line-height:40px;
	margin-bottom:20px;
	text-align:left;
	margin-left:20px;
	}

/* footer styles */
footer { background:#2f4f2f; margin:30px 0 0 0;  padding:50px 0px 30px 0px; color:#FFF; font-size:14px;}
footer  a, footer  a:hover { color:#FFF;}

/* list columns */
.ListColumn ul{
  width:100%;
  margin:0;
  padding:0;
  margin-bottom:20px;
  overflow:hidden;
  border-top:1px solid #ccc;
}
.ListColumn li{
  line-height:2em;
  border-bottom:1px solid #ccc;
  float:left;
  display:inline;
}
#double li  { width:50%;}
#triple li  { width:33.333%; } 
#quad li    { width:25%; }
#six li     { width:16.666%; }

.contact-details { font-size:24px;}


/* Medium size desktop */
@media only screen and (min-width: 960px) and (max-width: 1500px) {
 
.banner div h1, .banner div p{ color:#FFF; } 
.banner div p{ font-weight:100; font-size:18px;}
.telephone { font-size:16px;}
.logo span { font-size:24px;}

.Section h2{ font-size:40px; }
.Section p, .Section ul li{ font-size:30px; }

}

/* tablet devices */
@media only screen and (min-width: 768px) and (max-width: 959px) {

.logo img { }
.event-row-top { display:none;}
.logo span { font-size:20px;}
.telephone { font-size:16px;}

.banner div{ 
	position:absolute; 
	width:80%; 
	left:10%; 
	right:10%;
	padding:5%;  
	background-color: #2f4f2f;
  	border: 1px solid #467646;
	background:url(../images/banner-bg.png) repeat;
	margin:auto;
	margin-top:3%;
	}
 
.banner div h1, .banner div p{ color:#FFF; } 
.banner div p{ font-weight:100; font-size:18px;}

.Section h2{ font-size:40px; }
.Section p, .Section ul li{ font-size:30px; }


}



/* phone devices Landscap and Portrait both */
@media screen and (max-width: 767px) {
.navbar-header { /* icon settings */
        float:none;
		margin-top:20px;
    }
.logo { margin-top:0px; margin-left:0;}
.logo span { font-size:16px;}
.telephone { display:none;}
.logo img { width:50px; margin-top:10px;}

.banner div{ 
	position:absolute; 
	width:90%; 
	left:5%; 
	right:5%;
	padding:5%;  
	background-color: #2f4f2f;
  	border: 1px solid #467646;
	background:url(../images/banner-bg.png) repeat;
	margin:auto;
	margin-top:1%;
	}
 
.banner div h1, .banner div p{ color:#FFF; } 
.banner div h1 { font-size:14px;}
.banner div p{ font-weight:100; font-size:11px;}


.Section h2{ font-size:30px; }
.Section p, .Section ul li{ font-size:22px; }

#double li  { width:100%;}
#triple li  { width:100%; } 
#quad li    { width:100%; }
#six li     { width:16.666%; }

.MenuItem { float:left; width:100%;}
.ItemName { float:left; width:65%; margin-right:5%;}
.ItemDetail { float:left; width:30%; clear:right; margin:0px 0; text-align:right;}


.services ul li {
	list-style:none;
	background:url(../images/bullet-icon.png) no-repeat;
	padding:0px 0 5px 25px;
	line-height:25px;
	margin-top:10px ;
	text-align:left;
	margin-left:0px;
	}
.contact-details p{ font-size:16px;}
}

/* phone devices portrait only*/
@media screen and (max-width: 412px) {
.logo img { }
}