@charset "utf-8";

/*=========== POWERED BY MERIDIAN SOLUTIONS INC ============*/

@import url('https://fonts.googleapis.com/css2?family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&display=swap');


/* @font-face {
	font-family: "Playfair", serif;
	src: url('../fonts/TFArrow-Bold.eot');
	src: url('../fonts/TFArrow-Bold.woff') format('woff'), 
	url('../fonts/TFArrow-Bold.ttf') format('truetype'), 
	url('../fonts/TFArrow-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
} */
/*************** DEFAULT CSS ***************/
body{
 	font-family: 'Poppins', sans-serif;
	font-size:14px;
	font-style: normal;
	line-height: 24px;
	font-weight:400;
	color: #202020;
	text-decoration: none;
	margin:0px;
	-webkit-font-smoothing: antialiased;
	padding:0;
	
}
html{ scroll-behavior: smooth;}
* {
    -webkit-box-sizing: border-box;
    -mox-box-sizing: border-box;
    box-sizing: border-box;
}
::selection {
    background: #000; /* Safari */
	color:#fff;
        }
::-moz-selection {
    background: #000; /* Firefox */
	color:#fff;
}
a {
	color:#000;
	text-decoration: none;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	}
	a:hover {
	color: #f05556;
    }
p {
	margin:0 0 30px 0;
	clear:left;
	padding:0;
	text-align: justify;
	}
h1, h2, h3, h4, h5, h6 {
	margin:0 0 20px 0;
	padding:0;
	font-weight:normal;
	}	
hr {
	margin:40px  0 60px 0;
	height:1px;
	border:0;
	border-top:1px solid #c1c1c1;
	border-bottom:1px solid #c1c1c1;
	float:left;
	width:100%;
	position:relative;
}
img{
	border:0;
}	
a img {
	border: 0;
	}
strong{
	font-weight:600;
	letter-spacing:1px;
	color:#84275F;
}
/*************** PRELOADER ***************/
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; /* change if the mask should have another color then white */
	z-index:999999; /* makes sure it stays on top */
}
#status {
	width:100%;
	height:100%;
	position:absolute;
	left:0; /* centers the loading animation horizontally one the screen */
	top:0; /* centers the loading animation vertically one the screen */
	background-image:url(../images/nephr-on-logo.png); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:0; /* is width and height divided by two */
}

/*************** COLUMS AND ROWS ***************/
main{
    position:relative;
	}
