﻿@charset "utf-8";

/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Arya');
@import url('https://fonts.googleapis.com/css?family=Raleway:400,500');

body {
font-family: 'Raleway', sans-serif;
font-weight:500;
}

.effect-right {
	-moz-transform: translate3d(-600px, 0px, 0px);
	-webkit-transform: translate3d(-600px, 0px, 0px);
	-o-transform: translate(-600px, 0px);
	-ms-transform: translate(-600px, 0px);
	transform: translate3d(-600px, 0px, 0px);
	transition: all 0.6s ease-in-out;
}

.effect-left {
	-moz-transform: translate3d(400px, 0px, 0px);
	-webkit-transform: translate3d(400px, 0px, 0px);
	-o-transform: translate(400px, 0px);
	-ms-transform: translate(400px, 0px);
	transform: translate3d(400px, 0px, 0px);
	transition: all 0.6s ease-in-out;
}

.effect-zoom {
	-moz-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-o-transform: translate(400px, 0px) scale(1.5);
	-ms-transform: translate(400px, 0px) scale(1.5);
	transform: scale(0.4);
	transition: all 0.5s ease-in-out;
}

.in-view {
	opacity: 1;
	-moz-transform: translate3d(0px, 0px, 0px);
	-webkit-transform: translate3d(0px, 0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate3d(0px, 0px, 0px);
}

#header {
	position: fixed;
	z-index: 9999;
	width: 100%;
	margin-top: 0px;
	background: url(../images/header-bg.png);
	background-position: top;
	background-size: cover;
	background-repeat: no-repeat;
}

.navbar-default {
	background-color: transparent;
	border-color: transparent;
	margin-bottom: 0px;
	padding-bottom: 4px;
}

.con-info{

}

.rgt_cont{
background:#FBE6FB;
padding:20px;
}

.cont-wrap{
margin-top:100px;
}

.con-info h2{
font-size:20px;
border-bottom:2px solid #f3bcf3;
margin:0 20px 10px;
padding:5px;
}

.con-info ul li svg {
    background: #ca80b4;
    width: 25px !IMPORTANT;
    text-align: center;
    color: #fbe6fb;
    margin: 0 auto;
    border-radius: 50px;
    font-size: 10px;
    height: 25px;
    /* margin-bottom: 5px; */
    text-indent: 0;
    margin-right: 10px;
    padding: 6px;

}
.con-info ul{
background:#FBE6FB;
padding:20px;
text-align:center;
}


.con-info ul li{
text-align:left; 
list-style-type:none;
    text-indent: -34px;
    padding-left: 35px;
	    margin-bottom: 15px;
}

.enquiry_form{

}

.enquiry_form ul{
padding:0 20px;
}


.enquiry_form li{
display:inline-block;
width:32%;
}

.enquiry_form h2{
font-size:20px;
border-bottom:2px solid #f3bcf3;
margin:0 20px 10px;
padding:5px;
}

.enquiry_form li label{
font-size:13px;
color:#333333;
display: block;
 margin-top: 10px;
}

.btn-wrap{
padding-left:20px;
}

.btn-wrap button{
    background: #a62380;
    color: #fff;
    border: none;
    padding: 5px 30px;
    border-radius: 2px;
	margin-bottom:10px;
	}
	
.enquiry_form li input[type="text"]{
    border-radius: 5px;
    border: none;
    line-height: 30px;
	    border: 1px solid #d8a9d8;
		width:95%;
        padding:5px;
}

.enq_txtarea{
width:100% !important;
}

.enq_txtarea textarea{
width:95% !important;
  border-radius: 5px;
    border: none;
	    border: 1px solid #d8a9d8;
    line-height: 30px;
}


.navbar-nav {
	float: right;
	margin-top: 2px;
}

.navbar-default .navbar-nav>li>a {
	color: #a62380;
	font-weight: 500;
	font-size: 16px;
	padding: 25px 0px 0px 35px;
}

.navbar-default .navbar-nav>li>a:hover {
	color: #231f20;
	font-weight: 500;
	font-size: 16px;

}

.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand {
	margin-left: 5px;
}

.navbar-default {
    background: rgba(255,255,255,0.8);
	border-bottom: 2px solid #f2deeb;
	border-left: 2px solid #f2deeb;
	border-right: 2px solid #f2deeb;
	border-radius: 0px 0px 20px 20px;
}

.navbar-brand {
	padding: 10px;
	/* transition:all 0.4s linear; */
}

.center-nav {
	float: left;
	text-align: center;
	padding-left: 10%;
	margin-top: 2px;
}


/*=======affix css start=========*/


/* Effect 5: same word slide in */

