/*
 * ------------------------------------------------------------------------
 * JA Elastica Template for J25 & J3x
 * ------------------------------------------------------------------------
 * Copyright (C) 2004-2011 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
 * @license - GNU/GPL, http://www.gnu.org/licenses/gpl.html
 * Author: J.O.O.M Solutions Co., Ltd
 * Websites: http://www.joomlart.com - http://www.joomlancers.com
 * ------------------------------------------------------------------------
*/


/* MAIN LAYOUT DIVS
--------------------------------------------------------- */

@font-face {
    font-family: 'RobotoMedium';
    src: url('fonts/RobotoMedium.eot');
    src: url('fonts/RobotoMedium.eot') format('embedded-opentype'),
         url('fonts/RobotoMedium.woff2') format('woff2'),
         url('fonts/RobotoMedium.woff') format('woff'),
         url('fonts/RobotoMedium.ttf') format('truetype'),
         url('fonts/RobotoMedium.svg#RobotoMedium') format('svg');
}
@font-face {
    font-family: 'RobotoLight';
    src: url('fonts/RobotoLight.eot');
    src: url('fonts/RobotoLight.eot') format('embedded-opentype'),
         url('fonts/RobotoLight.woff2') format('woff2'),
         url('fonts/RobotoLight.woff') format('woff'),
         url('fonts/RobotoLight.ttf') format('truetype'),
         url('fonts/RobotoLight.svg#RobotoLight') format('svg');
}
@font-face {
  font-family: 'Calibri-Light';
  src: url('Calibri-Light.eot?#iefix') format('embedded-opentype'),  url('Calibri-Light.woff') format('woff'), url('Calibri-Light.ttf')  format('truetype'), url('Calibri-Light.svg#Calibri-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'TimesNewRomanPS-BoldMT';
  src: url('TimesNewRomanPS-BoldMT.eot?#iefix') format('embedded-opentype'),  url('TimesNewRomanPS-BoldMT.woff') format('woff'), url('TimesNewRomanPS-BoldMT.ttf')  format('truetype'), url('TimesNewRomanPS-BoldMT.svg#TimesNewRomanPS-BoldMT') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'Swis721_Cn_BT_Bold';
    src: url('Swis721_Cn_BT_Bold.eot');
    src: url('Swis721_Cn_BT_Bold.eot') format('embedded-opentype'),
         url('Swis721_Cn_BT_Bold.woff2') format('woff2'),
         url('Swis721_Cn_BT_Bold.woff') format('woff'),
         url('Swis721_Cn_BT_Bold.ttf') format('truetype'),
         url('Swis721_Cn_BT_Bold.svg#Swis721_Cn_BT_Bold') format('svg');
}

@font-face {
  font-family: 'Swis721_Cn_BT_Roman';
  src: url('Swis721_Cn_BT_Roman.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'RobotoCondensedLight';
    src: url('RobotoCondensedLight.eot');
    src: url('RobotoCondensedLight.eot') format('embedded-opentype'),
         url('RobotoCondensedLight.woff2') format('woff2'),
         url('RobotoCondensedLight.woff') format('woff'),
         url('RobotoCondensedLight.ttf') format('truetype'),
         url('RobotoCondensedLight.svg#RobotoCondensedLight') format('svg');
}
.wrap {
  clear: both;
  width: 100%;
}

.main {
  margin: 0 auto;
  position: relative;
  width: 100%;
   max-width: 100%;
}

.column {
  display: inline;
  float: left;
  overflow: hidden;
}

.ja-mass {
  clear: both;
}

/* Gutter ---*/
.main .inner {
  padding-left: 1em;
  padding-right: 1em;
}

.main .main-inner1 {
  margin-left: 0;
  margin-right: 0;
}

/* Reset Basetheme */
#ja-main-wrap div.ja-moduletable,
#ja-main-wrap div.moduletable,
#ja-main-wrap div.ja-module,
#ja-main-wrap div.module {
	margin-right: 0;
	margin-left: 0;
}

/* Redefine gutter for module-inner */
#ja-main-wrap div.ja-moduletable-inner,
#ja-main-wrap div.moduletable-inner,
#ja-main-wrap div.ja-module-inner,
#ja-main-wrap div.module-inner,
#ja-extra-col div.module-inner {
  margin: 1em;
}

/* MASONRY PRESETS (240px*5 Grids)
--------------------------------------------------------- */
/* Sizes---*/
.ja-masonry {
  width: 240px;
}

.grid-double {
  width: 480px;
}

.grid-tripple {
  width: 720px;
}

.ja-masonry .custom,
.grid-double .custom,
.grid-tripple .custom {
  width: auto;
}

/* Main Content */
#ja-content {
  width: 720px; /* 3 grids */
}

.ja-frontpage #ja-content {
  width: 480px; /* Frontpage Content 2 grids */
}

