/*Default Variables*/
* {
  font-family: "Lato"; }
body {
  background: #f3f3f4;
}
/*Header Css*/
.header-topbar {
  padding: 25px 0px;
  background-image: url("../img/others/h-bg.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover; }
  .header-topbar .header-contact {
    text-align: right;
    position: relative;
    bottom: -30px;
    margin-top: -40px;
  }
    .header-topbar .header-contact ul {
      margin-bottom: 0px; }
    .header-topbar .header-contact li {
      font-size: 18px;
      font-weight: 900;
      color: #6049c4; }
    .header-topbar .header-contact a {
      color: #6049c4;
      text-decoration: none; }
      .header-topbar .header-contact a i {
        margin-right: 5px; }

.header-top {
  background-color: #038b98;
  padding: 0px 0px; }
  .header-top .navbar-brand {
    margin-right: 25px;
    padding: 0px; }
  .header-top .navbar-nav li.nav-item {
    padding: 0px 20px; }
  .header-top .navbar-nav li.nav-item:last-child {
    padding-right: 0px; }
  .header-top .navbar-nav li.nav-item a.nav-link {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    padding: 15px 0px;
    text-transform: uppercase; }

.header-top .navbar-nav.user-nav li.nav-item a.nav-link {
  text-transform: none;
}

  .header-top .mainmenu .navbar {
    margin: 0px;
    padding: 0px; }
  .header-top .mainmenu .sub-menu {
    list-style: outside none none;
    min-width: 220px;
    padding: 0;
    position: absolute;
    z-index: 1000;
    display: none; }
  .header-top .mainmenu .sub-menu li {
    padding: 0px !important; }
  .header-top .mainmenu li:hover .sub-menu {
    display: block; }
  .header-top .mainmenu li:hover .sub-menu li a {
    background: none repeat scroll 0 0 #fff;
    display: block;
    padding: 10px 15px !important;
    text-align: left;
    color: #000;
    text-decoration: none;
    transition: all 1s ease-in-out 0s;
    -webkit-transition: all 1s ease-in-out 0s;
    -moz-transition: all 1s ease-in-out 0s;
    font-size: 14px; }
  .header-top .mainmenu li:hover .sub-menu li a:hover {
    background: #fff;
    border-left: 5px solid #038b98;
    padding-left: 25px; }

.header-bottom {
  position: relative; }
  .header-bottom .banner-contents {
    position: absolute;
    top: 30%;
    left: 0;
    width: 100%; }
    .header-bottom .banner-contents h3 {
      font-size: 50px;
      font-weight: 900;
      color: #fff;
      margin-bottom: 0px;
      text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2); }

.category-holder {
  padding-bottom: 50px; }
  .category-holder .category-wrap {
    position: relative;
    margin-top: -75px;
    z-index: 2; }
  .category-holder .category-contents {
    padding: 30px 15px;
    border: 2px solid #fff; }
  .category-holder .category1 {
    background-color: #917ee1;
    box-shadow: 0px 0px 0px 5px #917ee1;
    -webkit-box-shadow: 0px 0px 0px 5px #917ee1;
    -moz-box-shadow: 0px 0px 0px 5px #917ee1; }
  .category-holder .category2 {
    background-color: #038b98;
    box-shadow: 0px 0px 0px 5px #038b98;
    -webkit-box-shadow: 0px 0px 0px 5px #038b98;
    -moz-box-shadow: 0px 0px 0px 5px #038b98; }
  .category-holder h4 {
    font-size: 25px;
    font-weight: 900;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 15px; }
  .category-holder h6 {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 5px; }
  .category-holder p {
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px; }
  .category-holder a {
    font-size: 16px;
    font-weight: 700;
    color: #0ac9df;
    text-decoration: none; }

.section-heading h3 {
  font-size: 35px;
  font-weight: 700;
  color: #038b98;
  text-transform: uppercase;
  margin-bottom: 25px; }

.about-holder {
  padding: 30px 0px 70px; }
  .about-holder .about-img img {
    width: 100%; }
  .about-holder p {
    font-size: 15px;
    line-height: 1.7;
    color: #3e3e3e;
    text-align: justify;
    margin-bottom: 25px; }
  .about-holder a {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    border: 2px solid #917ee1;
    background-color: #917ee1;
    padding: 12px 35px;
    box-shadow: none;
    border-radius: 30px; }
    .about-holder a:hover {
      color: #917ee1;
      background-color: #fff; }

.injection-holder {
  background: #038b98;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #038b98 0%, #917ee1 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #038b98 0%, #917ee1 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #038b98 0%, #917ee1 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$bg-color1', endColorstr='$bg-color3',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }
  .injection-holder .injection-img {
    text-align: right; }
    .injection-holder .injection-img img {
      margin: 0 0 0 auto; }
  .injection-holder .injection-details {
    padding: 50px 20px 30px 880px; }
  .injection-holder h3 {
    color: #fff;
    margin-bottom: 20px; }
  .injection-holder h6 {
    font-size: 18px;
    font-family: "Open Sans";
    font-weight: 600;
    color: #fff;
    line-height: 1.7;
    margin-bottom: 25px; }
  .injection-holder ul {
    margin-bottom: 25px; }
    .injection-holder ul li {
      font-size: 16px;
      color: #fff;
      padding-bottom: 10px;
      padding-left: 20px;
      background-image: url("../img/others/li-ic.png") !important;
      background-position: 0px 8px;
      background-repeat: no-repeat; }
  .injection-holder a {
    font-size: 16px;
    font-family: "Open Sans";
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    border: 2px solid #fff;
    background-color: transparent;
    padding: 12px 25px;
    box-shadow: none;
    border-radius: 5px; }
    .injection-holder a:hover {
      color: #038b98;
      background-color: #fff; }

.owl-theme .owl-nav {
  margin-top: 0px; }

.services-holder {
  padding: 50px 0px; }
  .services-holder .owl-next {
    background-color: rgba(0, 0, 0, 0) !important;
    display: inline-block;
    position: absolute;
    text-indent: -99999px;
    outline: none !important;
    background-image: url("../img/others/s-arrow2.png") !important;
    background-position: 0px 8px;
    background-repeat: no-repeat;
    height: 26px;
    width: 16px;
    right: -4%;
    top: 40%; }
  .services-holder .owl-prev {
    background-color: rgba(0, 0, 0, 0) !important;
    display: inline-block;
    position: absolute;
    text-indent: -99999px;
    outline: none !important;
    background-image: url("../img/others/s-arrow1.png") !important;
    background-position: 0px 8px;
    background-repeat: no-repeat;
    height: 26px;
    width: 16px;
    left: -4%;
    top: 40%; }
  .services-holder .services-contents {
    position: relative; }
    .services-holder .services-contents img {
      width: 100%; }
    .services-holder .services-contents .services-details {
      position: absolute;
      top: 20%;
      left: 0;
      right: 0;
      text-align: center;
      padding: 15px 10px; }
      .services-holder .services-contents .services-details h4 {
        font-size: 25px;
        font-weight: 900;
        color: #fff;
        margin-bottom: 10px;
        text-transform: uppercase; }
      .services-holder .services-contents .services-details p {
        font-size: 16px;
        color: #fff;
        line-height: 1.7;
        margin-bottom: 10px; }
      .services-holder .services-contents .services-details a {
        font-size: 16px;
        font-weight: 700;
        color: #0ac9df;
        text-decoration: none; }

.videos-titles {
  background: #038b98;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #038b98 0%, #917ee1 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #038b98 0%, #917ee1 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #038b98 0%, #917ee1 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$bg-color1', endColorstr='$bg-color3',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  padding: 50px 0px 150px; }
  .videos-titles h3 {
    color: #fff; }
  .videos-titles p {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    line-height: 1.6;
    margin-bottom: 0px;
    padding: 0% 5%; }

.videos-clips {
  padding: 0px 0px 150px; }
  .videos-clips .videos-wrap {
    position: relative;
    margin-top: -110px; }
    .videos-clips .videos-wrap iframe {
      height: 310px; }

footer .finfo-holder {
  background-color: #393939; }
  footer .finfo-holder .finfo-wrap {
    position: relative;
    top: -80px;
    margin-bottom: -40px; }
    footer .finfo-holder .finfo-wrap .finfo-contents {
      padding: 25px 15px;
      border: 2px solid #d5d5d5;
      background-color: #fff; }
      footer .finfo-holder .finfo-wrap .finfo-contents i {
        display: block;
        font-size: 50px;
        color: #917ee1;
        margin-bottom: 15px; }
      footer .finfo-holder .finfo-wrap .finfo-contents a {
        font-size: 22px;
        font-weight: 700;
        color: #038b98;
        text-decoration: none; }
footer .footer-top {
  background-color: #393939;
  padding: 30px 0px; }
  footer .footer-top h4 {
    font-size: 16px;
    font-weight: 900;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    margin-bottom: 15px; }
  footer .footer-top ul {
    margin-bottom: 0px; }
  footer .footer-top li {
    padding-bottom: 5px; }
  footer .footer-top a {
    font-size: 14px;
    color: #ececec;
    text-decoration: none;
    text-transform: capitalize; }
  footer .footer-top li.call-us {
    padding-left: 25px;
    background-image: url("../img/others/fc-ic1.png") !important;
    background-position: 0px 8px;
    background-repeat: no-repeat; }
  footer .footer-top li.mail-us {
    padding-left: 25px;
    background-image: url("../img/others/fc-ic2.png") !important;
    background-position: 0px 8px;
    background-repeat: no-repeat; }
footer .footer-bottom {
  padding: 25px 0px;
  background-color: #222222; }
  footer .footer-bottom p {
    font-size: 14px;
    color: #fff;
    line-height: 1.6;
    margin-bottom: 0px;
    padding-top: 5px; }
  footer .footer-bottom .footer-social {
    text-align: right; }
    footer .footer-bottom .footer-social ul {
      margin-bottom: 0px; }
    footer .footer-bottom .footer-social li {
      padding-left: 15px; }
    footer .footer-bottom .footer-social a {
      font-size: 22px;
      color: #fff;
      text-decoration: none; }

/*Inner Pages Styles*/
/*Anaphylaxis Awareness Page Css*/
.header-bottom .in-banner-contents {
  position: absolute;
  left: 0;
  right: 0;
  top: 25%;
  text-align: center;
  width: 100%; }
  .header-bottom .in-banner-contents h3 {
    font-size: 50px;
    font-weight: 900;
    color: #fff;
    margin-bottom: 0px;
    text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2); }

.awareness-holder .awareness-wrap {
  padding: 30px 0px 50px;
  border-bottom: 1px solid #c6c6c6; }
.awareness-holder p {
  font-size: 15px;
  color: #3e3e3e;
  line-height: 1.7;
  margin-bottom: 15px;
  text-align: justify; }
.awareness-holder img {
  width: 100%; }
.awareness-holder ul {
  margin-bottom: 0px;
  padding-top: 10px; }
.awareness-holder li {
  padding-bottom: 15px; }
.awareness-holder li:last-child {
  padding-bottom: 0px; }
.awareness-holder a {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  border: 2px solid #917ee1;
  background-color: #917ee1;
  padding: 12px 35px;
  box-shadow: none;
  border-radius: 30px;
  text-transform: uppercase; }
  .awareness-holder a:hover {
    color: #917ee1;
    background-color: #fff; }

.loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: #fff;
  background-image: url("../img/others/loader.gif") !important;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

/*Responsive Codes*/
/*Responsive*/
@media screen and (max-width: 1920px) {
  .injection-holder .injection-details {
    padding: 20px 20px 30px 410px; } }
@media screen and (max-width: 1600px) {
  .injection-holder .injection-details {
    padding: 20px 20px 30px 240px; } }
@media screen and (max-width: 1440px) {
  .injection-holder .injection-details {
    padding: 20px 20px 30px 165px; } }
@media screen and (max-width: 1366px) {
  .injection-holder .injection-details {
    padding: 20px 20px 30px 130px; } }
@media screen and (min-width: 1200px) and (max-width: 1280px) {
  .injection-holder .injection-details {
    padding: 20px 20px 30px 85px; } }
@media screen and (max-width: 1279px) {
  .header-topbar {
    padding: 20px 0px; }
    .header-topbar .header-contact {
      /*padding-top: 25px; */
    }
      .header-topbar .header-contact li {
        font-size: 16px; }

  .header-top .navbar-brand {
    margin-right: 0px;
    padding: 0px; }
  .header-top .navbar-nav li.nav-item {
    padding: 0px 12px; }
  .header-top .navbar-nav li.nav-item a.nav-link {
    font-size: 14px;
    padding: 13px 0px; }
  .header-top .mainmenu .sub-menu {
    min-width: 200px; }

  .header-bottom .banner-contents {
    top: 25%; }
    .header-bottom .banner-contents h3 {
      font-size: 35px; }

  .category-holder {
    /*.category-contents {
    	padding: 20px 15px;
    	border: 2px solid $color1;
    }*/ }
    .category-holder h4 {
      font-size: 20px; }
    .category-holder h6 {
      font-size: 15px; }
    .category-holder p {
      font-size: 13px; }
    .category-holder a {
      font-size: 14px; }

  .section-heading h3 {
    font-size: 30px; }

  .about-holder p {
    font-size: 14px; }
  .about-holder a {
    font-size: 14px;
    padding: 10px 25px; }

  .injection-holder .injection-details {
    padding: 25px 20px 10px 45px; }

  .injection-holder h3 {
    margin-bottom: 15px; }
  .injection-holder h6 {
    font-size: 16px;
    margin-bottom: 15px; }
  .injection-holder ul li {
    font-size: 14px; }
  .injection-holder a {
    font-size: 14px;
    padding: 10px 25px; }

  .services-holder .owl-next {
    right: -4%;
    top: 40%; }
  .services-holder .owl-prev {
    left: -4%;
    top: 40%; }
  .services-holder .services-contents .services-details {
    top: 20%;
    padding: 15px 10px; }
    .services-holder .services-contents .services-details h4 {
      font-size: 20px; }
    .services-holder .services-contents .services-details p {
      font-size: 14px; }
    .services-holder .services-contents .services-details a {
      font-size: 14px; }

  .videos-titles p {
    font-size: 18px;
    padding: 0% 5%; }

  .videos-clips {
    padding: 0px 0px 150px; }
    .videos-clips .videos-wrap {
      position: relative;
      margin-top: -110px; }
      .videos-clips .videos-wrap iframe {
        height: 310px; }

  footer .finfo-holder .finfo-wrap {
    top: -80px;
    margin-bottom: -40px; }
    footer .finfo-holder .finfo-wrap .finfo-contents {
      padding: 25px 15px; }
      footer .finfo-holder .finfo-wrap .finfo-contents i {
        font-size: 35px; }
      footer .finfo-holder .finfo-wrap .finfo-contents a {
        font-size: 20px; }
  footer .footer-top .no-padding {
    padding-right: 0px; }
  footer .footer-top h4 {
    font-size: 14px; }
  footer .footer-top a {
    font-size: 13px; }
  footer .footer-bottom p {
    font-size: 14px; }
  footer .footer-bottom .footer-social a {
    font-size: 20px; }

  /*Inner Pages Styles*/
  /*Anaphylaxis Awareness Page Css*/
  .header-bottom .in-banner-contents {
    top: 25%; }
    .header-bottom .in-banner-contents h3 {
      font-size: 35px; }

  .awareness-holder .awareness-wrap {
    padding: 30px 0px 50px; }
  .awareness-holder p {
    font-size: 14px; }
  .awareness-holder a {
    font-size: 14px;
    padding: 10px 25px; } }
@media screen and (max-width: 1023px) {
  .header-topbar {
    padding: 15px 0px; }
    .header-topbar .header-contact li {
      font-size: 14px; }

  .header-top .navbar-nav li.nav-item {
    padding: 0px 7px; }
  .header-top .navbar-nav li.nav-item a.nav-link {
    font-size: 11px;
    padding: 13px 0px; }

  .header-bottom .banner-contents {
    top: 25%; }
    .header-bottom .banner-contents h3 {
      font-size: 30px; }

  .category-holder {
    padding: 50px 0px 30px; }
    .category-holder .category-wrap {
      margin-top: 0px; }
    .category-holder .category-contents {
      padding: 25px 15px;
      margin-bottom: 20px; }
    .category-holder h4 {
      font-size: 18px; }
    .category-holder p {
      font-size: 14px; }

  .section-heading h3 {
    font-size: 25px; }

  .about-holder .about-details {
    margin-bottom: 35px; }

  .injection-holder .injection-details {
    padding: 35px 30px; }
  .injection-holder h3 {
    margin-bottom: 20px; }
  .injection-holder h6 {
    font-size: 16px; }
  .injection-holder ul li {
    background-position: 0px 6px; }
  .injection-holder .injection-img img {
    width: 100%; }

  .services-holder .services-contents .services-details {
    top: 20%;
    padding: 15px 10px; }
    .services-holder .services-contents .services-details h4 {
      font-size: 18px; }

  .videos-titles {
    padding: 50px 0px; }
    .videos-titles p {
      font-size: 16px;
      padding: 0% 0%; }

  .videos-clips {
    padding: 50px 0px; }
    .videos-clips .videos-wrap {
      margin-top: 0px; }
      .videos-clips .videos-wrap iframe {
        height: 300px; }

  footer .finfo-holder {
    padding: 50px 0px; }
    footer .finfo-holder .finfo-wrap {
      top: 0px;
      margin-bottom: 0px; }
      footer .finfo-holder .finfo-wrap .finfo-contents {
        padding: 25px 10px; }
        footer .finfo-holder .finfo-wrap .finfo-contents i {
          font-size: 30px; }
        footer .finfo-holder .finfo-wrap .finfo-contents a {
          font-size: 15px; }
  footer .footer-top {
    padding: 0px 0px 20px; }
    footer .footer-top .footer-list {
      margin-bottom: 30px; }
    footer .footer-top .no-padding {
      padding-right: 15px; }
    footer .footer-top h4 {
      font-size: 16px; }
    footer .footer-top a {
      font-size: 14px; }
  footer .footer-bottom .footer-social a {
    font-size: 18px; }

  /*Inner Pages Styles*/
  /*Anaphylaxis Awareness Page Css*/
  .header-bottom .in-banner-contents {
    top: 30%; }
    .header-bottom .in-banner-contents h3 {
      font-size: 30px; }

  .awareness-holder .awareness-wrap {
    padding: 30px 0px 50px; }
  .awareness-holder .awareness-details {
    margin-bottom: 35px; } }
@media screen and (max-width: 767px) {
  .header-topbar {
    padding: 10px 0px;
    background-color: #f7f7f7;
    background-image: none; }
    .header-topbar .header-contact {
      padding-top: 0px;
      text-align: center; }

  .header-top {
    background-color: #f7f7f7;
    padding: 15px 0px; }
    .header-top .icon-bar {
      background-color: #6049c4;
      border-radius: 1px;
      display: block;
      height: 2px;
      width: 22px; }
    .header-top .icon-bar + .icon-bar {
      margin-top: 4px; }
    .header-top .navbar-toggler {
      background-color: transparent;
      background-image: none;
      border: 1px solid transparent;
      border-radius: 4px;
      float: right;
      margin-bottom: 8px;
      margin-right: 0px;
      margin-top: 8px;
      height: 30px;
      padding: 1px;
      width: 30px;
      position: relative;
      outline: none !important; }
    .header-top .navbar-brand {
      width: 65%; }
    .header-top .navbar-nav li.nav-item {
      padding: 0px 0px; }
    .header-top .navbar-nav li.nav-item a.nav-link {
      font-size: 14px;
      padding: 5px 0px;
      color: #038b98; }

  .header-bottom .banner-contents {
    top: 30%;
    text-align: center; }
    .header-bottom .banner-contents h3 {
      font-size: 25px; }

  .category-holder {
    padding-bottom: 30px; }
    .category-holder .category-contents {
      text-align: center; }
    .category-holder .category-details {
      margin-bottom: 25px; }

  .section-heading h3 {
    font-size: 22px; }

  .services-holder .owl-next {
    right: -6%; }
  .services-holder .owl-prev {
    left: -6%; }
  .services-holder .services-contents .services-details {
    top: 10%;
    text-align: center;
    padding: 15px 10px; }
    .services-holder .services-contents .services-details h4 {
      font-size: 18px; }
    .services-holder .services-contents .services-details p {
      font-size: 14px; }
    .services-holder .services-contents .services-details a {
      font-size: 14px; }

  .videos-titles p {
    font-size: 14px; }

  .videos-clips .videos-wrap .videos-contents {
    margin-bottom: 15px; }
  .videos-clips .videos-wrap iframe {
    height: 280px; }

  footer .finfo-holder .finfo-wrap .finfo-contents {
    margin-bottom: 15px;
    padding: 25px 15px; }
    footer .finfo-holder .finfo-wrap .finfo-contents i {
      font-size: 35px; }
    footer .finfo-holder .finfo-wrap .finfo-contents a {
      font-size: 20px; }
  footer .footer-top h4 {
    font-size: 16px; }
  footer .footer-bottom p {
    padding-top: 0px;
    text-align: center;
    margin-bottom: 15px; }
  footer .footer-bottom .footer-social {
    text-align: center; }
    footer .footer-bottom .footer-social li {
      padding: 0px 10px; } }
@media screen and (max-width: 568px) {
  .services-holder {
    padding-bottom: 70px; }
    .services-holder .services-contents .services-details {
      top: 15%; }
    .services-holder .owl-dots {
      bottom: -45px;
      left: 0;
      right: 0;
      position: absolute; }
      .services-holder .owl-dots owl-dot {
        outline: none !important; }
      .services-holder .owl-dots span {
        background: #038b98;
        background-color: #038b98;
        border: 2px solid #917ee1;
        margin: 0px 5px;
        width: 13px;
        height: 13px; }
      .services-holder .owl-dots .owl-dot.active span {
        background-color: #917ee1;
        border: 2px solid #917ee1; }
      .services-holder .owl-dots .owl-dot:hover span {
        background-color: #917ee1;
        border: 2px solid #917ee1; } }
@media screen and (max-width: 420px) {
  .header-bottom .banner-contents h3 {
    font-size: 20px; }

  .injection-holder .injection-details {
    padding: 35px 15px; }

  /*Inner Pages Styles*/
  /*Anaphylaxis Awareness Page Css*/
  .header-bottom .in-banner-contents h3 {
    font-size: 22px; } }
@media screen and (max-width: 320px) {
  .header-bottom .banner-contents h3 {
    font-size: 18px; }

  /*Inner Pages Styles*/
  /*Anaphylaxis Awareness Page Css*/
  .header-bottom .in-banner-contents h3 {
    font-size: 22px; }

  .awareness-holder a {
    font-size: 13px;
    padding: 9px 20px; } }