html, body{
  width:100%;
  height:100%;
  margin:0;
}



.blur{
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}

a.btn{
  width:150px;
  display:block;
  margin:-25px 0 0 -75px;
  padding:1em 0;
  position:absolute;
  top:50%; left:50%;
  font:1.125em 'Arial', sans-serif;
  font-weight:700;
  text-align:center;
  text-decoration:none;
  color:#fff;
  border-radius:5px;
  background:rgba(217,67,86,1);
}

.modal-wrapper{
  width:100%;
  height:100%;
  position:fixed;
  top:0; left:0;
  background: rgba(0, 0, 0, 0.44);
  visibility:hidden;
  opacity:0;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.modal-wrapper.open{
  opacity:1;
  visibility:visible;
}

.modal{
  width: 800px;
    height: 600px;
    display: block;
    margin: 0 auto;
    position: relative;
    top: 50%;
     left: 0%; 
    background: #fff;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.modal-wrapper.open .modal{
margin-top: -294px;  opacity:1;
}

.head{
  width:100%;

  padding:1.5em 5%;
  overflow:hidden;
  
}

.btn-close{
  width:32px;
  height:32px;
  display:block;
  float:right;
}

.btn-close::before, .btn-close::after{
  content:'';
  width:32px;
  height:6px;
  display:block;
  background:#bf3371;
}

.btn-close::before{
  margin-top:12px;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
}

.btn-close::after{
  margin-top:-6px;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg);
}

.content{
  padding:5%;
}


.bookAppointment-form form .form-group label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    color: #bf3371;
}


.bookAppointment-form form .form-control{
    background: #e4e4e4;
    border: none;
    box-shadow: none;
    border-radius: 0;color: #555 !important;
}


.bookAppointment-form form .treatments-type select{ background: #e4e4e4;
    box-shadow: none;color: #555 !important;
    border-radius: 0;border: none;
    padding: 7px;
    width: 100%;}

/* Accordican css*/

.accordion-container {
   position: relative;
    width: 100%;
    border: 1px solid #e6e6e6;
    border-top: none;
    outline: 0;
    cursor: pointer;
    background-color: #f2f2f2;
    border-left: none;
    border-right: none;
}

.accordion-container .article-title {
    display: block;
    position: relative;
    margin: 0;
    padding: 12px 15px;
    border-top: 1px solid #e6e6e6;
    font-size: 20px;
    font-weight: normal;
    color: #bf3371;
    cursor: pointer;
}

.accordion-container .article-title:hover,
.accordion-container .article-title:active,
.accordion-container .content-entry.open .article-title {
    background-color:#bf3371;
    color: white;
}

.accordion-container .article-title:hover i:before,
.accordion-container .article-title:hover i:active,
.accordion-container .content-entry.open i {
    color: white;
}
.accordion-container .content-entry i {
    position: absolute;
    top: 3px;
    right: 12px;
    font-style: normal;
        font-size: 25px;
    color:#bf3371;
}
.accordion-container .content-entry i:before {
    content: "+ ";
}

.accordion-container .content-entry.open i:before {
    content: "- ";
}

.accordion-content {
    display: none;
    padding-left: 2.3125em;background-color: #fff;color: #4d4d4d;font-size: 15px;    padding: 30px;
}
/* This stuff is just for the Codepen demo */

#content {
    width: 100%;
}

.accordion-container,
#description {
        width: 1174px;
    margin: 0 auto;    margin-bottom: 50px;
}

#description p {
    line-height: 1.5;
}

#description h2 {
    text-align: center;
}