.ja-mf #ja-content {
  width: 100% !important; /* Full */
}

/* full 5 grids content */
body.content-grid-mass #ja-content,
body.content-grid-mass.ja-frontpage #ja-content {
  width: 100% !important;
}

/* 4 grids content */
body.content-grid-quadruple #ja-content,
body.content-grid-quadruple.ja-frontpage #ja-content {
  width: 960px;
}

/* 3 grids content */
body.content-grid-tripple #ja-content,
body.content-grid-tripple.ja-frontpage #ja-content {
  width: 720px;
}

/* 2 grids content */
body.content-grid-double #ja-content,
body.content-grid-double.ja-frontpage #ja-content {
  width: 480px;
}

/* 1 grids content */
body.content-grid-single #ja-content,
body.content-grid-single.ja-frontpage #ja-content {
  width: 240px;
}


/* CONTENT'S GRIDS
--------------------------------------------------------- */
/* Items Page */
.item-page {
  padding: 0;
}

/* Items Row */
.items-row {
  padding: 0;
  margin: 0;
}

.item {
  float: left;
  position: relative;
  padding: 1em 0;
}

.item .contentpaneopen {
  padding: 1.5em;
}

/* Items Leading */
.items-leading {
  padding: 0;
  margin: 0;
}

.items-leading .leading {
  padding: 1em 0;
}

.items-leading .leading:first-child {
  padding-top: 0;
}

.leading .contentpaneopen {
  padding: 1.5em;
}

/* Items Grids */
.cols-1 .item {
  width: 100%;
}

.cols-2 .item {
  width: 50%;
}

.cols-3 .item {
  width: 33.33%;
}

.cols-4 .item {
  width: 25%;
}

.cols-5 .item {
  width: 20%;
}

/* HEADER
--------------------------------------------------------- */
#ja-header {
}
#ja-header {
  background: #ffffff none repeat scroll 0 0;
  color: #333333;
  display: none;
  margin-bottom: 0;
}
/* Logo Image ---*/
h1.logo {
  background: #fff;
  float: left;
  font-size: 1em;
  height: auto;
  width: 100%;
  z-index: 12;
}

h1.logo a {
  background: none;
  display: block;
  font-size: 2em;
  height: auto;
  padding: 1em .5em;
  text-align: center;
  width: auto;
}
#ja-mainnav {
    display: none;

}
.main {
  width: 38%;
}
#mn_section {
  float: left;
  width: 100%;
  height:100vh;
}
.moduletable_homelink {
  float: left;
  width: 100%;
}

.custom_homelink {
  float: left;
  width: 100%;
}
.homepage {
  float: left;
  text-align: center;
  width: 100%;
}
.contacus {
  float: left;
  text-align: center;
  width: 100%;
}
.contacus > p {
  float: left;
  width: 100%;
}
.contacus a {
  color: #545454;
    font-size: 22px;
    line-height: 4;
}

.ourimage {
 background-image: url("../images/bgimage.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    height: 100vh;
    width: 100%;
}
.work {
  background-image: url("../images/bg2.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    height: 100vh;
    width: 100%;
}
#bd .work > h2 {
 color: #404040;
    font-family: TimesNewRomanPS-BoldMT;
    font-size: 50px;
    line-height: 3;
    margin: 3.4em 0 2%;
    padding: 1.5% 0;
    text-align: center;
}
.contacus a:hover {
  color: #fc002e;
}
/* FOOTER
--------------------------------------------------------- */
#ja-footer {
}
#bd #ja-footer {
  background: #111111 none repeat scroll 0 0;
  border: medium none;
  text-shadow: none;
  width: 100%;
}

#ja-poweredby {
  display: none;
  margin: 0 auto;
}
#bd .homepage a {
  border-bottom: 2px solid #737373;
  color: #404042;
  font-family: TimesNewRomanPS-BoldMT;
  font-size: 57px;
  margin: 0;
 padding: 0 1%;
  width: auto;
  transition: all 0.8s ease 0s;
}
.homepage p {
  color: #404042;
  float: left;
  font-family: TimesNewRomanPS-BoldMT;
  font-size: 56px;
  margin: 0;
   line-height: 140%;
  padding: 0;
  width: 100%;
}
.main.clearfix {
  float: #111111 none repeat scroll 0 0;
  width: 100%;
}
.ja-copyright {
  margin: 0 auto;
  width: 78%;
}
.custom_ftr {
  float: left;
  padding: 3% 0;
  width: 100%;
}
#bd .foot1 h2 {
  color: #ffffff;
  font-family: Swis721_Cn_BT_Bold;
  font-size: 18px;
   padding: 1% 0;
}

#bd #ja-footer a {
  border-bottom: medium none;
  color: #ffffff;
  font-family: RobotoMedium;
  font-size: 17px;
}
.cpypart {
  float: left;
  width: 100%;
  text-align: left;
}
.cpypart > p{
	    font-family: RobotoCondensedLight;
  font-size: 15px;
  color:#fff;

	}