row{
	width:100%;
	display:block;
	float:left;
	margin:0 0 50px 0 !important;
	padding:0;
}
clearfix{
	width:100%;
	height:100px;
	float:left;
	margin:0;
	padding:0;
	display:block;
}
.container{
	width:1180px;
	margin:0 auto;
}
.fullwidth{
	width:100%;
	display:block;
}
clearfix{
	width:100%;
	height:100px;
	float:left;
	margin:0;
	padding:0;
	display:block;
}
.two-col{
	width: 46%;
    float: left;
    margin-right: 8%;
}
.three-col{
	width:30%;
	float:left;
	margin-right:5%;
}
.four-col{
	width:22%;
	float:left;
	margin-right:4%;
}
.last{
	margin-right:0;
}
section {
	width: 100%;
	float: left;
	position: relative;
}
aside {
    width: 25%;
    float: left;
    margin: 0;
    padding: 0;
}
summary {
    width: 70%;
    float: right;
    margin: 0;
    padding: 0;
}
.text-center{ text-align: center; }
.row-flex{
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    display: block;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.submarg-btm {
    margin-bottom: 17px;
    font-size: 19px !important;
}
.pad-col{
	padding: 10px;
}

















/*************** HOME PAGE CSS ***************/
header{ float: left; width: 100%; position: fixed; left: 0px; top: 0px; z-index: 2; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
.logo{ float: left; padding: 10px 0px 6px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.menu{ float: right; position: relative; padding-left: 50px; }
.menu:after{ position: absolute;content: ''; width: 37px; height: 1px; background-color: #f05556; left: 0px; top: 37px; }
.intro{ background-image: url(../images/bg1.jpg); padding: 80px 0px; border-top: 4px solid #fff; }
.intro-left{ float: left; width: 33%; }
.intro-center{float: left;width: 33%;padding: 0 30px;text-align: center;}
.color-drk-blue{ color: #84275f; }
.link a{ display: inline-block; color: #84275f; text-transform: uppercase; font-size: 13px; background-image: url(../images/icons/icon1.png); 
background-repeat: no-repeat; background-position: right center; padding-right: 30px; font-weight: 600;}
.link a:hover{ color: #f05556; padding-right: 35px; }
.sndp-img{ display: inline-block; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; 
border:2px solid #f05556; line-height: 0px; }
.sndp-img img{ -webkit-filter: grayscale(100%);  -ms-filter: grayscale(100%); -moz-filter: grayscale(100%); border-radius: 50%; 
-webkit-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-transition: all 300ms ease-in-out;	-moz-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out; }
.sndp-img:hover img{-webkit-filter: grayscale(0%); -ms-filter: grayscale(0%); -moz-filter: grayscale(0%);}
.heading{ float: left; width: 100%; font-size: 50px; position: relative; color: #000; line-height: normal; font-family: "Playfair", serif; margin-bottom: 20px; }
.small{ font-size: 32px;}
.intro-left h3{ float: left; width: 100%; font-size: 16px; color: #191919;  font-weight: 500;  }
.two-btn{ float: left; width: 100%; text-align: center; margin-bottom: 30px; margin-top:20px }
.btn1, .btn2{ display: inline-block; background-color: #84275f; border-radius: 50px 0 0 50px; -webkit-border-radius: 50px 0 0 50px;
-moz-border-radius: 50px 0 0 50px; -ms-border-radius: 50px 0 0 50px; color: #fff;padding: 14px 30px;}
.btn2{ background-color: #f05556; border-radius: 0 50px 50px 0; -webkit-border-radius: 0 50px 50px 0;
-moz-border-radius: 0 50px 50px 0; -ms-border-radius: 0 50px 50px 0; }
.intro-left .heading{ margin-bottom: 10px; }
.btn1:hover{background-color: #611542; color: #fff;}
.btn2:hover{background-color: #c73637; color: #fff;}
.line-center-bottom{ text-align: center; padding-bottom: 40px; margin-bottom: 40px; }
.line-center-bottom:after, .line-left-bottom:after{ position: absolute; content: ''; width: 70px; height: 4px; background-color: #f05556; left: 50%; margin-left: -35px; bottom: 0px; }
.clinical-expertise{ padding: 80px 0px; }
.clinical-expertise-wrap{ float: left; width: 100%;}
.clinical-expertise-inn{ float: left; width: 16.666%; border-right: 1px solid #d2d2d2; text-align: center; position: relative;}
.clinical-expertise-box:after{position: absolute;content: '';background-color: #707070;width: 5px;height: 5px;right: -3px;bottom: -3px;z-index: 1;border-radius: 50px;}
.clinical-expertise-box{ float: left; width: 100%; padding: 20px; border-bottom: 1px solid #d2d2d2;position: relative;}
.clinical-expertise-box:nth-child(2){ border-bottom: none; }
.clinical-expertise-box h4{ margin-bottom: 0px;line-height: 21px; font-size: 16px; font-weight: 600; color: #5c5c5c; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out;}
.clinical-expertise-box p{ margin-bottom: 0px; }
.clinical-expertise-inn:last-child{ border-right: none; }
.clinical-expertise-inn:last-child .clinical-expertise-box:after, .clinical-expertise-box:last-child:after{ display: none; }
.clinical-expertise-box p img{ -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }
.clinical-expertise-box:hover p img{opacity:0.7 }
.clinical-expertise-box:hover h4{ color: #84275f; }
.sandeep-profile{ background-image: url(../images/bg2.jpg); }
.sandeep-profile:after{ position: absolute; content: ''; width: 100%; height: 100px; left: 0px; top: 0px; background-color: #fff; }
.sandeep-profile-left{float: left;width: 55%;margin-right: 5%;padding: 180px 0px 0;}
.line-left-bottom{ text-align: left; padding-bottom: 15px; margin-bottom: 20px; }
.line-left-bottom:after{ left: 0px; margin-left: 0px; }
.profile-cnt{ float: left; width: 100%; padding-left: 100px; margin-bottom: 30px; }
.profile-cnt p{ margin-bottom: 20px; }
.public-cnt{float: left;width: 100%;position: relative;padding-left: 70px;}
.date{float: left;font-family: "Playfair", serif;font-size: 26px;color: #84275f;position: absolute;left: 0;top: 3px;}
.public-cnt .des{ margin-top: 0px; margin-bottom: 20px; }
.sandeep-profile-right{float: left;width: 40%;position: relative;z-index: 1;}
.sandeep-profile-right img{max-width: 100%; line-height: 0px;}
.sandeep-profile:after{ position: absolute; content: ''; width: 100%; height: 100px; left: 0px; top: 0px; background-color: #fff; }
.web-pages-logo{padding: 58px 0px;margin-top: -7px;z-index: 2;background-color: #fff;}
.web-pages-logo h3{font-family: "Playfair", serif;font-size: 44px;color: #000;width: 22%;float: left;line-height: 40px;margin-top: 21px;}
.web-pages-logo ul{ float: right; width: 78%; margin: 0px; padding: 0px;}
.web-pages-logo ul li{list-style: none; float: left; padding: 0 34px; text-align: center;}
.web-pages-logo ul li img{max-width:100%;}
.web-pages-logo ul li img:hover {opacity:0.7;
	 -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;
}
.gallery-hm{ border-bottom: 12px solid #fff; }
.gallery-hm{ padding: 0 50px; }
footer{ float: left; width: 100%; background-color: #84275f; position: relative; padding: 50px 0px; }
/*footer:after{ position: absolute; content: ''; width: 20%; height: 100%; right: 0px; top: 0px; background-color: #f05556; }*/
.ftr-left{float: left;width: 100%;}
.ftr-logo{float: left;width: 28%;margin-right: 4%;}
.ftr-logo img{ max-width: 100%; }
.ftr-contact-wrp{float: left;width: 68%;color: #fff;}
.ftr-contact, .ftr-link{float: left;width: 100%;margin-bottom: 15px;}
.ftr-contact span{ float: left; margin-right: 20px;}
.f-mail{ padding: 10px 0 0 0px; }
.f-number{ padding: 10px 0 0 0px; }

.ftr-contact span i{font-size: 20px; float: left; margin-right: 13px;}
.ftr-contact span a{color: #fff;font-size: 16px;float: left;margin-top: 0px;font-weight: 300;margin-right: 5px;}
.ftr-link{margin-bottom: 5px;}
.ftr-link a{color: #fff;font-size: 12px;text-transform: uppercase;font-weight: 300;}
.ftr-link a:hover, .ftr-contact-wrp p a:hover{ color: #ffd3ee; }
.ftr-link span{ margin: 0 8px; font-size: 12px; font-weight: 300;}
.ftr-contact-wrp p, .ftr-contact-wrp p a{ color: #fff; font-size: 12px; margin-bottom: 0px; }
.ftr-right{float: right;width: 24%;background-color: #f05556;color: #FFF;padding: 70px 0px 70px 30px;position: relative;z-index: 1;}
.ftr-right a{ float: right; background-color: #023fc3; color: #fff;}
.ftr-right i{ width: 59px; height: 59px; text-align: center; line-height: 59px; background-color: #fff;color: #45619d;font-size: 27px;float: left;}
.ftr-right a span{ font-family: "Playfair", serif; font-size: 18px; text-transform: uppercase; float: left;line-height: 59px;padding: 0 24px;}
/*************** INNER PAGE CSS ***************/
.bredcrump{float: left;width: 100%;text-align: center;margin-top: -22px;margin-bottom: 60px;}
.bred-btn{ display: inline-block; position: relative; }
.bred-btn a, .bred-btn span{position: relative; display: inline-block;background-color: #84275f;border-radius: 50px 0 0 50px;-webkit-border-radius: 50px 0 0 50px;-moz-border-radius: 50px 0 0 50px;-ms-border-radius: 50px 0 0 50px;color: #fff;padding: 10px 20px;text-transform: uppercase;font-weight: 600;font-size: 12px;}
.bred-btn span{ background-color: #f05556; border-radius: 0 50px 50px 0; -webkit-border-radius: 0 50px 50px 0;
-moz-border-radius: 0 50px 50px 0; -ms-border-radius: 0 50px 50px 0; }
.bred-btn:before, .bred-btn:after{position: absolute;content: '';width: 100px;height: 2px;background-color: #84275f;top: 21px;left: -100px;}
.bred-btn:after{left: auto;right: -100px;background-color: #f05556;}
em{ font-weight: 400; font-style: normal; }

/*************** HEADINGS ***************/

.subheading{
	font-size:20px;
	line-height:24px;
}

.text-red{
	color:#F05556;
}

.side-pad{
	padding:0 12%;
}

.gap{
	width:100%;
	height:100px;
	float:left;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #ddd;
  background-color:#FFF;
}
.th{
	background-color:#84275F;
	font-size:20px;
	color:#fff;
	font-weight:600;
}
th, td {
  text-align: left;
  padding: 10px 20px;
}
td {
	width:25%;
}
tr:nth-child(even){background-color: #FFE0F3}
.table-responsive{
 width:100%;
 float:left;
 overflow-x:auto;
 padding-bottom:25px;
}

 .list{
    margin:0;
    padding:0;
    list-style:none;
	width:100%;
	float:left;
}
 .list li{
    margin:0;
	min-height:22px;
    padding:5px 0 5px 40px;
    background-image:url(../images/bullet.png);
    background-repeat:no-repeat;
    background-position:left 10px;
    background-size:20px;
    list-style-position:inherit;
    line-height:26px;
	font-size:18px;
	color:#F05556;
	font-weight:400;
} 

.list1 li{ color: #202020; font-size: 17px; margin-bottom: 8px; }
 .list li ul{
 	padding:0 0 0 22px;
 	}

 	 .list li ul li{
 	padding:0;
 	background:none;
 	list-style: disc;
 	}
.des{
	 
	line-height:24px;
	margin-top:15px;
}
.text-center{
	text-align: center;

}
.text-left{
	text-align: left;

}
.margin-auto{
	margin:0 auto;

}
em{
	font-weight:400;
	
}
.list1 li em{ font-weight: 400; font-style: normal; }
 
 .number{
 width:60px;
 height:60px;
 line-height:60px;
 color:#FFF;
 background-color:#84275F;
 position:absolute;
 left:0;
 top:0;
 
 font-family: "Playfair", serif;
 font-size: 30px;
 text-align:center;
 box-shadow: 0 15px 33px 0 rgba(0,0,0,0.17);
 
 }
 .add{
	position:relative;
	padding:0 0 0 60px;
	margin:0 0 10px 0;
	width:100%;
	float:left;
	text-align: left;
}
.add i{
	position:absolute;
	left:0;
	top:5px;
	font-size:15px;
}
.ext{
	display:inline-block;
	position:relative;
	margin-top:10px;
}	
.circle{
	width:40px;
	height:40px;
	background-color:#F05556;
	text-align:center;
	color:#fff;
	line-height:40px !important;
	border-radius: 50%;
}

 
/*************** INNER BANNER ***************/
.inner-banner{ float: left; width: 100%; height: 300px; background-image: url(../images/slider1-inner.jpg); background-repeat: no-repeat;background-position:top center; background-size:cover; }

/*************** FIXED HEADER ***************/
header.smaller { -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;
z-index: 9; background-color: #fff; box-shadow: 0px 1px 25px #0000003d; -webkit-box-shadow: 0px 1px 25px #0000003d; -moz-box-shadow: 0px 1px 25px #0000003d;
-ms-box-shadow: 0px 1px 25px #0000003d;}
header.smaller .logo { padding: 6px 0px 0px;}

/*************** JARALLAX ***************/
.jarallax{ position:relative; background-repeat:no-repeat; background-position:center center; -moz-background-size:cover; 
-webkit-background-size:cover; -o-background-size:cover; background-size:cover;}

/**********forms**************/
form{
	margin:0;
	padding:0;
}
*:focus {  
	outline: none;
}

form{
	margin:0;
	padding:0;
}

*:focus {  
	outline: none;
}
	
.fieldset{
	width:100%;
	height:auto;
	padding:15px 15px;
	background-color:#fff;
	display:block;
	border:0;
	border:1px solid #ccc;
	font-weight:normal;
	margin:0;
	color:#000;
	font-size:14px;
	font-family: 'Poppins';
   	float:left;
	border-radius:5px;
}

.sendbutton{
	width:auto;
	height:auto;
	border:0;
	outline:0;
	margin:0;
	display:inline-block;
	color:#fff;
	font-size:20px;
	font-weight:normal;
	font-family: "Playfair", serif;
	cursor:pointer;
	vertical-align:top;
	padding:15px 25px;
	text-align:center;
	background-color:#F05556;
	border-radius: 50px;
	 
}

.sendbutton:hover{
	background-color:#84275F;
	}
	
::-webkit-input-placeholder {
   color: #7D7D7D !important;
}

:-moz-placeholder { /* Firefox 18- */
   color: #7D7D7D !important;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #7D7D7D !important;
}

:-ms-input-placeholder {  
   color: #7D7D7Df !important;
}


.research-list {
    padding: 0px;
    margin: 30px 0 60px;
    float: left;
    width: 100%;
}

.research-list li {
    list-style: none;
    display: inline-block;
    width: 33%;
}

.research-list li img {
    max-width: 100%;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.research-list li:hover img{ -moz-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); }
.links-container{
	

}

.acolades_inner .public-cnt{
	min-height: 78px;

}

.acolades_inner p{
	margin-top: 4px;


}

.posters{

}

.posters .public-cnt{
	min-height: 73px;
	
}


.pad10{
	padding: 30px;
}
.r_cont{

}

.r_cnt_wrap{
	position: relative;

}
.r_cont:before {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 0px;
    top: 0;
    content: '';
    border-left: 1px solid #F05556;
    border-top: 1px solid #F05556;
}

h3.font32{
	font-size: 32px;
	margin: 0;

}


/************************************* 1180px *************************************/
@media only screen and (max-width: 1180px) {
.container{ width:96%;}
}

/************************************* 1024px *************************************/
@media only screen and (max-width: 1024px) {
.container{ width:90%;}
}

/************************************* 998px *************************************/
@media only screen and (max-width: 998px) {
.btn1, .btn2 { padding: 14px 14px;}
}

/************************************* 980px *************************************/
@media only screen and (max-width: 980px) {
header{ position: relative; }
.logo{ width: 100%; text-align: center; }
header .container{ width: 100%; }
.menu:after{ display: none; }
.menu{ padding-left: 0px; width: 100%; }
.clinical-expertise-box { padding: 20px 5px;}
.clinical-expertise-box h4 { font-size: 14px;}
.web-pages-logo ul li { width: 33%;}
}

/************************************* 800px *************************************/
@media only screen and (max-width: 800px) {
.intro-left, .intro-center { width: 100%; text-align: center;}
.intro-center{ margin-top: 30px; }
.clinical-expertise-inn{ width: 100%; border-right:none; }
.clinical-expertise-box:last-child{border-bottom: 1px solid #d2d2d2;}
.clinical-expertise-box:first-child{border-right: 1px solid #d2d2d2;}
.clinical-expertise-box{ width: 50%; min-height: 200px; }
.sandeep-profile-left, .sandeep-profile-right{ width: 100%; }
.sandeep-profile-right{ text-align: center; margin-top: 30px; }
.web-pages-logo h3{ width: 100%; margin: 0 0 20px; text-align: center; }
.web-pages-logo ul li { padding: 0 5px;}
.web-pages-logo ul { width: 100%;}
.ftr-logo{ width: 100%; margin-bottom: 20px;}
.ftr-contact-wrp{  width: 100%; }
.ftr-right i { width: 45px; height: 45px; line-height: 45px; font-size: 19px;}
.ftr-right a span { font-size: 12px; line-height: 45px; padding: 0 10px;}
footer:after { width: 27%;}
.sandeep-profile:after{ display: none; }
.sandeep-profile-left { padding: 80px 0px 0;}
}

/************************************* 640px *************************************/
@media only screen and (max-width: 640px) {
.two-col, .three-col, .four-col, aside, summary{ width:100%; margin:0 0 25px 0; }
.intro { padding: 50px 0px 60px;}
.heading { font-size: 44px;}
footer:after{ display: none; }
.ftr-left {width: 100%; margin:0; padding: 40px 20px 50px;}
.ftr-logo{ margin-right: 0px; }
footer .container{ width: 100%; }
.ftr-right {width: 100%; padding: 40px 0px 40px 20px;}
.ftr-right a{ float: left; }

 
table {
font-size:12px;
}
.th{
 
	font-size:18px;
	 
}
 td {
  
  padding: 10px 15px !important;
}
  .smd2, .smd3, .smd4, .smd5{
        width:50%;
}
 .list li{
 
    line-height:20px;
	font-size:16px;
 
}
.gallery-hm{ padding: 0 5px; }
}

/************************************* 557px *************************************/
@media only screen and (max-width: 557px) {
.heading { font-size: 28px;}
.btn1, .btn2{ font-size: 12px; }
.profile-cnt { padding-left: 50px;}
.web-pages-logo ul li { width: 50%; min-height: 100px;}
}

/************************************* 360px *************************************/
@media only screen and (max-width: 360px) {
.clinical-expertise-box { min-height: 207px; padding: 20px 0px;}
}

/************************************* 320px *************************************/
@media only screen and (max-width: 320px) {
.container{width:90%;}
.ftr-contact span{ margin: 0 0 20px; }
}