/* Sub Page Styles */

.upper-header {
  min-height: 200px;
  background-size: cover;
  margin-bottom: 2px;
}

.header-retina-surgery { background-image: url(../images/retina-surgery-header.jpg); background-position: 20%; }
.header-retinal-conditions { background-image: url(../images/retinal-conditions-header.jpg); background-position: 30%;  }
.header-diagnostic { background-image: url(../images/diagnostic-header.jpg); background-position: 30%; }
.header-for-patients { background-image: url(../images/for-patients-header.jpg); background-position: 45%; }
.header-about-us { background-image: url(../images/about-us-header.jpg); background-position: center; }
.header-contact-us { background-image: url(../images/contact-us-header.jpg); background-position: 60%; }

.section-name {
  display: inline-block;
  float: right;
  width: 1000px;
  margin-top: 100px;
  bottom: 40px;
  background-color: rgba(40, 100, 141, 1);
  padding: 18px 0px 10px 10px;
  box-shadow: 2px 3px 6px rgba(0,0,0,0.333);
}

    #retina-surgery { margin-right: -656px; }
#retinal-conditions { margin-right: -600px; }
        #diagnostic { margin-right: -740px; }
      #for-patients { margin-right: -700px; }
          #about-us { margin-right: -770px; }
        #contact-us { margin-right: -726px; }

.section-name h1 {
  display: inline-block;
  margin: 0 0 0 10px;
  color: #fff;
}

.section-name img {
  display: inline-block;
  height: 50px;
  width: 50px;
  margin-top: -30px;
}

.web-additional-partners {

}

.web-additional-partners img {
  margin: auto;
}

.web-additional-partners a h4 {
  color: #5289af;
  -webkit-transition: all 100ms ease-in;
  -webkit-transition: all 0.10s ease-in;
     -moz-transition: all 0.10s ease-in;
       -o-transition: all 0.10s ease-in;
          transition: all 0.10s ease-in;
}

.web-additional-partners a h4:hover {
  color: #484848;
}

.web-additional-partners h4 {
  text-align: center;
  margin: 16px 0px 10px 0px;
}

.web-additional-partners p {
  text-align: center;
  margin: 0px 0px 40px 0px;
  font-size: 14px;
  color: #484848;
}

.news-bulletin {
  background-color: #f96d04;
  padding: 20px 0px 10px 0px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 12px;
}

.news-bulletin h1 {
  margin: 0px 0px 0px 0px;
  color: #fff;
}

.news-bulletin p {
  margin: 0px 0px 0px 0px;
  color: #fff;
}

.news-item {
  border: 1px solid rgb(204,204,204);
  border-left: 3px solid #f96d04;
  box-shadow: 0 0 10px rgba(0,0,0,0.05);
  margin: 0 0 15px;
  padding: 15px 0px;
}

.news-item p:nth-child(1) {
  margin-bottom: 8px;
}
.news-item p:nth-child(2) {
  margin-bottom: 26px;
}

.news-teaser-photo {
  /* background: #5289af; */
  width: 100%;
  padding-bottom: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.vc_footer-line {
  width: 100%;
  margin: 0;
  margin-top: -15px;
}

#text-4 {
  padding: 10px 20px 20px 20px;
  margin-top: -355px;
  margin-bottom: 20px;
  background-color: #fff;
}

.did-you-know {
  padding: 20px;
  border: 1px solid #ccc;
  border-top: 3px solid #5289af;
}

.did-you-know h5 {
  margin-top: -8px;
  margin-left: -4px;
  color: #5289af;
}

.index-photo {
  height: 120px;
  width: 100%;
  background: #5289af;
  background-size: cover;
  filter: grayscale(0);
  overflow: hidden;
  background-position: center;

  -webkit-transition: all 200ms ease-in;
  -webkit-transition: all 0.20s ease-in;
     -moz-transition: all 0.20s ease-in;
       -o-transition: all 0.20s ease-in;
          transition: all 0.20s ease-in;
}

.index-photo:hover {
  filter: grayscale(1);
}

