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

@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

.glyphicon {
    font-family: inherit;
}
.glyphicon:before{
    font-family:'Glyphicons Halflings';
}

@fa-font-path:   "../font";

body
{
	margin:0px;
	padding:0px;
	background:url(../images/body-bg.gif);
	line-height:1.5 !important;
}

h1,h2,h3,h4,h5,h6,p,a,input,select,textarea,button,ul,li,label
{
	font-family: 'Poppins', sans-serif !important;
}
.scrollup {
	padding:10px 12px 10px 15px;
	position:fixed;
	bottom:10px;
	right:10px;
	background:#FFF;
	z-index:9999;
	color:#709d0f;
	font-size:18px;
	text-align:center;
	font-weight:normal;
	border-radius:7px;
	z-index:99999999;
	box-shadow:0px 2px 5px rgba(0,0,0,0.2);
}

.scrollup a i
{
	float:left;
	display:block;
	width:auto;
	color:#fff;
	font-size:16px;
	font-weight:900;
}
.scrollup:hover {
	background:#282828;
	color:#fff;
	transition:all 400ms ease-in;
}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#848484;
}
::-moz-placeholder { /* Firefox 19+ */
  color:#848484;
}
:-ms-input-placeholder { /* IE 10+ */
  color:#848484;
}
:-moz-placeholder { /* Firefox 18- */
  color:#848484;
}

/* width */
::-webkit-scrollbar {
    width: 4px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #FFF; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #709d0f; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #709d0f;
}


.zeropadding
{
	padding:0px 0px 0px 0px !important;
}

.overflow
{
	overflow:hidden !important;
}

.margin-bottom
{
	float:left;
	width:100%;
	height:auto;
	margin-bottom:30px;
}

.font-size-14
{
	font-size:14px;
}

.font-size-16
{
	font-size:16px;
}

.font-size-18
{
	font-size:18px;
}

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

.font-size-30
{
	font-size:30px;
}

.font-size-35
{
	font-size:35px;
}

.font-size-40
{
	font-size:40px;
}

.font-size-60
{
	font-size:60px;
}

.font-weight-100
{
	font-weight:100;
}
.font-weight-200
{
	font-weight:200;
}
.font-weight-300
{
	font-weight:300;
}
.font-weight-400
{
	font-weight:400;
}

.font-weight-600
{
	font-weight:600;
}

.font-weight-700
{
	font-weight:700;
}

.font-weight-800
{
	font-weight:800;
}

.font-weight-900
{
	font-weight:900;
}

.mb-10
{
	margin:0px 0px 10px 0px;
}

.mb-20
{
	margin:0px 0px 20px 0px;
}

.mb-30
{
	margin:0px 0px 30px 0px;
}


.mb-40
{
	margin:0px 0px 40px 0px;
}

.mb-60
{
	margin:0px 0px 60px 0px;
}

.padding-5
{
	padding:5px;
}

.padding-10
{
	padding:10px;
}

.padding-20
{
	padding:20px;
}

.padding-equal-10
{
	padding:0px 10px;
}

.padding-equal-20
{
	padding:0px 20px;
}

.text-align-center
{
	text-align:center;
}
.text-align-justify
{
	text-align:justify;
}

.text-right
{
	text-align:right !important;
}

.txt-transform
{
	text-transform:uppercase;
	width:100%;
}

.gray-color
{
	color:#565656;
}

.white-color
{
	color:#FFF;
}


.white-gr-bg
{
	float:left;
	width:100%;
	height:auto;
	background:#ffffff;
	box-shadow:0px 0px 5px rgba(0,0,0,0.1);
}

.border-radius-bottom
{
	-webkit-border-bottom-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-bottomright: 7px;
-moz-border-radius-bottomleft: 7px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
}

.border-radius-top
{
	-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
}

i
{
	display:block;
	padding:0px 5px 0px 0px;
	color:#709d0f;
}

@media only screen and (max-width:1024px) {

.clear-right
{
	margin-left:0px !important;
	float:left !important;
}


}


.header-wrapper
{
	float:left;
	width:100%;
	height:auto;
	padding-bottom:30px;
	background:url(../images/service-bg.png) repeat-x top;
}

.logo
{
	display:block;
	margin:20px 0px 0px 0px;
}

.logo img
{
	width:215px;
}

audio {
    width: 100%;
    height: 28px !important;
	border-radius:0px !important;
	background:none !important;
}
audio controls
{
	border-radius:0px !important;
	background:#fff !important;
}

