/******* header ***********/
.navbar-inverse {
    background: linear-gradient(45deg, rgba(19, 179, 46) 0%,hsl(133, 89%, 41%,0.28) 100%,rgba(19, 13, 21, 0.21) 100%);
    min-height: 75px;
    border-color: transparent;
    border-radius: 0;
    margin: 0;
    box-shadow: 0px 0px 11px #3e3e3e;
    z-index: 1;
}

.logo {
	display: block;
	height: auto;
	padding: 10px 0px;
	float: left;
}

.logo img {
	float: left;
}

.navbar-nav {
	float: right;
}

.collapse ul li a {
    font-family: Calibri;
    font-size: 14px;
    color: #3b419a !important;
    padding: 20px 15px;
    font-family: initial;
    font-weight: bold;
    font-size:initial;
    
}

.navbar-inverse .navbar-nav>.open>a {
	background-color: transparent !important;
}

.collapse ul li a.bg {
    background: url('../images/line.png') no-repeat;
    background-position: right center;
    background-color: none !important;
    font-family: initial;
    font-weight: bold;
    
}

.collapse ul li a.active {
    color: #3b419a !important;
    font-family: initial;
    font-weight: bold;
}

.collapse ul li a:hover {
	color: #fff !important;
	text-decoration: none;
}

.collapse ul li a span {
	font-size: 12px;
	color: #787878;
	padding: 0 15px;
}

.collapse ul li a.fb {
	padding: 28px 10px;
	background: none;
}

.collapse ul li a.button {
	padding: 4px 21px;
	border-radius: 0;
	background-color: #323232;
	border: 1px solid #202020;
	font-weight: bold;
	text-transform: uppercase;
}

.navbar-inverse .navbar-nav>li>a.button:hover, .navbar-inverse .navbar-nav>li>a.button:focus {
	background-color: #202020 !important; 
}

.collapse ul li a.dropdown-toggle:hover, .collapse ul li a.dropdown-toggle:focus {
	background-color: transparent !important;
	color: #fff ;
}

.nav>li {
	position: inherit !important;
}

.fullwidth {
	left: 8%;
padding: 10px 30px;
background-color: #3e3e3e;
width: 83%;
border-top: none;
box-shadow: 0px 0px 11px #3e3e3e;
}

.fullwidth h3 {
	color: #d4d4d4;
	font-family: Arial;
}

.fullwidth ul {
	padding-left: 30px;
	font-family: Calibri;
}

.fullwidth ul li {
	color: #d4d4d4;
}

.fullwidth ul p a {
	padding: 0;
}

.fullwidth ul li a {
	font-size: 14px;
	text-decoration: none;

	padding: 0; 
}

.fullwidthul p {
	margin: 10px 0;
}

/******* end header ***********/

/********* banner *************/
.nivo-caption {
	bottom: 20% !important;
	left:60% !important;
}

.nivo-caption h1 {
	font-size: 25px;
	font-family: Arial;
	color: #fff;
	margin-bottom: 0;
}

.nivo-caption h3 {
	font-family: Calibri;
	color: #fff;
	text-shadow:1px 0px 0px #000;
	margin-top: 0px;
}

/********* end of banner *************/

/********* content *************/

.content {
	display: block;
	position: absolute;
	bottom: 10% !important;
	z-index: 10;
	width: 67% !important;
	margin: 0 17% !important;
	background-color: #007a1d;
	padding: 15px;
	opacity: 0.8;
	text-align: left;
}

.content a {
	margin: 0 3% !important;
}

.content .col-md-2 {
	float: left;
}

.content h3 {
	margin-top: 5px !important;
	font-family: Arial;
	color: #fff;
}

.content p {
	font-family: Calibri;
	font-size: 14px;
	color: #fff;
	line-height: 18px;
}

.content img {
	padding-left: 10px;
	width: 100%;
}

.content .col-md-10 {
	padding-left: 0px;
	z-index: 99;
	display: block;
}

.content .read-more {
	font-family: Calibri;
	font-size: 12px;
	border-radius: 0;
	border: 1px solid #00310c;
	background-color: #004a12;
	color: #fff;
}