/*.parallax::after{  content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 499px;
    background-color: #af2268;
    opacity: 0.9;}*/


   .overlay {
    background-color: #af2268;
    opacity: 0.9;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 25px;
    height: 400px;
}
.parallax {
    /* The image used */
   background-image: url(../images/medical-tourism-bg.jpg);

    /* Full height */
    height: 400px;

position: relative;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.multi-disciplinary{display: inline-block;
    width: 70%;
    vertical-align: top;}

    .multi-disciplinary-img{    display: inline-block;
    vertical-align: middle;}


.Blossoms-place-info p{    padding-top: 40px;    color: #fff;font-size: 17px; }
.specialities-Hospital{max-width: 900px;
    margin: 0 auto;
    text-align: center;}

.personalized-assistance{display: block;text-align: center;}
.get-in-touch{color: #bf3371;
    margin-bottom: 5px;
    font-size: 18px;}

.imgstyle {
    width: 100%;
    position: relative;
    z-index: 1;
    
}
.imgstyle:before {
    content: '';
    display: block;
    width: 80px;
    height: 80px;
    background-color: #bf3371;
    position: absolute;
    z-index: -1;
    left: -7px;
    top: -7px;
}

.imgstyle:after {
    content: '';
    display: block;
    width: 80px;
    height: 80px;
    background-color: #bf3371;
    position: absolute;
    z-index: -1;
    right: -7px;
    bottom: -7px;
}
.imgstyle img{width: 100%;}

.gallery-bgs {
    padding-top: 45px !important;
    padding-bottom: 150px !important;
}


.dataTables_length {
    display: none;
}


article.post-thumbnail .img-wrapper, .masonry .grid-item .post {
    margin-bottom: 0;
}
.img-wrapper {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border-radius: 0;
}

.post {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}

.post-share {
   background: #bf3371 !important;
    bottom: -80px;
    color: #fff;
    left: 0;
    width: 100%;
    z-index: 2147483647;
}

.post-share label, .post-share a {
    display: inline-block;
    color: #fff;
    padding: 10px 15px 10px 15px;
   border-right: 1px solid #ffffff;
    height: 45px;
    margin: 0;
}

.img-wrapper {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border-radius: 0;
}

.post-frame {
    float: left;
    width: 100%;
    border: 1px solid #d5d5d5;
    border-bottom: 3px double #d5d5d5;
    padding: 40px 40px 50px 40px;
}

.post-frame .post-heading {
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.post-frame .post-heading {
    margin: 0 0 15px 0;
}

.post-heading {
    position: relative;
    display: block;
    margin: 0 0 15px 0;
}

.read-more-state {
    display: none;
}

.read-more {

    margin-top: 10px;
    background-color: #bf3371;
    color: #fff;
    text-transform: uppercase;
    padding: 7px 19px;
    text-decoration: none;
    border-radius: 100px;
    border: 1px solid #bf3371;
    -webkit-transition: 0.2s ease all 0s;
    -moz-transition: 0.2s ease all 0s;
    -ms-transition: 0.2s ease all 0s;
    -o-transition: 0.2s ease all 0s;
    transition: 0.2s ease all 0s;


}

.post-heading .rating {
    color: #292929;
    display: block;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 10px;
    margin-top: -10px;
}

.fa.fa-star {
    color: #000000;
}

.post-heading h5 {
    margin-bottom: 10px;
}

.read-more-target {
    opacity: 0;
    max-height: 0;
    font-size: 0;
    transition: .25s ease;
    display: none;
}

.read-more-trigger {

}

.read-more-state ~ .read-more-trigger:before {
    content: 'Read more';
}


.read-more-state:checked ~ .read-more-wrap .read-more-target {
    opacity: 1;
    font-size: inherit;
    max-height: 999em;
    display: block;
}

.title-set {
    border-bottom: 2px solid #d5d5d5;
    padding-bottom: 10px;
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    color: #333;
    font-weight: 600;
}

aside .widget {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

aside .widget .widget-head {
    border-bottom: 2px solid #aaa;
   
    letter-spacing: 0;
    margin-bottom: 19px;
    padding: 0 0 3px;
    font-size: 20px;
    font-style: normal;
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    padding-bottom: 10px;    color: #bf3371;
    font-size: 22px;
}

.recent-widget {
    float: left;
    width: 100%;
    margin: 10px 0 -30px 0;
}


.post-heading.post-thumbnail {
    position: relative;
    padding-left: 120px;
    margin: 0;
}
.widget a {
    font-size: 14px;
    line-height: 24px;
    color: #535353;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

.post-heading.post-thumbnail .img-thumb {
    position: absolute;
    width: 100px;
    height: auto;
    top: 0;
    left: 0;
}
.blog-set {
    margin-top: 50px;
}
.widget li::before {
   content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #808080;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left: -21px;
    position: absolute;
    margin-right: 0;
    top: 20px;
}

.widget li {
    list-style: none;
    line-height: 28px;
    color: #333333;
    font-size: 15px;
    line-height: 27px;
    position: relative;
    font-weight: bold;
    padding-top: 11px;
}

.gallery-bgs {
    padding-top: 45px !important;
    padding-bottom: 150px !important;
}

.blog-heading a{color: #bf3371;
    margin-bottom: 5px;
    font-size: 18px;
    text-decoration: none;}

.blog-heading a:hover{color: #bf3371;
    margin-bottom: 5px;
    font-size: 18px;
    text-decoration: none !important;}    


@media all and (min-width: 860px) {
    #content {
        width: 70%;
        margin: 0 auto;
    }
}