.foot1 > p {
  color: #ffffff;
    font-family: RobotoMedium;
  font-size: 17px;
}
.foot1 {
  float: left;
  text-align: left;
  width: 28%;
}
.foot1:nth-child(2) {
  padding: 0 2%;
  width: 35%;
}
.componentheading {
  display: none;
}
.foot1:last-child {
  width: 33%;
}
#ja-content-main {
  background: #FFF;
  border-top: none;
  margin:0;
  padding:0;
}
#ja-footer {
  color: #999;
  font-size: .9em;
  padding:0;
}
.homelogo {
  float: left;
  margin: 4% 0;
  text-align: center;
  width: 100%;
}
.innerpage {
  float: left;
  width: 100%;
}
.abtimge {
  position: relative;
}
.abtlogo {
  position: fixed;
  top: 0;
}
.abtlogo > img {
  float: left;
  padding: 3em;
  width: auto;
}
.abtimge > img {
  height: 100vh;
  width: 100%;
}
#bd .weare {
  float: left;
  font-family: RobotoMedium;
  font-size: 28px;
margin: 6% 0 3% 0;
  text-align: center;
  width: 100%;
}
.centeraling {
  margin: 0 auto;
  width: 70.5%;
}
.wedoalign {
  float: left;
  width: 100%;
}
.wedo {
  float: left;
  height: 500px;
  text-align: center;
  width: 100%;
}
#bd .wedo > h2 {
  font-family: TimesNewRomanPS-BoldMT;
  font-size: 50px;
     margin: 0.3% 0;
}
.do1 {
  float: left;
  width: 30%;
   margin: 4% 0;
}
.do1:nth-child(3) {
  padding: 0 3.6em;
}
#bd .do1 > h2 {
  color: #404040;
  float: left;
  font-family: Swis721_Cn_BT_Bold;
  font-size: 20px;
  margin: 3% 0;
  text-align: center;
  width: 100%;
}
.do1 img {
  height: 87px;
  width: 87px;
}
#bd .do1 > p {
  color: #333333;
  float: left;
  font-family: RobotoCondensedLight;
  font-size: 16px;
  margin: 0.1% 0;
  text-align: center;
  width: 100%;
}
.ourteam {
  margin: 0 auto;
  text-align: center;
  width: 70.5%;
}
.our {
  float: left;
  width: 25%;
}
#bd .ourteam .ourteam2 > h2 {
  font-family: TimesNewRomanPS-BoldMT;
  font-size: 50px;
  margin: 2% 0;
  color:#404040;
}
#bd .our > h2 {
  float: left;
  font-family: Swis721_Cn_BT_Bold;
  font-size: 20px;
  margin: 0;
  width: 100%;
    color:#404040;
}
#bd .ourimg {
  float: left;
  width: 100%;
}
.dsing {
  color: #404040;
  float: left;
  font-family: RobotoCondensedLight;
  font-size: 12px;
  width: 100%;
}
.ourteam2{
	float: left;
	width: 100%;
}

.abtlogo > a {
  float: left;
  padding: 3em;
  width: auto;
}
.conmain {
  margin: 0 auto;
  width: 76.5%;
}

#bd .conmain_inner{
  float: left;
  width: 100%;
}
.abtlogo2 > a{
  float: left;
    margin-left: 4em;
    padding: 2.8em;
    width: auto;
	}
#bd .conus > h1 {
  font-family: Swis721_Cn_BT_Bold;
  font-size: 18px;
  margin: 2% 0 0;
}
#bd .conus > p {
  color: #404040;
  float: left;
  font-family: RobotoMedium;
  font-size: 15px;
  margin: 0.1% 0;
  width: 100%;
}
.conus {
float: left;
    margin-top: 2%;
    width: 100%;
}
.addcon {
 float: left;
    margin-top:8%;
    width: 30%;
}
.con_hed > a {
  color: #333333;
  font-family: Swis721_Cn_BT_Bold;
  font-size: 18px;
}
#bd .addcon h2 {
  color: #404040;
  font-family: RobotoMedium;
  font-size: 21px;
  margin: 0 0;
}
#bd .mailx {
  color: #404040;
  font-family: RobotoMedium;
  font-size: 15px;
}
#bd .addcon > p {
  color: #404040;
  font-family: RobotoMedium;
  font-size: 15px;
  line-height: 1.3;
  margin: 0;
}
.soclink {
   bottom: 4%;
    float: left;
    position: absolute;
    text-align: right;
    width: 90%;
}
.addcon > a {
  color: #333333;
  float: left;
  font-family: RobotoMedium;
  font-size: 15px;
  width: 100%;
}
.f:hover {
  background: rgba(0, 0, 0, 0) url("../images/facebooka1.png") no-repeat scroll 0 25%;
}
.t:hover {
  background: rgba(0, 0, 0, 0) url("../images/twittera1.png") no-repeat scroll 0 25%;
}
.g:hover  {
  background: rgba(0, 0, 0, 0) url("../images/googlea1.png") no-repeat scroll 0 25%;
}
.i:hover  {
  background: rgba(0, 0, 0, 0) url("../images/ina1.png") no-repeat scroll 0 25%;
}

