/* ==========================================================================
  Author's custom styles
  ========================================================================== */
body { overflow: visible; }
header {
  background-color: #fff;
  width: 100%;
  /*-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 5px 0px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 5px 0px;*/
  box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 5px 0px;
  padding: 15px 0;
  top: 0;
  z-index: 5;
}

img { max-width: 100%; }

a { color: #ed1c24; }

.edit main { position: relative; }

span.h1, span.h2, span.h3, span.h4, span.h4, span.h5, span.h6, span.p, label.h3 { display: block; }

/*main > .container > .row > div[class^='col-'] { overflow-x: hidden; } /* [27.03.2019] mobile content fix */

main {
  min-height: 60vh;
}

#logo {
  height: 60px;
  /*width: 130px;*/
  width: 271px;
  /*background-image: url("/inc/v-3/img/fotona.svg");*/
  background-image: url("/inc/v-3/img/fotona-60.svg");
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;

  display: block;
}
.de.support #logo {
  width: 300px;
  background-image: url("/inc/v-3/img/hsd.png");
}
.de.support .navbar-toggle {
  margin-left: auto;
}
.qz {
  height: 60px;
  width: 60px;
  background-image: url("/inc/v-3/img/lqz.jpg");
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: contain;
  float: left;
  margin-left: 20px;
}

