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

.bg-img {
  margin-top:-100px;
}
.logo{
	width:200px;
}
.hidemob{
	display:block;
}
	.hidedesktop{
		display:none;
	}
.mobspace{
	display: none;
}
.teamname {
	font-size:14px;
	line-height:20px;
	font-family: 'Open Sans', sans-serif;
	color: #333333;
	font-weight:bold;
	text-align:center;
	text-align:center;
}


.smallspace
{
	padding-bottom:10px;
	padding-top:10px;
}

.space
{
	padding-bottom:50px;
	padding-top:50px;
}

.bigspace
{
	padding-bottom:75px;
	padding-top:75px;
}

.roundborder{
	border: thin dotted #009900;
}


/*for navtabs in carreers */

.nav.nav-tabs {
    float: left;
    display: block;
    margin-right: 20px;
    border-bottom:0;
    border-right: 1px solid #ddd;
    padding-right: 15px;
}
.nav-tabs .nav-link {
	border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

.nav-tabs .nav-link.active {
	color: #495057;
	/*background-color:#007bff !important;*/
    border-color: transparent !important;
	background-color: #fdd18d;
}
.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0rem!important;
    border-top-right-radius: 0rem!important;
}
.tab-content>.active {
	display: block;
	min-height: 165px;
}

.tab-content {
	display: block;
	min-height: 165px;
	border: 1px solid #fdd18d;
}
.nav.nav-tabs {
    float: left;
    display: block;
    margin-right: 20px;
    border-bottom: 0;
    border-right: 1px solid transparent;
    padding-right: 15px;
}

#NeeRawmenu h4{
	line-height: 10px;
	
	
}

.Normalfont {
	font-size:16px;
	line-height:22px;
	font-family: 'Open Sans', sans-serif;
	color:#393a39;
	font-weight: normal;
	text-decoration: none;
	letter-spacing: 0.01em;
}


.Heading {
	font-size:25px;
	line-height:35px;
	font-family: 'Open Sans', sans-serif;


}

blink {
  -webkit-animation: 2s linear infinite condemned_blink_effect; /* for Safari 4.0 - 8.0 */
  animation: 2s linear infinite condemned_blink_effect;
}

/* for Safari 4.0 - 8.0 */
@-webkit-keyframes condemned_blink_effect {
  0% {
    visibility: hidden;
  }
  50% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}

@keyframes condemned_blink_effect {
  0% {
    visibility: hidden;
  }
  50% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}

.orangehead {
	font-size:20px;
	line-height:20px;
	font-family: 'Open Sans', sans-serif;
	color: #333333;
	font-weight:bold;
	text-align:left;
}


.copyright {
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:#CCCCCC;
	text-align:center;
}

.homebanner1{

	font-size:30px;
	font-family: 'Open Sans', sans-serif;
	
}

.homebanner2{
	font-size:38px;
	font-family: 'Open Sans', sans-serif;
	letter-spacing: 0.01em;
}

.homebanner3{
	
	font-size:25px;
	line-height:25px;
	font-weight:bold;
	font-family: 'Open Sans', sans-serif;
	
}




.innerbanner
{
	margin:0px;
	padding:0px;

}



.red {
color:#dd4e22;

}


.orange {
color:#f78b17;

}
.brown{
color:#d38540;

}



.grey{
color:#b9bab9;

}


.darkgrey{
color:#7b7a7a;


}
.lightgrey{
color:#fcfcf7;

}

.green {
color:#06ca69;

}

.darkgreen {
color:#04b45d;

}

.blue {
color:#4d73c3;
}


.black {
color: #333333;
}

.white {
color:#FFFFFF;
}

.yellow{
color: #FFFF33;

}

.bold {
font-weight:bold;
}

.left {
text-align:left;
}

.right {
text-align: right;
}


.center {
text-align: center;
}

.just {
text-align: justify;
}


.normal {
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
}

.tinyspace {
	background-color:transperent;
	height:50px;
}

/*.row {
  margin: 15px;
}*/


.READMORE {
	font-size:14px;
	line-height:18px;
	font-family: 'Lato', sans-serif;
	color:#7cb805;
	font-weight:bold;
	font-style: normal;
	letter-spacing: 0.09em;
}

.READMORE:hover {
	font-size:14px;
	line-height:18px;
	font-family: 'Lato', sans-serif;
	color:#ff984c;
	font-weight:bold;
	font-style: normal;
	letter-spacing: 0.09em;
	padding-right:30px;

}

