body {
margin: 0px;
padding: 0px;
    font-family: 'Open Sans',Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height:20px;
/*    overflow-x: hidden;*/
color: #666666;
    background-image: url(../images/outer.jpg);
    background-repeat: repeat;
}

	/*========== DEFAULT BROWSER STYLE==========*/
	/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
	article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video,main{display:block}mark,rp,rt,ruby,summary,time{display:inline}
	a, abbr, acronym, address, applet, article, aside, audio,b, blockquote, big, body,center, canvas, caption, cite, code, command,datalist, dd, del, details, dfn, dl, div, dt, em, embed,fieldset, figcaption, figure, font, footer, form, header, hgroup, html,i, iframe, img, ins,kbd, keygen, legend, li, meter,nav,object, ol, output, pre, progress,q, s, samp, section, small,source, strike, strong, sub, sup,table, tbody, tfoot, thead, th, tr, tdvideo, tt,u, ul, var{
	    /*background: transparent;*/
	    border: 0 none;
	    margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
	    vertical-align: top;
	}
	/*ul,ol
	{
		list-style: none;
	}*/
	ol,ul {
  padding-left: 30px;
}
	q 
	{
		quotes: none;
	}
	b
	{
		font-weight: bold;

	}

	img{
		vertical-align:top; 
	}

	input:focus, textarea:focus, keygen:focus, select:focus {
		outline-offset:0px;
	}

	input,button{
		outline: none;
		border:0;
	}

	button::-moz-focus-inner{
		border:0;
	}
	html,body{
		height:100%;
	}
	hr {
    border-color: #E8E8E8;
    border: 1px dotted #E3E1E1;
    margin-top: 50px;
    margin-bottom: 50px;
}