p.btns {
  text-align: center
}
p.btns > .btn {
  margin-top: 16px;
  max-width: 100%;
  width: 300px;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active:focus,
.btn-primary.active:focus {
  background-color: #fff;
  background-image: none;
  border-color: #ed1c24;
  color: #ed1c24;
  filter: none;
}
.btn-grey,
.btn-grey:hover,
.btn-grey:active,
.btn-grey.active,
.btn-grey:focus,
.btn-grey.focus,
.btn-grey:active:focus,
.btn-grey.active:focus {
  background-color: #fff;
  background-image: none;
  border-color: #777777;
  color: #777777;
  filter: none;

}
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-grey[disabled],
.btn-grey[disabled]:hover {
  background-color: #fff;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #efefef; }
.form-control::-webkit-input-placeholder { color: #777; }  /* WebKit, Blink, Edge */
.form-control:-moz-placeholder { color: #777; }  /* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder { color: #777; }  /* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder { color: #777; }  /* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder { color: #777; }  /* Microsoft Edge */

.page-footer a,
.page-footer a:hover { color: #777; }

@media (min-width: 768px) and (max-width: 991px) {
  .page-footer .row > .col-sm-4:nth-child(4) { clear: left; }
}

.bordered-top {
  border-top: 1px solid #ed1c24;
  padding-top: 1em;
}
.dropdown-menu > li > span {
  display: block;
  color: #aaa;
  padding: 3px 20px;
}

.align-center {
  text-align: center;
}

.embed-responsive {
  margin-bottom: 1em;
}
.embed-responsive-400 {
  padding-bottom: 400px;
}
.embed-responsive-9by16 {
  padding-bottom: 178%;
}
@media (min-width: 576px) {
  .embed-responsive-16by9-sm {
    padding-bottom: 56.25%;
  }
}
.embed-responsive > .btn {
  position: absolute;
  bottom: 15px;
  left: 15px;
  max-width: calc(100% - 30px);
  overflow: hidden;
}

.tab-pane form {
  margin-top: 20px;
}

/*@media (min-width: 768px) {*/
@media (min-width: 992px) {
  header {
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease;

    /*top: 0;
    z-index: 5;*/
    position: fixed;
    padding: 20px 0 15px;
  }
  .smaller { padding: 10px 0 5px; }
  .de.support .smaller { padding: 10px 0; }

  /*.smaller { padding: 10px 0 5px; }
  .de.support .smaller { padding: 10px 0; }*/
  #logo {
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease;
  }
  .smaller #logo {
    margin-top: 8px;
    height: 42px;
    /*width: 87px;*/
    width: 190px;
  }
  .de.support .smaller #logo {
    width: 225px;
  }

  .container-fluid > .navbar-collapse {
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;

    margin-left: 150px;
    /* padding-top: 10px; */
  }
  .smaller .container-fluid > .navbar-collapse {
    padding-top: 0;
  }

  /*main {
    margin-top: 97px;
  }*/

  /*.de .navbar-right,
  .fr .navbar-right,
  .es .navbar-right {
    margin-top: 18px;
  }*/
}
/*
@media (min-width: 992px) {
  main {
    margin-top: 155px;
  }
  .us main {
    margin-top: 95px;
  }
}
*/
@media (min-width: 1200px) {
  main {
    margin-top: 95px;
    min-height: 25vh;
  }
  /*.fr main {
    margin-top: 155px;
  }*/
}
/*@media (min-width: 768px) and (max-width: 1199px) {
  main { margin-top: 135px; }
}*/
@media (min-width: 768px) and (max-width: 991px) {
  .navbar-right .search {
    left: 0;
    right: auto;
  }
}
@media (max-width: 1199px) {
  header {
    position: relative;
    z-index: 100;
  }
  .col-sm-12:not([class*='col-md']) {
    float: none;
  }
  header > .container > .row > .col-md-12 {
    position: static;
  }
  .navbar-toggle.collapsed,
  .navbar-toggle.collapsed:active,
  .navbar-toggle.collapsed:focus {
    background-color: #fff;
  }
  .navbar-collapse {
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 5px -5px;
    margin-top: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 1000;
  }
  /*.navbar-collapse:after {
    box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 5px 0px;
    content: '';
    display: block;
    height: 1px;
    margin-top: -1px;
  }*/
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-collapse .navbar-nav {
    background-color: #fff;
    margin: 0;
    position: relative;
    z-index: 2;
    width: 940px;
    margin-right: auto;
    margin-left: auto;
  }
  .navbar-nav > li > a {
    padding-right: 0;
    padding-left: 0;
  }
  .navbar-nav > li > a[title='Search'] {
    display: none;
  }
  .dropdown-menu .divider {
    margin-right: 15px;
    margin-left: 15px;
  }
  body:not(.fr) .dropdown-menu.search {
    border-width: 0;
    box-shadow: none;
    display: block;
    float: none;
    margin-bottom: 0;
    padding: 0;
    position: relative;
  }
  .search-frm {
    display: inline-block;
    padding-right: 0;
    padding-left: 0;
    position: relative;
    width: 350px;
    max-width: 100%;
  }
  .search-frm .btn {
    position: absolute;
    top: 0;
    right: 0;
  }
  .dropdown-menu.search .form-group {
    margin-bottom: 0;
    width: 100%;
  }
  .dropdown-menu.search .form-control {
    width: 100%;
  }
  #logo {
    max-width: calc(100% - 52px);
  }
  .hdr-wrap {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
  }
  .hdr-wrap > .nav-wrap {
    display: flex;
    align-items: center;
    margin-left: auto;
  }
  .fixed-txt {
    background-color: #ffffff;
    padding: 0 15px;
    text-align: right;
    margin-left: auto;
  }
}
@media (max-width: 991px) {
  .navbar-collapse .navbar-nav {
    width: 720px;
  }
}
@media (max-width: 767px) {
  /*
  main {
    /*margin-top: 94px;* /
    margin-top: 64px;
  }
  /*.us main { margin-top: 129px; }* /
  /*main > .container > .row > div[class^='col-'] {
    overflow-x: auto;
  }
  main > .container > .row:first-child > div[class^='col-'] {
    min-height: 700px;
  }* /
  /*header {
    padding-top: 40px;
  }* /
  header {
    max-height: 100%;
    overflow-y: visible;
    position: fixed;
    padding-top: 5px;
  }
  .hdr-wrap {
    position: relative;

    display: flex;
  }
  #logo {
    width: 60px;
    height: 28px;
    margin-top: 16px;
    flex-basis: 60px;
    flex-shrink: 0;
  }
  */
  .de.support #logo {
    width: 150px;
    flex-basis: 150px;
  }
  .qz {
    width: 44px;
    height: 44px;
  }

  /*.navbar-toggle {
    /*bottom: 0;* /
    /*clear: right;* /
    /*float: right;* /
    margin: 10px 0 0 0;
    /*margin-right: 0;* /
    /*position: absolute;
    right: 0;
    bottom: 0;* /

    float: none;
  }
  .navbar-toggle.collapsed,
  .navbar-toggle.collapsed:active,
  .navbar-toggle.collapsed:focus {
    background-color: #fff;
  }
  /*.navbar-collapse { margin-top: 15px; }
  /*.fixed-txt {
    background-color: #ffffff;
    /*left: 0;* /
    /*position: fixed;* /
    /*padding: 5px 15px;* /
    /*padding: 5px 0;* /
    padding: 4px 15px 0;
    /*top: 0;
    right: 0;
    z-index: 99999;* /
    text-align: right;
    align-self: center;
    margin-left: auto;
  }*/

  .navbar-collapse .navbar-nav {
    width: auto;
  }

  .navbar-nav > li > a,
  .search-frm {
    padding-right: 15px;
    padding-left: 15px;
  }
  .search-frm .btn {
    right: 15px;
  }

  div[class^="col-"]:not([class*="col-xs"]) {
    float: none;
    clear: left;
  }
}
@media (max-width: 575px) {
  body:not(.de.support) #logo {
    width: 264px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    float: none;
    max-width: 100%;
  }

  body:not(.de.support) .hdr-wrap > div {
    width: 100%;
    margin-left: 0;
  }

  .fixed-txt {
    margin-left: 0;
    margin-right: auto;
    padding-left: 0;
  }
}
@media (max-width: 399px) {
  .navbar-toggle {
    margin-left: auto;
  }
  /*#logo {
    flex: 1;
    max-width: unset;
  }
  .hdr-wrap {
    flex-wrap: nowrap;
  }
  .fixed-txt {
    flex-shrink: 0;
    padding: 0 10px;
  }
  .div-switch .dropdown > a .wrp > span {
    justify-content: end;
  }*/
}