.cl-effect-5 a {
	overflow: hidden;
	padding: 0 4px;
	height: 1em;
}

.cl-effect-5 a span {
	position: relative;
	display: inline-block;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.cl-effect-5 a span::before {
	position: absolute;
	top: 100%;
	content: attr(data-hover);
	font-weight: 700;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.cl-effect-5 a:hover span,
.cl-effect-5 a:focus span {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}

.affix .navbar-main {
	/* box-shadow: 0 0px 6px 2px #888; */
	margin-top: 0px;
	transition: all 0.4s linear;
}

.affix .navbar-container {
	width: 100%;
	padding: 0px 0%;
}

.affix #header {
	position: fixed;
	z-index: 99;
	width: 100%;
	margin-top: 0px;
	background: #fff;
	background-position: top;
	background-size: cover;
	background-repeat: no-repeat;
	transition: all 0.6s linear;
}

.affix {
	top: 0;
	width: 100%;
	transition: all 0.5s linear;
	background-color: #fff;
	border-color: #468781;
}

.affix .navbar-default {
	margin-bottom: 0px;
	border: 0px;
	width: 100%;
	background: #fff;
	position: fixed;
	border-radius: 0px;
	padding: 0px 32px 0px 32px;
	box-shadow: 0px 0px 16px 0px #6d6d6d;
	padding-bottom: 3px;
	/* transition: all 0.5s linear; */
	border: none;
}

.affix .navbar-default .navbar-nav>li>a {
	color: #a62380;
	font-weight: 500;
	font-size: 16px;
	padding: 13px 0px 0px 35px;
}

.affix .navbar-default .navbar-nav>li>a:hover {
	color: #231f20;
	font-weight: 500;
	font-size: 16px;
	padding: 13px 0px 0px 35px;
}

.affix .navbar-brand {
	padding: 10px 10px;
	transition: all 0.4s linear;
}

.affix .navbar-brand img {
	transition: all 0.8s linear;
}

.affix .header-call-zon {
	border-bottom: 1px solid #d2d2d2;
	padding-bottom: 4px;
}

.affix .none-pading-header {
	padding: 0px;
}


/*=======affix css end=========*/

.banner-caption {
	right: 70%;
	left: 10%;
	padding-bottom: 50px;
}

.banner-caption h3 {
	font-size: 50px;
	text-transform: uppercase;
	text-align: left;
	margin-bottom: 0px;
	color: #333;
	margin-top: 0px;
}

.banner-caption p {
	text-align: left;
	font-size: 20px;
	text-transform: uppercase;
}

.navbar-default .navbar-nav>li>a:hover {
	color: #231f20;
	background-color: transparent;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
	color: #231f20;
	background-color: transparent;
}

.inner-slide .item img {
	width: 100%;
}

.inner-banner .item img {
	width: 100%;
}

.carousel-control.left {
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
	background-image: linear-gradient(to right, rgba(0, 0, 0, .0) 0, rgba(0, 0, 0, .0) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
	background-repeat: repeat-x;
}

.carousel-control.right {
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
	background-image: linear-gradient(to right, rgba(0, 0, 0, .0) 0, rgba(0, 0, 0, .0) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
	background-repeat: repeat-x;
}

.bs-slider {
	overflow: hidden;
	max-height: 700px;
	position: relative;
	background: transparent
}

.bs-slider:hover {
	/* cursor: -moz-grab; */
	/* cursor: -webkit-grab; */
}

.bs-slider:active {
	/* cursor: -moz-grabbing; */
	/* cursor: -webkit-grabbing; */
}

.bs-slider .bs-slider-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* background-color: rgba(0, 0, 0, 0.20); */
}

.bs-slider>.carousel-inner>.item>img,
.bs-slider>.carousel-inner>.item>a>img {
	margin: auto;
	width: 100% !important;
}


/********************
*****Slide effect
**********************/

.fade {
	opacity: 1;
}

.fade .item {
	top: 0;
	z-index: 1;
	opacity: 0;
	width: 100%;
	position: absolute;
	left: 0 !important;
	display: block !important;
	-webkit-transition: opacity ease-in-out 1s;
	-moz-transition: opacity ease-in-out 1s;
	-ms-transition: opacity ease-in-out 1s;
	-o-transition: opacity ease-in-out 1s;
	transition: opacity ease-in-out 1s;
}

.fade .item:first-child {
	top: auto;
	position: relative;
}

.fade .item.active {
	opacity: 1;
	z-index: 2;
	-webkit-transition: opacity ease-in-out 1s;
	-moz-transition: opacity ease-in-out 1s;
	-ms-transition: opacity ease-in-out 1s;
	-o-transition: opacity ease-in-out 1s;
	transition: opacity ease-in-out 1s;
}


/*---------- LEFT/RIGHT ROUND CONTROL ----------*/

.control-round .carousel-control {
	top: 47%;
	opacity: 0;
	width: 45px;
	height: 45px;
	z-index: 100;
	color: #ffffff;
	display: block;
	font-size: 24px;
	cursor: pointer;
	overflow: hidden;
	line-height: 43px;
	text-shadow: none;
	position: absolute;
	font-weight: normal;
	background: transparent;
	-webkit-border-radius: 100px;
	border-radius: 100px;
}

.control-round:hover .carousel-control {
	opacity: 1;
}

.control-round .carousel-control.left {
	left: 1%;
}

.control-round .carousel-control.right {
	right: 1%;
}

.control-round .carousel-control.left:hover,
.control-round .carousel-control.right:hover {
	color: #fdfdfd;
	background: rgba(0, 0, 0, 0.5);
	border: 0px transparent;
}

.control-round .carousel-control.left>span:nth-child(1) {
	left: 45%;
}

.control-round .carousel-control.right>span:nth-child(1) {
	right: 45%;
}


/*---------- INDICATORS CONTROL ----------*/

.indicators-line>.carousel-indicators {
	right: 45%;
	bottom: 3%;
	left: auto;
	width: 90%;
	height: 20px;
	font-size: 0;
	overflow-x: auto;
	text-align: right;
	overflow-y: hidden;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 1px;
	white-space: nowrap;
}

.indicators-line>.carousel-indicators li {
	padding: 0;
	width: 15px;
	height: 15px;
	border: 1px solid rgb(158, 158, 158);
	text-indent: 0;
	overflow: hidden;
	text-align: left;
	position: relative;
	letter-spacing: 1px;
	background: rgb(158, 158, 158);
	-webkit-font-smoothing: antialiased;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-right: 5px;
	-webkit-transition: all 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99);
	transition: all 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99);
	z-index: 10;
	cursor: pointer;
}