.service-list a h4 {
  -webkit-transition: all 100ms ease-in;
  -webkit-transition: all 0.10s ease-in;
     -moz-transition: all 0.10s ease-in;
       -o-transition: all 0.10s ease-in;
          transition: all 0.10s ease-in;
}

.service-list a h4:hover {
  color: #5289af;
}

.service-list .col-md-4 {
  height: 290px; /* This is a test*/
}

#index-photo-about-us-doctors { background-image: url(../images/index-headers/about-us/doctors.jpg); }
#index-photo-about-us-education { background-image: url(../images/index-headers/about-us/education.jpg); }
#index-photo-about-us-research { background-image: url(../images/index-headers/about-us/research.jpg); }
#index-photo-about-us-latest-news { background-image: url(../images/index-headers/about-us/latest-news.jpg); }
#index-photo-about-us-saec-diagnostics { background-image: url(../images/index-headers/about-us/saec-diagnostics.jpg); }
#index-photo-about-us-history { background-image: url(../images/index-headers/about-us/history.jpg); }

#index-photo-diagnostic-visual-fields { background-image: url(../images/index-headers/diagnostic/visual-fields.jpg); }
#index-photo-diagnostic-a-b-scan { background-image: url(../images/index-headers/diagnostic/a-b-scan.jpg); }
#index-photo-diagnostic-ubm { background-image: url(../images/index-headers/diagnostic/ubm.jpg); }
#index-photo-diagnostic-fluorescein-angiography { background-image: url(../images/index-headers/diagnostic/fluorescein-angiography.jpg); }
#index-photo-diagnostic-icg { background-image: url(../images/index-headers/diagnostic/icg.jpg); }
#index-photo-diagnostic-oct { background-image: url(../images/index-headers/diagnostic/oct.jpg); }

#index-photo-for-patients-faq { background-image: url(../images/index-headers/for-patients/faq.jpg); }
#index-photo-for-patients-downloads { background-image: url(../images/index-headers/for-patients/downloads.jpg); }

#index-photo-retina-surgery-vitrectomy { background-image: url(../images/index-headers/retina-surgery/vitrectomy.jpg); }
#index-photo-retina-surgery-epiretinal-membrane-peel { background-image: url(../images/index-headers/retina-surgery/epiretinal-membrane-peel.jpg); }
#index-photo-retina-surgery-scleral-buckling-surgery { background-image: url(../images/index-headers/retina-surgery/scleral-buckling-surgery.jpg); }
#index-photo-retina-surgery-pneumatic-retinopexy { background-image: url(../images/index-headers/retina-surgery/pneumatic-retinopexy.jpg); }
#index-photo-retina-surgery-avastin-lucentis-injections { background-image: url(../images/index-headers/retina-surgery/avastin-lucentis-injections.jpg); }
#index-photo-retina-surgery-eylea-injections { background-image: url(../images/index-headers/retina-surgery/eylea-injections.jpg); }
#index-photo-retina-surgery-jetrea-injections { background-image: url(../images/index-headers/retina-surgery/jetrea-injections.jpg); }
#index-photo-retina-surgery-periocular-intravitreal-steroid-injections { background-image: url(../images/index-headers/retina-surgery/periocular-intravitreal-steroid-injections.jpg); }
#index-photo-retina-surgery-cryotherapy { background-image: url(../images/index-headers/retina-surgery/cryotherapy.jpg); }
#index-photo-retina-surgery-photodynamic-therapy { background-image: url(../images/index-headers/retina-surgery/photodynamic-therapy.jpg); }
#index-photo-retina-surgery-focal-macular-laser-treatment { background-image: url(../images/index-headers/retina-surgery/focal-macular-laser-treatment.jpg); }
#index-photo-retina-surgery-yag-laser-capsulotomy { background-image: url(../images/index-headers/retina-surgery/yag-laser-capsulotomy.jpg); }
#index-photo-retina-surgery-laser-iridotomy-treatment { background-image: url(../images/index-headers/retina-surgery/laser-iridotomy-treatment.jpg); }
#index-photo-retina-surgery-selective-laser-trabeculoplasty { background-image: url(../images/index-headers/retina-surgery/selective-laser-trabeculoplasty.jpg); }

