body, p{
font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
font-size: 20px;
    color: #333c4e;
}
.navbar-dark .navbar-nav .nav-link {
color: #000b5e !important;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
margin-left: 18px;
}

.navbar-dark .navbar-nav .nav-link:hover{
color:#4a318f !important;
border-bottom:1px solid;
}
 
.navbar-dark .navbar-toggler i{
color:#303c90;
}

/*Dropdown Css*/
.dropdown:hover > .dropdown-menu {
display: block;
}
.dropdown-submenu{
position: relative;
}
.dropdown-submenu>.dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0 6px 6px 6px;
-moz-border-radius: 0 6px 6px;
border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
display: block;
}
.dropdown-submenu>a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #ccc;
margin-top: 5px;
margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
border-left-color: #fff;
}
.dropdown-submenu.pull-left {
float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
left: -100%;
margin-left: 10px;
-webkit-border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px;
}
.dropdown-item{
     text-transform: capitalize !important;
    font-size: 15px !important;
    color: #fff !important; 
    border-bottom: 1px solid #303c90 !important;
    line-height: 2;
}
.dropdown-item:hover{
	background-color:#005e22 !important;
	}
.dropdown-menu{
	background-color:#000b5e !important;
}
/*./Dropdown Css*/

/* sticky navbar */
.ja-header {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    z-index: 4;
    background: #fff;
    border-bottom: 1px solid #e6e6e6;
}

.hero-title{
font-family: 'Source Sans Pro', sans-serif;
color: #0c54a0;
font-size: 40px;
font-weight:700;
}
.light-heading{
font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
font-weight: 200;
line-height: 1.25;
letter-spacing: 0px;
font-style: normal;
font-size: 43px;
color:#808080; 
}
.border-bottom-space{
color:#808080;
}
.color-heading{
color:#0c54a0;
font-size:33px;
font-style: italic;
}
.green{
color:#008000;
}
.blue{
color:#0c54a0;
}
.fourcolumn h5{ 
	text-align:center;
	font-weight:700;
}
.fourcolumn hr{
border-bottom:2px solid #005e22;
}
.fourcolumn ul li{
font-size: 18px;
color: #818181;
}
footer{
background-color:#f6f6f6;
}
.separator {
border-bottom: 2px solid #0c54a1;
width: 10%;
display: inline-block;
}
.facebook{
color: #3b5998; 
font-size: 30px !important;
}
.twitter{
color: #55acee; 
font-size: 30px !important;
}

.contact-infornation h6{
	font-size:14px;
	}
.contact-infornation p{
	font-size:16px;
	}

.contact-infornation ul{
margin:0;
padding:0;
list-style:none;
}
.contact-infornation ul li{
display: flex;
margin-top: 15px;

}
.contact-infornation ul li i{
margin-right: 15px;
font-size: 22px;
color: #009ee2;
}
.titlebg {
    height: 100%;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}
.about-bg {
    background-image: url(../images/title-bg-about.jpg);
}
.contact-bg {
    background-image: url(../images/contact-bg.jpg);
}
.ifm-bg {
    background-image: url(../images/Infertility-Management-bg.jpg);
}
.service-bg{
	background-image:url(../images/services-bg.jpg);
	}
.innerpage-heading h1{
	       font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
    font-size: 80px;
    text-transform: capitalize;
    text-align: center;
    color: #fff;
    margin-bottom: 0 !important;
    padding: 25px 0;
	}
.innerpage-heading  h4{
	color:#fff;
	font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
	    margin-bottom: 25px;
	}
.cta{
 background: #005e22;
color: #ffffff;
font-family: 'Montserrat', sans-serif;
font-weight: 300;
font-style: normal;
letter-spacing: 2px;
border-width: 0px;
border-style: solid;
text-transform: uppercase;
-webkit-transition: all .2s;
transition: all .2s;
font-size: 12px;
padding: 10px 20px;
border:2px solid transparent;
}
.cta:hover{
	border:2px solid #005e22;
	background:#fff;
	color:#005e22;
	}
