/**
  ArrayStack Technologies Pvt. Ltd.
  Modified for: Sneh Biotech
  Modified by: Parth Sharma | AS1006
  Name: Template_1
  Copyright 2016-17 ArrayStack Technologies Pvt. Ltd. All rights reserved.
  
 */
@import url('https://fonts.googleapis.com/css?family=Dancing+Script');
@import url('https://fonts.googleapis.com/css?family=Crimson+Text');
@font-face {
    font-family: corsiva;
    src: url(font/corsiva.ttf);
}

html, body {
  font-family: 'font71176','Roboto', 'Helvetica', sans-serif;
  margin: 0;
  padding: 0;
}
p {
    font-size: 18px;
    letter-spacing: 1px;
    margin: 0 0 0;
}

.wrap {
  position: relative;
  width: 100%;
  height: 200px;
  background: rgba(255, 0, 0, 0.3);
  overflow: hidden;
}

.inner {
  position: absolute;
  min-width: 100%;
  height: 100%;
  left: 50%;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.inner img {
  position: absolute;
  min-height: 100%;
  min-width: 100%;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.clear{
	clear: both;
}
.clearh5
{
  font-size: 24px;
  margin: 0;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}
.center
{
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.header-area{
	background-color:rgba(0, 0, 0, 0.58);
}

.theme-color-circle {
	display: inline-block;
    line-height: 48px;
    width: 20px;
    height: 20px;
    border-radius: 32px;
    margin: 0 10px 0 0;
}
.fixed {position:fixed; top:0; left:0;}
.v-align{
	vertical-align: middle;
	text-align: center;
}

.demo_header {
	background: url('./images/slide4-connect.png') center / cover;
}

.mdl-demo .mdl-layout__header-row {
  padding-left: 40px;
  height: 40px;
}

.contact-details-above i{
	font-size: 14px;
}

.base-logo{
  height: 70px;
  width: 70px;
}

.sneh-bio-logo  {
	height: 65px;
	width: 590px;
}

.mdl-layout__tab{
	font-size:16px;
}
	
.mdl-demo .mdl-layout__tab-bar-button {
  display: none;
}
.mdl-demo .mdl-layout.is-small-screen .mdl-layout__tab-bar .mdl-button {
  display: none;
}
.mdl-demo .mdl-layout:not(.is-small-screen) .mdl-layout__tab-bar,
.mdl-demo .mdl-layout:not(.is-small-screen) .mdl-layout__tab-bar-container {
  overflow: visible;
}
.mdl-demo .mdl-layout__tab-bar-container {
  height: 64px;
}
.mdl-demo .mdl-layout__tab-bar {
  padding: 0;
  padding-left: 16px;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
}
.mdl-demo .mdl-layout__tab-bar .mdl-layout__tab {
  height: 64px;
  line-height: 64px;
}

.mdl-demo .mdl-layout__tab-bar .mdl-layout__tab i{
	font-size: 16px;
}

.mdl-demo .mdl-layout__tab-bar .mdl-layout__tab.is-active::after {
  background-color: white;
  height: 4px;
}

.is-casting-shadow {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
}

.mdl-demo main > .mdl-layout__tab-panel {
    padding: 10px 10px 10px;
}
.mdl-demo .mdl-card {
  height: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mdl-demo .mdl-card > * {
  height: auto;
}
.mdl-demo .mdl-card .mdl-card__supporting-text {
  margin: 40px;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0;
  color: inherit;
  width: calc(100% - 80px);
}
.mdl-demo.mdl-demo .mdl-card__supporting-text h4 {
  margin-top: 0;
  margin-bottom: 20px;
}
.mdl-demo .mdl-card__actions {
  margin: 0;
  padding: 4px 40px;
  color: inherit;
}
.mdl-demo .mdl-card__actions a {
  color: #00BCD4;
  margin: 0;
}
.mdl-demo .mdl-card__actions a:hover,
.mdl-demo .mdl-card__actions a:active {
  color: inherit;
  background-color: transparent;
}
.mdl-demo .mdl-card__supporting-text + .mdl-card__actions {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.mdl-demo #add {
  position: absolute;
  right: 40px;
  top: 36px;
  z-index: 999;
}
.search{
	min-width: 5%;
	min-height: 5%;
	padding: 14px;
}
.heading{
	min-width: 5px;
	min-height: 10px;
	position: relative;
	left: 5px;
	top: 5px;
	z-index: 999;
	padding: 10px;
	font-weight: 300;
	font-size: 22px;
	vertical-align: middle;
	text-align: center;
}
.heading2{
	position: absolute;
	margin: 0;
	left: 0;
	top: 0;
	z-index: 999;
	font-weight: 300;
	font-size: 22px;
	vertical-align: middle;
	text-align: center;
}
.heading-top{
	display: inline-block;
	min-width: 10%;
	min-height: 10px;
	position: absolute;
	left: 35%;
	margin: 0;
	top: 10px;
	z-index: 999;
	padding: 15px 15px 15px 15px;
	font-weight: 200;
	font-size: 30px;
	text-align: center;
}

.mdl-demo .mdl-layout__content section:not(:last-of-type) {
  position: relative;
  margin-bottom: 48px;
}
.mdl-demo section.section--center {
  max-width: 96%;
}
.mdl-demo #features section.section--center {
  max-width: 620px;
}
.mdl-demo #our-products section.section--center {
	margin-top: 30px;
	margin-bottom: 30px;
	max-width: 90%;
}

.mdl-demo #our-client section.section--center {
	margin-top: 30px;
	margin-bottom: 30px;
	max-width: 90%;
}

.mdl-demo #vision section.section--center {
	margin-top: 30px;
	margin-bottom: 30px;
	max-width: 90%;
}