.indicators-line>.carousel-indicators li:last-child {
	margin-right: 0;
}

.indicators-line>.carousel-indicators .active {
	margin: 1px 5px 1px 1px;
	box-shadow: 0 0 0 2px #fff;
	background-color: transparent;
	position: relative;
	-webkit-transition: box-shadow 0.3s ease;
	-moz-transition: box-shadow 0.3s ease;
	-o-transition: box-shadow 0.3s ease;
	transition: box-shadow 0.3s ease;
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}

.indicators-line>.carousel-indicators .active:before {
	transform: scale(0.5);
	background-color: #fff;
	content: "";
	position: absolute;
	left: -1px;
	top: -1px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}


/*---------- SLIDE CAPTION ----------*/

.slide_style_left {
	text-align: left !important;
}

.slide_style_right {
	text-align: right !important;
}



.slide-text {
	top: 5%;
	right: 41%;
	margin: auto;
	padding: 10px;
	position: absolute;
	text-align: left;
	padding: 9px 0px;
	width: 55%;
	float: left;
}

.slide-text>h1 {
	padding: 0;
	color: #fae5ec;
	font-size: 50px;
	font-style: normal;
	line-height: 60px;
	margin-bottom: 10px;
	letter-spacing: 0px;
	font-weight: 100;
	display: inline-block;
	-webkit-animation-delay: 0.7s;
	animation-delay: 0.7s;
font-family: 'Arya', sans-serif;
    margin-top: 40px;
}

.slide-text>p {
	padding: 0;
	color: #55003c;
	font-size: 30px;
	line-height: 24px;
	font-weight: 300;
	margin-bottom: 40px;
	letter-spacing: 1px;
	-webkit-animation-delay: 1.1s;
	animation-delay: 1.1s;
}

.slide-text>a {
    color: #ffffff;
    cursor: pointer;
    font-weight: 100;
    font-size: 20px;
    line-height: 15px;
    margin-left: 10px;
    text-align: center;
    padding: 15px 0px;
	white-space: nowrap;
	letter-spacing: 0px;
	background: #a62380;
	display: block;
	width:60%;
	margin:10px auto;
	text-decoration: none;
	/* text-transform: uppercase; */
	border: none;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
	-webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
	transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}

.lady-caption {
	margin-top: 0px;
	position: absolute;
	top: 8%;

	right: 10%;
}

.navbar{
min-height:70px;
}

.slide-text>a:hover,
.slide-text>a:active,
.slide-text>a:focus {
	color: #ffffff;
	background: #e4145f;
	-webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
	transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}

#banner-section{
position:relative;
}
.explore-div {
	position: absolute;
	left: 11%;
	z-index: 999;
	text-align: center;
	bottom: 20%;
}