.page-footer {
  border-top: 6px solid #ed1c24;
  /*-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 15px -8px inset;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 15px -8px inset;*/
  /*-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px -2px 5px 0px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px -2px 5px 0px;*/
  padding-top: 20px;
}

.bgw {
  float: none;
  height: 456px;
  margin-left: auto;
  margin-top: 0px;
  clear: none;
  width: 100%;
  position: relative;
  opacity: 1;
  min-height: 0px;
  min-width: 0px;
  margin-right: auto;
  max-width: none;
  border-bottom: 6px solid #ed1c24;
  /*border-bottom-color: rgb(237, 28, 36);
  border-bottom-width: 6px;
  border-bottom-style: inset;*/
  /*-webkit-background-size: 100%;*/
  /*background-size: 100%;*/
  background-size: cover;
  /*max-height: 40%;*/
  /*-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px -10px 15px -8px inset;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px -10px 15px -8px inset;*/
  box-shadow: rgba(0, 0, 0, 0.5) 0px -10px 15px -8px inset;
  display: block;
  /*background-position: 100% -187.99999834000002px;*/
  background-position: center;
  background-repeat: no-repeat no-repeat;
  overflow: hidden;
}
.bgw img {
  display: none;
}
.bgw .carousel {
  height: 100%;
  display: none;
}
.bgw .carousel .carousel-inner { height: 100%; }
.bgw .carousel .item {
  background-position: center;
  background-size: cover;
  height: 100%;
}
.bgw .carousel .item > a {
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 15;
}
.bgw .carousel .item iframe {
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 3;
}
.bgw .carousel-control {
  top: 45px;
  bottom: 45px;
}
.bgw .carousel-control.left,
.bgw .carousel-control.right { background-image: none; }

.carousel-caption {
  background-color: rgba(0, 0, 0, .4);
  margin-bottom: 100px;
  padding: 20px 15px;
}
.carousel-caption > *:last-child { margin-bottom: 0; }
.carousel-caption > p { font-size: 16px; }
.carousel-caption > .h2 { font-size: 27px; }
.carousel-indicators { bottom: 35px; }
.carousel-indicators li,
.carousel-indicators li.active { margin: 1px 5px; }

.carousel-control.bg-transparent {
  background-image: none !important;
  height: 64px;
  margin-top: -32px;
  top: 50%;
  width: 64px;
  z-index: 1;
  /*opacity: 0;*/
}
/*.carousel-control.bg-transparent:hover {
  opacity: 0.9;
}*/

@media (max-width: 767px) {
  .bgw{ height: 306px; }
  .bgw .carousel-caption { margin-bottom: 60px; }
  .bgw .carousel-caption > .h2 { font-size: 22px; }
}


/*.fixed {
  background-attachment: scroll;
  background-attachment: fixed;
}*/
.shadow {
  /*-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 5px 0px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 5px 0px;*/
  box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 10px 0px;
  /*border-top: 1px solid #ffffff;*/
  width: 100%;
  height: 0;
}

.go-top {
  float: none;
  height: 29px;
  clear: none;
  width: 74px;
  margin: 40px auto 50px;
  display: block;
  color: #999;
}
.go-top svg {
  transform: rotate(180deg);
  width: 100%;
  height: auto;
}

.page-footer p {
  margin-bottom: 20px;
}

.page-footer .glyphicon {
  font-size: 12px;
  line-height: 1;
}

ul.index {
  list-style-type: none;
  padding-left: 0;
}

.dropdown-menu > li > a.active {
  color: #000;
  font-weight: bold;
}

.grid a { display: block; }
.col-md-6 .row .grid > .col-md-3:nth-child(4n+5),
.col-md-6 .row .grid > .col-sm-3:nth-child(4n+5){ clear: left; }
@media (max-width: 767px) {
  .col-md-6 .row .grid > .col-md-3:nth-child(2n+1),
  .col-md-6 .row .grid > .col-sm-3:nth-child(2n+1){ clear: left; }
  .grid > .col-xs-6:nth-child(2n+1){ clear: left; }
}
.grid .modal a { display: inline; }
@media (min-width: 768px) {
  .grid > .col-sm-3:nth-child(4n+5),
  .grid > .col-sm-6:nth-child(2n+1) { clear: left; }
}

.media p {
  margin-bottom: 5px;
}


.index {
  position: relative;
}
.index .nav-pills {
  position: absolute;
  right: 15px;
  top: 20px;
}
.index .dropdown-menu {
  left: auto;
  right: 0;
}
@media (max-width: 767px) {
  .index #filterEvent {
    border-bottom: 1px solid #ed1c24;
    overflow: hidden;
  }
}