.f{
    background: rgba(0, 0, 0, 0) url("../images/soc/facebooka1.png") no-repeat scroll 0 0%;
    height: 34px;
    width: 34px;
    padding: 1.7%;
}
.t{
  background: rgba(0, 0, 0, 0) url("../images/soc/twittera1.png") no-repeat scroll 0 0%;
      height: 34px;
          width: 34px;
    padding: 1.7%;
}
.g{
  background: rgba(0, 0, 0, 0) url("../images/soc/googlea1.png") no-repeat scroll 0 0%;
      height: 34px;
          width: 34px;
    padding: 1.7%;
}
.i {
  background: rgba(0, 0, 0, 0) url("../images/soc/ina1.png") no-repeat scroll 0 0%;
      height: 34px;
          width: 34px;
    padding: 1.7%;
}

.soclink a {
  font-size: 0;
}
.innerpage.cont .abtlogo2 > a {
   padding: 2%;
}
.innerpage.cont {
   background: rgba(0, 0, 0, 0) url("../images/Bangaloremap.png") no-repeat scroll 88% 42%;
    height: 99vh;
}
.innerpage.product {
  float: left;
  position: relative;
  width: 100%;
height: 100vh;
width: 100vw;
}

#hvrclass2 > a:last-child {
  margin-left: 2%;
  width: 98%;
}

.agri > a:hover {
  color: #ffffff;
}
.agri {
  background: #5aab19 none repeat scroll 0 0;
 border-radius: 50%;
    height: 147px;
    position: absolute;
    right: 9.3%;
    text-align: center;
    top: 39%;
    transition: all 0.2s ease-in-out 0s;
    width: 147px;
}
.agri > a {
  color: #ffffff;
  float: left;
  font-family: RobotoMedium;
  font-size: 13px;
  padding: 3px 0;
  text-align: center;
  width: 100%;
}
.agri img {
  margin-top: 2.5em;
}
#bd .innerpage.product .abtlogo2 > a {
 padding: 0;
 position: absolute;
 margin-top: 1em;
 z-index: 2222;
}


.innerpage.product p img {
   margin-top: 3%;
    width: 89%;
    -webkit-margin-before:4%;
}
.innerpage.product p {
   float: left;
    margin: 0;
    text-align: center;
    width: 100%;
    position: relative;
 -webkit-margin-before:2%;
}

.abtlogo2 {
  float: left;
  width: 100%;
}

/* MAIN NAVIGATION
--------------------------------------------------------- */
/* hide menu button by default */
#ja-menu-button {display: none; position: relative;}




#bd .homepage a:hover {

 text-shadow: 1px 1px 2px #f66a6a, 0 0 25px #e89090, 0 0 5px #fc002e;
      background: transparent;
}

.work a {
  color: #333333;
transition: all 0.8s ease 0s;
}

/*
#bd .homepage a:hover {
 background-image: url("../images/bgs.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 12px;
    color: #ffffff;
}


#bd .homepage a:hover {
    background: #f66a6a;  For browsers that do not support gradients
    background: -webkit-radial-gradient(#f66a6a, #e89090, #fc002e); /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient(#f66a6a, #e89090, #fc002e); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(#f66a6a, #e89090, #fc002e); /* For Firefox 3.6 to 15 */
    background: radial-gradient(#f66a6a, #e89090, #fc002e); /* Standard syntax (must be last) */
    color: #ffffff;
} */
.morefont {
  font-family: helvetica;
  font-size: 16px;
}
.morefont:hover {
  color: #333;
  transition: all 0.2s ease-in-out 0s;
}
.morefont {
  color: #ffde91;
}
#bd #ja-footer .con_hed > a {
  font-family: Swis721_Cn_BT_Bold;
  font-size: 18px;
}
.con_hed {
  float: left;
  width: 100%;
}
.cp_right {
  bottom: 35px;
  left: 130px;
  position: absolute;
  width: auto;
}
.work a:hover {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        text-shadow: 1px 1px 2px #f66a6a, 0 0 25px #e89090, 0 0 5px #fc002e;
}
.ovrimg {
  color: #333333;
  font-size: 24px;
  font-weight: bold;
  left: 3%;
  position: absolute;
  top: 16%;
}
#bd #ja-footer a:hover {
  text-shadow: 0 1px 1px #fc002e;
}