.content .read-more:hover {
	background-color: #474747;
}

.intro {
	background: url('../images/bg-strip.jpg') #3f3d3a;
}

    .intro h2 {
        font-family: Arial;
        text-align: center;
        color: #1a1a8a;
        font-size: 25px;
        font-weight: bold
    }


.intro h3 {
	margin:0;
	font-family: arial;
	text-align: center;
	color: #ffffff;
	padding: 10px 100px;
	font-size:12px;

}

/********* end of content *************/

/********* footer *************/

.footer1 {
	background-color: #f3f3f3;
}

.footer1 h3 {
	font-family: Arial;
	color: #2f2c23;
}
a{
	text-decoration: none;
}

.footer1 ul {
	padding-left: 30px;
	font-family: Arial;
}

.footer1 ul li a {
	font-size: 14px;
	text-decoration: none;
	color: #2f2c23;
}

.footer1 ul p {
	margin: 10px 0;
}

.footer1 ul p a{
	font-size: 12px;
	color: #2f2c23;
	font-weight: bold;
	
}

.footer2 {
	text-align: center;
	padding-bottom: 10px;
}

.footer2 h3 {
	padding-bottom: 10px;
}

.footer2 h3 a {
	text-decoration: none;
	color: #2f2c23;
}

.footer2 h3 a:hover {
	color: #6D6B68;
	text-decoration: none;
}

.footer2 p {
	font-family: Arial;
	font-size: 14px;
	color: #2f2c23;
	margin: 0;
	line-height:18px;
}



.footer3 {
	border-top:#ddd 1px solid;
	text-align: center;
	padding-bottom: 10px;
	background:#eeeeee;
}

.footer3 h3 {
	padding-bottom: 10px;
}

.footer3 h3 a {
	text-decoration: none;
	color: #2f2c23;
	text-decoration: none;
}

.footer3 h3 a:hover {
	color: #6D6B68;
	text-decoration: none;
}

.footer3 p {
	font-family: Arial;
	font-size: 14px;
	color: #2f2c23;
	margin: 0;
	line-height:18px;
}



/********* end of footer *************/


/********* About us *************/

.footer2 ul {
	margin-top: 20px;
}

.footer2 ul li {
	list-style-type: none;
	display: inline-block;
	padding: 0 7px;
}

.footer2 ul li img {
	border: 2px solid #EEE8E8;
}


.inq img {
	width: 100%;
}

.about-banner {
	background-color: #f3f3f3;
}

    .about-banner h2 {
        color: #3e4095;
        font-family: Arial;
        padding: 43px 0px;
        margin-top: 10px;
    }

.crumb {
	border-bottom: 1px solid #f3f3f3;
}

.bread {
	background-color: #fff;
	margin-bottom: 0;
	padding: 10px;
	
}

ol.bread li a {
	font-family: Calibri;
	font-size: 14px;
	color: #3e3e3e;
	text-decoration: none;
}

ol.bread li a.active {
	color: #3e4095;
}

.breadcrumb>li+li:before {
padding: 0 5px;
color: #dcdcdc;
content: "" !important;
background: url(../images/bread.png) no-repeat;
background-position: center;
margin-right: 5px;
}

.about-content {
	padding: 20px 0;
}

.about-content .col-md-2, .about-content .col-md-10 {
	padding: 0;
	padding-left: 32px;
}

.about-content .col-md-10 {
	padding: 0;
}

.col-md-10 p {
	padding: 0 2px 0 20px;
}



.about-content p {
	color: #3e3e3e;
	font-family: Arial;
	font-size: 14px;
	text-align: justify;
	padding: 15px 6px 0px 30px;
}

.about-content .inq {
	font-family: Calibri;
	border: 1px solid #f3f3f3;
	box-shadow: 0px 1px 5px #ccc;
	padding: 0;
	margin-right: 5%;
}

.inq h3 {
	font-family: Arial;
	text-align: center;
	color: #3e3e3e;
	border-bottom: 1px solid #f3f3f3;
	margin: 0;
	padding: 20px 0px;
}