li.item {
  margin-bottom: 1em;
  overflow: hidden;
}
.item > a {
  color: #777777;
  display: block;
  text-decoration: none;
}
.item .h2 {
  color: #ed1c24;
  margin-bottom: 0;
}
.item .h3 {
  color: #ed1c24;
  margin: 8px 0 10px;
}
.item span { display: block; }

.date { margin-bottom: 0; }
/*p.place { margin-top: 0; }*/
.date.nws { margin-bottom: 10px; }

.news .item > p,
.news .item > a > * { margin-left: 106px; }
.news .item .image {
  float: left;
  height: 90px;
  margin: 4px 1em 0 0;
  overflow: hidden;
  width: 90px;
}
.news .item .image img {
  max-width: 100%;
  height: auto;
}

.grid-g > div { margin: 1em 0; }
.grid-g > div > a,
.grid-g > div > span {
  background-position: center;
  background-size: cover;
  display: block;
  padding-bottom: 75%;
}

.box-item:hover {
  cursor: pointer;
  display: block;
  text-decoration: none;
}
.box-item:hover .h4 {
  color: #777;
}
.box-item:hover .img-thumbnail {
  border-color: #777;
}
span.h4 {
  display: block;
}
.img-ba img {
  width: 100%;
}

.img-sq {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  overflow: hidden;
  padding-bottom: 100%;
}
.bna .img-sq {
  /*background-position: left;*/
  padding-bottom: 45%;
}
.acc .img-sq {
  background-size: contain;
  background-position: center;
}


.bg-red {
  background-color: #ed1c24;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  padding: 0 5px;
}
.location-pop {
  background-color: #ed1c24;
  border-radius: 12px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  height: auto;
  opacity: 1;
  padding: 15px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50px;
  width: 220px;
  z-index: 50;
  transition: opacity .25s ease-in;
}
.location-pop.d-none {
  height: 0;
  opacity: 0;
  transition: opacity .25s ease-in, height 0 ease .25s;
}
.location-pop:before {
  border-bottom: 30px solid #ed1c24;
  border-left: 15px solid transparent;
  content: '';
  display: block;
  left: 50%;
  position: absolute;
  top: -30px;
  transform: translateX(-50%);
}

/*
 * read more buton
 */