#index-photo-retinal-conditions-amd-wet { background-image: url(../images/index-headers/retinal-conditions/amd-wet.jpg); }
#index-photo-retinal-conditions-amd-dry { background-image: url(../images/index-headers/retinal-conditions/amd-dry.jpg); }
#index-photo-retinal-conditions-diabetic-retinopathy { background-image: url(../images/index-headers/retinal-conditions/diabetic-retinopathy.jpg); }
#index-photo-retinal-conditions-branch-retinal-vein-occlusion { background-image: url(../images/index-headers/retinal-conditions/branch-retinal-vein-occlusion.jpg); }
#index-photo-retinal-conditions-central-retinal-vein-occlusion { background-image: url(../images/index-headers/retinal-conditions/central-retinal-vein-occlusion.jpg); }
#index-photo-retinal-conditions-retinal-tear { background-image: url(../images/index-headers/retinal-conditions/retinal-tear.jpg); }
#index-photo-retinal-conditions-retinal-detachment { background-image: url(../images/index-headers/retinal-conditions/retinal-detachment.jpg); }
#index-photo-retinal-conditions-vitreous-hemorrhage { background-image: url(../images/index-headers/retinal-conditions/vitreous-hemorrhage.jpg); }
#index-photo-retinal-conditions-macular-hole { background-image: url(../images/index-headers/retinal-conditions/macular-hole.jpg); }
#index-photo-retinal-conditions-uveitis { background-image: url(../images/index-headers/retinal-conditions/uveitis.jpg); }
#index-photo-retinal-conditions-nevus { background-image: url(../images/index-headers/retinal-conditions/nevus.jpg); }
#index-photo-retinal-conditions-retinal-arterial-macroaneurysm { background-image: url(../images/index-headers/retinal-conditions/retinal-arterial-macroaneurysm.jpg); }
#index-photo-retinal-conditions-retinal-arterial-macroaneurysm { background-image: url(../images/index-headers/retinal-conditions/retinal-arterial-macroaneurysm.jpg); }
#index-photo-retinal-conditions-epiretinal-membrane { background-image: url(../images/index-headers/retinal-conditions/epiretinal-membrane.jpg); }
#index-photo-retinal-conditions-macular-edema { background-image: url(../images/index-headers/retinal-conditions/macular-edema.jpg); }
#index-photo-retinal-conditions-retinal-artery-occlusion-rao { background-image: url(../images/index-headers/retinal-conditions/retinal-artery-occlusion-rao.jpg); }
#index-photo-retinal-conditions-central-serous-chorioretinopathy { background-image: url(../images/index-headers/retinal-conditions/central-serous-chorioretinopathy.jpg); }
#index-photo-retinal-conditions-vitreomacular-traction { background-image: url(../images/index-headers/retinal-conditions/vitreomacular-traction.jpg); }


blockquote {
  color: #aaaaaa;
  font-size: 18px;
  font-style: italic;
  letter-spacing: -0.2px;
  line-height: 32px;
  margin: 20px 10px;

  padding: 6px 0px 6px 30px;
	border-left: none;
	width: 300px;
}

blockquote.bq-left  { float: left;  }
blockquote.bq-right { float: right; }



@media screen and (max-width: 991px) {
  #text-4 {
    padding: 0px;
    margin-top: 20px;
    background-color: #fff;
  }
  #vc_footer-about {
    margin-bottom: 0px;
  }
}

/* SMARTPHONE LANDSCAPE */
@media screen and (max-width: 767px) {
  .upper-header .container {
    padding: 0px;
  }

  .section-name {
    display: inline-block;
    float: none;
    text-align: right;
    width: 100%;
    margin-top: 100px;
    padding: 17px 10px 10px 10px;
    background-color: rgba(40, 100, 141, 0.8);
    box-shadow: 2px 3px 6px rgba(0,0,0,0);
  }

  .section-name img {
    display: none;
  }

      #retina-surgery { margin-right: 0px; }
  #retinal-conditions { margin-right: 0px; }
          #diagnostic { margin-right: 0px; }
        #for-patients { margin-right: 0px; }
            #about-us { margin-right: 0px; }
          #contact-us { margin-right: 0px; }
}