/*-------------------------------------------*/
/*IMPORT SCSS*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/* FONTS */
/*-------------------------------------------*/
/*-------------------------------------------*/
/* COLORS */
/*-------------------------------------------*/
/*-------------------------------------------*/
/*Fancybox CSS*/
.fancybox-arrow:after { display: none !important; }

.custom-arrow { position: absolute; width: 44px !important; height: 44px !important; background: #666 !important; text-align: center; line-height: 44px; color: #fff !important; text-decoration: none; border-radius: 100% !important; font-size: 16px; top: 50%; margin: -22px 0 0 !important; line-height: 42px; opacity: 1 !important; visibility: hidden; }

.custom-arrow:hover { background-color: #2E4A5B !important; }

.custom-arrow:nth-child(3), .custom-arrow:nth-child(4) { visibility: visible !important; }

.custom-arrow[disabled] { pointer-events: none; opacity: 0.5 !important; }

.fancybox-arrow--left { left: 15px !important; }

.fancybox-arrow--right { right: 15px !important; }

.wmx-area section#main-content .sticky-menu .blue-box ul li { pointer-events: none; }

section#main-content:before { content: ""; display: block; position: absolute; top: -100px; left: 0; height: 300px; width: 100%; background-color: #F5FAFA; }

section#main-content .sticky-menu .blue-box { border-radius: 8px; background-color: #37616C; overflow: hidden; color: #F5FAFA; }

section#main-content .sticky-menu .blue-box h4 { background-color: #2E4A5B; }

section#main-content .sticky-menu .blue-box .neo-group p.acctitle { background-color: #37616C; color: #fff; cursor: pointer; position: relative; font-size: 17px; }

section#main-content .sticky-menu .blue-box .neo-group p.acctitle:before { content: "\f105"; position: absolute; right: 20px; color: #fff; font-size: 17px; font-family: 'FontAwesome'; -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Safari */ transform: rotate(90deg); -ms-transition: all ease 0.3s; /* IE 9 */ -webkit-transition: all ease 0.3s; /* Safari */ transition: all ease 0.3s; }

section#main-content .sticky-menu .blue-box .neo-group.active p.acctitle { color: rgba(245, 250, 250, 0.25); }

section#main-content .sticky-menu .blue-box .neo-group.active p.acctitle:before { -ms-transform: rotate(-90deg); /* IE 9 */ -webkit-transform: rotate(-90deg); /* Safari */ transform: rotate(-90deg); color: rgba(245, 250, 250, 0.25); }

section#main-content .sticky-menu .blue-box .neo-group:hover p.acctitle { color: rgba(245, 250, 250, 0.25); }

section#main-content .sticky-menu .blue-box .neo-group:hover p.acctitle:before { color: rgba(245, 250, 250, 0.25); }

section#main-content .sticky-menu .blue-box .neo-group .neo-box { display: none; }

section#main-content .sticky-menu .blue-box ul { list-style: none; }

section#main-content .sticky-menu .blue-box ul li { padding: 8px 0; }

section#main-content .sticky-menu .blue-box ul li a { font-weight: 300; display: block; }

section#main-content .sticky-menu .blue-box ul li a:hover, section#main-content .sticky-menu .blue-box ul li a.active, section#main-content .sticky-menu .blue-box ul li a:focus { -ms-transform: translate(15px, 0); -webkit-transform: translate(15px, 0); transform: translate(15px, 0); color: rgba(245, 250, 250, 0.25); }

section#main-content .sticky-menu .blue-box ul li a.active { pointer-events: none; }

section#main-content .white-card { box-shadow: 0 0 5px #ccc; border-radius: 15px; background-color: #fff; }

section#main-content .white-card .sticky-wrapper.is-sticky { z-index: 3; }

section#main-content .white-card .white-header { position: relative; z-index: 3; }

section#main-content .white-card .white-header .make-me-stick { border-bottom: 2px solid #efefef; background-color: #fff; /*&:after { content: ""; display: block; position: absolute; top: -5px; left: -55px; width: calc(100% + 110px); height: 100%; background-color: #F5FAFA; z-index: 1; }*/ }

section#main-content .white-card .white-header .make-me-stick:before { content: ""; display: block; position: absolute; top: 0; left: -48px; width: calc(100% + 96px); height: 100%; background-color: #fff; z-index: 2; /*box-shadow: 0 -1px 3px #ccc;*/ /*border-radius: 15px 15px 0 0;*/ }

section#main-content .white-card .white-header ul { list-style: none; max-width: calc(100% - 60px); position: relative; z-index: 3; }

section#main-content .white-card .white-header ul li { display: inline-block; font-weight: 300; cursor: pointer; padding: 24px 15px; margin: 0 15px -2px 15px; opacity: 0.5; }

section#main-content .white-card .white-header ul li:hover, section#main-content .white-card .white-header ul li.active { opacity: 1; }

section#main-content .white-card .white-header ul li.active { border-bottom: 2px solid rgba(237, 28, 36, 0.75); }

section#main-content .white-card .white-header ul li.disabled { pointer-events: none; }

section#main-content .white-card .white-header .anatomy-head { position: absolute; top: 9px; right: 0; z-index: 2; }

section#main-content .white-card .white-header .anatomy-head img { -ms-transition: all ease 0.3s; /* IE 9 */ -webkit-transition: all ease 0.3s; /* Safari */ transition: all ease 0.3s; }

section#main-content .white-card .white-header .anatomy-head:hover img { -webkit-filter: brightness(60%); /* Safari 6.0 - 9.0 */ filter: brightness(60%); }

section#main-content .white-card #procedure h1 { opacity: 0.75; }

section#main-content .white-card #procedure .gallery { margin: 0 -15px; }

section#main-content .white-card #procedure .gallery .gallery-item { padding: 0 15px; margin-top: 24px; }

section#main-content .white-card #procedure .gallery .gallery-item img { border: 0 !important; }

section#main-content .white-card #procedure .gallery .gallery-caption { margin-top: 8px; font-size: 14px; text-align: center; }

section#main-content .white-card #procedure .gallery + h5 { margin-top: 24px; }

section#main-content .white-card #procedure p { margin-top: 24px; }

section#main-content .white-card #procedure p + h5 { margin-top: 24px; }

section#main-content .white-card #procedure .dosages p { margin-top: 8px; }

section#main-content .white-card #procedure h5 { font-size: 17px; }

section#main-content .white-card #procedure h5 + p { margin-top: 8px; }

section#main-content .white-card #procedure ul { padding-left: 15px; margin-bottom: 24px; }

section#main-content .white-card #procedure ul li { padding-top: 8px; }

section#main-content .white-card #procedure img { height: auto; max-width: 100%; width: auto; max-height: 300px; margin-left: auto; margin-right: auto; display: block; }

section#main-content .white-card #procedure img.featured-img { max-height: 400px; }

section#main-content .white-card #procedure iframe { margin-left: auto; margin-right: auto; max-width: 100%; display: block; }

section#main-content .white-card #procedure a { color: #0275d8; }

section#main-content .white-card #procedure .wp-caption { width: auto !important; margin-top: 24px; }

section#main-content .white-card #procedure .wp-caption .wp-caption-text { margin-top: 8px !important; font-size: 14px; text-align: center; }

section#main-content .white-card #procedure .wp-caption + h5 { margin-top: 24px; }

section#main-content .white-card #procedure .wp-caption.aligncenter .wp-caption-text { text-align: center; }

section#main-content .white-card #videos .col-wrapper { max-width: 340px; }

section#main-content .white-card #videos .col-wrapper .img-wrapper { border-radius: 8px 8px 0 0; overflow: hidden; position: relative; background-color: #000; }

section#main-content .white-card #videos .col-wrapper .img-wrapper img { -ms-transform: scale(1.1); /* IE 9 */ -webkit-transform: scale(1.1); /* Safari */ transform: scale(1.1); -ms-transition: all ease 0.5s; /* IE 9 */ -webkit-transition: all ease 0.5s; /* Safari */ transition: all ease 0.5s; }

section#main-content .white-card #videos .col-wrapper .img-wrapper:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/icons/play.png") no-repeat no-repeat center center; }

section#main-content .white-card #videos .col-wrapper .video-details { box-shadow: 0 0 5px #ccc; border-radius: 0 0 8px 8px; }

section#main-content .white-card #videos .col-wrapper:hover .img-wrapper img, section#main-content .white-card #videos .col-wrapper:focus .img-wrapper img { -ms-transform: scale(1); /* IE 9 */ -webkit-transform: scale(1); /* Safari */ transform: scale(1); opacity: 0.4; }

section#main-content .white-card #videos .col-wrapper:hover span.active-color, section#main-content .white-card #videos .col-wrapper:focus span.active-color { color: #CE1E36; }

section#main-content .white-card #diagram .description { -ms-transform: translate(-30px, 0); -webkit-transform: translate(-30px, 0); transform: translate(-30px, 0); -ms-transition: all ease 0.5s; /* IE 9 */ -webkit-transition: all ease 0.5s; /* Safari */ transition: all ease 0.5s; opacity: 0; }

section#main-content .white-card #diagram .description h5 { opacity: 0.75; }

section#main-content .white-card #diagram .description.fadeMeLeft.animated, section#main-content .white-card #diagram .description.singleFade.animated { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; }

section#main-content .white-card #diagram .diagram-image a[data-fancybox] { display: block; background-color: #000; position: relative; overflow: hidden; }

section#main-content .white-card #diagram .diagram-image a[data-fancybox] img { -ms-transition: all ease 0.5s; /* IE 9 */ -webkit-transition: all ease 0.5s; /* Safari */ transition: all ease 0.5s; }

section#main-content .white-card #diagram .diagram-image:hover a[data-fancybox] img, section#main-content .white-card #diagram .diagram-image:focus a[data-fancybox] img { opacity: 0.4; }

section#main-content .white-card #diagram .flexslider .flex-direction-nav li { bottom: 7px; z-index: 4; }

section#main-content .white-card #diagram .flexslider .flex-direction-nav li:last-child { right: auto; left: calc(33.33% - 42px); }

section#main-content .white-card #diagram .flexslider .flex-control-paging { top: auto; bottom: 25px; right: auto !important; left: 0; max-width: calc(33.33% - 17px); width: 100%; }

section#main-content .white-card #diagram .flexslider .flex-control-paging li { display: inline-block; margin: 0 3px; }

section#main-content .white-card #diagram .flexslider .flex-control-paging li a { border: 0 !important; background-color: #ccc; }

section#main-content .white-card #diagram .flexslider .flex-control-paging li a.flex-active { background-color: #333; height: 8px; width: 8px; }

section#main-content .white-card #diagram .pagination { width: calc(33.33% - 17px); }

.anatomy-popup { margin: 0 20px !important; max-width: calc(100% - 40px); }

.anatomy-popup span.close-popup { position: absolute; color: #fff; background-color: #2E4A5B; border-radius: 100%; top: 20px; right: 20px; line-height: 25px; height: 25px; width: 25px; }

.anatomy-popup span.close-popup:hover { background-color: #FF2A42; }

.anatomy-popup .imagehotspot-container { height: auto; z-index: 101; position: relative; }

.anatomy-popup .imagehotspot-container img { position: absolute; top: 0px; left: 0px; z-index: 102; width: 100%; }

.anatomy-popup .imagehotspot-container .pointer { position: absolute; border: none; width: 8px; height: 8px; }

.anatomy-popup .imagehotspot-container .pointer:before { content: ""; display: block; z-index: 103; width: 8px; height: 8px; border-radius: 100%; background-color: #FF2A42; position: absolute; left: 0; top: 0; -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -ms-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; }

.anatomy-popup .imagehotspot-container .pointer span { position: absolute; top: 50%; left: 28px; z-index: 104; pointer-events: none; padding: 3px 10px; color: #fff; background-color: #FF2A42; border-radius: 5px; font-size: 13px; opacity: 0; display: block; text-align: center; -ms-transform: translate(-10px, -50%); -webkit-transform: translate(-10px, -50%); transform: translate(-10px, -50%); -ms-transition: all ease 0.3s; /* IE 9 */ -webkit-transition: all ease 0.3s; /* Safari */ transition: all ease 0.3s; }

.anatomy-popup .imagehotspot-container .pointer span::before { content: ""; display: block; position: absolute; left: -20px; top: calc(50% - 1px); width: 20px; height: 1px; background-color: #FF2A42; }

.anatomy-popup .imagehotspot-container .pointer:hover span { opacity: 1; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }

.anatomy-popup .imagehotspot-container .pointer.active { /*pointer-events: none;*/ /*span { opacity: 1; @include transform_translate(0, -50%); }*/ }

.anatomy-popup .imagehotspot-container .pulse-effect { position: absolute; top: 0; left: 0; border: none; width: 8px; height: 8px; }

.anatomy-popup .imagehotspot-container .pulse-effect::before, .anatomy-popup .imagehotspot-container .pulse-effect::after { content: ""; display: block; height: 8px; width: 8px; border-radius: 100%; background-color: transparent; position: absolute; left: 0; top: 0; z-index: 105; box-shadow: 0 0 0 0 rgba(255, 42, 66, 0.5); -webkit-animation: ripple 1.8s infinite; -moz-animation: ripple 1.8s infinite; -ms-animation: ripple 1.8s infinite; -o-animation: ripple 1.8s infinite; animation: ripple 1.8s infinite; }

.anatomy-popup .imagehotspot-container .pulse-effect::after { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -ms-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; }

.anatomy-popup .imagehotspot-container .pulse-effect::before { -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -ms-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; }

@media (max-width: 991px) { section#main-content .white-card .white-header { width: calc(100% - 48px) !important; }
  section#main-content .white-card .white-header .make-me-stick::before, section#main-content .white-card .white-header .make-me-stick::after { left: -24px; width: calc(100% - 48px); }
  section#main-content .white-card .white-header ul li { padding: 24px 5px; }
  section#main-content .white-card .gallery .gallery-item { width: 100%; }
  section#main-content .white-card #procedure .wp-caption .wp-caption-text { text-align: center; }
  section#main-content .white-card #diagram .flexslider .flex-control-paging { max-width: 100%; }
  section#main-content .white-card #diagram .flexslider .flex-direction-nav li:first-child { left: calc(50% - 75px); }
  section#main-content .white-card #diagram .flexslider .flex-direction-nav li:last-child { right: calc(50% - 75px); left: auto; }
  section#main-content .white-card #diagram .pagination { width: 100%; }
  section#main-content .white-card #diagram .description h5 { text-align: center; } }

@media (max-width: 767px) { .sticky-menu.is-affixed { height: auto !important; }
  .sticky-menu.is-affixed .sticky-menu-inner { position: relative !important; width: auto !important; bottom: auto !important; left: auto !important; transform: translate3d(0px, 0, 0px) !important; }
  .custom-arrow { height: 30px !important; width: 30px !important; margin-top: -15px; line-height: 25px; } }

@media (max-width: 575px) { section#main-content .white-card .white-header { text-align: center; }
  section#main-content .white-card .white-header ul { text-align: center; max-width: 100%; }
  section#main-content .white-card .white-header ul li { display: block; margin-bottom: 0; }
  section#main-content .white-card .white-header .anatomy-head { position: relative; top: auto; padding-bottom: 24px; z-index: 2; }
  .anatomy-popup .imagehotspot-container .pointer span { left: 15px; font-size: 10px; }
  .anatomy-popup .imagehotspot-container .pointer span::before { left: -10px; } }