/* CSS Document */
/* ==========================================================================
   FontFace
   ========================================================================== */
   
@import url(http://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800);



   
body{ margin:0; padding:0; background:#fff;  font-family: 'Raleway', sans-serif; font-weight:400;}
p{ margin:0; font-size:15px; color:#000;  font-weight:500; line-height:22px; margin-bottom:15px;}  
a{ text-decoration:none; outline:none; border:none;}
.spacer-50{ height:50px; width:100%; clear:both;}
.spacer-100{ height:100px; width:100%; clear:both;}
.spacer-30{ height:30px; width:100%; clear:both;}
.spacer-10{ height:10px; width:100%; clear:both;}
span{ text-shadow:none;}
a:focus{ outline:none;}
h2{ color:#000; text-transform:uppercase;}
ul, ul li{ list-style:none; margin:0; padding:0;}
input, textarea, select{ padding:5px; border:1px solid #d3d3d3; font-size:13px; color:#8a8a8a;}
.nomrg-rgt{ margin-right:0 !important;}
img{ float:left; max-width:100%; vertical-align:middle;}




/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.btn{ background-color: #0db7c4; border-color: #0db7c4; color:#fff !important; border:1px solid #029ca8; cursor:pointer;}  
.submit-buttn{ text-transform:uppercase; font-style:normal !important; font-weight:600; text-transform:uppercase; font-size:14px; font-weight:600;} 

/*header*/
.header{}
.header-top{ width:100%; height:30px; float:left; background:#0db7c4; }
.header a.logo{ padding:20px 15px 20px 0; display:block; float:left; line-height:50px; }


/*call detail*/
.call-detail{ text-align:right; margin-top:40 px; /*font-family: 'Pristina-Regular';*/}
.header-top p,.call-detail p{ margin-bottom:8px; font-weight:600; margin-top:55px; }
.header-top .fa, .call-detail .fa{ color:#0db7c4; font-size:20px;}
.header-top .gray .call-detail .gray{ color:#6b6b6b;}
.header-top p{ float:left; margin-top:4px; color:#fff;}
.call-detail p{ font-size:18px; font-weight:normal;}
.social-box{ float:right; margin-top:3px; overflow:hidden;}
.social-box li{  float:left; margin-left:10px;}
/*.social-box li a{ background:url(../img/bg_social.png) left top; width:28px; height:25px; float:left; text-indent:9999px;}*/
.social-box li a{ }  
.social-box li a:hover{ background-position:left bottom}
.social-box li.youtube a{ background-position:28px top;  }
.social-box li.twitter a{ background-position:56px top;  }

.social-box li.youtube a:hover{ background-position:28px bottom;  }
.social-box li.twitter a:hover{ background-position:56px bottom;  }


ul.linkdinon {
    display: flex;
    gap: 20px;
    float: right;
}
ul.linkdinon li a i {
    color: #fff !important;
    font-size: 22px !important;
    padding-top: 3px;
}
.banner-nav ul li:nth-child(6) {
    display: none;
}
/*menu*/
.navbar{ background:#f2f2f2; border-bottom:4px solid #d4d1d1; margin-bottom:0;}
.menu{ float:left; margin:0; padding:0; position:relative; }
.menu li{ display:block; float:left;}
.menu li a {
    border-right: 1px solid #d4d1d1;
    color: #000;
    font-size: 15px;
    font-weight: 600;
    line-height: 54px;
    margin-top: 8px;
    padding: 18px 10px 22px;
}
.menu li:last-child a{ border-right:none;}
.menu li:hover, .menu li.active{ background:#fff; box-shadow:0 3px 3px #d4d1d1; border:none;}

/* Dropdown */
.menu , .menu li { 
	position:relative; 
}
.menu li.hover,
.menu li:hover a {
	position:relative;
	text-decoration:none;
}
.menu li:hover li a {
}
/* LEVEL TWO */
.menu ul { 
	visibility:hidden;
	position:absolute;
	top:100%;
	left:0;
	font-size:60%;
	z-index:10000;
	height:auto;
	margin:0;
	background:#f2f2f2;
	width:auto;
}
.menu ul li { 
	background:none;
    border-bottom: 1px solid #d4d1d1;
	float:none;
	display:block;
	padding:5px 0;
	margin:0;
	white-space:nowrap;
}
.menu ul li a { 
    border-left: 1px solid #d4d1d1;
	height:auto;
	line-height:auto;
	display:block;
	margin:0;
	padding:0px 70px 0px 10px;
}
.menu ul li:hover { background:#fff;} 
/* LEVEL THREE */
.menu ul ul { 
	left: 100%; 
	top: 0;
}
.menu li:hover ul {
	visibility: visible;
}
/*Dropdown */


/*toogle-menu*/
.toogle{ width:100%; height:45px; float:left; display:none;}
.toogle-menu-bt{ width:100%; height:45px; background:#f2f2f2; border:none; color:2dc0cc;}
.toogle-menu-bt i{ float: left;
margin-left:10px;
    position: relative;
    z-index: 9999;} 
.toogle-menu{ background:#2dc0cc;}
.toogle-menu ul li{ margin:0; background:url(../img/banner-menu-devider.png) no-repeat bottom center / 100%; padding:1px 0 3px 0;}
.toogle-menu ul li a:hover:after, .banner-nav ul li.active :after{content:""; position:absolute; left:-10px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right:10px solid #017e87; }

.toogle-menu ul li a{ font-size:15px; font-weight:500; color:#fff; padding:8px 26px; display:block;  position:relative; }
.toogle-menu ul li a:hover{ background:#017e87;}




/*banner*/

.banner{position:relative;}
.banner .banner-wrap{ position:relative;}
.banner img{ width:100%; max-height:408px; float:left;}


.carousel-inner, .carousel{position:relative;}

.banner-right { overflow: hidden; position: absolute; width: 100%; top:0;}


.banner-nav{ width:250px; float:right; background:#2dc0cc; margin:0 15px; height:408px;}
.banner-nav ul{ margin:0;  padding: 15px 0 43px;}
.banner-nav ul li{ margin:0; background:url(../img/banner-menu-devider.png) no-repeat bottom center / 100%; padding:1px 0 3px 0;}
.banner-nav ul li a:hover:after, .banner-nav ul li.active :after{content:""; position:absolute; left:-10px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right:10px solid #017e87; }

.banner-nav ul li a{ font-size:15px; font-weight:500; color:#fff; padding:9px 26px; display:block;  position:relative; }
.banner-nav ul li a:hover, .banner-nav ul li.active{ background:#017e87;}

/*inner page*/
.inner-page{ width:100%; clear:both; background:#fff url(../img/shadow.jpg) no-repeat top center; padding:25px 0 28px 0;}
.inner-page .intro{}
.inner-page .intro h2{ margin:0 0 18px; font-weight:600;}
.inner-page .intro h2 span{ font-size:13px;  display:block;}
.inner-page .intro h2 .fa{ font-size:45px; color:#0db7c4; margin-right:15px; float:left;}
.inner-page .intro h2 a{
    color: #ae0a0a !important; font-weight:600; font-size:24px;  display:block; margin:0;
}
.inner-page .intro h2 a:hover{ text-decoration:underline;}
.inner-page .intro .intro-box{ margin-bottom:25px; min-height:100px; position:relative; padding-bottom:30px;}

.inner-page .intro .intro-box.last{ min-height:100px;}
.intro .intro-box a{ font-size:13px; color:#0db7c4; margin-top:12px; font-weight:600;}

.inner-page .intro p{ text-align:justify; padding-right:25px }
.inner-page .intro .read-more{ position:absolute; left:0; bottom:0;} 
.intro .intro-box img{ float:left; margin-right:10px;}
.inner-page .intro .intro-box ul{ margin-left:10px;}
.inner-page .intro .intro-box li{color: #000;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
	list-style:disc;
	text-align:justify;
	margin-bottom:12px;
}
.inner-page .intro .intro-box li a{color: #000; font-size:15px; font-weight: 500;}
.intro .intro-box .red{color:#ae0a0a !important;}
.contact-box{ background:#f4f4f4; border:1px solid #bababa; border-radius:5px; padding:8px; display:inline-block;}
.contact-box label{ color:#4f4f4f; font-size:15px; width:43%; float:left; font-style:italic; font-weight:600;}
.contact-box p{ float:left; }
.contact-box a{ float:left; font-size:12px; color:#000 !important; margin-top:0 !important;}
.contact-box .fa{ color:#4f4f4f; font-size:14px;}
.intro .download{ width:100%; float:left; background:url(../img/download-bg.png) no-repeat top left; margin-top:30px;}
.intro .download a{ line-height:32px; margin:0; color:#fff; text-align:left; font-size:10px; font-weight:500; padding-left:5px;}

.form-box { padding-top:25px}
.form-box input{ margin-bottom:14px; font-family: Arial,Helvetica,sans-serif;}
.form-box .input-field{
    background: #fff none repeat scroll 0 0;
    border: 1px solid #a7a7a7;
    border-radius: 4px;
    box-sizing: border-box;
    color: #1e1e1e;
    font-size: 13px;
    font-weight: normal;
    height: 35px;
    padding: 0 15px;
    width: 100%;

}
.form-box .input-group-addon {
    background-color: #e1e1e1;
    border-bottom: 1px solid #a7a7a7;
    border-left: 1px solid #a7a7a7;
    border-radius: 4px 0 0 4px;
    border-top: 1px solid #a7a7a7;
    color: #000;
    float: left;
    font-size: 16px;
    font-weight: 600;
    height: 35px;
    line-height: 1;
    padding: 8px 0;
    text-align: center;
    width: 10%;
}
.form-box  li.small .phone {
    border-left: medium none;
    border-radius: 0 4px 4px 0;
    width: 90%;
}
.form-box textarea {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #a7a7a7;
    border-radius: 4px;
    box-sizing: border-box;
    color: #1e1e1e;
    font-size: 13px;
    font-weight: normal;
    font-family: Arial,Helvetica,sans-serif;
    min-height: 200px;
    padding: 10px 15px;
    width: 100%;
	margin-bottom:15px;
}
.form-box .button {
    background: #0db7c4;
    border: 1px solid #a7a7a7;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 15px;
	font-weight: 600;
    text-transform: uppercase;
    line-height: 34px;
    min-width: 76px;
    padding: 0 20px;
    text-align: center;
}
/*sidebar*/
.sidebar{ float:right;}
.sidebar .signup{ background:#f8f8f8; width:100%; float:left; border:2px solid #bababa; border-radius:5px; padding:0 12px; margin-bottom:22px;}
.sidebar h2{ font-size:24px; padding:0 12px; font-weight:600; margin-bottom:14px;}
.sidebar ul li{ margin-bottom:18px;}
.sidebar ul li input{ font-style:italic; color:#8a8a8a; height:30px; border-radius:5px;}
.sidebar .signup a{ float:left; padding:0 10px; font-size:13px; line-height:26px;}
.sidebar .signup .submit-buttn{ float:left;}

.sidebar .newsletter h2{ font-size:20px; }
.sidebar .newsletter p{ color:#484848; font-size:12px; margin-left:15px; margin-bottom:10px; font-weight:600;}

.input-group{ padding:0 15px; display:table; position:relative;}
.input-group-btn{ vertical-align:middle; width:1%; position: relative; white-space: nowrap; display:table-cell; right:-4px; top:-2px;}
.input-group-btn input{ height:22px !important; margin:2px 0; font-size:30px; padding:0 15px;}
.input-group .arrow-right{ position:absolute; top:.2em; left:.7em; color:#fff; font-size:19px; cursor:pointer;}

/*social icons*/
.social-icons{ background:#f5f5f5; border:1px solid #dddbdb;}
.social-icons a{ display:inline-block; margin:0 37px; vertical-align:middle;}
.social-icons span{ float:left; text-transform:uppercase; font-size:13px; margin-top:23px; margin-left:15px;}
.social-icons a:last-child{ margin-right:0;}
.social-icons a img{ float:left;}
.social-icons a:hover{ opacity:.7;}

/*footer*/
.footer{ width:100%; clear:both; background:#0db7c4; border-top:2px solid #018a95;}
.footer h2{ color:#fff; font-size:24px; font-weight:500;}
.footer ul li{ margin-bottom:5px; margin-bottom:12px;}
.footer ul li a{ color:#fff; font-size:16px;}
.footer ul li a:hover{ text-decoration:underline;}

.footer-txtb{ max-width:600px; width:100%; margin:0 auto; padding:20px 0 ; font-weight:normal; }
.footer-txtb p{color:#fff; text-align:center; padding-bottom:5px; text-shadow: 0px 2px 2px rgba(000, 000, 000, 0.4);}
.footer-txtb a{ color:#fff;}
.footer-txtb span{ margin:0 15px;}
.footer-txtb a:hover{ color:#ae0a0a; text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.3);}
/* ==========================================================================
   Society
   ========================================================================== */
.society a, .conferences a, .awards a, .advocacy a, .publications a, .patients a, .opportunities a{ color:#ae0a0a; }
.society a:hover{ color:#000; }
.society span{ display:block;} 
.society p{ margin-bottom:15px;}
.society h4, .conferences h4, .awards h4, .advocacy h4, .publications h4, .patients h4, .opportunities h4{color:#0db7c4;}
.society ul{ margin:0 0 30px 14px; padding:0;}
.society ul li{ list-style:disc; color:#000; font-size:15px; margin-bottom:5px; line-height:22px;  font-weight:500;}

.society li a{ color:#000; }
.society li a:hover, .society .active a{ color:#ae0a0a; }
.society .active a{ color:#ae0a0a; }

.society .term { margin:35px 0 0 90px;}
.society .term ul{ margin-left:127px ;   }
.society .term li{ list-style:none; float:left; padding:0 30px 0 0;}
.society .term li span{ margin-right:30px; display:inline-block;} 
.society .term p{ display:inline-block; text-align:center;} 
.society .link { width:100%; float:left; margin:10px 0 15px 0;}
.society .link p a{ display:inline-block; font-size:15px; color:ae0a0a;}
.society .address { margin:15px 0 35px 0;}
.society .address li{ list-style:none; margin-bottom:5px; }

.society .login { width:100%; float:left; margin:0 0 25px 0;}
.society .login-row{ width:100%; float:left; margin-bottom:10px;}
.society .login label{ display:inline-block; width:130px; }
.society .login .button{ background:#0db7c4; width:155px; margin:0 0 0 133px; color:#fff; font-size:14px; font-weight:600; cursor:pointer;  }
.society .login p{font-size:13px; font-weight:400;} 
.society .login span{ display:inline-block; margin-left:40px;}
.society .payment{ width:100%; float:left; margin-bottom:35px;}
.society .payment ul{ margin:0; }
.society .payment li{ list-style:none; margin:0 10px; float:left; }
.society .payment .button {
    background: #406cb7;
	border:none;
    border-radius: 4px;
    color: #fff;
    float: left;
    font-size: 15px;
    font-weight: 600;
    line-height: 34px;
    margin: 15px 0;
    min-width: 136px;
    padding: 0 20px;
    text-align: center;
}

.society .col1{ width:100%; float:left; margin-bottom:25px;}
.society .img-box{width:30%; float:left;}
.society .img-box h4{ clear:both; margin-left:5px}
.society .img-box img{ 
	margin-bottom:10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 3px 3px 5px 6px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  	-moz-box-shadow:    3px 3px 5px 6px #ccc;  /* Firefox 3.5 - 3.6 */
  	box-shadow:         3px 3px 5px 6px #ccc; 
}
.society .txt-box{ width:70%; float:left;}
.society .txt-box h4 {margin:0 0 10px 0;}

.society .sponser h4{ margin-bottom:30px;} 
.society .sponser li{ width:100%; float:left;  list-style:none; clear:both; padding:0 0 20px 0;}
.society .sponser ul{ margin-left:0;  }

.society .address .button, .orderform .button {
    background: #0db7c4 none repeat scroll 0 0;
    border: 1px solid #a7a7a7;
    border-radius: 4px;
    color: #fff;
    float: left;
	margin:15px 25px 15px 0;
    font-size: 15px;
    font-weight: 600;
    line-height: 34px;
    min-width: 76px;
    padding: 0 20px;
    text-align: center;
    text-transform: uppercase;
}
.society .address .button:hover {
background:#017e87;
}
.comming{ width:100%; float:left; text-align:center; font-size:35px; color:#0db7c4; padding:80px 0; text-transform:uppercase; font-weight:600;}
.conferences h4{ margin-bottom:5px;}
.publications h4 { margin-bottom:15px;}
.publications li, .patients li {	
	color: #000;
    font-size: 15px;
	margin-bottom:12px;
	font-weight: 500;
}
.publications p b{ color:#ae0a0a;}	
.publications .img-box{ float:left; margin-right:10px; border:1px solid #6b3827;}
.patients .heading{ background:#0db7c4; text-align:center; color:#fff; padding:5px 0; margin-bottom:0;} 

.patients .tbl-lft, .patients .tbl-rht{ border:1px solid #999999; padding-top:10px; min-height:790px;}
.patients .tbl-lft.none{ border-right:none;}
.patients ul{ margin-left:15px; } 
.patients li{ list-style:disc;} 
.patients .tabel{ margin-bottom:20px;}
.patients .cell{ margin:25px 0; }
.patients .body-organs{ text-align:center; margin-bottom:30px}
.patients .body-organs img{ float:none;}
.patients h3 a{ color:#000;}
.patients h3 a:hover{ color:#0db7c4;}

.opportunities .uab-logo{ margin:15px 0; }
.research li { line-height:24px;}
.research li a{ padding-right:10px; }
.research li a:hover{border-bottom:1px solid #ae0a0a; }
.awards-gallery li{ float:left; list-style:none; margin-bottom:20px ;}
.awards-gallery li { text-align:center; font-family: Arial,Helvetica,sans-serif;}
.awards-gallery li span{ display:block; padding:10px 0;  color: #0db7c4; font-size: 15px; font-weight: 500; line-height: 22px;}
.awards-gallery li img{ float:none;}

 
.reg-form{ width:100%; float:left; font-size:15px; font-weight:500; line-height:26px; }
.reg-form h3{ margin-bottom:30px;}
.reg-form label{ width:140px; margin-right:10px; float:left; line-height:26px;}
.reg-form li{ width:50%; float:left; list-style:none; margin-bottom:20px; margin-left:0;}
.reg-form .input input{width:300px;}
.reg-form .row2{ width:100%; float:left; margin-top:20px;}
.reg-form .radio li{ width:134px;}
.reg-form .radio .input2{ width:250px;}
.reg-form .checker label{width:15%; }
.reg-form .checker ul{ width:75%; float:left; }
.reg-form .checker li{ width:33%;}
.reg-form .checker li .input2{ width:130px; margin-left:20px;}
.reg-form .button { background:#0db7c4; width:155px; margin-left:36px; color:#fff; font-size:14px; font-weight:600; cursor:pointer;}
.reg-form .submit{ margin-left:149px;}

/* ==========================================================================
   Contact
   ========================================================================== */
.contact p{ margin:5px 0; font-weight:500;}
.contact a{ color:#000; /*font-weight:600; font-size:18px;*/}
.contact a:hover{ text-decoration:underline;}

/* ==========================================================================
   Archive
   ========================================================================== */
.archive a{ color:#000; font-weight:500;}
.archive a:hover{ text-decoration:underline;}
.archive ul{ margin:0; padding-left:15px;}
.archive ul li{ list-style:disc; color:#000; font-size:15px; margin-bottom:10px;}

/* ==========================================================================
   Gallery
   ========================================================================== */


.staff-img{ margin-top:20px;}
.staff-img ul{ margin:0; padding:0;}
.staff-img ul li{ display:inline-block; max-width:150px; text-align:left; margin-right:30px;}
.staff-img ul li p{ font-size:13px; display:inline-block;}
.staff-img span{ font-weight:600;}

.images-link { padding:0; margin-top:30px;}
.images-link p{  margin-bottom:8px;}
.images-link a{ color:#000; font-weight:600; font-size:13px;}
.images-link a:hover{ text-decoration:underline;}

.diseases li{  
	color: #000;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
}

/* ==========================================================================
   Order Form
   ========================================================================== */

.orderform{
	
}
.orderform label{ color:#3f3f3f; font-weight:normal; float:left; margin-right:20px; line-height:35px;}
.orderform label span{ padding-right:30px;}
.orderform .checkbox{ float:left;}
.orderform	label {
    display: inline;
}
.orderform .button{ float:right;}
.orderform .regular-checkbox {
    display: none;
}

.orderform .regular-checkbox + label {
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 9px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
}

.orderform .regular-checkbox + label:active, .orderform .regular-checkbox:checked + label:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.orderform .regular-checkbox:checked + label {
    background-color: #e9ecee;
    border: 1px solid #adb8c0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: #99a1a7;
}

.orderform .regular-checkbox:checked + label:after {
    content: '\2714';
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 3px;
    color: #99a1a7;
}

/* ==========================================================================
   Password Form
   ========================================================================== */
   
.password-form{ 
	border:2px solid #028a95;
	padding-top:10px;
	padding-bottom:10px;
}
.password-form .button{ margin:10px 0; float:left; padding:0;} 

.input-form{
	width:220px;
	height:32px;
	border:1px solid #d3d3d3;
	margin:5px 0px;
	padding:10px 13px;

}
.submit{
	width:100px;
	height:30px;
	background:#0db7c4;
	color:#fff;
	border-radius:4px;
	margin:6px 5px 0px 0px;
	border:none;
	font-size:15px;
	font-family: 'Raleway', sans-serif; 
	font-weight:600;
}
.submit:hover{
	background:#017e87;
}