.expandable {
  display: none;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .NNNN > .expandable,
  .NNNY > .expandable,
  .NNYY > .expandable
  .NYYY > .expandable { display: block; }
  .NNNN > p,
  .NNNY > p,
  .NNYY > p,
  .NYYY > p { display: none; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .YNNN > .expandable,
  .YNNY > .expandable,
  .NNNN > .expandable,
  .NNNY > .expandable,
  .NNYY > .expandable { display: block; }
  .YNNN > p,
  .YNNY > p,
  .NNNN > p,
  .NNNY > p,
  .NNYY > p { display: none; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .YNNN > .expandable,
  .YYNN > .expandable,
  .YYNY > .expandable,
  .NNNN > .expandable,
  .NNNY > .expandable { display: block; }
  .NNNN > p,
  .NNNY > p { display: none; }
}
@media (min-width: 1200px) {
  .YNNN > .expandable,
  .YYNN > .expandable,
  .YYYN > .expandable,
  .NNNN > .expandable { display: block; }
  .YNNN > p,
  .YYNN > p,
  .YYYN > p,
  .NNNN > p { display: none; }
}

.btn.text-left { text-align: left; }

.breadcrumb { background-color: #f5f5f5; }

.before-after {
  list-style-type: none;
  overflow: hidden;
  padding-left: 0;
}
.before-after > li {
  float: left;
  width: 50%;
}
.before-after > li > img { margin-bottom: 10px; }
.before-after > li:nth-child(2n) { padding-left: 15px; }
.before-after > li:nth-child(2n+1) { padding-right: 15px; }


.search-frm {
  /*padding: 0 15px;*/
  white-space: nowrap;
}
.search-frm .btn {
  line-height: 18px;
}
.frm-cse { margin-bottom: 10px; }

.note {  }


#post-blog textarea { height: 10em; }

.div-switch {
  display: flex;
  align-items: center;
  justify-content: end;
  font-size: 12px;
  line-height: 18px;

  position: relative;
}

.div-switch a.popup,
.div-switch a.dropdown-toggle {
  color: #777;
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  margin-right: 4px;
}
.div-switch > a.dropdown-toggle {
  margin-right: 8px;
}
.div-switch .wrap-flex-xs {
  display: flex;
}
.div-switch .dropdown {
  line-height: 1;
}
.div-switch .dropdown.w-options > a.dropdown-toggle {
  color: #777;
  display: block;
  line-height: inherit;
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
}
.div-switch .dropdown.open > a {
  background-color: transparent;
}
.div-switch .dropdown > a .wrp {
  display: block;
  overflow: hidden;
  position: relative;
}
.div-switch .dropdown > a .wrp > span {
  display: flex;
  align-items: center;
  padding-right: 4px;
  padding-left: 4px;
  position: relative;
  z-index: 2;
}
.div-switch .dropdown > a .glyphicon {
  margin-right: 4px;
  top: 0;
}
/*.div-switch .dropdown > a .glyphicon,
.div-switch .dropdown > a .glyphicon:before,*/
.div-switch a.popup .glyphicon,
.div-switch a.popup .glyphicon:before,
.div-switch a.dropdown-toggle .glyphicon,
.div-switch a.dropdown-toggle .glyphicon:before {
  font-size: 12px;
  line-height: 18px;
}
.div-switch .dropdown > a .wrp:before {
  content: '';
  display: block;
  height: 100%;
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  
  z-index: 1;
}
.div-switch .dropdown.w-options > a:hover,
.div-switch .dropdown.w-options > a.hover {
  color: #ffffff;
  text-decoration: none;
}
.div-switch .dropdown > a:hover .wrp:before,
.div-switch .dropdown > a.hover .wrp:before {
  background-color: #ed1c24;
  width: 100%;
}
@media (max-width: 767px) {
  .wrap-flex-xs {
    justify-content: start;
  }
  .div-switch {
    display: block;
  }
  .div-switch .dropdown.w-options {
    flex-shrink: 0;
    margin-right: 0;
    margin-bottom: 4px;
    white-space: nowrap;
  }
  .div-switch .dropdown.w-options a.dropdown-toggle {
    margin-right: 0;
  }
}

/* oc styles */
.oc-container {
    position: relative;
    padding-bottom: 100%;
    height: 0;
    overflow: hidden;
}

.oc-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}


.videoVimeo {
  display: none;
}


/* video */
.marg75 { padding-top: 75px; }
.search-video input {
  float: left;
  width: 80%;
}
.search-video button {
  float: left;
  width: 20%;
}
.grid-3 > div:nth-child(3n+1) { clear: left; }
.grid-4 > div:nth-child(4n+1) { clear: left; }
.library > .row > div {
  margin-bottom: 15px;
}
.library > .row > div > a {
  border-bottom: 1px solid #ed1c24;
  display: block;
  padding-bottom: 15px;
  height: 100%;
}
.library > .row > div > a:hover { text-decoration: none; }
.library > .row > div > a > span.h4 {
  margin: 0;
}
.library > .row > div > a > span.video-img {
  background-size: cover;
  display: block;
  height: 0;
  margin-bottom: 15px;
  padding-bottom: 56.25%;
}

.library-video {
  height: 0;
  margin-bottom: 1.5em;
  padding-bottom: 56.25%;
  position: relative;
}
.library-video iframe {
  border: 0 none;
  height: 100%;
  outline: none;
  position: absolute;
  width: 100%;
}
.clear-both { clear: both; }
.mf-grid > div {
  margin-bottom: 15px;
  margin-top: 15px;
}
.mf-grid > div > a {
  border-bottom: 1px solid #ed1c24;
  display: block;
  height: 100%;
}


/* M&S */
ul.MSdirs,
ul.MSfiles {
  list-style-type: none;
}
ul.MSdirs li.l3 { margin-left: 15px; }
ul.MSdirs li.l4 { margin-left: 30px; }
ul.MSdirs li.l5 { margin-left: 45px; }
ul.MSdirs li.l6 { margin-left: 60px; }
ul.MSdirs li.l7 { margin-left: 75px; }
ul.MSdirs li.l8 { margin-left: 90px; }

/* contact, register */
div.checkbox > label {
  position: relative;
}
div.checkbox > label > input[type="checkbox"] {
  left: 0;
  margin-left: 0;
  top: 0;
}

#us-state,
#us-zip,
#personal,
#mail-check,
#pass-check, 
#ca-state,
#au-state { display: none; }
#register-l #mail-check { display: block; }

p#result {
  padding: 1em;
}


.custom-switch {
  display: inline-block;
  width: 32px;
  height: 18px;
  margin: 0 5px;
  position: relative;
  vertical-align: top;
}
.custom-switch:before {
  background-color: #fefefe;
  border: 1px solid #ed1c24;
  border-radius: 9px;
  content: '';
  display: inline-block;
  pointer-events: none;
  position: relative;
  width: 32px;
  height: 18px;
}
.custom-switch:after {
  background-color: #ed1c24;
  border-radius: 50%;
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  top: calc(50% - 7px);
}
.custom-switch.switch-r:after {
  right: 2px;
}
.custom-switch.switch-l:after {
  left: 2px;
}

.modal-content.contact {background-color: rgba(255, 255, 255, 0.3);}
.modal-content.contact form {background-color: rgba(10, 10, 10, 0.7);}
.modal-content.contact .modal-header { border-bottom: 1px solid #ed1c24; }
.modal-content.contact .modal-header h2 { color: #ed1c24; }
.modal-content.contact .btn-primary {
  background-color: #ed1c24;
  border-color: #fff;
  color: #fff;
}
.modal-content.contact .close { color: #fff; }

.modal-content .checkbox {
  margin-bottom: 15px;
  padding-top: 0;
  position: relative;
}
.modal-content .col-sm-8 .checkbox {
  margin-bottom: 0;
  padding-top: 9px;
}


.product-literature .media-body:before {
  content: "\e022";

  font-family: 'Glyphicons Halflings';
  font-size: 42px;
  left: 0;
  line-height: 1;
  position: absolute;
  top: 5px;
}
.product-literature .media-body {
  padding-left: 50px;
  position: relative;
}

.responsive-16by9 {
  background-position: center;
  background-size: cover;
  display: block;
  padding-bottom: 56.25%;
  position: relative;
}
.responsive-16by9 > a {
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
}


/* literature */
.literature{
  padding: 10px;
}
.nav-sort span{
  padding: 0 10px 0 0;
  font-weight: bold;
}
.nav-sort a{
  padding: 0 10px 0 0;
  color: red;
}
.doc-title{
 /*padding-left: 10px;*/
 margin-bottom: 1em;
}
.doc-title p {
  margin-bottom: 0;
}
.doc-title a{
  color: red;
}
/* spinner */
.loader {
  display: inline-block;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  position: relative;
  animation: rotate 1s linear infinite
}
.loader::before , .loader::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  inset: 0px;
  border-radius: 50%;
  border: 5px solid #FFF;
  animation: prixClipFix 2s linear infinite ;
}
.loader::after{
  transform: rotate3d(90, 90, 0, 180deg );
  border-color: #ed1c24;
}

@keyframes rotate {
  0%   {transform: rotate(0deg)}
  100%   {transform: rotate(360deg)}
}

@keyframes prixClipFix {
  0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
  50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
  75%, 100%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
}



.panel-title {
  font-size: 16px;
}

#campaign-choice .btn {
  min-width: 140px;
}

.modal-body .btn.pull-right+.btn.pull-right {
  margin-right: 10px;
}

.mb-0 {
  margin-bottom: 0 !important;
}

img.popup {
  cursor: pointer;
}

@media (max-width: 767px) {
  .dropdown.faq .btn-default {
    margin-bottom: 1em;
    width: 100%;
  }
}

td[data-ident] > p,
td[data-ident] > ul {
  margin-bottom: 0;
}


/* BS grid for <ul> */
ul.row {
  padding-left: 0;
}
ul.row > li {
  list-style-type: none;
}

/* clinic finder */
#id-loc-detajl,
#id-loc-tretma {
  margin-top: 20px;
}

/*#id-loc-kazalo .table  > tbody > tr > td,*/
#id-loc-tretma .table > tbody > tr > td {
  vertical-align: middle;
}
#id-loc-kazalo .table-responsive { margin-bottom: 4rem; }
.table.cf-location-kazalo { margin-bottom: 0; }
.table.cf-location-kazalo  > tbody > tr > td {
  padding-top: 10px;
  padding-bottom: 10px;
  vertical-align: top;
  position: relative;
}
.table.cf-location-kazalo  > tbody > tr > td:nth-child(1) {
  min-width: 150px;
  font-weight: 600;
}
.table.cf-location-kazalo  > tbody > tr > td:nth-child(2) {
  min-width: 150px;
}
.table.cf-location-kazalo  > tbody > tr > td:nth-child(4) {
  text-align: center;
}
.table.cf-location-kazalo > tbody > tr > td a.btn-remove {
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  position: absolute;
  top: 10px;
  right: 8px;
}