.inq .form_in {
	border-radius: 0;
}

form {
	padding: 15px;
}

.inq .submit {
    background-color: #0B4E16;
    border-radius: 0;
    font-family: Calibri;
    color: #fff;
    padding: 7px 23px;
    font-weight: bold;
    margin: 0 33%;
    border: 2px solid #0B4E16;
}

.inq .submit:hover {
	background-color: #0B4E16;
}

.about-content h5 {
	padding: 0px 30px 0px 38px;
	font-family: Arial;
	font-weight: bold;

}

.error-outline {
 border:1px solid maroon;
}

/****** end of about us *********/

/****** Product *********/

.inq ul {
	padding: 10px 20px;
}

.inq ul li {
	list-style-type: none;
	padding: 10px 0px;
	
}

.about-content .product-img {
	margin-left: 35px;
	/*width: 92%;*/
	margin-bottom: 20px;
	box-shadow: 0px 0px 5px #837575;
}

h3.title {
	font-family: Arial;
	color: #3e4095;
	padding: 0px 30px 10px 36px;
	margin-top: 5px;
}

h3.pro-title {
	font-family: Arial;
	color: #3e4095;
	border-bottom: 1px solid #f3f3f3;
	padding: 0px 30px 15px 36px;
}

.product ul {
	padding-left : 55px; 
}

.product ul li a {
	font-family: arial;
	font-size: 14px;
	color: #3e3e3e;
}

ul.detail {
	border-bottom: 1px solid #f3f3f3;
	padding-bottom: 20px;
}

ul.detail li, ul.pay li {
	font-family: Calibri;
	font-size: 14px;
	list-style-type:none;
}

ul.detail li b, ul.pay li b {
	font-size: 16px;
}

ul.detail li span, ul.pay li span {
	padding-left: 5px;
} .mgntop {
    margin-top: 35px;
}
 


/****** end of Product *********/




/******* Media Queries ********/

@media only screen and (min-width: 900px) and (max-width: 1409px) {
	.content {
		bottom: 4%;
	}

	.content a {
		margin: 0 4%;
	}


	.fullwidth {
		top: 90%;
	}



}


@media only screen and (max-width: 768px) {
	.nivo-caption {
		display: none !important;
	}


	.fullwidth {
		top: 90%;
	}

	
}

@media (min-width: 1024px) {

	.inq {
		float: right !important;
	}


	.fullwidth {
		top: 90%;
	}
}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
	body {
		overflow-x : hidden; 
	}

	.content {
		bottom: 4%;
	}

	.content a {
		margin: 0 4%;
	}


	.fullwidth {
		top:0%;
	}


	.collapse {
		padding: 0;
	}

	.logo {
		float: left;
		padding: 10px 0px;
		width: 10%;
	}

	.inq {
		float: none;
		margin-left: 30px;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.about-content {
		padding: 0 20px;
	} 

	.col-md-10 p {
		padding: 15px 2px 0 28px;
	}


}


@media only screen and (min-width: 800px) {
	.content {
		bottom: 3%;
		width: 85%;
		margin: 0 8%;
	}

	.collapse {
		padding: 0;
	}


	.fullwidth {
		top:0%;
	}

	.inq {
		float: right;
	}



	.logo {
		float: left;
		padding: 23px 0px;
	}

	.content a {
		margin: 0 5%;
	}

	.nivo-caption {
		left: 10% !important;
	}

	.nivo-directionNav {
		display: none;
	}

	.navbar-header {
		float: right !important;
	}
}

@media only screen and (min-width: 1280px) {
	.nivo-directionNav {
		display:block;
	}

	.nivo-caption {
		display: block;
	}


}

@media only screen and (min-width: 980px) {
	.nivo-directionNav {
		display:block;
	}


	.fullwidth {
		top:0%;
	}

	.nivo-caption {
		display: block;
	}

	.about-content .inq  {
		margin-bottom: 30px;
	}


}

