/********** Globle CSS ****************/

@font-face {
    font-family: content_font;
    src: url(fonts/BebasNeue.otf);
}
* {
	margin:0px;
	padding:0px;
}
body {
	margin:0px;
	padding:0px;
	background-image:url(images/background_image.jpg);
	background-repeat:no-repeat;
	background-position: top center;
	background-size: 100% 100%;
	background-color:#333;
}
#wrapper {
	width:100%;
	height:100%;
	position:relative;
}
.container {
	width:90%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}
/**************************************/

/************** Header CSS **************/
#header {
	height:auto;
	background-color: rgba(255, 255, 255, 0.9);
	padding:15px 0px;
}
#header #logo {
	float:left;
}
#header #header_title {
	color:#000;
	float:right;
	font-size:66px;
	font-family:content_font,"Bebas Neue",Arial, Helvetica, sans-serif;
	padding:20px;
	padding-right:40px;
}
/****************************************/

/*************** Menu CSS ***************/
#menu {
	text-align:center;
	background-color:#f6472a;
	height:50px;
}
#menu > ul{
	line-height:50px;
	float:left;
	margin:0px;
	padding:0px;
	font-size:34px;
	font-family:content_font,"Bebas Neue",Arial, Helvetica, sans-serif;
}
#menu > ul > li {
	display:inline;
	list-style-type:none;
	float:left;
	position:relative;
}
#menu > ul > li > ul{
	display:none;
	position:absolute;
	top:50px;
	left:0px;
	width: 260px;
	background-color: #035203;
}
#menu > ul > li:hover > ul{
	display:block;
	z-index:100;
}
#menu > ul > li > ul > li {
	list-style-type:none;
	text-align:left;
}
#menu > ul > li > ul > li:hover {
	background-color:#38761d;
}
#menu a {
	text-decoration:none;
	padding:6px 25px;
	color:#FFF;
	-webkit-transition: all 500ms; /* For Safari 3.1 to 6.0 */
    transition: all 500ms;
}
#menu a:hover {
	background-color:#38761d;
}
#menu .active {
	background-color:#38761d;
}
/****************************************/

/********** responsive_menu *************/
#responsive_menu {
	display:none;
	text-align:center;
	background-color:#f6472a;
}
#responsive_menu > ul{
	line-height:50px;
	margin:0px;
	padding:0px;
	font-size:26px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
#responsive_menu > ul > li {
	list-style-type:none;
	position:relative;
	width:100%;
	border-bottom:1px solid #fc7f6b;
}
#responsive_menu > ul > li > ul{
	width: 100%;
	background-color: #035203;
	border-top:1px solid #fc7f6b;
}
#responsive_menu > ul > li:hover > ul{
	display:block;
	z-index:100;
}
#responsive_menu > ul > li > ul > li {
	list-style-type:none;
}
#responsive_menu a {
	text-decoration:none;
	width:100%;
	display:block;
	padding:6px 0px;
	color:#FFF;
	-webkit-transition: all 500ms; /* For Safari 3.1 to 6.0 */
    transition: all 500ms;
}
#responsive_menu a:hover {
	background-color:#38761d;
}
#responsive_menu .active {
	background-color:#38761d;
}
#responsive_menu #drop1 {
	display:none;
}
#responsive_menu #drop2 {
	display:none;
}
/*****************************************/

/************** Slider CSS **************/
#slider {
	margin-top:20px;
}
#slider .text {
	font-size:60px;
	font-family:Verdana, Geneva, sans-serif;
	padding:100px 0px 0px 550px;
	color: rgba(0, 0, 0, 0.5);
}
/****************************************/

/************** Main_Content CSS **************/
.left_content {
	float:left;
	min-height:100px;
	background-color:#FFF;
	width:68%;
	margin-top:20px;
}
.right_content {
	float:right;
	width:30%;
	margin-top:20px;
	min-height:100px;
	background-color:#FFF;
}
.full_content {
	float:left;
	min-height:100px;
	background-color:#FFF;
	width:100%;
	margin-top:20px;
}
#main_content h1 {
	font-family:content_font,"Bebas Neue",Arial, Helvetica, sans-serif;
	background-color:#f6472a;
	color:#FFF;
	letter-spacing:0.05em;
	padding-left:10px;
	text-rendering: geometricPrecision;
	padding-top:5px;
	padding-bottom:5px;
}
#main_content h2 {
	color:#7f441c;
	padding-bottom:5px;
}
#main_content h3 {	
	color:#92532a;
	padding-bottom:5px;
}
#main_content .text {
	width: auto;
	padding: 20px;
	font-size:14px;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	color:#555;
	line-height: 17px;
}
#main_content .home_gallary {
	float:left; 
	margin-right:3%; 
	margin-bottom:10px; 
	margin-top:10px;
	transition: all 500ms;
}
#main_content .home_gallary:hover {
	box-shadow: 0px -2px 10px #777;
}
#main_content .top_left {
	width:45%; float:left; text-align:left; font-weight:bold; font-size:20px; color:#555;
}
h3.hd3 {
	font-size: 36px;
	line-height: 26px;
}
#main_content .top_right {
	width:45%; float:right; text-align:center; font-size:20px; color:#222;
}
#main_content .bottom_left {
	width:45%; float:left;
}
#main_content .bottom_right {
	width:45%; float:right; text-align:center; font-size:20px; color:#666;
}
#video {
	width:50%;
	height:240px;
	float:left; 
	padding-right:20px; 
	padding-bottom:20px;
}
/**********************************************/