.explore-div h4 {
	font-size: 22px;
	color: #a62380;
	    margin-top: 20px;
		display:inline-block;
}

.banner-sec{
    top: 15% !important;
    right: 3% !important;
	}


/*------------------------------------------------------*/


/* RESPONSIVE
/*------------------------------------------------------*/

@media (max-width: 991px) {
	.slide-text h1 {
		font-size: 40px;
		line-height: 50px;
		margin-bottom: 20px;
		color:#a63682;
	}
	.slide-text>p {
		font-size: 18px;
	}
}


/*---------- MEDIA 480px ----------*/

@media (max-width: 768px) {
	.slide-text {
		padding: 10px 50px;
	}
	.slide-text h1 {
		font-size: 30px;
		line-height: 40px;
		margin-bottom: 10px;
	}
	.slide-text>p {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 20px;
	}
	.control-round .carousel-control {
		display: none;
	}
}

@media (max-width: 480px) {
	.slide-text {
		padding: 10px 30px;
	}
	.slide-text h1 {
		font-size: 20px;
		line-height: 25px;
		margin-bottom: 5px;
	}
	.slide-text>p {
		font-size: 12px;
		line-height: 18px;
		margin-bottom: 10px;
	}
	.slide-text>a.btn-default,
	.slide-text>a.btn-primary {
		font-size: 10px;
		line-height: 10px;
		margin-right: 10px;
		text-align: center;
		padding: 10px 15px;
	}
	.indicators-line>.carousel-indicators {
		display: none;
	}
}

.down-arrow{
	    font-size: 50px;
    /* padding: 20px; */
    color: #fff;
	animation: example 0.8s linear 0.5s infinite alternate;
		    width: 30px;
	}
	.down-arrow:hover{
	-webkit-animation-play-state: paused; /* Safari 4.0 - 8.0 */
	-moz-animation-play-state: paused; /* Safari 4.0 - 8.0 */
    animation-play-state: paused;
	}
	
	
@-webkit-keyframes example {
    0% {transform:translateY(-10px);}
	100% {transform:translateY(10px);}
}


/*********************************   About Us Css *********************************/

.top-ribbon {
	margin-top: -18%;
	z-index: 111;
	position: relative;
	width: 100%;
}

.features-zon {
	background: red;
}

.features-zon {
	background: url(../images/banner.png);
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: -17%;
	z-index: 11;
	position: relative;
	margin-bottom: 3%;
	min-height: 880px;
}

.features-zon1 {
	/* background: url(../images/banner-bottom2.png); */
	/* background-repeat: no-repeat; */
	/* background-size: contain; */
	/* margin-top: -16%; */
	/* z-index: 9999; */
	/* position: relative; */
}

.features-zon {
	height: 300px;
	/* background:red; */
}

.features-grid {
	padding-top: 10%;
	text-align: center;
}

.features-grid h2 {
	color: #fff;
	font-size: 40px;
	margin-bottom: 55px;
	padding-top:60px;
}

.features-grid h2:after {
	background: #f7d1ec;
	width: 80px;
	height: 4px;
	content: '';
	position: absolute;
	margin-top: 55px;
	right: 47%;
}

.features-col {
	text-align: center;
	position:relative;
}

.features-col img {
	margin-bottom: 20px;
	height:40px;
	margin: 0 auto;
	 -ms-transform: scale(1, 1); /* IE 9 */
    -webkit-transform: scale(1, 1); /* Safari */
    transform: scale(1, 1);
	transition:ease 0.3s all;
	display:block;
}

.features-col img:hover {
	margin-bottom: 20px;
	height:40px;
	 -ms-transform: scale(1.5, 1.5); /* IE 9 */
    -webkit-transform: scale(1.5, 1.5); /* Safari */
    transform: scale(1.5, 1.5);
	transition:ease 0.3s all;
}

.features-col p {
	font-size: 18px;
	text-align: center;
	color: #fff;
	margin-top: 20px;
}

.features-col {
	height: 200px;
}

.pdt-right {
	padding-left: 0px !important;
	padding-right: 66px !important;
}

#pdt-section {
	margin-top: -8%;
}

#pdt-howtosue-section {}

.pdt-border {
	position: relative;
	top: -40px;
}

.imgwrapper {
	text-align: center
}

.drop-img {
	margin-bottom: 20px;
	margin-left: 0px;
	position: le;
	position: relative;
	right: 40%;
}

.three-drop {
	position: relative;
	left: 8px;
	top: -60px;
	font-size: 15px;
	color: #333;
	font-weight: 500;
}

figure {
	display: inline-block;
	position: relative;
}