.neera
{
	background-image: url(../img/innerpage/NeeRawDrinks.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}


.carousel-caption img
{
	width:100px;
	height:35px;	

}


.contactNeeRaw
{
	background-image: url(../img/innerpage/ContactNeeRaw.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}

.neeraslush
{
	background-image: url(../img/innerpage/neeraslush.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}

.neerasugar
{
	background-image: url(../img/innerpage/neerasugar.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}

.neerajaggery1
{
	background-image: url(../img/innerpage/neerajaggery.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}


.neeraicecream
{
	background-image: url(../img/innerpage/neeraIcecream.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}

.neeracoffee
{
	background-image: url(../img/innerpage/neeraCoffee.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}

.processing
{
	background-image: url(../img/innerpage/processing.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}

.coldchain
{
	background-image: url(../img/innerpage/coldchain.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}

.research
{
	background-image: url(../img/innerpage/Research.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}


.experience
{
	background-image: url(../img/innerpage/CelebratedNeera.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
.aboutmalenadunuts
{
	background-image: url(../img/innerpage/About_Neera.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}

.welcome2Neera
{
	background-image: url(../img/innerpage/welcome.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}

.Businesspatner
{
	background-image: url(../img/innerpage/BusinessPatrner.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}

.contactbg
{
	background-image: url(../img/homepage/coconutbg.jpg);
	background-repeat:no-repeat; 
	background-size:cover;
}

.Feedbackneera
{
	background-image: url(../img/innerpage/Feedback.jpg);
	background-repeat:no-repeat; 
	background-size:cover;
}


.NeeraUsefulness
{
	background-image: url(../img/innerpage/Usefulness.jpg);
	background-repeat:no-repeat; 
	background-size:cover;
}

.bgcolor
{
background-image: linear-gradient(to right, rgba(211,250,28,0), rgba(85,102,5,100));
}

..................................................................................................................

 /* Attorneys ================================================== */
.team-grid {
	position: relative;
	width: 80%;
	height: 500px;
	overflow: hidden;
}
.team-grid:hover {
	background-color:#350e0e;
	opacity:0.1;
	height:100%;
	display: inline-block;
	}
/*this will give chang over effect to image*/

.team-hover {
	color: #999999;
	transform: rotate(-90deg);
	padding-top:25px;
	position: absolute;
	bottom: -155px;
	z-index: 1;
	height: 230px;
	width: 200px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}
/*Text colour before the mousr hover */
.team-img-wrapper img {
	max-width: 100%;
	height: auto;
}


.team-img-wrapper {
	position: relative;
	width: 100%;
	height: 200px;
}




.team-hover:hover {
	color:#FFFF00;
	height:100%;
}

this gives backgroun for text and also it gives the slide effect to the text
/*

.team-img-wrapper:after {
	content: '';
	position: absolute;
	z-index: 0;
	border-bottom: 25px solid;
	border-left: 0 solid;
	border-right: 0px solid ;
	bottom: 0;
	left: 0;
}
*/
.team-hover-content {
	padding: 10px 10px 0 25px;
	position: relative;
	text-shadow:#e7b909;
}

.team-hover-content:hover {
	padding: 10px 10px 0 25px;
	position: relative;
	text-shadow:#47502b;
}

.team-name, .team-name a, .team-desg, .team-desc, .social-icons a {
	color: #292a27;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}
.team-name a:hover, .social-is a:hover {
	color: rgba(0, 0, 0, .1);
}
.team-name {
	font-size: 18px;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0;
	line-height: normal;
}
.team-desg {
	font-size: 13px;
	margin-top: 0;
	margin-bottom: 25px;
	line-height: normal;
	position: relative;
}
.team-desg:after {
	content: '';
	width: 18px;
	left: 0;
	bottom: -10px;
	height: 3px;
	background: #fff;
	position: absolute;
}
.team-desc {
	border-bottom: 1px solid #fff;
	padding-bottom: 20px;
}

-----------------------------------------------------------------------------------------------------------------------

.smallspace {
	background-color:transperent;
	height:100px;
}


.icon-bar {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 30px;
}

.icon-bar a:hover {
  background-color: #000;
}

.facebook {
  background: #3B5998;
  color: white;
}

.whatsapp
{
	 background-color:#009900;
	 color:#FFFFFF;
}

.line {
	border: 2px solid #FF9900;
	
}


#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color:#626262;
  opacity:0.3;
  color: #FFFFFF;
  cursor: pointer;
  padding: 15px;
  border-radius: 60%;
}


@media (max-width: 768px) {
	.mobspace{
	padding-bottom:10px;
	padding-top:10px;	
		display: block;
}
	.hidemob{
	display: none;
}
	.hidedesktop{
		display: block;
	}
	 .carousel
		{
		margin-top:80px;
		}
	.innerbanner
		{
		margin-top:-150px;
		}
	.space
		{
			padding-bottom:10px;
			padding-top:10px;
		}

	.bg-transperent
		{
		background-color: #FFFFFF;		}
	
	

	.pageheadinggreen 
		{
			font-size:26px;
			line-height:30px;
			font-family: 'Open Sans', sans-serif;
			color:#6cc709;
			font-weight:bold;
		}
	
	.pagehead 
		{
			font-size:20px;
			line-height:22px;
			font-family: 'Open Sans', sans-serif;
			color:#2d2f2a;
			font-weight:bold;
		}
		
	.icon-bar 
		{
		  position: fixed;
		  top: 95%;
		  -webkit-transform: translateY(-50%);
		  -ms-transform: translateY(-50%);
		  transform: translateY(-50%);
		}
	
	 
}


.slidetext1
{
margin-right:60%;
padding:10px;
background-color:#006699;
font-size:14px;
}
.slidetext2
{
	margin-left:60px;
	font-size:16px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFCC00;
	text-align:left;
	padding-left:10px;
}

.panel-thumbnail
{
	border: 1px solid #AEAEAE;
}


.slidebox1
{
margin-right:10%;
margin-top:10%;
padding:2px;
background-color:#006699;
font-size:18px;
color:#FFFFFF;
}

.slideheading
{
margin-right:20%;
padding-top:1px;
font-size:30px;
font-weight:bold;
color:#FFFFFF;
}

.slidebox2
{
	margin-left:60px;
	font-size:14px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFCC00;
	text-align:left;
	padding-left:10px;
	padding-right:5px;
}


.slidebox3
{
	margin-left:60px;
	font-size:14px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ffffff;
	text-align:left;
	padding-left:10px;
	padding-right:5px;
}
/*//Social media icons*/

.fa {
  padding: 20px;
  font-size: 35px;
  width: 50px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-google {
  background: #dd4b39;
  color: white;
}

.fa-linkedin {
  background: #007bb5;
  color: white;
}

.fa-youtube {
  background: #bb0000;
  color: white;
}

.carousel
		{
		}

@media (max-width: 768px) {

	 .carousel
		{
		margin-top:55px;
		}
	.innerbanner
		{
		margin-top:90px;

		}
	.space
		{
			padding-bottom:10px;
			padding-top:10px;
		}
/*	.carousel-caption
		{
			display:none;
		}
	 .carousel-indicators {
		 display:none;
}
.carousel-control-prev
{
		 display:none;
}
.carousel-control-next
{
		 display:none;
}*/

.homebanner1
{
font-size:16px;
	font-family: 'Open Sans', sans-serif;
	
}

	.pageheadinggreen 
		{
			font-size:26px;
			line-height:30px;
			font-family: 'Open Sans', sans-serif;
			color:#6cc709;
			font-weight:bold;
		}
	
	.pagehead 
		{
			font-size:20px;
			line-height:22px;
			font-family: 'Open Sans', sans-serif;
			color:#2d2f2a;
			font-weight:bold;
		}
		
	.icon-bar 
		{
		  position: fixed;
		  top: 95%;
		  -webkit-transform: translateY(-50%);
		  -ms-transform: translateY(-50%);
		  transform: translateY(-50%);
		}
	 
}

.wavebg-top{
	background-image:url(../img/homepage/Wave_Top.png);
	background-repeat:no-repeat;
	background-size:cover;
	height:128px;
}

.wavebg-bottom{
	background-image:url(../img/homepage/Wave_bottom.png);
	background-repeat:no-repeat;
	background-size:cover;
	height:200px;
}


.hes-gallery {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 10px;
  padding: 10px;
  columns: 4;
}

.hes-gallery img {
  width: 100%;
  object-fit: cover;
  transition: 0.3s;
  cursor: pointer;
}

.hes-gallery img:hover {
  transform: scale(1.04);
  box-shadow: 2px 2px 6px #555;
}


@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

*{
  box-sizing:border-box;
  -webkit-tap-highlight-color: transparent
}
html,body{
  height:100%;
  touch-action: manipulation;
}

.button{
  position:relative;
  width:250px;
  height:35px;
  border:2px solid #F1E57D;
  outline:none;
  background-color:#f6df1e;
  border-radius: 40px;
  box-shadow:   8px 8px 30px rgba(0,0,0,0.4);
  transition: .13s ease-in-out;
  cursor:pointer;
  &:active{
  box-shadow:none;
  .button__content{
  box-shadow: none;
  .button__text, .button__icon{
        transform:translate3d(0px, 0px, 0px);
      }
    }
  }

}
.credits{
  margin-top:24px;
  &__reference{
      display:inline-block;

      border-bottom: 1px solid transparent;
      color:#0099ff;
      text-decoration:none;
      transition: ease-in .13s;
      &:hover{
         border-bottom-color: #d32b0a;
      }
   }
}


@media (max-width: 800px) {
  main {
    width: 100%;
  }
  header img {
    width: 80%;
    object-fit: contain;
  }
  .hes-gallery {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (max-width: 500px) {
  .hes-gallery {
    grid-template-columns: 1fr 1fr;
  }
}