/************** Footer CSS **************/
#footer {
	height:60px;
	background-color:#f6472a;
	margin-top:20px;
}
#footer .left_footer {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color: rgba(255, 255, 255, 0.8);
	padding: 22px 0 0 22px;
}
#footer .right_footer {
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	color: rgba(255, 255, 255, 0.8);
	padding: 22px 22px 0 0;
}
#footer .right_footer a{
	color: rgba(255, 255, 255, 0.7);
	text-decoration:none;
	transition: all 300ms;
}
#footer .right_footer a:hover{
	color: rgba(255, 255, 255, 1);
}
/****************************************/

/************* Responsive CSS ****************/
@media all and (max-width: 820px) and (min-width: 540px) {
	#header #logo {
		float:none;
		width: 100%;
		background-color: #000;
		text-align: center;
	}
	#header #header_title {
		width:100%;
		margin-top:20px;
		color:#000;
		float:right;
		font-size:66px;
		font-family:content_font,"Bebas Neue",Arial, Helvetica, sans-serif;
		padding:0px;
		text-align:center;
	}
	#main_content .top_left {
		width:auto; float:none; text-align:center; font-weight:bold; font-size:20px; color:#555;
	}
	#main_content .top_right {
		width:auto; float:none; text-align:center; font-size:20px; color:#222;
	}
	#main_content .bottom_left {
		width:auto; float:none;
	}
	#main_content .bottom_right {
		width:auto; float:none; text-align:center; font-size:20px; color:#666;
	}
}
@media all and (max-width: 539px) and (min-width: 200px) {
	#header #logo {
		float:none;
		width: 100%;
		background-color: #000;
		text-align: center;
	}
	#header #header_title {
		width:100%;
		margin-top:20px;
		color:#000;
		float:right;
		font-size:2em;
		font-family:content_font,"Bebas Neue",Arial, Helvetica, sans-serif;
		padding:0px;
		text-align:center;
	}
	#main_content .top_left {
		width:auto; float:none; text-align:center; font-weight:bold; font-size:12px; color:#555;
	}
	#main_content .top_right {
		width:auto; float:none; text-align:center; font-size:20px; color:#222;
	}
	#main_content .bottom_left {
		width:auto; float:none;
	}
	#main_content .bottom_right {
		width:auto; float:none; text-align:center; font-size:20px; color:#666;
	}
	h3.hd3 {
		font-size: 26px;
		line-height: 26px;
	}
	h4 {
		font-size:18px;
	}
}
@media all and (max-width: 700px) and (min-width: 200px) {
	.left_content {
		float:left;
		min-height:100px;
		background-color:#FFF;
		width:100%;
		margin-top:20px;
	}
	.right_content {
		float:left;
		width:100%;
		margin-top:20px;
		min-height:100px;
		background-color:#FFF;
	}
	#footer {
		height:auto;
		background-color:#f6472a;
		margin-top:20px;
	}
	#footer .left_footer {
		float:none;
		width:100%;
		text-align:center;
		font-family:Arial, Helvetica, sans-serif;
		color: rgba(255, 255, 255, 0.8);
		padding: 15px 0;
	}
	#footer .right_footer {
		float:none;
		width:100%;
		text-align:center;
		font-family:Arial, Helvetica, sans-serif;
		color: rgba(255, 255, 255, 0.8);
		padding: 0 0 15px 0;
	}
	#main_content h1 {
		font-family:Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		letter-spacing:normal;
		padding-top:5px;
		padding-bottom:5px;
		font-size:28px;
	}
	#menu {
		display:none;
	}
	#responsive_menu {
		display:block;
	}
	#video {
		width:100%;
	}
}
@media all and (max-width: 2500px) and (min-width: 1500px) {
	#video {
		height:340px;
	}
}
/*********************************************/
/************** Image Gallary ****************/
#content {
  display: block;
  width: 100%;
  background: #fff;
  padding: 25px 20px;
  padding-bottom: 35px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
}

#thumbnails { display: block; margin-bottom: 10px; }
#thumbnails ul li { float: left;margin-right: 10px; margin-bottom: 10px; width: 75px; }
/** reset lightbox position **/
#lightbox-container-image-data-box {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/** clearfix **/
#thumbnails .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
#thumbnails .clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
#thumbnails ol, ul { list-style: none; }
#thumbnails img { border: 0; max-width: 100%; }
/**********************************************/