figcaption {
	position: absolute;
	background-color: transparent;
	bottom: 49px;
	left: 68px;
	width: 15px;
	height: 72px;
	overflow: hidden;
	text-align: center;
}

.inview .drop {
	animation: drop 0.8s ease;
	animation-fill-mode: forwards;
}

.drop {
	display: block;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	z-index: 9;
	margin: 0 auto;
	position: absolute;
	left: 3px;
	transition: 0.1s all ease;
	opacity: 0;
	color: #bbd4ea;
}

.drop i {
	color: #bbd4ea;
}

.drop:nth-child(2) {
	animation-delay: 0.4s;
}

.drop:nth-child(3) {
	animation-delay: 0.8s;
}

.drop:nth-child(4) {
	animation-delay: 1.2s;
}

.drop:nth-child(5) {
	animation-delay: 1.7s;
}

@keyframes drop {
	0% {
		transform: translateY(0);
		opacity: 1;
	}
	100% {
		transform: translateY(80px);
		opacity: 1;
	}
}

.placeholdiv {
	height: 105vh;
	background-color: #eee;
}

.pdt-howtouse-col h2 {
	font-size: 35px;
	color: #a62380;
	text-align: left;
	margin-bottom: 40px;
	margin-left: 6%;
}

.next-arrow {
	text-align: center;
	margin-left: 2%;
	margin-top: 8%;
}

.positive {
	color: #077804;
	text-align: center;
	font-size: 20px;

}

.pni-part img {
	margin: 8px 0px;
}
#pd-menu{
	height: 200px;
    position: absolute;
    margin-top: -15%;
}
.pni-part {
	text-align: center;
}

.pni-part p {
	color: #222;
	line-height: 20px;
	font-size: 17px;
}

.hcgimg-col p {
	position: absolute;
	width: 100%;
	font-size: 14px;
	color: #222;
	line-height: 18px;
	margin-top: 18px;
}

#pdm-test-section {
	margin-top: -7%;
	overflow: hidden;
}

.pdm-test-col h2 {
	    color: #a62380;
    margin-bottom: 70px;
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;
}

.pdm-test-col h2:after {
	position: absolute;
	content: '';
	width: 165px;
	height: 4px;
	background:#d092bf;
	left: 43%;
	top: 18%;
}

.left-pdm-test img {
	text-align: center;
	margin: 0 auto;
}

.right-pdm-test p {
	color: #333;
	font-size: 17px;
	text-align: left;
}

.right-pdm-test {
	padding-left: 30px;
	padding-right: 110px;
}

.right-pdm-strem img {
	margin-top: 47px;
	margin-left: -22%;
}

.right-pdm-strem h2 {
	color: #252525;
	font-size: 35px;
}

.left-pdm-strem{
float:right;
    margin-top: 5px;
	    z-index: 9999;
    position: relative;
}

.head_back{

z-index:9999;
height:100px; position:absolute;
z-index:9999;

}

.shover-img {
	position: absolute;
	top: 22px;
    right: 65px;
}

.urin_s{

}

.urin-arrow {
position: absolute;
    left: -230px;
    top: 50px;
}

.stream-arrow {
	position: absolute;
	top: -24px;
	left: 43%;
}

.urin-stream-text {
	position: absolute;
	top: 0px;
	left: -130px;
	color: #a62380;
	font-size: 15px;
}

.stream-text {
	margin-left: 83px;
	color: #a62380;
	font-size: 15px;
}

.stream-col {
	overflow: hidden;
	padding: 0px 0px 0px 0%;
	padding-top: 10px;
}

.stream-col h3 {
	margin-top: 0px;
	color: #a62380;
	font-size: 25px;
	text-align:center;
}

.stream-col h3 span {
display:block;
font-size:40px;
}

.pdm-result {
	
	padding-top: 10px;
	text-align:center;
}

.pregnancy-part h3 {
	font-size: 20px;
	text-transform: uppercase;
	color: #077804;
}

.pregnancy-part img {
	margin: 0px 10px;
}

.pregnancy-part {
	text-align: center;
}

.no-pregnancy {
	font-size: 20px;
	text-transform: uppercase;
	color: #f2301d !important;
}

.invald {
	font-size: 20px;
	text-transform: uppercase;
	color: #f6931e !important;
}

#calculator-section {
	margin: 0% 0%;
	/* background: url(../images/inner-divider2.png); */
	margin-top: -4%
	/* background:url(../images/inner-divider2.png) */
}

#calculator-section h2{
font-size:30px;
text-align:center;
}

#calculator-section p{
text-align:center;
font-size:18px;
}


#calculator-section ul {
text-align:center;
margin:0 auto;
}

