/*IMPORT SCSS*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/* FONTS */
/*-------------------------------------------*/
/*-------------------------------------------*/
/* COLORS */
/*-------------------------------------------*/
/*-------------------------------------------*/
section#main-content.parallax { background-image: url("../images/overview-bg-with-space.png"); background-size: cover; }

section#main-content .img-with-buttons { height: 50%; }

section#main-content .img-with-buttons a { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; max-width: calc(100% - 80px); }

section#main-content .objective-item img { width: 130px; float: left; }

section#main-content .objective-item p { width: calc(100% - 178px); float: left; padding: 20px; border: 1px solid #ccc; min-height: 126px; position: relative; -ms-transition: all ease 0.3s; /* IE 9 */ -webkit-transition: all ease 0.3s; /* Safari */ transition: all ease 0.3s; }

section#main-content .objective-item p span:not(.invisible) { position: absolute; top: 50%; left: 20px; width: calc(100% - 40px); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }

section#main-content .objective-item p:before, section#main-content .objective-item p:after { content: ""; display: inline-block; position: absolute; -ms-transition: all ease 0.3s; /* IE 9 */ -webkit-transition: all ease 0.3s; /* Safari */ transition: all ease 0.3s; }

section#main-content .objective-item p:before { border-right: 11px solid #ccc; border-bottom: 11px solid transparent; border-top: 11px solid transparent; top: calc(50% - 11px); left: -12px; }

section#main-content .objective-item p:after { border-right: 11px solid #f7f5f5; border-bottom: 10px solid transparent; border-top: 10px solid transparent; top: calc(50% - 10px); left: -11px; }

section#main-content .objective-item:hover p, section#main-content .objective-item:focus p { border-color: #0989c4; }

section#main-content .objective-item:hover p:before, section#main-content .objective-item:focus p:before { border-right-color: #0989c4; }

section#main-content .gray-bg:before { content: ""; display: block; position: absolute; top: 0; height: 100%; background-color: #f7f5f5; left: 160px; width: 9999px; }

section#main-content .team-profile { background: url("../images/gray-with-pattern.png"); }

section#main-content .team-profile .doctor-details > div { padding-left: 105px; }

section#main-content .team-profile img { position: absolute; top: 50%; left: 0; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 250px; box-shadow: 0 0 5px rgba(153, 153, 153, 0.5); }

.doctor-popup { max-width: 1220px; width: calc(100% - 40px); background: url("../images/gray-with-pattern.png"); }

.doctor-popup .add-border-right > div { max-width: 220px; }

.doctor-popup .popup-carousel .owl-dots { bottom: auto; top: -25px; text-align: right; }

@media (min-width: 768px) { .add-border-right:before { content: ""; display: block; border-right: 4px solid #cc0000; position: absolute; top: calc(50% - 95px); height: 190px; max-width: 100%; right: -16.66667%; }
  .add-border-right:after { content: ""; display: block; border-right: 4px solid #333; position: absolute; top: calc(50% - 95px); height: 35px; right: -16.66667%; } }

@media (max-width: 991px) { section#main-content.parallax { background-image: none; }
  section#main-content .add-bg:before { content: ""; display: block; position: absolute; top: 0; height: 100%; background: url("../images/overview-bg-with-space.png") bottom left/cover; left: -15px; width: calc(100% + 60px); z-index: -1; }
  section#main-content .img-with-buttons { height: 100%; }
  section#main-content .img-with-buttons img { padding-top: 0 !important; padding-bottom: 0 !important; } }

@media (min-width: 576px) { .objective-item:hover img:first-child, .objective-item:focus img:first-child { display: none !important; }
  .objective-item:hover img:nth-child(2), .objective-item:focus img:nth-child(2) { display: inline-block; } }

@media (max-width: 991px) and (min-width: 768px) { .add-border-right:before, .add-border-right:after { right: -12%; } }

@media (max-width: 767px) { section#main-content .img-with-buttons { height: auto; }
  section#main-content .team-profile .doctor-details > div { padding-left: 75px; }
  section#main-content .team-profile img { width: 200px; }
  .add-border-right:before { content: ""; display: block; border-bottom: 4px solid #cc0000; position: absolute; bottom: 0; width: 190px; max-width: 100%; }
  .add-border-right:after { content: ""; display: block; border-bottom: 4px solid #333; position: absolute; bottom: 0; width: 35px; } }

@media (max-width: 575px) { section#main-content .gray-bg::before { display: none; }
  section#main-content .objective-item p { width: 100%; }
  section#main-content .objective-item p:before { top: -11px; left: calc(50% - 11px); border-bottom: 11px solid #ccc; border-left: 11px solid transparent; border-right: 11px solid transparent; border-top: 0; }
  section#main-content .objective-item p:after { top: -10px; left: calc(50% - 11px); border-bottom: 11px solid #fff; border-left: 11px solid transparent; border-right: 11px solid transparent; border-top: 0; }
  section#main-content .objective-item:hover img:first-child, section#main-content .objective-item:focus img:first-child { display: none !important; }
  section#main-content .objective-item:hover img:nth-child(2), section#main-content .objective-item:focus img:nth-child(2) { display: block; }
  section#main-content .objective-item:hover p:before, section#main-content .objective-item:focus p:before { border-bottom-color: #0989c4; border-right-color: transparent; }
  section#main-content .objective-item img { float: none; }
  section#main-content .team-profile .doctor-details > div { padding-left: 0; }
  section#main-content .team-profile img { position: relative; top: auto; left: auto; -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  .doctor-popup .popup-carousel .owl-dots { top: -25px; text-align: center; }
  .doctor-popup .popup-carousel .owl-dots .owl-dot:last-child { margin-right: 8px; } }

@media (max-width: 376px) { section#main-content .img-with-buttons a { max-width: calc(100% - 40px); } }