.mdl-demo #about-us section.section--center {
	margin-top: 30px;
	margin-bottom: 30px;
	max-width: 90%;
}

.mdl-demo #contact-us section.section--center {
	margin-top: 30px;
	margin-bottom: 30px;
	max-width: 90%;
}

.mdl-demo section > header{
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mdl-demo section > .section__play-btn {
  min-height: 200px;
}
.mdl-demo section > header > .material-icons {
  font-size: 3rem;
}
.mdl-demo section > button {
  position: absolute;
  z-index: 99;
  top: 8px;
  right: 8px;
}
.mdl-demo section .section__circle {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
}
.mdl-demo section .section__text {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  padding-top: 8px;
}
.mdl-demo section .section__text h5 {
  font-size: 24px;
  margin: 0;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}
.mdl-demo section .section__text a {
  text-decoration: none;
}
.mdl-demo section .section__circle-container > .section__circle-container__circle {
  width: 64px;
  height: 64px;
  border-radius: 32px;
  margin: 8px 0;
}
.mdl-demo section.section--footer .section__circle--big {
  width: 100px;
  height: 100px;
  border-radius: 50px;
  margin: 8px 32px;
}
.mdl-demo .is-small-screen section.section--footer .section__circle--big {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  margin: 8px 16px;
}
.mdl-demo section.section--footer {
  padding: 64px 0;
  margin: 0 -8px -8px -8px;
}
.mdl-demo section.section--space {
  padding: 10px 0;
  margin: 0 -8px -8px -8px;
}
.mdl-demo section.section--center .section__text:not(:last-child) {
  border-bottom: 1px solid rgba(0,0,0,.13);
}
.mdl-demo .mdl-card .mdl-card__supporting-text > h3:first-child {
  margin-bottom: 24px;
}

/*.mdl-demo .mdl-layout__tab-panel:not(#overview) {
  background-color: white;
}*/
.mdl-demo #features section {
  margin-bottom: 72px;
}
.mdl-demo #features h4, #features h5 {
  margin-bottom: 16px;
}
.mdl-demo .toc {
  border-left: 4px solid #C1EEF4;
  margin: 24px;
  padding: 0;
  padding-left: 8px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mdl-demo .toc h4 {
  font-size: 0.9rem;
  margin-top: 0;
}
.mdl-demo .toc a {
  color: #4DD0E1;
  text-decoration: none;
  font-size: 16px;
  line-height: 28px;
  display: block;
}
.mdl-demo .mdl-menu__container {
  z-index: 99;
}

.demo-card-wide > .mdl-card__title {
  color: #fff;
  height: 600px;
}

.demo-card-wide > .mdl-card__title > .mdl-card__title-text{
	position: absolute;
	left: 0;
	letter-spacing: 2px;
	width: 94%;
	padding: 10px 70px 10px 30px;
	background-color: rgba(0, 0, 0, .6);
	color: #fff;
	font-family: 'Roboto Condensed';
	font-weight: 800;
	font-size: 16px;
	z-index: 999;
	bottom: 80px;
	text-align: center;
	line-height: 26px;
}

.demo-card-wide > .mdl-card__title > .mdl-card__tag-line{
	position: absolute;
    letter-spacing: 2px;
    width: 35%;
    color: #fff;
    float: right;
    font-family: 'Dancing Script', cursive;
    font-weight: 100;
    font-size: 36px;
    z-index: 999;
    top: 30px;
    right: 60px;
    text-align: center;
}

/**** Mobile layout ****/
@media (max-width: 900px) {

	.base-logo{
	  height: 60px;
	  width: 60px;
	}
	
	.sneh-bio-logo  {
	  height: 37px;
	  width: 146px;
	}
	
	.demo-card-wide > .mdl-card__title > .mdl-card__title-text{
		padding: 5px 50px 5px 20px;
		font-weight: 200;
		font-size: 8px;
	}
	
	.heading{
		display: inline-block;
		min-width: 20px;
		max-width: 220px;
		min-height: 10px;
		left: 20%;
		font-size: 20px;
		padding: 5px 5px 5px 5px;
	}
	
	.heading-top{
		display: inline-block;
		min-width: 20px;
		max-width: 220px;
		min-height: 10px;
		left: 20%;
		font-size: 20px;
		padding: 5px 5px 5px 5px;
	}
	
	.search{
		margin-top: 30px;
	}

}

.team_columns_item_caption {
    padding: 10px;
    text-align: left;
	background-color: #000;
	color: #fff;
	border-radius: 5px;
	border-bottom: 8px solid #feb600;
	-webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.team_columns_item_caption:hover {
	background-color: rgb(103,58,183);
	border-bottom: 2px solid #feb600;
}

.team_columns_item_caption img {
    height: 32px;
    width: 32px;
    margin-right: 8px;
    font-size: 18px;
    line-height: 32px;
}

.team_columns_item_caption span {
    font-weight: 100;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
	font-family: 'Roboto Light';
	font-size: 14;
}

.pattern1{
	background-color: #ffffff;
	background-image: url("images/always-grey.png");
}

.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader {
  color: #823ab7;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}

#loadingDiv {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#fff;
}
		
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}


	@font-face {
		font-family: corsiva;
		src: url(font/corsiva.ttf);
	}
    .paragraph-card {
      line-height: 2em;
	  word-spacing: 4px;
	  text-align: justify;
	  font-family: 'corsiva';
    }
	
	.img-head
	{
		height: 8em;
		line-height: 8em;
		text-align: center;
	}
	
	.img-head div
	{
		height: 100%; 
		width: 100%; 
	}
	
	.img-head div span
	{
		font-family: 'Crimson Text', serif;
		font-size: 40px;
		color: #fff;
		text-shadow: 1px 1px #00000;
	}

	.img-back-flower {
		background-color: #FFF;
		background-image: url("./images/ani-flower1.png");
		background-position: right bottom;
		background-size: 15%;
		background-repeat: no-repeat;
	}

	.cust-card {
      height: 120px;
    }
		
	.demo-card-image__filename {
	  color: #000;
	  font-size: 14px;
	  font-weight: 500;
	}
	
	/* The Modal (background) */
	.modal {
		display: none; /* Hidden by default */
		position: fixed; /* Stay in place */
		z-index: 99; /* Sit on top */
		left: 0;
		top: 0;
		width: 100%; /* Full width */
		height: 100%; /* Full height */
		overflow: scroll; /* Enable scroll if needed */
		background-color: rgb(0,0,0); /* Fallback color */
		background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
		-webkit-animation-name: fadeIn; /* Fade in the background */
		-webkit-animation-duration: 0.4s;
		animation-name: fadeIn;
		animation-duration: 0.4s
	}

	/* Modal Content */
	.modal-content {
		position: absolute;
		top:0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		background-color: #fefefe;
		width: 100%;
		height: 100%;
		-webkit-animation-name: slideIn;
		-webkit-animation-duration: 0.4s;
		animation-name: slideIn;
		animation-duration: 0.4s
	}

	.modal-body {
		padding: 20px;
		height: 100%;
	}

	/* Add Animation */
	@-webkit-keyframes slideIn {
		from {bottom: 100px; opacity: 0} 
		to {bottom: 0; opacity: 1}
	}

	@keyframes slideIn {
		from {bottom: 100px; opacity: 0}
		to {bottom: 0; opacity: 1}
	}

	@-webkit-keyframes fadeIn {
		from {opacity: 0} 
		to {opacity: 1}
	}

	@keyframes fadeIn {
		from {opacity: 0} 
		to {opacity: 1}
	}

/****Animation***/
.delay{
	animation-duration: 1s;
	animation-delay: 0.8s;
}

.arotation {
		-webkit-animation: rotation 4s infinite linear;
}

@-webkit-keyframes rotation {
		from {
				-webkit-transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(359deg);
		}
}