#calculator-section ul li {
text-align:center;
width:400px;
display: inline-block;
font-size:15px;
vertical-align:top;
margin:10px;
}

#calculator-section ul li a{
color:#fff;
background:#ee1a74;
display:block;
padding:20px;
min-height:250px;
border-radius:5px;
}

#calculator-section ul li a:hover{
color:#fff;
background:#a62380;
text-decoration:none;
transition:0.2s all;
}

#calculator-section ul li h3{
color:#fff;
font-size:22px;
margin-bottom:20px;

}


#calculator-section ul li i {
color:#fff;
display:block;
width:100%;
color:#fff;
font-size:22px;
padding:10px;
}


.calcu-border {
	/* background: url(../images/inner-divider2.png); */
	/* background-repeat: no-repeat; */
	/* background-size: cover; */
	/* background-position: bottom; */
	/* height:200px; */
	margin-top: -30px;
}

.left-calcu {
	width: 30%;
	float: left;
	margin-right: 20px;
}

.right-calcu p i {
	    color: #a62380;
    font-size: 25px;
    margin-right: 12px;
   
    vertical-align: middle;
    margin-top: -2px;
}

.right-calcu p {
	    font-size: 18px;
    color: #333;
    margin-bottom: 17px;
}

.right-calcu {
	margin-top: 35px;
}

footer {
	background: url(../images/footer-bg.png);
	padding: 0px 0px 25px 0px;
	min-height: auto;
	padding-top: 13%;
	background-repeat: no-repeat;
	margin-top: -3%;
}

.footer-part a {
	display:block;
	color:#d39ac3;
	padding-top:5px;
}

.footer-part a i {
    width: 20px;
}


.footer-part a:hover {	
	color:#fff;
	transition:0.5s all;
	text-decoration:none;
}


.footer-part h3 {
	color: #fff;
	font-size: 16px;
	font-size: 16px;
	margin-top: 0px;
	text-align: center;
}

.footer-part h4 {
	color: #fff;
	font-size: 14px;
	
	margin-top: 20px;
	margin-bottom:10px;
}

.footer-part h5 {
	color: #fff;
	font-size: 16px;
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 15px;
}

.footer-part {
	padding-left: 0px;
}

.footer-part img {
	margin-right: 15px;
}

.footer-part p {
	color: #d39ac3;
	font-size: 14px;
	margin-bottom: 4px;
}

.second-footer {
	padding-left: 10px;
}

.copyright-div {
	margin-top: 10px;
	text-align: center;
}

.copyright-div p {
	
	color: #eac1df;
    font-size: 11px;
}

.copyright-div p a {
	font-size: 14px;
	color: #eac1df;
}

.copyright-div h4 {
	    font-size: 14px;
    color: #eac1df;
    line-height: 20px;
    border-top: 1px solid #d49ec5;
    padding-top: 20px;
}

.copyright-div h4 a{
color: #fff;
}

.faq_sec{
margin-top:30px;
}

.faq_back{
background: url(../images/faq.jpg) no-repeat; 
background-size:cover;
position: relative;
height:200px;
}


.faq_back h3{
    color: #fff;
    z-index: 999;
    position: absolute;
    padding-top: 100px;
    left: 14%;

}


.faq_back::before{
  background-color: rgba(0, 0, 0, 0.6);
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}



.abt_bck{
background: url(../images/abt.jpg) no-repeat; 
background-size:cover;
position: relative;
height:200px;
}


.abt_bck h3{
    color: #fff;
    z-index: 999;
    position: absolute;
    padding-top: 100px;
    left: 14%;

}


.abt_bck::before{
  background-color: rgba(0, 0, 0, 0.6);
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}


.panel-default>.panel-heading{
padding:0;
}

.panel-heading .panel-title{
    border-bottom:2px solid #c779b0 !important;
    background: transparent;
    font-size: 16px;
    color: #a62380;
    padding: 15px !important;
    display: block;
}

.panel-heading .panel-title:hover, .panel-title:focus {
	 color:#fff;
     background-color: #a4207e !important;
	 text-decoration:none;
	 transition: all 0.5s;
}

.abt_pad{
padding:50px;
}

.abt_img img{
padding-top	:50px;
}

.footer-part svg{ width:25px  !important; text-align:left; }

.abt_pad h3{
font-size: 35px;
    font-weight: 400;
    color: #a71b20;
}

.abt_pad p{
text-align:justify;
}

#slider{
 text-align:center;
}