table.product-treatments {
  width: 100%;
}
/*#id-loc-kazalo table.product-treatments > tbody > tr > td {
  vertical-align: top;
}*/
table.product-treatments > tbody > tr > td {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: solid 1px #eee;
  vertical-align: top;
  /*position: relative;*/
}
table.product-treatments > tbody > tr:first-child > td:first-child {
  padding-top: 0;
}
@media (min-width: 768px) {
  table.product-treatments > tbody > tr:last-child > td {
    padding-bottom: 0;
  }
}
@media (min-width: 992px) {
  table.product-treatments > tbody > tr > td {
  }
}
@media (min-width: 1200px) {
  table.product-treatments > tbody > tr > td {
    padding-right: 8px;
    padding-left: 8px;
  }
  table.product-treatments > tbody > tr:first-child > td {
    padding-top: 0;
  }
  table.product-treatments > tbody > tr > td:first-child {
    width: 350px;
  }
}
@media (max-width: 767px) {
  table.product-treatments > tbody > tr:first-child > td:last-child {
    padding-top: 0;
    padding-bottom: 0;
  }
}
table.table.cf-location-kazalo > tbody > tr > td table.product-treatments a.btn-remove {
  top: 0;
  right: 8px;
}
table.product-treatments > tbody > tr:last-child > td {
  border-bottom: none;
}
table.product-treatments > tbody > tr > td a.btn-remove .glyphicon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
table.product-treatments .edit-product {
  display: flex;
}
table.product-treatments .edit-product > div {
  flex: 1;
}
table.product-treatments .edit-product > .btn {
  align-self: start;
}