.menu-wrapper
{
	float:left;
	width:100%;
	height:auto;
	background:url(../images/bg-glow-green.png) center;
	border-bottom:1px solid #79a30c;
	-webkit-box-shadow: inset 0px -4px 35px -12px rgba(0,0,0,0.6);
-moz-box-shadow: inset 0px -4px 35px -12px rgba(0,0,0,0.6);
box-shadow: inset 0px -4px 35px -12px rgba(0,0,0,0.6);
}

.menu
{
	float:left;
	width:100%;
	height:auto;
}

.menu ul
{
	float:left;
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
}

.menu ul li
{
	float: left;
	width:10%;
	margin:0 auto;
	padding:0px;
	display:block;
}

.menu ul li a
{
	float: left;
	width:100%;
	color: #FFF;
	padding:20px 0px;
	text-align: center;
	text-decoration: none;
	font-size: 13px;
	font-weight:600;
}

.menu ul li a:hover, .menu ul li a.active
{
	color: #f2f2f2;
	-webkit-box-shadow: inset 0px -2 35px -12px rgba(0,0,0,0.6);
-moz-box-shadow: inset 0px -2px 35px -12px rgba(0,0,0,0.6);
box-shadow: inset 0px -2px 35px -12px rgba(0,0,0,0.6);
}

.menu-toggle
{
	display:none;
}
@media only screen and (max-width:1024px) {
.mb-t-40
{
	margin:40px 0px 0px 0px;
}
.menu
{
	float:left;
	width:100%;
	height:auto;
	display:none;
}

.menu-toggle{
	float:left;
	width:100%;
	height:auto;
	text-align:center;
	color:#FFF;
	cursor:pointer;
	display:block;
	clear:both;
	padding:10px 0px;
}
.menu
{
	float:left;
	width:100%;
	height:auto;
}

.menu ul
{
	float:left;
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
}

.menu ul li
{
	float: left;
	width:100%;
	margin:0px;
	padding:0px;
	display:block;
}

.menu ul li a
{
	float: left;
	width:100%;
	color: #FFF;
	padding:15px 0px;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
}

.menu ul li a:hover, .menu ul li a.active
{
	color: #f2f2f2;
	-webkit-box-shadow: inset 0px -2 35px -12px rgba(0,0,0,0.6);
-moz-box-shadow: inset 0px -2px 35px -12px rgba(0,0,0,0.6);
box-shadow: inset 0px -2px 35px -12px rgba(0,0,0,0.6);
}
	
}

.banner-wrapper
{
	float:left;
	width:100%;
	height:auto;
	padding:30px 0px;
	background:url(../images/banner-bg.png) top no-repeat;
	background-size:100%;
}

.text-banner
{
	float:left;
	width:100%;
	height:auto;
}


.banner
{
	float:left;
	width:100%;
	height:auto;
	border-radius:5px;
	border:10px solid #FFF;
}

.banner img
{
	width:100%;
}

.services-wrapper
{
	float:left;
	width:100%;
	height:auto;
	padding:30px 0px 60px 0px;
	background:url(../images/service-bg.png) top center;
}

.services-box
{
	padding:0px 10px;
}

.services
{
	float:left;
	width:100%;
	height:auto;
	padding:25px;
	margin:0px 0px 60px 0px;
	background:#FFF;
	border-radius:5px;
	box-shadow:0px 0px 7px rgba(0,0,0,0.2);
}

.services h3
{
	float:left;
	width:100%;
	height:auto;
	margin:0px 0px 20px 0px;
	padding:0px;
	font-size:18px;
	font-weight:700;
}

.services img
{
	width:100%;
	border:4px solid #e6e6e6;
}

.services p
{
	float:left;
	width:100%;
	height:auto;
	margin:0px;
	padding:20px 0px;
	font-size:14px;
	line-height:1.6em;
	text-align:justify;
}

.services a
{
	float:left;
	padding:10px 25px;
	text-align:center;
	color:#FFF !important;
	border-radius:5px;
	font-size:13px;
	text-decoration:none !important;
	background:url(../images/bg-glow-green.png);
}

@media only screen and (max-width:1024px) {
.services-box
{
	padding:0px 0px;
}

.services
{
	float:left;
	width:100%;
	height:auto;
	padding:20px;
	background:#FFF;
	border-radius:5px;
	box-shadow:0px 0px 7px rgba(0,0,0,0.2);
}	
}

.live-wrapper
{
	float:left;
	width:100%;
	height:auto;
	background:url(../images/live-bg.jpg) no-repeat bottom;
	background-size:cover;
}

.live-content
{
	float:left;
	width:100%;
	height:auto;
	padding:200px 0px;
	background:rgba(0,0,0,0.5);
}

.web-btn
{
	padding:10px 25px;
	text-align:center;
	color:#FFF !important;
	border-radius:5px;
	font-size:13px;
	text-decoration:none !important;
	background:url(../images/bg-glow-green.png) center;
}