/* test kit animation*/

 @keyframes test_kit {
    0% { transform: translateX(-20px);}
    100% { transform: translateX(0px); opacity:1;}
	
}
  .test_kit{
	 animation: test_kit 1s ease-in-out forwards;
     animation-delay: 1s;
	opacity:0;
}


 @keyframes drop1 {
    0% { transform: translateY(-10px);opacity:0;  }
	1% { transform: translateY(0px);opacity:1;  }
	90% { transform: translateY(40px); opacity:1; }
	100% { transform: translateY(43px); opacity:1; }
	
	
}
  .drop1{
	 animation: drop1 0.5s ease-in-out forwards;
     animation-delay: 2s;
	 transform-origin:50% 50%;
	opacity:0;
}
  .drop2{
	 animation: drop1 0.5s ease-in-out forwards;
     animation-delay: 3.5s;
	 transform-origin:50% 50%;
	 opacity:0;
}
  .drop3{
	 animation: drop1 0.5s ease-in-out forwards;
     animation-delay: 4.5s;
	 transform-origin:50% 50%;
	 opacity:0;
}


 @keyframes dropped {
     0% { opacity:0; }
	 50% {opacity:0.5; 	fill:#bbd4ea; }
	 100% {opacity:1; 	fill:#bbd4ea; }
}
  .dropped{
   animation: dropped 2s ease-in-out forwards;
animation-delay: 2.5s;
	}
	
	
	 @keyframes dropped_border {
    0%   {  transform: scale(1); opacity:1; }
	100% {  transform: scale(3); opacity:0; }
	}
	
    .dropped_border{
    animation: dropped_border 1s ease-in-out forwards;
	animation-delay: 2.6s;
	stroke:red;
	transform-origin:50% 50%;
	}
	
	.dropped_border1{
    animation: dropped_border 1s ease-in-out forwards;
	animation-delay: 3.8s;
	stroke:red;
	transform-origin:50% 50%;
	}
	
	.dropped_border2{
    animation: dropped_border 1s ease-in-out forwards;
	animation-delay: 4.8s;
	stroke:red;
	transform-origin:50% 50%;
	}
	
	 @keyframes drop_holder {
    0% {   transform: translateY(-20px); }
	100% {  transform: translateY(0); opacity:1; }
	}
	
  .drop_holder{
   animation:drop_holder 1s ease-in-out forwards;
   animation-delay: 0.2s;
   opacity:0;
	}
	
		
	 @keyframes arrow {
    0%   {transform: translateX(0); opacity:0; }
	100% {transform: translateX(10px); opacity:1;}
	
	}
	
	.arrow{
	animation:arrow 1s ease-in-out forwards;
	animation-delay: 6s;
	opacity:0;
	}
	
	.arrow1{
	animation:arrow 1s ease-in-out forwards;
	animation-delay: 11s;
	opacity:0;
	}
	
		 @keyframes count1 {
    0%   {opacity:0; }
	0%   {opacity:0.5; }
	90% {opacity:1; }
	100% {opacity:0; }

		}
	
	.count1{
	animation:count1 1s ease-in-out forwards;
	animation-delay: 2s;
	opacity:0;
	fill:red;
	}
	.count2{
	animation:count1 1s ease-in-out forwards;
	animation-delay: 3.5s;
	opacity:0;
	fill:red;
	}
	
		 @keyframes count3 {
    0%   {opacity:0; }
	0%   {opacity:0.5; }
	90% {opacity:1; }
	100% {opacity:1; }

		}
	.count3{
	animation:count3 1s ease-in-out forwards;
	animation-delay: 4.5s;
	opacity:0;
	fill:red;
	}
	
	 @keyframes hcg {
    0%   {transform: translateY(20px); opacity:0; }
	100% {transform: translateY(0px); opacity:1;}
	}
		
	.hcg{
	animation:hcg 1s ease-in-out forwards;
	animation-delay: 7s;
	opacity:0;
	}
	
	
	@keyframes wait_txt {
    0%   {transform:  opacity:0;}
	100% {transform:  opacity:1;}
	}
		
	.wait_txt{
	animation:wait_txt 1s ease-in-out infinite;
	animation-delay: 10.8s;
	fill:red;
	
	}
	
	 @keyframes positive {
    0%   {transform: translateX(-20px); opacity:0;  }
	100% {transform: translateX(0px); opacity:1;}
	}
		
	.positive{
	animation:positive 1s ease-in-out forwards;
	animation-delay: 12s;
	transform-origin:50% 50%;
	opacity:0;
	}
	
		 @keyframes negative {
    0%   {transform: translateX(-20px); opacity:0;  }
	100% {transform: translateX(0px); opacity:1;}
	}
		
	.negative{
	animation:positive 1s ease-in-out forwards;
	animation-delay: 17s;
	transform-origin:50% 50%;
	opacity:0;
	}
	
	 @keyframes invalid {
    0%   {transform: translateX(-20px); opacity:0;  }
	100% {transform: translateX(0px); opacity:1;}
	}
		
	.invalid{
	animation:invalid 1s ease-in-out forwards;
	animation-delay: 23s;
	transform-origin:50% 50%;
	opacity:0;
	}
	
	
	
	@keyframes red_line {
 	0%   { width: 0px;-moz-width: 0px;opacity:0;}
	5%   { width: 0px;-moz-width: 0px;opacity:1;}
	100% { width: 11.11px;  -moz-width: 180px;opacity:1;}
 	}
	
	.red_line{
    animation: red_line 5000ms  forwards;  /* custom */
    animation-delay: 12.5s;
	opacity:0;
	}

	.red_line1{
    animation: red_line 5000ms  forwards;  /* custom */
    animation-delay: 18s;
	opacity:0;
	}
	
	.red_line2{
    animation: red_line 5000ms  forwards;  /* custom */
    animation-delay: 24.5s;
	opacity:0;
	}
	
	


	
	@keyframes pos_text {
 	0%      { opacity:0;}
	100%   { opacity:1;}
	}
	
	.pos_text{
    animation: pos_text 500ms  forwards;  /* custom */
    animation-delay: 16s;
	opacity:0;
	fill:green;
	}
	
	.neg_txt{
    animation: pos_text 500ms  forwards;  /* custom */
    animation-delay: 21s;
	opacity:0;
	fill:red;
	}

	.inv_txt{
    animation: pos_text 500ms  forwards;  /* custom */
    animation-delay: 28s;
	opacity:0;
	fill:orange;
	}

	@keyframes mid_strm{
 	0%     {transform:translateY(-20px);}
	100%   {transform:translateX(0px); opacity:1;}
	}
	.mid_strm{
	animation: mid_strm 500ms  forwards;  /* custom */
    animation-delay: 9s;
	opacity:0;
	}

	.mid_strm1{
	animation: mid_strm 500ms  forwards;  /* custom */
    animation-delay: 14s;
	opacity:0;
	} 
	
	.mid_strm2{
	animation: mid_strm 500ms  forwards;  /* custom */
    animation-delay: 19s;
	opacity:0;
	} 
	
	@keyframes red_mid1 {
 	0%   { height: 0px;-moz-width: 0px;opacity:0;}
	5%   { height: 0px;-moz-width: 0px;opacity:1;}
	100% { height: 280px; opacity:1;}
 	}
	.red_mid1{
    animation: red_mid1 1000ms  forwards;  /* custom */
    animation-delay: 10s;
	opacity:0;
	}
	
		.red_mid2{
    animation: red_mid1 1000ms  forwards;  /* custom */
    animation-delay: 15s;
	opacity:0;
	}
	
	.red_mid3{
    animation: red_mid1 1000ms  forwards;  /* custom */
    animation-delay: 20s;
	opacity:0;
	}

	@keyframes mid_pos {
    0%   {transform: translateX(-20px); opacity:0;  }
	100% {transform: translateX(0px); opacity:1;}
	}
		
	.mid_pos{
	animation:mid_pos 1s ease-in-out forwards;
	animation-delay: 11s;
	transform-origin:50% 50%;
	opacity:0;
	}
	
	.mid_neg{
	animation:mid_pos 1s ease-in-out forwards;
	animation-delay: 17s;
	transform-origin:50% 50%;
	opacity:0;
	}
	
	.mid_inv{
	animation:mid_pos 1s ease-in-out forwards;
	animation-delay: 21s;
	transform-origin:50% 50%;
	opacity:0;
	}
	

	
	.google-map-col iframe{
	
	    width: 100%;
    height: 665px;
}
#copy-right-section{
	
	background: #a62380;
    padding: 15px 0px;
	overflow:hidden;
}

.slide img{
 margin: 0 auto;
}

.goog-te-gadget{
    position: absolute;
    z-index: 99999;
    right: 5%;
}
.goog-te-gadget-simple{
    font-size: 11px !important;
	border:none;
	border-radius:0 0 5px 5px;
	    background-color: #e7d4e6  !important;
		line-height: normal !important;
		display:block  !important;
}

.goog-te-gadget-icon{
display:none;
}

.goog-te-menu-value:hover{
text-decoration:none !important;
}

#layer_2{
 margin-top:20px;
}

.banner_img{
text-align:center;
}

.banner_img img{
    text-align: center;
    margin: 0 auto;
    display: block;
	padding-top: 25px;
	}
	
	.banner-image-about{
	    text-align: center;
    margin: 0 auto;
    display: block;
		padding-top: 25px;
	}