@font-face {
	font-family: 'icomoon';
	src:url('/img/partners/learner/wphospitaltheme/fonts/icomoon.ttf');
	font-weight: normal;
	font-style: normal;
}

#wphospitalheader{
    height:90px;
}

#realcme_custom_footer.col-md-12{
    padding: 0;
}

.client-player #countdown_timer {
  background-color: #FFAAAA;
  bottom: 0px;
  color: #bb1122;
  font-size: 18px;
  left: 0px;
  padding: 10px 20px;
  position: fixed;
  z-index: 500;
}

.logo {
  float: left;
  width: 130px;
  margin: 10px 10px 0 10px;
}

.logo img {
  max-width: 100%;
  display: block;
  height: auto;
}

.navbar {
  float: right;
  padding: 0 42px 0 0;
}

#nav {
    float: right;
}

#nav > ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: fixed;
    left: auto;
    top: 0;
    right: 0;
    bottom: auto;
    margin: 0;
    -webkit-transform: translateX(105%);
    -ms-transform: translateX(105%);
    transform: translateX(105%);
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    letter-spacing: -0.32em;
    width: 306px;
    padding: 75px 0 25px;
    z-index: 450;
    box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.3);
}

nav{
    display: block;
}

#nav > ul:before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: -9999px;
  background: #71b2c9;
  content: "";
  z-index: -1;
}

#nav > ul > li {
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  padding: 0;
  width: 100%;
  margin: 0 0 1px;
  position: relative;
}

#nav > ul > li:after {
  display: none;
}

#nav > ul > li:hover > a {
  background: #003865;
  color: #fff;
}

#nav > ul > li > a {
  font-size: 16px;
  line-height: 20px;
  display: block;
  text-decoration: none;
  position: relative;
  z-index: 10;
  color: #fff;
  text-align: center;
  background: #81c3da;
  padding: 22px 50px 23px 30px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

#nav .opener {
  width: 29px;
  height: 23px;
  position: absolute;
  left: auto;
  top: 26px;
  right: 15px;
  bottom: auto;
  float: right;
  z-index: 500;
  text-indent: -9999px;
}

.nav-active #nav .opener {
  right: 12px;
  top: 35px;
}

#nav .opener:hover {
  opacity: 0.8;
}

#nav .opener span,
#nav .opener:after,
#nav .opener:before {
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  bottom: auto;
  border-radius: 5px;
  content: "";
  height: 4px;
  background: #252525;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  margin: -2px 0 0;
}

#nav .opener:after {
  top: 0;
  margin: 0;
}

.nav-active #nav .opener:after {
  background: #fff;
  margin: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav .opener:before {
  top: auto;
  bottom: 0;
  margin: 0;
}

.nav-active #nav .opener:before {
  background: #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  bottom: auto;
  top: 0;
}

.nav-active #nav .opener span {
  opacity: 0;
  visibility: hidden;
}

.nav-active #nav > ul {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.search-holder {
    position: absolute;
    left: auto;
    top: 50%;
    right: 65px;
    bottom: auto;
    margin: -3px 0 0;
    z-index: 300;
}

.search-holder:after {
    position: absolute;
    left: auto;
    top: -30px;
    right: 0;
    bottom: -23px;
    background: rgba(255, 255, 255, 0);
    content: "";
    display: none;
    z-index: -1;
}

.search-holder .search-opener {
  width: 33px;
  height: 33px;
  overflow: hidden;
  border: 0;
  text-indent: -99999px;
  border-radius: 50%;
  background: url(/img/partners/learner/wphospitaltheme/img/btn-search.png) no-repeat #71b2c9;
  float: right;
}

.search-holder .search-opener:hover,
.search-holder .search-opener:focus {
  background-color: #5297af;
}

#footer .site-info .social-networks,
#footer .awards-list {
  margin: 0;
  padding: 0;
  list-style: none;
}


#footer {
  font-size: 15px;
  line-height: 18px;
  background: #003865;
  color: #fff;
  overflow: hidden;
}

#footer .site-details {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  text-align: center;
  padding: 10px 0 20px;
  position: relative;
}

#footer .site-details:after {
  position: absolute;
  left: 45px;
  top: 0;
  right: auto;
  bottom: auto;
  width: 9999px;
  height: 1px;
  background: #fff;
}

#footer .site-details:before {
  position: absolute;
  left: -32px;
  top: -30px;
  right: auto;
  bottom: auto;
  background: #fff;
  width: 1px;
  -webkit-transform: rotate(41.5deg);
  -ms-transform: rotate(41.5deg);
  transform: rotate(41.5deg);
  content: "";
  height: 235px;
  display: none;
}

#footer .site-info {
  padding: 5px 0 16px;
  text-align: center;
  position: relative;
}

#footer .site-info:after {
  position: absolute;
  left: -999px;
  top: auto;
  right: -999px;
  bottom: 0;
  background: #fff;
  content: "";
  height: 1px;
}

#footer .site-info .social-networks {
  display: flex;
  flex-direction: row;
  justify-content: center;
  letter-spacing: -0.32em;
  overflow: hidden;
  margin: 0 -12px 22px;
}

#footer .site-info .social-networks li {
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  padding: 4px 12px;
  border-right: none;
}

#footer .site-info .social-networks li:after {
  display: none;
}

