/* Prebaciti u style-real i skinuti important */
.close-hamburger{
    top: 34px !important;
    right: 20px !important;
}

.video-box-image{height:385px;}
.video-box-image.small { height: auto; }
.video-icon-position {margin-top: 140px;}
.video-icon-position.small { margin-top: 0; margin-bottom: 0; }
.video-icon-position img{
    max-width: 150%;
    width: 150%;
    position: relative;
    left: -20px;
}
.video-icon-position.small img { max-width: 72px; height: auto; left: 0; box-sizing: border-box; padding: 20px 0;  }
.video-icon-position.small a { display: block; line-height: 0; }

body { background: #26245A; }
#page { background: white; }

/* HEADER GENERAL */
header { padding-top: 34px; padding-bottom: 16px; }
.header-main nav.header-navigation,
.header-main .main-logo { float: left;}
.header-main .main-logo { box-sizing: border-box; padding-top: 19px; }
.main-logo-link img { width: 100%; max-width: 154px; height: auto; }
nav.header-navigation li,
nav.footer-navigation li { box-sizing: border-box; padding: 7px 15px; border-radius: 6px;  display: inline-block; text-align: right;}
nav.header-navigation li:last-child { margin-right: -12px; }
nav.header-navigation li a,
nav.footer-navigation li a { font-family: 'proximanova-regular', 'arial', sans-serif; font-size: 14px; color: white; transition: all 0.1s ease-in-out; }
nav li.text-transform-none a { text-transform: none; }
nav li.current-menu-item { font-weight: bold; }
nav.header-navigation li.current-menu-item a::after,
nav.footer-navigation li.current-menu-item a::after{ content: ''; display: block; height: 2px; background-color: #f4cdd4; }
.header-right-block { float: right; }
a.proffesionals-patients { font-family: 'proximanova-light', 'arial', sans-serif; font-size: 14px; color: #f4cdd4; display: block; text-align: right; 
transition: all 0.3s ease-in-out; padding-right:3px; }
.page-template-page-professionals a.proffesionals-patients,
.page-template-page-professionals a.proffesionals-patients:not(.page-healthcare-professionals) { color: #f4cdd4; }
.page-template-page-professionals.page-healthcare-professionals  a.proffesionals-patients { color: #f4cdd4; }
.header-middle-block { overflow: hidden; float: right; }
.page-template-page-professionals .header-middle-block { position: relative; top: -12px; }
.search-box { float: right; margin: 10px 20px 10px 56px; color: white; font-size: 24px; }
footer .search-box { margin-top: 4px; }

html.overlay-popup{ overflow: hidden;}
.popup-modal, .popup-modal.video{ max-height: calc(100vh - 150px); overflow: hidden; display: table !important;}
.popup-content{max-height:inherit; overflow-y: auto;}
.search-info.hidden {
    opacity: 0;
    z-index: -5;
    transition-timing-function: linear;
    position: relative;
    visibility: hidden;
    transition: opacity 0.5s linear;
}

.search-info { left: 0; top: 0; z-index: 9; width: 100%; color: #fff; position: fixed; text-align: center; background: rgb(38,36,90); /* Old browsers */height: 100%; transition: opacity 0.5s linear, z-index 0.5s step-start; display: block; visibility: visible;
    background: -moz-linear-gradient(left,  rgba(38,36,90,0.9) 0%, rgba(141,110,151,0.9) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(38,36,90,0.9) 0%, rgba(141,110,151,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(38,36,90,0.9) 0%, rgba(141,110,151,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26245a', endColorstr='#8d6e97',GradientType=1 ); /* IE6-9 */
}
.search-info form.search-form { position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; transform: translateY(-50%); }
.search-info h3 { position: absolute; top: 43%; color: #ffffff; left: 0; right: 0; transform: translateY(-50%); text-transform: uppercase; text-align: center!important; }
.search-form input { z-index: 7; padding: 15px; line-height: 1; font-size: 16px; min-width: 360px; border-radius: 50px; border: 2px solid #f4cdd4; }
.search-info form.search-form button span.icon,
.mobile-search form.search-form button span.icon{color: #ffffff; font-size: 35px; padding-left: 10px; top: 5px; position: relative;} 
.search-info form.search-form button,
.mobile-search form.search-form button { box-sizing: border-box; line-height: 1; vertical-align: middle; display: inline-block; background: transparent; border: 0px; cursor: pointer; }
.search-info .icon-cross { color: #ffffff; font-size: 25px; top: 44px; cursor: pointer; position: absolute; right: 16px; font-weight: 800; }

.mobile-search{display:none;}

/* HOLOGIC HEADER */
.home header.header-main,
header.header-main { position: fixed; top: 0; left: 0; width: 100%; z-index: 8; }
.home header.header-main { background: transparent;  }
.home a.proffesionals-patients { font-family: 'proximanova-light', 'arial', sans-serif; }

/* FOOTER */
footer { display: flex; flex-direction: column; justify-content: center; background: #8d9092; }
.footer-top-block,
.footer-bottom-block { display: flex; justify-content: space-between; }
.footer-top-block { margin-bottom: 16px; margin-top: 8px; padding-top: 35px; border-top: 1px solid #ffffff; } 
.footer-nav-and-search { display: flex; }
ul.footer-menu { display: flex; }
ul.footer-menu li a { color: #ffffff; }
.footer-bottom-block { border-top: 1px solid #ffffff; padding-top: 12px; padding-bottom: 32px; color: #ffffff; } 
.site-footer .main-logo img { padding-left: 0; }

/* -------------------------- */
/*header.header-main*/
footer,
.in_footer,
.search-results-title {
    background: rgb(38,36,90); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(38,36,90,1) 0%, rgba(141,110,151,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(38,36,90,1) 0%,rgba(141,110,151,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(38,36,90,1) 0%,rgba(141,110,151,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26245a', endColorstr='#8d6e97',GradientType=1 ); /* IE6-9 */
}
.in_footer hr { margin: 0 0 14px 0; }
.in_footer .footer_text { background: #fff; padding: 36px 46px; color: #8d9092; font-size: 14px; display:none; }
.in_footer .references { display: block; width: 100%; text-align: right; color: #fff; font-size: 16px; letter-spacing: 2px; text-transform: uppercase; padding-bottom: 6px;cursor: pointer;}
.in_footer .references span { margin-left: 5px; font-size: 24px; position: relative; top: -2px; }
.bottom-pink-lines { background: #8d6e97; height: 32px; }
.bottom-pink-lines hr { margin: 0; }
.bottom-pink-lines hr:first-child { height: 1px; background-color: #8d6e97; }
.bottom-pink-lines hr:nth-child(2) { height: 3px; background-color: white; } 
.bottom-pink-lines hr:nth-child(3) { height: 3px; background-color: #8d6e97; } 
.bottom-pink-lines hr:nth-child(4) { height: 2px; background-color: white; } 
.in_footer .references span{
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
    display: inline-block;
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
}
.in_footer .references span.rotate-icon {
    -moz-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    top: 7px;
}

/*hide wp edit link */
.admin-bar .entry-footer{display: none;}

/* HEADER AND FOOTER HOVER */
nav.header-navigation li { position:relative; white-space:nowrap; line-height:1 }
nav.header-navigation li a span.holder { opacity:0; }
nav.header-navigation li a span.view { position:absolute;top:0; left:0; right:0; text-align:center }
nav.header-navigation li a:hover span.view {font-family: 'proximanova-bold';}
nav.footer-navigation li { position:relative; white-space:nowrap; line-height:1 }
nav.footer-navigation li a span.holder { opacity:0; }
nav.footer-navigation li a span.view { position:absolute;top:0; left:0; right:0; text-align:center }
nav.footer-navigation li a:hover span.view {font-family: 'proximanova-bold';}
/* nav.header-navigation li a:hover,  */
/* nav.footer-navigation li a:hover { text-shadow:0px 0px 3px currentColor; font-family: 'proximanova-bold'; } */
a.proffesionals-patients:hover { font-family: 'proximanova-regular'; }
.icon-search { transition: all 0.3s ease-in-out; }
.icon-search:hover { color: #F4CDD4;  }

/* HEADER SCROLLING BACKGROUND */

header.header-main { background: linear-gradient(to right, rgba(38,36,90,1) 0%,rgba(141,110,151,1) 100%); }
.home header.header-main.change,
.page-healthcare-professionals header.header-main.change,
header.header-main.change-plus-header-height { background: linear-gradient(to right, rgba(38,36,90,0.9) 0%,rgba(141,110,151,0.9) 100%); /*animation-name: example; animation-duration: 2s; animation-timing-function: ease-in-out;*/ }

/*@keyframes example {
  0% { background: linear-gradient(to right, rgba(38,36,90,1) 0%,rgba(141,110,151,1) 100%); }
  50% { background: linear-gradient(to right, rgba(38,36,90,0.7) 0%,rgba(141,110,151,0.7) 100%); }
  100% { background: linear-gradient(to right, rgba(38,36,90,0.5) 0%,rgba(141,110,151,0.5) 100%); }
}*/

body:not(.home) { padding-top: 117px; }
body.admin-bar:not(.home) { padding-top: 86px; }


/* HEALTHCARE PROFFESIONALS HEADER */
/* class .template-professionals is added to body on healthcare-professionals and child pages */

.template-professionals header.header-main { padding-top: 0; }
.template-professionals header.header-main .wrapper { padding-top: 30px; }
.template-professionals .header-main .main-logo { padding-top: 0; }  
.template-professionals ul.header-menu { padding-top: 4px; }
.template-professionals .search-box { margin-top: 0; margin-left: 20px;}
.template-professionals .footer-nav-and-search .search-box { margin-top: 10px; }

/* HEALTHCARE PROFFESIONALS home HEADER */

.page-healthcare-professionals header.header-main { background: transparent; position: fixed; top: 0; left: 0; width: 100%; z-index: 8; transition: all 0.3s ease-in-out; }
body.page-healthcare-professionals { padding-top: 0; }
body.page-healthcare-professionals.admin-bar { padding-top: 0; }
.page-healthcare-professionals header.header-main.change { background: linear-gradient(to right, rgba(38,36,90,0.9) 0%,rgba(141,110,151,0.9) 100%); } 


/* Get Start HEADER BUTTON  */
header .btn-start a { font-size: 12px; font-weight: bold; color: white; border: 1px solid white; box-sizing: border-box; box-sizing: border-box; padding: 14px 43px; border-radius: 36px; transition: all 0.3s ease-in-out; }
header .btn-start a:hover { background: rgba(255,255,255, 0.9); color: #00aec7; }

/* BANNER HEALTHCARE PRO ONLY */
.med-pro-only { font-family: 'proximanova-light', 'arial', sans-serif; font-size: 12px; font-weight: bold; color: #26245A; background: white; text-align: center; box-sizing: border-box; padding: 6px 20px; }

/*TABS*/
.form-wrapper{overflow: hidden;}
.form-wrapper .tab-content {
  opacity: 0;
  height: 0;
  padding: 20px 0 0;
}

.form-wrapper input.tab-input {
  display: none;
}

.form-wrapper label.tab-label {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  padding: 45px 25px 40px;;
  font-weight: 600;
  text-align: center;
  color: #fff;
  background: #dddede;
  font-size: 32px;
  font-family: 'proximanova-bold', 'arial', sans-serif;
      letter-spacing: 1px;
      width: 49.7%;
}


.form-wrapper label.tab-label:hover {
  color: #fff;
    background: #abadad;
 cursor: pointer;
}


.tab1 hr.popup-top-line{left:-50%;  opacity:0;}
.tab2 hr.popup-top-line{right:-50%; opacity:0}

.form-wrapper input.tab-input:checked + label.tab-label {
  color: #26245a;
  background: #fff;
}

.form-wrapper input.tab-input:checked + label.tab-label hr{
  opacity:1;
}

.form-wrapper #tab1:checked ~ .tab-content1,
.form-wrapper #tab2:checked ~ .tab-content2{
   opacity: 1;
   height: auto;
}
.form-wrapper:not(#f), .form-wrapper .tab-content:not(#f){padding:0 !important;}
.form-wrapper {background:#fff;}

/*Forminator plugin*/
.form-wrapper .forminator-field{text-align: left;}
.form-wrapper .forminator-field img {max-height: 105px;}
.form-wrapper .forminator-field h2.forminator-title {
   color:#8e6e97;
   font-size: 21px;
       font-family: 'proximanova-regular', 'arial', sans-serif;
 }
.form-wrapper .forminator-design--flat .forminator-row{
  margin-bottom: 15px !important ;
}
.form-wrapper .forminator-design--flat .forminator-field input,
.form-wrapper .forminator-design--flat .forminator-field select,
.form-wrapper .forminator-design--flat .forminator-field textarea,
.form-wrapper .forminator-design--flat .forminator-field span[aria-hidden]:not(.forminator-error-message),
.form-wrapper .forminator-design--flat .forminator-field .forminator-select-list .forminator-value  {
    background: #fff !important;
    box-sizing: border-box;
    border: 2px solid #acafb1 !important;
    padding: 10px 10px 7px !important;
    color: #4d4d4f !important;
}
.form-wrapper .forminator-design--flat .forminator-field span.forminator-error-message{
    position: relative;
    top: -15px;
  }
.form-wrapper .forminator-design--flat .forminator-field input{
    margin-bottom: 15px !important;
    }
.form-wrapper .forminator-design--flat .forminator-field input[type=number]::-webkit-inner-spin-button, 
.form-wrapper .forminator-design--flat .forminator-field input[type=number]::-webkit-outer-spin-button {  
   opacity: 1 !important;
}
.form-wrapper .forminator-row .forminator-col-4 {
}
.form-wrapper .forminator-row .forminator-col-4:nth-child(1) {
    max-width: 115px;
}
.form-wrapper .forminator-row .forminator-col-4:nth-child(3) {
    max-width: 75px;
    margin-top:18px;
}
.form-wrapper .forminator-row .forminator-col-4:nth-child(3) .forminator-label{
   color:#8d6e97;
}
.form-wrapper .forminator-row .forminator-col-4:nth-child(2) {
    padding-left: 35px;
    box-sizing: border-box;
    padding-right: 35px;
    margin-top:25px;
}
.form-wrapper .forminator-row .forminator-col-4:nth-child(2) .forminator-checkbox span:not(.forminator-description){
    font-family: 'proximanova-semibold', 'arial', sans-serif ;
    font-size: 18px;
}

.form-wrapper .forminator-row .forminator-col-4:nth-child(2) .forminator-description{
  margin-left:36px; 
  font-size: 14px;
 line-height: 1.3;
}

.form-wrapper .forminator-guttenberg{padding:75px 100px;}

.flex-checkbox .forminator-field{display: flex;}
.forminator-custom-form-1811.forminator-design--flat .forminator-error-message {
    background-color: #F9E4E8;
    color: #E04562;
}
.forminator-ui.forminator-design--flat .forminator-checkbox {
    color: #4d4d4f !important;
}
.form-wrapper .flex-checkbox .forminator-field label.forminator-label{
    font-family: 'proximanova-regular', 'arial', sans-serif !important;
    font-size: 18px !important;
    font-weight: normal;
}
.form-wrapper .flex-checkbox .forminator-field label.forminator-checkbox{ 
    margin:4px 18px 18px;
}
.form-wrapper .flex-checkbox .forminator-field label.forminator-checkbox span:last-child{
    margin-top:3px;
}

.form-wrapper hr.popup-top-line { top: 0; }
.form-wrapper hr.popup-bottom-line { bottom: 0; }

.forminator-custom-form-1888.forminator-design--flat .forminator-select-container .forminator-select-list .forminator-dropdown-list li.current 
{ background-color: #00aec7 !important; }
.forminator-custom-form-1888.forminator-design--flat .forminator-select-container .forminator-select-list .forminator-dropdown-list li.current:hover { 
background-color: #00aec7 !important; }
.forminator-custom-form-1811.forminator-design--flat .forminator-select-container .forminator-select-list .forminator-dropdown-list { background-color: 
#dddede !important;  }
.forminator-custom-form-1888.forminator-design--flat .forminator-select-container .forminator-select-list .forminator-dropdown-list li:hover { 
background-color: #abadad !important; color: white !important; }

/* btns */
.hol-btn-outline{
    min-width: 206px !important;
    padding: 20px 17px !important;
    line-height: 1.1 !important;
    color: #00aec7 !important;
    border-width: 1px !important;
    border-radius: 40px !important;
    background: transparent !important;
    border: 1px solid #00aec7 !important;
    font-family: 'proximanova-bold', 'arial', sans-serif !important;
    font-size: 13px !important;
    line-height: 1.2;
    text-transform: uppercase !important;
    margin: 0 auto !important;
    display: block !important;
    margin-top: 50px !important;
}

.hol-btn-outline:hover{
    background-image: linear-gradient(90deg, #00aec7 0%, #8cd5ea 100%)!important;
    border-color: #00aec7!important;
    color: white!important;
}

.btn-start{float:right;}

/* home professionals */
.hero-section.med-pro-home-hero:not(#f) > .uagb-section__overlay{
background:linear-gradient(90deg, rgb(99, 27, 121) 0%,rgba(158, 155, 158, 0.8) 100%) !important;
}

h1.home-professionals{
font-family:;  'proximanova-semibold', 'arial', sans-serif;
      letter-spacing: 4px;
}
.hero-section.med-pro-home-hero p{
      font-family: 'proximanova-light', 'arial', sans-serif;
    letter-spacing: 2px;
}

.forminator-success.forminator-show{
    text-align: center !important;
    position: fixed;
    display: table;
    z-index: 9;
    background: #fff !important;
    max-width: 635px;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto !important;
    top: 50%;
    transform: translateY(-50%);
    box-sizing: border-box;
    padding: 80px 120px 90px 120px !important;
    border-radius: 10px !important;
    transition: all 0.2s ease-in-out;
    max-height: calc(100vh - 200px);
    overflow: hidden;
    -webkit-box-shadow:0px 0px 0px 9999px rgba(64,43,107,0.7) !important;
    box-shadow:0px 0px 0px 9999px rgba(64,43,107,0.7) !important;
}
.forminator-success.forminator-show p{
   font-size: 16px !important;
}
.forminator-success.forminator-show h3{
    font-size: 32px;
    color: #26245A;
    margin-bottom: 25px;
  }

  .forminator-success.forminator-show .btn-back-to-site{
    margin-top: 38px;
    display: inline-block;
    color: #00aec7;
    border-width: 1px;
    border-radius: 40px;
    padding: 15px 48px;
    line-height: 1.1;
    border-color: #00aec7;
    background-color: transparent;
    border: 1px solid;
    font-family: 'proximanova-bold', 'arial', sans-serif;
    font-size: 13px;
  }

    .forminator-success.forminator-show .btn-back-to-site:hover{
      background-image: linear-gradient(90deg, #00aec7 0%, #8cd5ea 100%);
    border-color: #00aec7;
    color: white;
}

 .forminator-success.forminator-show  hr.popup-top-line{
  top:-2px !important;
 }
  .forminator-success.forminator-show  hr.popup-bottom-line{
  bottom:-2px !important;
 }

 .hide-forminator-success{display:none;}
 .uagb-post-grid.post-carousel .is-carousel
/*.games-slider.slick-initialized,
.product_list_widget.slick-initialized */{
    visibility: hidden;
}
.uagb-post-grid.post-carousel .is-carousel.slick-initialized
/*.games-slider.slick-initialized,
.product_list_widget.slick-initialized */{
    visibility: visible;
}

.accordion.accordion-second{border:none;} 
.accordion.accordion-second h4{
    color: #5b5b5d;
    font-weight: normal;
    font-size: 20px;
    padding: 15px 0;
    border-bottom:2px solid #8d6e97;
    border-top:none;
  }
.accordion.accordion-second h4:first-child{border-top:2px solid #8d6e97;}
.accordion.accordion-second h4.title.open{border-bottom: 1px solid #dadbdd;}
.accordion.accordion-second .answer.open{ border-bottom: 2px solid #8d6e97;}

.accordion.accordion-second h4:after{top: 18px;}
.accordion-second .answer{padding:0 20px; font-size: 14px;}
.accordion.accordion-second .answer.open{ background-color: #f8f8f8;}
.accordion.accordion-second .answer{ max-height: 410px; overflow-x: hidden;}
.accordion.accordion-second .answer-one-item{padding:25px 0 30px; border-bottom: 1px solid #e5e5e5;display: flex; align-items: flex-end;}
.accordion.accordion-second .answer-one-item:last-child{border:none;}
.accordion-second .answer-one-item .link{width:20%;color:#20b8ce;box-sizing:border-box;padding-right: 30px;   text-align: right;}
.accordion-second .answer-one-item .link a{color:#20b8ce; text-transform: uppercase;}
.accordion-second .answer-one-item .link a:hover{color:#20b8ce;}
.accordion-second .answer-one-item .title{width: 80%;padding-right: 40px;box-sizing:border-box;}

@media (max-width:768px){
  .accordion.accordion-second .answer-one-item{display: table;width: 100%;}
  .accordion-second .answer-one-item .link,
  .accordion-second .answer-one-item .title{width: 100%;}
}