/*------------------ Footer Start --------------------*/
.footer-link ul{
margin:0;
padding:0;
list-style:none;
}
.footer-link ul li{ display: flex;line-height:2;}
.footer-link ul li:before {
content: "\f0a9";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: 18px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
color: #005e22;
margin-right: 10px;
line-height:2;
}
.footer-link ul li a{
color:#333;
}
.footer-link ul li a:hover{
text-decoration:none;
color:#005e22;
}
.footer-bottom{
	background:#0c54a1;
	}
.footer-bottom p, .footer-bottom a{
margin:0;
padding:10px 0;
color:#fff;
}

.jbf-bg{ 
  background-image:url(../images/Joyful-Blisson-Family-bg.jpg);

  /* Full height */
  height: 100%; 

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
	}
/*--------- therspeutic area -----------------*/
.therapeutic-area-bg{ 
  background-image:url(../images/TherapeuticAreas.jpg);

  /* Full height */
  height: 100%; 

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
	}
.therapeutic-area ul{
margin:0;
padding:0;
list-style:none;
}
.therapeutic-area ul li{ display: flex;line-height:2;}
.therapeutic-area ul li:before {
content: "\f0a9";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: 18px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
color: #fff;
margin-right: 10px;
line-height:2;
}
.therapeutic-area ul li a{
color:#fff;
}
.therapeutic-area ul li a:hover{
text-decoration:none;
color:#d5dc2f;
}

/*----------------media query -----------*/
@media only screen and (max-width: 991px){
.hero-title, .innerpage-heading h1{
	font-size: 40px;
	}
.light-heading, .color-heading{
	font-size: 30px;
	}
.innerpage-heading h4{
	font-size:18px;
	}
	.review-box p{
		height:auto !important;
	}
}

.text-green{
	color:#499431;
	}
	
.blisson-orders ol{
	margin:0px;
	margin-left:15px;
	padding:0px;
	margin-top: 20px;
}
.blisson-orders ol li{
	line-height:30px;
}
.cta-section{
	Background-color:#0c54a1;
	
}
.cta-section h4{	
	color: #fff;
    font-size: 1.2rem;
    line-height: 1
}
.blisson-cta{
        font-size: 14px;
    border: 2px solid #fff;
    font-style: normal;
    font-weight: 700;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: #fff;
    border-color: #fff;
    padding: 7px 20px;
    webkit-transition: color .1s linear,background-color .1s linear,border-color .1s linear;
    -moz-transition: color .1s linear,background-color .1s linear,border-color .1s linear;
    -ms-transition: color .1s linear,background-color .1s linear,border-color .1s linear;
    -o-transition: color .1s linear,background-color .1s linear,border-color .1s linear;
    transition: color .1s linear,background-color .1s linear,border-color .1s linear;
    background: #0c54a1;
}


.align-items-center {
  -ms-flex-align: center!important;
  align-items: center!important;
}
.d-flex {
  display: -ms-flexbox!important;
  display: flex!important;
}
.review-box{
    border: 1px solid #eee;
    background:#ebf5ff;
    border-radius: 5px;
    padding: 20px;
    box-shadow: 2px 6px 16px -6px rgb(217 217 217 / 75%);
    -webkit-box-shadow: 2px 6px 16px -6px rgb(217 217 217 / 75%);
    -moz-box-shadow: 2px 6px 16px -6px rgba(217,217,217,0.75);
}
.review-box p{
	text-align:center;
	height:300px;
}
.review-box h6{
    text-align: center;
    color: #0c54a1;
    font-weight: 700;
}
.review-box i{

    color: #0c54a1;
    padding-right: 9px;
    text-align: left !important;
}
.slider-arrow{
	    color: #fff;
    background: #0c54a1;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    font-size: 20px !important;
    padding: 10px;
}