#footer .site-info .social-networks li a {
  font-size: 0;
  line-height: 0;
  color: #fff;
  display: block;
  text-align: left;
}

#footer .site-info .social-networks li a.icon-twitter:before {
  font-size: 40px;
}

#footer .site-info .social-networks li a.icon-instagram:before {
  font-size: 35px;
}

#footer .site-info .social-networks li a:before {
  font-size: 34px;
  line-height: 33px;
  display: block;
}

#footer .site-info .social-networks li a:hover {
  color: #71b2c9;
}

#footer .site-info .copyright {
  font-size: 12px;
  line-height: 15px;
  display: block;
  margin: 0 0 5px;
}

#footer .site-info .copyright a {
  color: #fff;
  text-decoration: underline;
}

#footer .site-info .copyright a:hover {
  color: #71b2c9;
}

#footer .members {
  overflow: hidden;
  padding: 18px 0 10px;
}

#footer .members .title {
  font-size: 14px;
  line-height: 18px;
  display: block;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin: 0 0 4px;
}

#footer .members .logo-member {
  display: block;
  margin: 0 auto;
}

#footer .awards-list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  overflow: hidden;
  letter-spacing: -0.32em;
  margin: 8px -10px;
}

#footer .awards-list li {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: 0;
  padding: 4px 10px;
  border-right: none;
}

#footer .awards-list li:after {
  display: none;
}

#footer .awards-list li img {
  max-width: 100%;
  display: block;
  height: auto;
}

#footer .site-info:after{
  content: "";
  display: block;
  clear: both;
}

#footer .social-networks .icon-facebook,
#footer .social-networks .icon-twitter,
#footer .social-networks .icon-instagram,
#footer .social-networks .icon-youtube {
    font-family: 'icomoon';
}

.icon-twitter:before {
  content: "\e903";
}

.icon-facebook:before {
  content: "\e904";
}

.icon-youtube:before {
  content: "\e900";
}

.icon-instagram:before {
  content: "\ea92";
}

@media (min-width: 768px) {
    .logo {
      width: 139px;
    }

    .search-holder .search-drop {
        width: 376px;
        height: 33px;
        max-width: 0;
        right: 0;
        overflow: hidden;
    }

    .nav-active #nav .opener {
      right: 22px;
    }

    #nav > ul {
      width: 600px;
    }

    #nav > ul > li > .drop-opener {
      width: 57px;
    }

    #nav > ul > li > a {
      padding: 23px 50px;
    }

    #footer{
        padding: 0 10px;
    }

    #footer .members {
      float: left;
      width: 45%;
      text-align: left;
      padding: 21px 0;
    }

    #footer .awards-list {
      float: right;
      text-align: right;
      margin: 19px -10px;
      width: 35%;
    }

    #footer .site-info {
      padding: 5px 0 8px;
    }
}

@media (max-width: 999px) {
  #nav .dropdown > li ul > div {
    display: inline;
    width: auto !important;
    float: none !important;
  }
}

@media (min-width: 1000px) {
    .logo {
      width: 150px;
      margin: 15px 10px 0 15px;
    }

    .search-holder {
      top: 50%;
      margin: -14px 0 0;
      right: 5px;
    }

    .search-holder:after {
      width: 400px;
    }

    #nav .opener {
      display: none;
    }

    #nav > ul {
      box-shadow: none;
    }

    #nav > ul:before {
      display: none;
    }

    #nav > ul {
      padding: 0;
      display: block;
      -webkit-transition: none;
      transition: none;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
      width: auto;
      position: static !important;
    }

    #nav > ul > li {
      width: auto;
      margin: 0;
      position: static;
    }

    #nav > ul > li:hover > a,
    #nav > ul > li.active > a {
      background: #71b2c9;
    }

    #nav > ul > li.visible-menu {
      display: none;
    }

    #nav > ul > li > .drop-opener {
      display: none;
    }

    #nav > ul > li > a {
      font-size: 15px;
      color: #252525;
      background: none;
      /*font-weight: 600;*/
      position: static;
      letter-spacing: 2.5px;
      padding: 35px 20px 30px;
    }

    #footer .members {
      width: 31%;
      padding: 0;
    }

    #footer .members .title {
      margin: 0 0 6px;
    }

    #footer .awards-list {
      text-align: center;
      width: 38%;
      float: none;
      margin: 0;
    }

    #footer .site-info {
      float: right;
      width: 31%;
      text-align: right;
      padding: 0 0 0 10px;
    }

    #footer .site-info:after {
      display: none;
    }

    #footer .site-info .social-networks {
        justify-content: flex-end;
      margin: 0 -7px 23px -6px;
    }

    #footer .site-info .social-networks li {
      padding: 3px 7px 4px 6px;
    }

    #footer .site-info .social-networks li a.icon-twitter:before {
      font-size: 22px;
    }

    #footer .site-info .social-networks li a.icon-instagram:before {
      font-size: 20px;
    }

    #footer .site-info .social-networks li a:before {
      font-size: 20px;
      line-height: 22px;
    }
}

@media (min-width: 1230px) {
    .logo {
      width: 165px;
    }

    .search-holder {
      /* right: 30px; */
    }

    .search-holder:after {
      width: 420px;
    }

    #nav > ul > li > a {
      padding: 35px 28px 30px;
    }
}

@media print {
    .logo {
      display: block;
      float: none;
      margin: 0 auto 5px;
    }
}