@media only screen and (max-width: 600px) {
	
	.nivo-directionNav {
		display:none;
	}

	.navbar-header {
		float: right !important;
	}

	.logo {
		float: left;
		
	}

	.nivo-caption {
		display: none;
	}

	.content {
		bottom: 3%;
		top: 5%;
		width: 85%;
		margin: 0 8%;
	}

	.content a {
		margin: 0 5%;
	}

	.about-content .inq  {
		margin-right: 8%;
	}
}


@media only screen and (min-width: 360px) {
	.navbar-header {
		float: right !important;
	}

	.navbar-toggle {
		margin: 20px;
	}

	.logo {
		float: left;
		padding: 10px 0px;
	}

	.content {
		display: none;
	}

	.intro h3 {
		padding: 5px;
	}

	.about-content .product-img {
	margin: 0 auto;
	}

	h3.title {
		margin-top: 20px;
	}

	ul.pay {
		padding-right: 20px;
	}

	.about-content .inq  {
		margin-right: 8%;
	} 



}

@media only screen and (min-width: 360px) and (max-width: 640px) {
	
		ul.navbar-nav {
		float: left;
		padding: 0 30px;
	}

	.collapse ul li a.bg{
		background: none;
	}

	.collapse ul li a {
		padding: 5px 15px;

	}	

	.collapse ul li a.fb {
		padding: 5px 20px;
	}

	.col-md-10 p {
		padding: 0 22px 0 22px;
	}

	.about-content .product-img {
	margin: 0 auto;
	}

	h3.title {
		margin-top: 20px;
	}

	ul.pay {
		padding-right: 20px;
	}


	.fullwidth {
		top:55%;
	}

	

}

@media only screen and (min-width: 640px) {

	.logo {
		float: left;
		padding: 32px 15px;
	}

	.navbar-header {
		float: right !important;
	}

	.content {
		display: block;
		bottom: 2%;

	}

	.content a {
		margin: 0 5%;
	}

	.col-md-10 p {
		padding: 0 22px 0 22px ;
	}

	.about-content .product-img {
	margin: 0 auto;
	}

	h3.title {
		margin-top: 20px;
	}

	ul.pay {
		padding-right: 20px;
	} 

	.about-content .inq  {
		margin-right: 3%;
	}


	.fullwidth {
		top:55%;
	}




	

	
}

@media (min-width: 1360px) {
	.fullwidth {
		top: 90%
	}
	}

@media (min-width: 320px) {

	.content {
		display: none;
	}

	.intro h3 {
		padding: 0;
		margin-bottom: 20px;
        font-size: 14px;
	}

	body {
		overflow-x: hidden; 
	}

	.navbar-header {
		margin: 10px;
	}

	.col-md-10 p {
		padding: 0px 30px 0 38px;
	}

	.about-content p {
		padding: 10px 30px 5px 38px;
      
	}

    .brand-Hdr {
		padding: 0px 30px 0px 38px;
      
	}

	.inq {
		float: none;
		margin: 0px 0px 0 30px;
	}

	.about-content .product-img {
	margin: 0 auto;
	}

	h3.title {
		margin-top: 20px;
	}

	ul.pay {
		padding-right: 20px;
	}



	
	
}

@media (max-width: 320px) {
	.content {
		display: none;
	}


	.fullwidth {
		top:55%;
	}

	.logo {
		float: left;
		padding: 10px 0px;
		width: 50%;
	}

	.intro h3 {
		padding: 0px;
	}

	.navbar-toggle {
		margin: 20px;
	}
	.navbar-nav {
		float: left;
	}

	.col-md-10 p {
		padding: 0 22px 0 22px;
	}

	.about-content .product-img {
	margin: 0 auto;
	}

	h3.title {
		margin-top: 20px;
	}

	ul.pay {
		padding-right: 20px;
	} 

	.about-content .inq  {
		margin-right: 8%;
	}

	
	.fullwidth {
		top:60%;
	}
	.collapse ul li a {
		 padding: 5px 10px 5px 16px;
	}

	.navbar-collapse {
		padding-left: 0px;
    	padding-right: 0px;
	}

	.collapse ul li a.fb {
		 padding: 5px 35px;
	}

	.collapse ul li a.bg {
		background:none;
	}

}

.error-label {
	color:maroon!important;	
}