.treatment-edit .not-active div,
.treatment-edit .not-active label {
  font-weight: bold;
}

.table.cf-location-kazalo .btn,
#id-loc-tretma .table .btn {
  /*width: 32px;*/
  /*height: 32px;*/
  /*padding: 2px 6px;*/
  /*line-height: 30px;*/
  text-align: center;
}
.table.cf-location-kazalo .btn-secondary {
  padding-left: 0;
}
#id-loc-kazalo .table .btn span:not(.glyphicon),
#id-loc-tretma .table .btn span:not(.glyphicon) {
  line-height: 1.42857143;
}
#id-loc-kazalo .table .glyphicon-ok,
#id-loc-tretma .table .glyphicon-ok {
  color: #ed1c24;
}

/*
#id-loc-detajl .btn {
  margin-top: 15px;
}
@media (min-width: 350px) {
  #id-loc-detajl .btn + .btn {
    margin-left: 30px;
  }
}
*/

.treatment-edit {
  /* background-color: #efefef; */
  border: 1px solid #dddddd;
  border-radius: 12px;
  margin-bottom: 30px;
  margin-top: 30px;
  padding: 15px 15px 5px 15px;
  width: 100%;
  overflow-x: auto;
}
.treatment-edit h3:first-child,
.treatment-edit .row:first-child .radio {
  margin-top: 0;
}
.treatment-edit .form-group {
  /* padding-bottom: 7px; */
  /* border-bottom: solid 1px #ddd; */
  margin-bottom: 7px;
}
/*
.treatment-edit > .row {
  min-width: 700px;
}
*/
@media (max-width: 1199px) {
  .treatment-edit .radio {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .treatment-edit .row + .row {
    margin-top: 12px;
  }
}
@media (max-width: 767px) {
  /* 09.10.2023 */
  .treatment-edit .row:first-child {
    display: none;
  }
  .treatment-edit .row:nth-child(2) {
    margin-top: 0;
  }
  .treatment-edit .radio input {
    left: 20px;
    top: 0;
  }
  .treatment-edit .row .col-sm-3:first-child .radio label:before {
    content: 'Product: ';
    font-weight: normal;
  }
  .treatment-edit .row .col-sm-3:not(:first-child) .radio {
    padding-left: 20px;
  }
  .treatment-edit .row .col-sm-3:nth-child(2) .radio:before {
    content: 'Model name: ';
    font-weight: normal;
  }
  .treatment-edit .row .col-sm-3:nth-child(3) .radio:before {
    content: 'Serial number: ';
    font-weight: normal;
  }
  .treatment-edit .row .col-sm-3:nth-child(4) .radio:not(:empty):before {
    content: 'Name of practice: ';
    font-weight: normal;
  }
}

.panel-custom {
  border: 0;
  border-radius: 0;
}
.panel-custom .panel-heading {
  padding: 0;
}
.panel-custom .panel-title {
  font-size: 19px;
}
.panel-custom .panel-title > a {
  color: #ed1c24;
  display: block;
  padding-bottom: 9px;
  padding-top: 9px;
  text-decoration: none;
}
.panel-custom .panel-body {
  padding-left: 0;
  padding-right: 0;
}

.buttons {
  display: flex;
  flex-wrap: wrap;
}
.buttons .btn-default {
  margin-right: auto;
}
.buttons.x3 .btn + .btn {
  margin-left: 15px;
}


@media screen and (max-width: 489px) {
  .buttons {
    justify-content: center;
  }
  form .x-row.text-right,
  form .x-row .text-right { text-align: left; }
  form .x-row .btn,
  .buttons .btn {
    display: inline-block;
    margin-left: 0 !important;
    min-width: 250px;
  }
  form .x-row .btn.pull-left { float: none !important; }
  form .x-row .btn + .btn,
  .buttons.x3 .btn + .btn,
  .buttons:not(.x3) .btn:not(:last-child) { margin-top: 15px; }

  .buttons .btn-default {
    order: 2;
    margin-top: 15px;
    margin-right: 0;
    margin-left: 0;
  }
  .buttons.x3 .btn-default {
    order: 3;
  }
}
@media screen and (max-width: 767px) {
  /*.table-responsive > .table > tbody > tr > td .treatments-list { display: none; }*/
  form[name='cf-location'] .form-group .row > .col-sm-6:not(:last-child) { margin-bottom: 15px; }

  .table.cf-product-kazalo td {
    display: block;
    max-width: 100%;
  }
  .table.cf-location-kazalo > tbody > tr > td,
  .table.cf-product-kazalo > tbody > tr > td {
    border-top-width: 0;
    padding-bottom: 0;
    white-space: break-spaces;
  }

  .table.cf-location-kazalo > tbody > tr {
    display: flex;
    flex-wrap: wrap;
  }
  .table.cf-location-kazalo > tbody > tr:nth-child(n + 2) {
    margin-top: 15px;
  }
  .table.cf-location-kazalo > tbody > tr > td:first-child {
    order: 1;
    flex-basis: calc(100% - 28px);
    max-width: calc(100% - 28px);
    min-width: unset;
  }
  .table.cf-location-kazalo > tbody > tr > td:last-child {
    padding-left: 0;
    order: 2;
    flex-basis: 28px;
    max-width: 28px;
  }
  .table.cf-location-kazalo > tbody > tr > td:nth-child(2) {
    padding-top: 0;
    order: 3;
    flex-basis: 100%;
    flex-shrink: 0;
  }
  .table.cf-location-kazalo > tbody > tr > td:nth-child(3) {
    order: 4;
    flex-basis: 100%;
    flex-shrink: 0;
  }
  .table.cf-location-kazalo > tbody > tr > td:nth-child(4) {
    padding-top: 0;
    padding-bottom: 8px;
    order: 5;
    flex-basis: 100%;
    flex-shrink: 0;
  }
  .table.cf-location-kazalo > tbody > tr > td:last-child .btn,
  .table.cf-location-kazalo > tbody > tr > td:nth-child(3) .btn {
    border-width: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    padding: 0;
  }
  .table.cf-location-kazalo > tbody > tr:first-child,
  .table.cf-product-kazalo > thead { display: none; }
  /*.table.cf-location-kazalo td,*/
  /*.table.cf-location-kazalo > tbody > tr > td:last-child,*/
  .table.cf-product-kazalo > tbody > tr > td:last-child {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 10px !important;
  }
  .table.cf-location-kazalo > tbody > tr > td:nth-child(4) {
    text-align: left !important;
  }
  .table.cf-location-kazalo > tbody > tr > td:nth-child(4):before {
    content: 'Active: ';
  }
  .table.cf-location-kazalo .product-treatments { width: 100%; }
  .table.cf-location-kazalo .product-treatments td {
    border-bottom-width: 0 !important;
  }
}
@media screen and (max-width: 1199px) {
  .table.cf-location-kazalo .product-treatments td {
    display: block;
  }
}
/*
 * BS3 - fixes
 */
.nav-tabs {
  display: flex;
}
/*@media (min-width: 992px) {*/
@media (min-width: 1200px) {
  .fr .navbar-nav > li > a {
    padding-right: 8px;
    padding-left: 8px;
  }

  .navbar-nav > div.text-right + li > a {
    padding-left: 0;
  }
  .navbar-nav > li:last-child > a {
    padding-right: 0;
  }
}
/*@media screen and (max-width: 767px) {
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td { white-space: break-spaces; }
}*/
/*
 * BS4
 */
.mt-0 {
  margin-top: 0 !important;
}
.mt-3 {
  margin-top: 16px !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.pl-1 {
  padding-left: 4px !important;
}

.h-100 {
  height: 100% !important;
}

.d-none {
  display: none !important;
}
.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}
.row.d-flex > div[class*='col-'] {
  float: none;
}
.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
.d-inline-block {
  display: inline-block !important;
}
@media (min-width: 768px) {
  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .row.d-sm-flex > div[class*='col-'] {
    float: none;
  }
}
@media (min-width: 992px) {
  .d-lg-block {
    display: block !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .h-lg-100 {
    height: 100% !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-block {
    display: block !important;
  }
}

/* edit */
span.edit {
  position: absolute;
  right: 0;
  top: 0;
}
span.edit a {
  background-color: #fff;
  border: 2px solid #ed1c24;
  border-radius: 4px;
  display: inline-block;
  height: 32px;
  margin: 15px 15px 0 0;
  text-align: center;
  width: 32px;
}
span.edit a span {
  font-size: 20px;
  line-height: 28px;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


.btn-secondary:hover {
  color: #ed1c24;
}


.treat-h2 {
  color: #000000;
  font-weight: bold;
  margin-top: 18px;
}

.helper-floater {
  position: absolute;
  z-index: 1;
  right: 23px;
  top: 0;
}
.helper-floater a {
  display: block;
  border-radius: 50%;
  width: 20px;
  height: 20px;
}
.helper-floater .glyphicon {
  font-size: 20px;
  color: #ed1c24;
}
.popover-content {
  min-width: 272px;
  max-width: 90vw;
}
@media (min-width: 768px) {
  .has-icon.mrx {
    padding-right: 52px;
  }
  .helper-floater {
    top: 7px;
  }
}

.row-lat-len {
  display: flex;
  flex-direction: column;
}
.row-lat-len .col-sm-5 { flex: 1; }
.row-lat-len .col-sm-2 { flex: 0; }
.row-lat-len > .col-sm-5 input { margin-bottom: 4px; }
@media (min-width: 576px) {
  .row-lat-len { flex-direction: row; }
  .row-lat-len > .col-sm-5 input { margin-bottom: 0; }
}

.grecaptcha-badge {
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}