.footer-wrapper
{
	float:left;
	width:100%;
	height:auto;
	padding:100px 0px;
}

.footer
{
	float:left;
	width:100%;
	height:auto;
}

.footer a
{
	width:100%;
	display:block;
	color:#565656;
}


.root-menu
{
	float:left;
	width:100%;
	height:auto;
	padding:50px 0px;
	background:url(../images/bg-glow-green.png) center;
}

.content-container
{
	float:left;
	width:100%;
	height:auto;
	padding:50px 0px;
	background:#FFF;
	border-bottom:1px solid rgba(0,0,0,0.2);
}

.contact-form
{
	float:left;
	width:100%;
	height:auto;
}

.field {
	float:left;
	width:100%;
	height:auto;
	display:block;
	margin-bottom:20px;
}


.field label {
	float:left;
	width:100%;
	height:auto;
	display:block;
	margin:0px 0px 5px 0px;
	padding:0px;
	font-size:14px;
}

.field h5 {
	float:left;
	width:100%;
	height:auto;
	display:block;
	margin:10px 0px 5px 0px;
	padding:0px;
	font-size:16px;
	font-weight:700;
	text-align:left;
}

.field input {
	background:#FFF;
	border:2px solid #f5f5f5;
	width:100%;
	text-align:left;
	padding:10px;
	font-weight:400;
	color:#2c2a2b;
	border-radius:7px;
	margin-bottom:2px;
}
.field textarea {
	background:#FFF;
	border:2px solid #f5f5f5;
	width:100%;
	text-align:left;
	padding:10px;
	font-weight:400;
	color:#2c2a2b;
	border-radius:7px;
	margin-bottom:2px;
}

.field i
{
	text-align:center;
	float:left;
	width:100%;
	height:auto;
	display:block;
	font-size:20px;
	background:#fcd90e;
	padding:10px;
	cursor:pointer;
}

.field select {
	background:#FFF;
	border:2px solid #f5f5f5;
	width:100%;
	text-align:left;
	padding:10px;
	font-weight:400;
	color:#2c2a2b;
	margin-bottom:2px;
}

.field img
{
	display:block;
	width:50px;
	margin:0 auto;
	margin-bottom:10px;
}


.field button
{
    float:left;
	width:100%;
	height:auto;
	color:#FFF;
	text-decoration:none;
	padding:10px 15px;
	background:url(../images/bg-glow-green.png) center;
	font-weight:600;
	margin:0px 15px 0px 0px;
	border:none;
	border-radius:7px;
}

.field button:hover
{
	color:#FFF;
	background:#0097ca;
	transition:all ease-in .2s;
}
#form-messages
{
	float:left !important;
	width:100% !important;
	height:auto !important;
	text-align:center !important;
	font-size:18px !important;
	font-weight:200px !important;
	color:#fff!important;
	margin-bottom:30px;
	background:#0C3 !important;
}


.thumbnail, .thumbnail img, .img-responsive img
{
	float:left !important;
	width:100% !important;
	height:auto !important;
	width:100% !important;
}

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 100%;
  display: none; /* Hide all elements by default */
}

/* Clear floats after rows */ 
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Content */
.content {
  background-color: white;

}

/* The "show" class is added to the filtered elements */
.show {
  display: block;
}

/* Style the buttons */
.btn {
  border: none;
  outline: none;
  padding: 12px 16px;
  background-color: white;
  cursor: pointer;
}

.btn:hover {
  background-color: #ddd;
}

.btn.active {
  background-color: #666;
  color: white;
}

.tamil-wrapper
{
	float: left;
	width: 100%;
	height:auto;
	padding:100px 0px;
	background:#FFF url(../images/service-bg-2.png) center;
}

.tamil-wrapper h5
{
	line-height:34px;
	font-weight:900;
	letter-spacing:1px;
}
iframe {
    width: 100%;
    height: -webkit-fill-available; 
}
#gallery_box .item.active >div {
    background-image: url(images/loading.gif);
	background-size: 75px;
    background-repeat: no-repeat;
    background-position: center;

}

.nd-video-wrapper iframe {
    width: 100%;
    height: auto;
}
span.current {
    background: #5e8d00;
    padding: 10px;
    color: #fff;
    margin: 10px;
    border: 1px solid #5e8b00;
}
a.inactive {
    background: #ccc;
    padding: 10px;
    margin: 10px;
    color: #5e8b00;
    border: 1px solid #5e8b00;
}
.pagination.animated.undefined {
    margin: 30px auto;
    text-align: center;
    float: right;
}

@media (max-width:500px){
	.text-align-justify{
		text-align:left;
	}
}