h1,h2,h3,h4,h5,h6{

    font-family: Verdana, Arial, Helvetica, sans-serif;

}


	/*==========END DEFAULT BROWSER STYLE========== */
	             


	/*==========       BASIC CLASSES     ==========*/

	/* ========================================= */
	/* =============SPACE CLASSES============== */
	/* ========================================= */
	.space5{
		margin-top: 5px;
	}
	.space10{
		margin-top: 10px;
	}
	.space15{
		margin-top: 15px;
	}
	.space20{
		margin-top: 20px !important;
	}
	.space25{
		margin-top: 25px;
	}
	.space30{
		margin-top: 30px;
	}
	.space40{
		margin-top: 40px;
	}
	.space50{
		margin-top: 50px;
	}
	.space60{
		margin-top: 60px;
	}
	.space70{
		margin-top: 70px;
	}
	.space80{
		margin-top: 80px;
	}
	.space100{
		margin-top: 100px;
	}


	/* ========================================= */
	/* =============PADDING CLASSES============== */
	/* ========================================= */
	.pad0{
		padding: 0px !important;
	}
	.pad-left
	{
		padding-left: 0px;
	}
	.pad-right
	{
		padding-right: 0px;
	}

	/* ========================================= */
	/* =============MARGIN CLASSES============== */
	/* ========================================= */
	.mbtm0{
		margin-bottom: 0px !important;
	}
	.mtop0{
		margin-top:0px;
	}
	.mtop10{
		margin-top:10px;
	}
	.mbtm10{
		margin-bottom:10px;
	}
	.mleft10{
		margin-left:10px;
	}
	.mright10{
		margin-right:10px;
	}
	.nomargin
	{
		margin: 0px !important;
	}
	.mauto img{
		margin: 0px auto !important;
		width: 100%  !important;
	}
	.mautomargin{
		margin: 0px auto !important;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus
	{
		background: none !important;
	}
	/*.navbar-toggle
	{
		border: none;
	}*/
	.navbar-toggle i
	{
 		font-size:18px;
 		color:#fff; 
	}
	.square
	{border-radius: 0px;}
	label
	{
		    color: #666666;
    font-weight: 600;
        font-size: 12px;
    line-height: 20px;
    padding: 0px !important;
	}
	/* ========================================= */
	/* =============COLOR CLASSES============== */
	/* ========================================= */


	.whiteclr
	{
		color: #fff !important;
	}
	.blackclr{
		color: #000 !important;
	}
	
	.capital
	{
		text-transform: uppercase;
	}

	.underline
	{
		text-decoration: underline;
	}



	
	
	/* ========================================= */
	/* =============FONT WEIGHT CLASSES============== */
	/* ========================================= */

	
	
	
	a:focus{
	text-decoration: none;
	}

	p {
	padding: 0;
	margin-bottom: 10px;

	color: #5b5b5b;
	line-height: 20px;
	font-size: 13px;


	} 
	body a:hover{
		text-decoration: none;
		cursor: pointer;
		
	}
	.navbar-collapse
	{
		max-height: none;
	}
	
	a:focus,.btn:focus,.btn:active:focus,
	button:focus,input[type="file"]:focus, 
	input[type="radio"]:focus, 
	input[type="checkbox"]:focus{
		outline: none;
	}

/*css for main section*/
.main
{
	background-color: #009F4F;
	padding-bottom: 20px;
	border:1px solid #fff;
}
.top-head,.main-section 
{
	padding: 0px 10px;
}
@media (min-width: 1200px){
.container {
    width: 1000px !important;
}
}

/*css for header*/
.navbar-default
{
background-color: #000 !important;
border:none !important;
border-radius: 0px;
    min-height: 43px !important;

}
.navbar-nav > li > a
{
	      color: #FFFFFF !important;
    font-size: 15px;
    padding: 13px 20px;
 background: url('../images/nav-divider.png') no-repeat;
 font-weight: 600;
 display: block;
}
.navbar-nav > li > a:hover
{
	text-decoration: underline;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus
{
	background:none;
}
/*css for left section*/

.left-box-centre
{
	background-color: #fff;
	box-shadow: 2px 10px 11px #036F38;
	border:2px solid #08703C;
	border-radius: 7px;
	padding: 10px 10px;
	text-align:center;
}
.left-box-centre img {
	margin:auto!important;
}
.left-box
{
	background-color: #fff;
	    box-shadow: 2px 10px 11px #036F38;
	border:2px solid #08703C;
	border-radius: 7px;
	padding: 10px 10px;
}
.left-box h4,.left-box h5
{
	    font-weight: 700;
}
.yellow-box
{
	background-color: #FC0;
		border:2px solid #08703C;
		    box-shadow: 2px 10px 11px #036F38;
		padding: 20px 30px;
			border-radius: 7px;
		color: #fff;

}
.redfont
{
	    font-size: 12px;
    line-height: 20px;
    color: #FF0000;
}
.normalfont a:hover {
    color: #FF6600 !important;
    text-decoration: none;
    font-weight: bold;
}
.normalfont a:visited {
    color: #01B0F1;
    text-decoration: underline;
    font-weight: bold;
}
.normalfont a {
    color: #00AFF2;
    font-size: 12px;
    text-decoration: underline;
    font-weight: bold;
}
.blue-h3 a
{
	color:#00E !important;
	text-decoration: underline;
}
.height
{
	height: 250px;
}
.buttonsLarge {
    font-size: 16px;
    color: #FFFFFF;
    background-color: #009F4F;
    font-weight: bold;
    border: 1px solid #FFFFFF;
}
.h-button
{
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 10px;
	padding: 9px 15px;
    background-color: #FC0;
    border: 2px solid #08703C;
    box-shadow: 2px 10px 11px #036F38;
}
.footer {
    font-size: 10px;
    color: #CCCCCC;
    padding-right: 8px;
    padding-left: 8px;
    padding-top: 4px;
        line-height: 15px;
}
footer a,footer p,footer li {
    font-size: 10px;
    color: #CCCCCC !important;
   

}
footer ul > li
{
	padding: 0px !important;
}
@media(min-width: 1024px) and (max-width: 2100px){
	img.lb-image {
    width: 300px !important;
    height: 300px !important;
}
.lb-outerContainer
{
	    width: 308px !important;
    height: 308px !important;
}
}
@media(min-width: 200px) and (max-width: 767px){

	 .navbar-nav > li > a
	 {
	 	background:none;
	 }
	
}
@media (max-width: 767px) {
    
  .container,.main-section
  {
  	padding: 0px;
  }
  .top-head .row
  {
  	margin: 0px;
  }
  .main-section.row,footer .row
  {
  	padding: 0px;
  	margin: 0px;
  }
  .main-section .col-md-7,.main-section .col-md-5
  {
  	padding-left: 5px;
  	padding-right: 5px;
  }
  .mautomargin {
	max-width:90%!important;
	height:auto;
}
/*
  .navbar-collapse.in {
        overflow-y: inherit;

}*/
 }

/* Responsive IFRAME Embed Encoding 
   Adapts fixed pixel IFRAME sizes and makes them responsive. */


/* First, define the common wrapper elements 
   Padding-top is for the fixed height header of the embedded content */

.youtubeWrapper, .vimeoWrapper, .instagramWrapper {
    position: relative;
    padding-top: 30px; height: 0; overflow: hidden;
}


/* Set the padding-bottom for 16:9 aspect ratio video from YouTube & Vimeo */ 
.youtubeWrapper, .vimeoWrapper {
    padding-bottom: 56.25%;      
}

/* Set padding-bottom for 5:6 aspect ratio Instagram content */
.instagramWrapper {
  padding-bottom: 120%;
}
    
/* For each content source, set the IFRAME to be top left and occupy 100% of width and height of the containing DIV wrapper */    
.youtubeWrapper iframe,
.youtubeWrapper object,
.youtubeWrapper embed,
.vimeoWrapper iframe,
.vimeoWrapper object,
.vimeoWrapper embed,
.instagramWrapper iframe,
.instagramWrapper object,
.instagramWrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}