@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Quicksand&display=swap');

/* CSS Document */
	body {
    background: #FFF none repeat scroll 0 0;
    font-family: 'Open Sans', sans-serif;
	font-size:18px;
	line-height: 26px;
	font-weight:normal;
    margin: 0 auto;
	 color: #DF0000;
}
    /* Set height of the grid so .sidenav can be 100% (adjust as needed) */
    .row.content{
		min-height:350px;
	}
     
    .dropdown-menu > li > a {
    clear: both;
    color: #fff;
	white-space: nowrap;
	background: #44494b none repeat scroll 0 0;
	line-height:2;
}
 .dropdown-menu{
	 padding:0px;
 }
/*.color_blue{ color:#F4A70B; */
.color_blue{ color:#DF0000;
}
.color_blue a{ color:#DF0000; text-decoration: underline; }
 .color_blue2{ color:#12C5FD; }
 .color_white{ color:#FFFFFF;}
 .agnis_marquee{
	 background:#dfcaba;;
	 margin: 10px 0px 10px 0px;
	 padding:15px 0px;
 }
.agnis_container{
	  background:#363636;

 }
 .agnis_clinicalcase{
	 padding: 35px 0px;
/*		background:rgba(78, 92, 106, 0.6);*/
	 background:#dfcaba;
	
 }
 .align-center {
    text-align: center !important;
	  margin: 0 auto;
}
.steps{
	background:#333 none repeat scroll 0 0;
}

.steps h2 {
    color: #e8104c;;
    
    font-size: 30px;
    font-weight: bold;
    margin: 0;
    padding: 20px 0;
    text-align: center;
    text-transform: uppercase;
}
.steps h4 {
    color: #fc0;
    
    font-size: 25px;
    font-weight: bold;
    margin: 10px 0;
    padding: 0;
    text-align: center;
}
.steps p {
    color: #fff;
    font-size: 18px;
    /*margin: 10px;*/
    min-height: 215px;
}
.step1 {
    background: #1f6ec1 none repeat scroll 0 0;
    border-radius: 10px;
  
   /* margin-right: 0.5%;*/
    margin-bottom: 20px;
	padding: 19px;
	min-height:350px;
}

.heading1{
	margin: 10px 0px;
	text-align: center;
	display: block;
	font-family: 'Quicksand', sans-serif;
	background: #EFEFEF;
	padding:20px 0px 20px 0px;
	color:#ef3e23;
	font-size:24px;
	font-weight:600;
	width: 100%;
	border-radius: 10px;
}

.heading2{
margin:0px 0px 0px 0px;
padding:20px 0px;
font-size:35px;
color:#EEE;
font-weight:normal !important;
}
.heading2_copy{
margin:0px 0px 0px 0px;
padding:20px 0px;
/*font-size:30px;*/
font-size:24px;
color:#EEE;
font-weight:normal !important;
}
.heading9{
margin:0px 0px 0px 0px;
padding:0px 0px;
font-size:28px;
color:#EEE;
font-weight:normal !important;
}
.heading3{
	background:url(images/blender.png) no-repeat left 5px;
	margin:0px 0px 0px 0px;
	padding:10px 0px 10px 60px;
	font-size:40px;
	color:#333;
	text-decoration:none;
}

.heading4{
margin:0px 0px 0px 0px;
padding:2px 0px;
font-size:25px;
color:#FFF;
text-align:center;
}

.heading5{
margin:0px 0px 0px 0px;
padding:2px 0px;
font-size:40px;
color:#e34310;
text-align:center;

font-weight:bold;
}

.heading6{
margin:0px 0px 0px 0px;
padding:2px 0px;
font-size:25px;
color:#000;
text-align:center;

font-weight:bold;
}

.heading7{
margin:0px 0px 0px 0px;
padding:10px 0px;
font-size:34px;
color:#600;
text-align:center;

font-weight:bold;
}

.heading8{
margin:0px 0px 0px 0px;
padding:2px 0px;
font-size:24px !important;
color:#600;
text-align:center;

font-weight:bold;
}

.heading3 a:link, .heading3 a:active, .heading3 a:visted{
	text-decoration:none;
	color:#333;
}

.heading3 a:hover{
	text-decoration:none;
	color:#F90;
}
 
.top-padding-20{
	padding-top:20px;
}
.top-padding-10{
	padding-top:10px;
}
.bottom-padding-20{
	padding-bottom:20px;
}
.bottom-padding-10{
	padding-bottom:10px;
}
.left-padding-20{
	padding-left:20px;
}
.gradient-03{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b7deed+0,21b4e2+49,b7deed+100 */
background: #b7deed; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #b7deed 0%, #21b4e2 49%, #b7deed 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #b7deed 0%,#21b4e2 49%,#b7deed 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #b7deed 0%,#21b4e2 49%,#b7deed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
-webkit-border-radius: 10px;
border-radius: 10px;
}

 
.gradient-04 {
    background: rgb(251,236,224);
background: radial-gradient(circle, rgba(251,236,224,1) 0%, rgba(223,202,186,1) 100%); 
}
.divider_space, .divider_space_thin, .divider, .divider_thin, .divider_dots, .divider_dots_full {
    clear: both;
    display: block;
    margin-bottom: 25px;
    padding-top: 26px;
    width: 100%;
}
em {
    color: #f25e2f;
}
.leftcolumn {
    background: #6D6968 none repeat scroll 0 0;
    color: #fff;
    /*float: left;
    margin-left: -100%;
    width: 315px;*/
}
.leftcolumn h2 {
    background: #413839 none repeat scroll 0 0;
    margin: 0;
    padding: 3px 0 5px 13px;
}
.leftcolumn a {
	color:#fff;
}
.list1 {
    color: #fff;
    font-size: 100%;
    font-weight: normal;
    margin: 0;
    padding: 0;
    text-align: left;
}
.list1 li {
    background: rgba(0, 0, 0, 0) url("../images/menu_marker.png") no-repeat scroll left 8px;
    list-style: outside none none;
    padding: 3px 0 3px 20px;
}
.box1 {
    color: #000;
    
    font-weight: normal;
    padding: 0;
	min-height:330px;
}
.box1 h2 {
    margin: 10px 0;
    text-align: center;
    text-transform: uppercase;
}
.box1 ul {
    list-style: outside none none;
    margin: 0;
	padding:0;
}
.box1 li strong {
    font-size: 150%;
    text-align: center;
}
.box1 p {
    font-size: 90%;
    padding: 5px;
    text-align: center;
}
.box2 {
	width: 100%;
    background: #FFEAEA none repeat scroll 0 0;
    border-radius: 10px;
    margin: 10px 0px;
    /*min-height: 300px;*/
    padding: 10px;
}
.box2 span {
    color: #09f;
    font-weight: bold;
}
.box2 h2 {
    color: #EF3E23;
    margin: 0;
    padding: 10px 0px 0;
    text-align: center;
    text-transform: uppercase;
}
.footer-content {
    background: #FBECE0;
	
    color: #261c1c;;
   /* float: left;
    text-align: left;*/
	padding:30px 0px;
}
/* Set black background color, white text and some padding */
footer {
  background: #FDDBDB none repeat scroll 0 0;
  color: #000;
  padding: 15px;
  font-size:14px;
}
footer a,a:hover{
	color: #f25e2f;
    text-decoration: none;
	
}
.padding-bootom-20{
	padding-bottom: 20px;
	
}
.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top:none;
	
}

.panel-default,.panel-default > .panel-heading {
    background-color:#000;
    border:none;
}
.panel-body{
	background: #FFF none repeat scroll 0 0;
	text-decoration:none;
	padding: 10px;
	color: #F00;
}
.panel-title a,a:hover{
	text-decoration:none;
}
.panel-group a{
	color:#fc0;
}
.panel-warning > .panel-heading {
    color: #F00;
    background-color: #f0bcb4;
	padding: 10px;
}


.navbar-inverse {
    background-color: #DF0000;
	font: normal 18px;
	border:none;
	}
 /* Remove the navbar's default margin-bottom and rounded borders */ 
    .navbar {
	  border-bottom:1px solid #FFF;		
    }
	/*.navbar .active{
		border-bottom:4px solid #12c5fd;
	}*/

	.navbar-nav > li > a {
		border-right:1px solid #FFF;
		padding:15px 15px; 
	}
	
    .navbar-inverse .navbar-nav > li > a:hover {
    color:#000;
    background-color:#FFF;
		
	}
	.navbar-inverse .navbar-nav > li > a {
    color:#FFF;
		margin: 0px !important;
	}


#vertical-facebook{ 
position: fixed;
top: 50%;
right: 0%;
margin-top: -50px;
}
.agnis-bg-cta
{
	background-color:#fbece0 !important;
}
.color_white
{

	color:#FFFFFF;
}


.btn-info {
  color: #000;
  background-color: #dfcaba;
  border-color: #dfcaba;
}


.btn-info:hover {
   color: #000;
  background-color: #dfcaba;
  border-color: #dfcaba;
}



.navbar-dark .navbar-nav .nav-link {
  color: #fff;
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(220, 53, 69)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-dark .navbar-toggler {
 
  background: #fff;
}

.dropdown-item
{
	color: #f00;
padding: 10px 20px;
}
.dropdown-item:hover {
  color: #f00;
  text-decoration: none;
  background-color: #ffeaea;
}
.dropdown-divider {
  margin: 0;
	border-top: 1px solid #ffeaea;
	}

.border1
{
	border: 2px solid #dc3545;
padding: 10px;
}





/*==========================   faq page accordian css starts    =====================================*/

details div {
	border-left: 2px solid #dc3545;
	border-right: 2px solid #dc3545;
	border-bottom: 2px solid #dc3545;
	padding: 1.5em;
	color: #f00;
}

details div > * + * {
	margin-top: 1.5em;
}

details + details {
	margin-top: 1rem;
}

summary {
	list-style: none;
	color: #f00;
}

summary::-webkit-details-marker {
	display: none;
}

summary {
	border: 2px solid #DC3545;
	padding: 0.75em 1em;
	cursor: pointer;
	position: relative;
	padding-left: calc(1.75rem + 0.75rem + 0.75rem);
}

summary:before {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0.75rem;
	content: "↓";
	width: 1.75rem;
	height: 1.75rem;
	background-color: #DC3545;
	color: #fff;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}

details[open] summary {
	background-color: #fddbdb;
}

details[open] summary:before {
	content: "↑";
}

summary:hover {
	background-color: #fddbdb;
}





code {
	font-family: monospace;
	font-weight: 600;
}


/*==========================   faq page accordian css ends    =====================================*/


/*==============================================================================================================================*/
@media (min-width:1281px) { /* hi-res laptops and desktops */
.navbar-nav {
  width: 100%;
  text-align: center;
}
.navbar-nav > li {
  float: none;
  display: inline-block;
}

}

/* On small screens, set height to 'auto' for sidenav and grid */
@media screen and (max-width: 767px) {
 .navbar-nav > li > a {
  border-right: none;
	 border-bottom: 1px dashed #eee;
padding: 15px 0;
	}
	
	.nav-fill
	{
		width: 100% !important;
	}
	
  .row.content {height:auto;} 
  .navbar-toggle{
	  background-color:#000;
	}
	.step1 , .steps p {
		height:inherit;
	}
	.heading6{
		font-size:18px;
	}
	.heading7{
	font-size:30px;
	color:#600;
	}
	.heading5{
	font-size:30px;
	}
	
	.text-sm-center
	{
		text-align: center !important;
	}
	
	
}



/*==============================================================*/
.font-18 {
	font-size: 18px;
}
.text-white{
	color: #000;
}
.text-danger{
	color:#E62017
}

.bottom-padding-40 {
	padding-bottom: 5px; }

.top-padding-40 {
	padding-top: 40px;
}
.m-0 {
	margin: 0px;
}
.bg-dark-new {
	background: rgba(72, 82, 92, 0.6);
	padding-top: 50px;
	padding-bottom: 50px;
}
.text-red{
	color: #E1060A;
}


.bg1{
	background:url(images/bg-1.jpg);
}




 .box-1{
  background: #f9f3f6;
  background-image: url("../images/home/leaf.png");
  background-repeat: no-repeat;
 background-position: top center;
	 border-width: 8px;
  border-color: red;
  border-style: double;
}


/*=========================================agnis list 26 Start =============================================*/

.agnis-list-26 ol {
/*  max-width: 50%;*/
  counter-reset: my-awesome-counter;
  list-style: none;
  padding-left: 40px;
	color: #F00;
}
.agnis-list-26 ol li {
  margin: 0 0 12px 0;
  counter-increment: my-awesome-counter;
  position: relative;
}
.agnis-list-26 ol li::before {
  
  content: counter(my-awesome-counter);
  color: #FFF;
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  --size: 24px;
  left: calc(-1 * var(--size) - 10px);
  line-height: var(--size);
  width: var(--size);
  height: var(--size);
  top: 2px;
  transform: rotate(0deg);
  background: #FF0000;
  border-radius: 50%;
  text-align: center;
  box-shadow: 1px 1px 0px #999;
}

/* agnis list 16 */
.agnis-list-16 {
/*	width:auto;*/
/*	background: #282826;*/
	color: #8b8b8b;
	padding: 20px 10px 20px 10px;
	border-radius: 4px;
}
.agnis-list-16 span {
	color: #F90;
}

.agnis-list-16 ul{
/*	clear:both !important;*/
	list-style:none;
	}

.agnis-list-16 li{
	margin: 5px 0px 0px 0px;
	float: left;
	width: 100%;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #fddbdb;
}
.agnis-list-16 li:last-child {
    border-bottom: 0px solid #555;
}

.agnis-list-16  .icon-box {
	width: 15%;
	text-align: center;
	float: left;
	font-size: 250%;
	color: #dc3545;
	}
.agnis-list-16 li .icon-description {
	width: 85%;
	float: left;
	padding-left: 15px;
}

.icon-description small {
	display: block;
	padding: 0px 0px 0px 5px;
	margin: 10px 0px 0px;
	font-size: 110%;
	color: #DC3545;
	font-weight: 700;
	text-transform: uppercase;
}
.icon-description h5 {
	padding: 3px 0px 0px 5px;
	margin: 0;
	font-weight: 300;
	color: black;
	text-transform: none !important;
}

.agnis-list-16 h3{
	margin:0px;
	padding:20px 30px;
	font-size:200%;
	color:#fff;
	}

.row .photos {
  position: relative;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  background: #d3d3d378;
  transition: all 700ms ease 100ms;
}

.icon {
  color: white;
  font-size: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.fa.fa-search {
  font-size: 40px;
  border: 1px solid white;
  padding: 5px;
  background: #036;
}

.item {
/*  width: 100%;*/
  padding: 10px;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  font-weight: 400;
}


@media (min-width: 768px) {
  .multi-item-carousel .carousel-inner .carousel-item {
    margin-right: inherit;
  }
  .multi-item-carousel .carousel-inner .carousel-item.active + .carousel-item,
  .multi-item-carousel .carousel-inner .carousel-item.active + .carousel-item + .carousel-item {
    display: block;
  }
  .multi-item-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
  .multi-item-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
  .multi-item-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
    transition: none;
  }
  .multi-item-carousel .carousel-inner .carousel-item.active + .carousel-item + .carousel-item  {
    position: absolute;
    top: 0;
    right: -50%;
    z-index: -1;
    display: block;
    visibility: visible;
  }
  .multi-item-carousel .carousel-inner .carousel-item-next,
  .multi-item-carousel .carousel-inner .carousel-item-prev {
    position: relative;
    transform: translate3d(0, 0, 0);
  }
  .multi-item-carousel .carousel-inner .carousel-item-prev.carousel-item-right {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    visibility: visible;
  }
  .multi-item-carousel .active.carousel-item-left + .carousel-item-next.carousel-item-left,
  .multi-item-carousel .carousel-item-next.carousel-item-left + .carousel-item,
  .multi-item-carousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
  .multi-item-carousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  .multi-item-carousel .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
  .multi-item-carousel .carousel-item-prev.carousel-item-right + .carousel-item,
  .multi-item-carousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
  .multi-item-carousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    display: block;
    visibility: visible;
  }
}

.main-event {
  background: #fff;
  padding: 10px;
}
.event-body {
  background: #fe0002;
  text-align: center;
  padding: 10px;
  color: #fff;
}
.event-title {
  border-bottom: 1px solid #ffffffa6;
  display: inline;
	font-family: 'Lora', serif;
}
.event-title1 {
  font-size: 30px;
  padding: 17px 0;
  margin: 0;
	font-family: 'Lora', serif;
	line-height: 37px;
}
.line {
  color: #fff;
  background: #fff;
  margin: 0;
  border-top: 1px solid #ffffffa1;
}
.event-title2 {
  padding-top: 17px;
  margin: 0;
  font-size: 25px;
	font-family: 'Lora', serif;
}
.event-title3 {
  font-size: 28px;
  padding-top: 8px;
  padding-bottom: 20px;
  margin: 0;
	font-family: 'Lora', serif;
}
.event-title4 {
  font-size: 20px;
  color: #fffffff0;
  padding-top: 28px;
	margin: 0;
	font-family: 'Lora', serif;
}

.event-body {
/*    height: 300px;*/
    background: red;
    position: relative;
}

.event-body:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  border-top: 43px solid white;
  border-left: 45px solid red;
  width: 0;
}

@media (max-width:567px)
	{

.text-smm-center
	{
		text-align: center !important;
		
	}
		
		.text-smm-center a
		{
			font-size: 16px;
		}
	}

