html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video, button, input, optgroup, select, textarea {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  line-height: 100%;
  color: inherit;
  text-transform: none;
  font-style: normal; }

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block;
  box-sizing: border-box; }

[hidden], template {
  display: none; }

div {
  overflow: auto; }

a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
  cursor: pointer; }

ol, ul {
  list-style: none; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

button, input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], input[disabled] {
  cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

textarea {
  overflow: auto; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

@font-face {
  font-family: "junction-regular";
  src: url("../fonts/junction/junction-regular.eot");
  src: url("../fonts/junction/junction-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/junction/junction-regular.woff") format("woff"), url("../fonts/junction/junction-regular.ttf") format("truetype"), url("../fonts/junction/junction-regular.svg#Junction") format("svg");
  font-weight: "normal";
  font-style: "normal"; }
@font-face {
  font-family: "junction-bold";
  src: url("../fonts/junction/junction-bold.eot");
  src: url("../fonts/junction/junction-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/junction/junction-bold.woff") format("woff"), url("../fonts/junction/junction-bold.ttf") format("truetype"), url("../fonts/junction/junction-bold.svg#Junction") format("svg");
  font-weight: "bold";
  font-style: "normal"; }
html {
  height: 100%; }

body {
  height: 100%;
  background-color: transparent;
  font-family: "junction-regular", sans-serif;
  color: #777; }

h1 {
  font-family: "junction-bold", sans-serif; }
@media(min-width: 1050px) {
  h1 {
    font-size: 32px; } }
@media(min-width: 930px) and (max-width: 1050px) {
  h1 {
    font-size: 30px; } }
@media(min-width: 520px) and (max-width: 930px) {
  h1 {
    font-size: 26px; } }
@media(max-width: 520px) {
  h1 {
    font-size: 22px; } }
@media(min-width: 1050px) {
  h1 {
    line-height: 40px; } }
@media(min-width: 930px) and (max-width: 1050px) {
  h1 {
    line-height: 38px; } }
@media(min-width: 520px) and (max-width: 930px) {
  h1 {
    line-height: 32px; } }
@media(max-width: 520px) {
  h1 {
    line-height: 27px; } }
h2 {
  margin: 38px 0 26px;
  font-family: "junction-bold", sans-serif; }
@media(min-width: 1050px) {
  h2 {
    font-size: 26px; } }
@media(min-width: 930px) and (max-width: 1050px) {
  h2 {
    font-size: 24px; } }
@media(min-width: 520px) and (max-width: 930px) {
  h2 {
    font-size: 22px; } }
@media(max-width: 520px) {
  h2 {
    font-size: 20px; } }
@media(min-width: 1050px) {
  h2 {
    line-height: 32px; } }
@media(min-width: 930px) and (max-width: 1050px) {
  h2 {
    line-height: 30px; } }
@media(min-width: 520px) and (max-width: 930px) {
  h2 {
    line-height: 28px; } }
@media(max-width: 520px) {
  h2 {
    line-height: 26px; } }
h3 {
  margin: 30px 0 16px;
  font-family: "junction-bold", sans-serif; }
@media(min-width: 1050px) {
  h3 {
    font-size: 20px; } }
@media(min-width: 930px) and (max-width: 1050px) {
  h3 {
    font-size: 18px; } }
@media(min-width: 520px) and (max-width: 930px) {
  h3 {
    font-size: 18px; } }
@media(max-width: 520px) {
  h3 {
    font-size: 16px; } }
@media(min-width: 1050px) {
  h3 {
    line-height: 26px; } }
@media(min-width: 930px) and (max-width: 1050px) {
  h3 {
    line-height: 24px; } }
@media(min-width: 520px) and (max-width: 930px) {
  h3 {
    line-height: 24px; } }
@media(max-width: 520px) {
  h3 {
    line-height: 20px; } }
h4 {
  margin: 16px 0;
  font-family: "junction-bold", sans-serif; }
@media(min-width: 1050px) {
  h4 {
    font-size: 16px; } }
@media(min-width: 930px) and (max-width: 1050px) {
  h4 {
    font-size: 16px; } }
@media(min-width: 520px) and (max-width: 930px) {
  h4 {
    font-size: 14px; } }
@media(max-width: 520px) {
  h4 {
    font-size: 12px; } }
@media(min-width: 1050px) {
  h4 {
    line-height: 20px; } }
@media(min-width: 930px) and (max-width: 1050px) {
  h4 {
    line-height: 20px; } }
@media(min-width: 520px) and (max-width: 930px) {
  h4 {
    line-height: 18px; } }
@media(max-width: 520px) {
  h4 {
    line-height: 16px; } }
p {
  margin: 16px 0;
  text-align: justify; }
@media(min-width: 1050px) {
  p {
    font-size: 16px; } }
@media(min-width: 930px) and (max-width: 1050px) {
  p {
    font-size: 16px; } }
@media(min-width: 520px) and (max-width: 930px) {
  p {
    font-size: 14px; } }
@media(max-width: 520px) {
  p {
    font-size: 12px; } }
@media(min-width: 1050px) {
  p {
    line-height: 20px; } }
@media(min-width: 930px) and (max-width: 1050px) {
  p {
    line-height: 20px; } }
@media(min-width: 520px) and (max-width: 930px) {
  p {
    line-height: 18px; } }
@media(max-width: 520px) {
  p {
    line-height: 16px; } }
  p:last-of-type {
    margin-bottom: 0; }

li {
  line-height: 20px;
  text-align: justify; }
@media(min-width: 1050px) {
  li {
    font-size: 16px; } }
@media(min-width: 930px) and (max-width: 1050px) {
  li {
    font-size: 16px; } }
@media(min-width: 520px) and (max-width: 930px) {
  li {
    font-size: 14px; } }
@media(max-width: 520px) {
  li {
    font-size: 12px; } }
input[type="text"] {
  width: 100%;
  background-color: #e1e1e1;
  border-radius: 16px;
  border: 1px solid #777;
  color: #777; }

.dotted-list {
  margin-left: 35px;
  list-style: disc; }

.numbered-list {
  margin-left: 35px;
  list-style-type: decimal; }

.float-left {
  float: left; }

.float-right {
  float: right; }

header nav ul.main-nav li, header .subnav-proizvodi li, header .subnav-bolesti li {
  float: left;
  display: inline-block;
  height: 36px;
  margin: 0 20px;
  background-color: transparent; }
  header nav ul.main-nav li a, header .subnav-proizvodi li a, header .subnav-bolesti li a {
    display: block;
    height: 100%;
    width: 100%;
    font-size: 14px;
    line-height: 36px;
    font-family: "junction-bold", sans-serif;
    color: #777;
    text-transform: uppercase; }
    header nav ul.main-nav li a:hover, header .subnav-proizvodi li a:hover, header .subnav-bolesti li a:hover {
      border-bottom: 1px #00a859 solid; }
    header nav ul.main-nav li a.active, header .subnav-proizvodi li a.active, header .subnav-bolesti li a.active {
      color: #00a859; }

header {
  width: 100%;
  height: 80px;
  background-color: #fff; }
@media(min-width: 1050px) {
  header {
    height: 80px; } }
@media(min-width: 930px) and (max-width: 1050px) {
  header {
    height: 80px; } }
@media(min-width: 520px) and (max-width: 930px) {
  header {
    height: 50px; } }
@media(max-width: 520px) {
  header {
    height: 50px; } }
  header nav {
    height: 100%;
    border-bottom: 1px solid #00a859;
    z-index: 4; }
    header nav ul.main-nav {
      margin: 22px 22px 0; }
@media(min-width: 1050px) {
  header nav ul.main-nav {
    display: block; } }
@media(min-width: 930px) and (max-width: 1050px) {
  header nav ul.main-nav {
    display: block; } }
@media(min-width: 520px) and (max-width: 930px) {
  header nav ul.main-nav {
    display: none; } }
@media(max-width: 520px) {
  header nav ul.main-nav {
    display: none; } }
      header nav ul.main-nav li:first-of-type {
        margin-left: 10px; }
      header nav ul.main-nav li.has-drop-down {
        cursor: pointer; }
    header nav img.logo {
      height: 50px;
      margin: 15px 15px 0; }
@media(min-width: 1050px) {
  header nav img.logo {
    display: block; } }
@media(min-width: 930px) and (max-width: 1050px) {
  header nav img.logo {
    display: none; } }
@media(min-width: 520px) and (max-width: 930px) {
  header nav img.logo {
    display: none; } }
@media(max-width: 520px) {
  header nav img.logo {
    display: none; } }
    header nav img.button {
      margin: 0; }
@media(min-width: 1050px) {
  header nav img.button {
    display: none; } }
@media(min-width: 930px) and (max-width: 1050px) {
  header nav img.button {
    display: block; } }
@media(min-width: 520px) and (max-width: 930px) {
  header nav img.button {
    display: block; } }
@media(max-width: 520px) {
  header nav img.button {
    display: block; } }
@media(min-width: 1050px) {
  header nav img.button {
    height: 50px; } }
@media(min-width: 930px) and (max-width: 1050px) {
  header nav img.button {
    height: 50px; } }
@media(min-width: 520px) and (max-width: 930px) {
  header nav img.button {
    height: 30px; } }
@media(max-width: 520px) {
  header nav img.button {
    height: 30px; } }
@media(min-width: 1050px) {
  header nav img.button {
    margin-top: 15px; } }
@media(min-width: 930px) and (max-width: 1050px) {
  header nav img.button {
    margin-top: 15px; } }
@media(min-width: 520px) and (max-width: 930px) {
  header nav img.button {
    margin-top: 10px; } }
@media(max-width: 520px) {
  header nav img.button {
    margin-top: 10px; } }
@media(min-width: 1050px) {
  header nav img.button {
    margin-right: 15px; } }
@media(min-width: 930px) and (max-width: 1050px) {
  header nav img.button {
    margin-right: 15px; } }
@media(min-width: 520px) and (max-width: 930px) {
  header nav img.button {
    margin-right: 10px; } }
@media(max-width: 520px) {
  header nav img.button {
    margin-right: 10px; } }
    header nav ul.drop-down {
      top: 50px;
      left: -100%;
      position: absolute;
      width: 100%;
      margin: 0;
      background-color: #fff;
      border-bottom: 1px solid #00a859;
      box-shadow: 0 4px 4px -2px #85ca9e;
      z-index: 5; }
@media(min-width: 1050px) {
  header nav ul.drop-down {
    display: none; } }
@media(min-width: 930px) and (max-width: 1050px) {
  header nav ul.drop-down {
    display: none; } }
@media(min-width: 520px) and (max-width: 930px) {
  header nav ul.drop-down {
    display: block; } }
@media(max-width: 520px) {
  header nav ul.drop-down {
    display: block; } }
      header nav ul.drop-down li {
        display: block;
        font-size: 14px;
        line-height: 30px;
        font-family: "junction-bold", sans-serif;
        color: #777;
        text-transform: uppercase;
        margin: 0 30px;
        background-color: transparent; }
        header nav ul.drop-down li a {
          font-size: 14px;
          line-height: 30px;
          font-family: "junction-bold", sans-serif;
          color: #777;
          text-transform: uppercase; }
          header nav ul.drop-down li a:hover {
            border-bottom: 1px #00a859 solid; }
          header nav ul.drop-down li a.active {
            color: #00a859; }
  header .subnav-proizvodi, header .subnav-bolesti {
    position: absolute;
    overflow: visible;
    top: 80px;
    left: -100%;
    width: 100%;
    height: 160px;
    background-color: #fff;
    padding: 22px;
    border-bottom: 1px solid #00a859;
    box-shadow: 0 4px 4px -2px #85ca9e;
    z-index: 2; }
@media(min-width: 1050px) {
  header .subnav-proizvodi, header .subnav-bolesti {
    display: block; } }
@media(min-width: 930px) and (max-width: 1050px) {
  header .subnav-proizvodi, header .subnav-bolesti {
    display: block; } }
@media(min-width: 520px) and (max-width: 930px) {
  header .subnav-proizvodi, header .subnav-bolesti {
    display: none; } }
@media(max-width: 520px) {
  header .subnav-proizvodi, header .subnav-bolesti {
    display: none; } }
    header .subnav-proizvodi .title p, header .subnav-bolesti .title p {
      height: 36px;
      margin: 0 20px 40px;
      font-size: 36px;
      color: #777;
      text-transform: uppercase; }
      header .subnav-proizvodi .title p .pointer, header .subnav-bolesti .title p .pointer {
        font-size: 48px; }
    header .subnav-proizvodi .arrow, header .subnav-bolesti .arrow {
      position: absolute;
      height: 0;
      width: 0;
      top: -6px;
      border-top: none;
      border-bottom: 6px solid #00a859;
      border-left: 14px solid transparent;
      border-right: 14px solid transparent; }
      header .subnav-proizvodi .arrow.proizvodi, header .subnav-bolesti .arrow.proizvodi {
        left: 260px; }
      header .subnav-proizvodi .arrow.bolesti, header .subnav-bolesti .arrow.bolesti {
        left: 384px; }

.search-bar {
  overflow: visible;
  height: 46px;
  background: linear-gradient(to left, #fff, #e1e1e1);
  padding-top: 7px;
  border-bottom: 1px solid #00a859; }

.search-wrapper {
  position: relative;
  float: right;
  overflow: visible;
  height: 32px;
  width: 440px;
  max-width: 88%;
  margin-right: 15px; }
  .search-wrapper .search-field {
    height: 32px;
    padding: 0 34px 0 16px; }
  .search-wrapper .search-icon {
    position: absolute;
    right: 6px;
    top: 6px;
    height: 18px; }
  .search-wrapper .results-wrapper {
    position: relative;
    z-index: 4;
    width: 100%;
    padding: 12px 16px;
    background-color: #e1e1e1;
    opacity: 0;
    border-radius: 16px;
    border: 1px solid #777;
    transition: opacity 300ms ease; }
    .search-wrapper .results-wrapper .result {
      overflow: visible; }
      .search-wrapper .results-wrapper .result:not(:last-of-type) {
        margin: 0 0 12px; }
      .search-wrapper .results-wrapper .result p {
        display: inline; }
        .search-wrapper .results-wrapper .result p:hover {
          cursor: pointer;
          border-bottom: 1px solid #777; }
        .search-wrapper .results-wrapper .result p .bold {
          font-family: "junction-bold", sans-serif;
          color: #00a859; }

.search-placeholder {
  float: right;
  height: 32px;
  line-height: 32px;
  margin: 0 15px;
  color: #777; }
@media(min-width: 1050px) {
  .search-placeholder {
    display: block; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .search-placeholder {
    display: block; } }
@media(min-width: 520px) and (max-width: 930px) {
  .search-placeholder {
    display: none; } }
@media(max-width: 520px) {
  .search-placeholder {
    display: none; } }
.subdivider {
  height: 30px;
  background-color: #fff;
  border-bottom: 1px solid #00a859; }
@media(min-width: 1050px) {
  .subdivider {
    display: block; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .subdivider {
    display: block; } }
@media(min-width: 520px) and (max-width: 930px) {
  .subdivider {
    display: none; } }
@media(max-width: 520px) {
  .subdivider {
    display: none; } }
.main-content {
  position: relative;
  min-height: calc(100% - 216px);
  background-image: url("../images/layout/background.jpg");
  background-repeat: repeat;
  background-attachment: fixed;
  z-index: 0; }
  .main-content.image {
    background-image: url("../images/back-2.JPG");
    background-size: cover; }
  .main-content.index {
    height: calc(100% - 140px);
    overflow: visible; }
    .main-content.index .search-wrapper {
      position: absolute;
      top: 170px;
      max-width: 100%;
      z-index: 4; }
@media(min-width: 1050px) {
  .main-content.index .search-wrapper {
    width: 440px; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content.index .search-wrapper {
    width: 440px; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content.index .search-wrapper {
    width: 440px; } }
@media(max-width: 520px) {
  .main-content.index .search-wrapper {
    width: 96%; } }
@media(min-width: 1050px) {
  .main-content.index .search-wrapper {
    left: calc(50% - 440px/2); } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content.index .search-wrapper {
    left: calc(50% - 440px/2); } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content.index .search-wrapper {
    left: calc(50% - 440px/2); } }
@media(max-width: 520px) {
  .main-content.index .search-wrapper {
    left: 2%; } }
@media(min-width: 1050px) {
  .main-content.index .search-wrapper {
    right: auto; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content.index .search-wrapper {
    right: auto; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content.index .search-wrapper {
    right: auto; } }
@media(max-width: 520px) {
  .main-content.index .search-wrapper {
    right: 2%; } }
@media(min-width: 1050px) {
  .main-content.index .search-wrapper {
    top: 250px; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content.index .search-wrapper {
    top: 250px; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content.index .search-wrapper {
    top: 170px; } }
@media(max-width: 520px) {
  .main-content.index .search-wrapper {
    top: 170px; } }
      .main-content.index .search-wrapper input[type='text'], .main-content.index .search-wrapper .results-wrapper {
        box-shadow: 0 0 30px -5px #2c5697; }
    .main-content.index .main-content-top {
      position: relative;
      height: 70%;
      min-height: 450px;
      overflow: hidden;
      background-image: url("../images/layout/index-background-no-logo.jpg");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: top right; }
      .main-content.index .main-content-top .logo {
        margin: 20px; }
@media(min-width: 1050px) {
  .main-content.index .main-content-top .logo {
    width: 360px; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content.index .main-content-top .logo {
    width: 300px; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content.index .main-content-top .logo {
    width: 200px; } }
@media(max-width: 520px) {
  .main-content.index .main-content-top .logo {
    width: 160px; } }
@media(min-width: 1050px) {
  .main-content.index .main-content-top .logo {
    margin: 20px; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content.index .main-content-top .logo {
    margin: 20px; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content.index .main-content-top .logo {
    margin: 14px; } }
@media(max-width: 520px) {
  .main-content.index .main-content-top .logo {
    margin: 8px; } }
      .main-content.index .main-content-top h1 {
        position: absolute;
        left: 4%;
        color: #fff;
        text-transform: uppercase;
        text-shadow: 2px 2px #777; }
@media(min-width: 1050px) {
  .main-content.index .main-content-top h1 {
    bottom: 70px; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content.index .main-content-top h1 {
    bottom: 70px; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content.index .main-content-top h1 {
    bottom: 30px; } }
@media(max-width: 520px) {
  .main-content.index .main-content-top h1 {
    bottom: 15px; } }
@media(min-width: 1050px) {
  .main-content.index .main-content-top h1 {
    font-size: 54px; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content.index .main-content-top h1 {
    font-size: 44px; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content.index .main-content-top h1 {
    font-size: 36px; } }
@media(max-width: 520px) {
  .main-content.index .main-content-top h1 {
    font-size: 30px; } }
@media(min-width: 1050px) {
  .main-content.index .main-content-top h1 {
    line-height: 60px; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content.index .main-content-top h1 {
    line-height: 50px; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content.index .main-content-top h1 {
    line-height: 42px; } }
@media(max-width: 520px) {
  .main-content.index .main-content-top h1 {
    line-height: 36px; } }
    .main-content.index .main-content-bottom {
      height: 30%;
      min-height: 160px;
      overflow: visible;
      background-color: #e1e1e1; }
      .main-content.index .main-content-bottom > div:hover h4, .main-content.index .main-content-bottom > div:hover p {
        text-decoration: underline; }
      .main-content.index .main-content-bottom .left {
        float: left;
        height: 100%; }
@media(min-width: 1050px) {
  .main-content.index .main-content-bottom .left {
    width: 33.33%; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content.index .main-content-bottom .left {
    width: 50%; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content.index .main-content-bottom .left {
    width: 100%; } }
@media(max-width: 520px) {
  .main-content.index .main-content-bottom .left {
    width: 100%; } }
        .main-content.index .main-content-bottom .left .proizvodi {
          background-image: url("../images/layout/index-down-2.jpg");
          background-repeat: no-repeat;
          background-size: cover;
          height: 100%; }
          .main-content.index .main-content-bottom .left .proizvodi .proizvodi-header {
            height: 40px;
            background: linear-gradient(to right, rgba(0, 168, 89, 0.4), #00a859);
            color: #fff; }
            .main-content.index .main-content-bottom .left .proizvodi .proizvodi-header h4 {
              text-align: right;
              margin: 14px 12px 0;
              text-transform: uppercase; }
      .main-content.index .main-content-bottom .central {
        float: left;
        height: 100%; }
@media(min-width: 1050px) {
  .main-content.index .main-content-bottom .central {
    width: 33.33%; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content.index .main-content-bottom .central {
    width: 50%; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content.index .main-content-bottom .central {
    width: 100%; } }
@media(max-width: 520px) {
  .main-content.index .main-content-bottom .central {
    width: 100%; } }
        .main-content.index .main-content-bottom .central .distribucija {
          height: 100%;
          position: relative;
          overflow: hidden; }
          .main-content.index .main-content-bottom .central .distribucija .distribucija-header {
            height: 40px;
            background: linear-gradient(to right, rgba(119, 119, 119, 0.4), #777);
            color: #fff; }
            .main-content.index .main-content-bottom .central .distribucija .distribucija-header h4 {
              text-align: right;
              margin: 14px 12px 0;
              text-transform: uppercase; }
          .main-content.index .main-content-bottom .central .distribucija img {
            position: absolute;
            left: 50%;
            transform: translate(-50%, 0);
            margin: -5%;
            height: 130%; }
          .main-content.index .main-content-bottom .central .distribucija .distribucija-text {
            display: table;
            height: calc(100% - 40px);
            width: 100%;
            background: linear-gradient(rgba(119, 119, 119, 0.4), #777);
            text-align: center;
            padding: 0 20px; }
            .main-content.index .main-content-bottom .central .distribucija .distribucija-text p {
              display: table-cell;
              vertical-align: middle;
              font-size: 28px;
              line-height: 30px;
              color: #fff; }
      .main-content.index .main-content-bottom .right {
        float: left;
        height: 100%; }
@media(min-width: 1050px) {
  .main-content.index .main-content-bottom .right {
    margin-bottom: 0; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content.index .main-content-bottom .right {
    margin-bottom: 0; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content.index .main-content-bottom .right {
    margin-bottom: 23px; } }
@media(max-width: 520px) {
  .main-content.index .main-content-bottom .right {
    margin-bottom: 23px; } }
@media(min-width: 1050px) {
  .main-content.index .main-content-bottom .right {
    width: 33.33%; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content.index .main-content-bottom .right {
    width: 100%; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content.index .main-content-bottom .right {
    width: 100%; } }
@media(max-width: 520px) {
  .main-content.index .main-content-bottom .right {
    width: 100%; } }
        .main-content.index .main-content-bottom .right .bolesti {
          background-image: url("../images/layout/index-down-1.jpg");
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center 0;
          height: 100%; }
          .main-content.index .main-content-bottom .right .bolesti .bolesti-header {
            height: 40px;
            background: linear-gradient(to right, rgba(44, 86, 151, 0.4), #2c5697);
            color: #fff; }
            .main-content.index .main-content-bottom .right .bolesti .bolesti-header h4 {
              text-align: right;
              margin: 14px 12px 0;
              text-transform: uppercase; }
  .main-content aside {
    float: left; }
    .main-content aside.left {
      overflow: hidden;
      min-height: 1px;
      background-color: transparent; }
@media(min-width: 1050px) {
  .main-content aside.left.no-menu {
    width: 10%; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content aside.left.no-menu {
    width: 5%; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content aside.left.no-menu {
    width: 0%; } }
@media(max-width: 520px) {
  .main-content aside.left.no-menu {
    width: 0%; } }
@media(min-width: 1050px) {
  .main-content aside.left.has-menu {
    width: 20%; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content aside.left.has-menu {
    width: 25%; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content aside.left.has-menu {
    width: 0%; } }
@media(max-width: 520px) {
  .main-content aside.left.has-menu {
    width: 0%; } }
      .main-content aside.left ul li {
        height: 60px;
        background-color: #fff;
        padding: 16px 23px 0;
        border-bottom: 1px solid #00a859; }
        .main-content aside.left ul li a {
          display: inline-block;
          height: 28px;
          line-height: 28px;
          font-family: "junction-bold", sans-serif;
          font-size: 12px;
          text-transform: uppercase; }
          .main-content aside.left ul li a:hover {
            border-bottom: 1px #00a859 solid; }
          .main-content aside.left ul li a.active {
            color: #00a859; }
  .main-content div.transparent-bg {
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.3);
    z-index: -2; }
  .main-content main {
    position: relative;
    z-index: 2;
    float: left;
    width: 70%;
    height: auto;
    min-height: 100%; }
@media(min-width: 1050px) {
  .main-content main.no-menu {
    width: 80%; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content main.no-menu {
    width: 90%; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content main.no-menu {
    width: 100%; } }
@media(max-width: 520px) {
  .main-content main.no-menu {
    width: 100%; } }
@media(min-width: 1050px) {
  .main-content main.has-menu {
    width: 70%; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content main.has-menu {
    width: 75%; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content main.has-menu {
    width: 100%; } }
@media(max-width: 520px) {
  .main-content main.has-menu {
    width: 100%; } }
    .main-content main .title-wrapper {
      position: relative;
      overflow: hidden;
      background-color: rgba(255, 255, 255, 0.5);
      padding-bottom: 0; }
@media(min-width: 1050px) {
  .main-content main .title-wrapper {
    padding-top: 25px; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content main .title-wrapper {
    padding-top: 25px; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content main .title-wrapper {
    padding-top: 12.5px; } }
@media(max-width: 520px) {
  .main-content main .title-wrapper {
    padding-top: 12.5px; } }
@media(min-width: 1050px) {
  .main-content main .title-wrapper {
    padding-left: 25px; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content main .title-wrapper {
    padding-left: 25px; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content main .title-wrapper {
    padding-left: 12.5px; } }
@media(max-width: 520px) {
  .main-content main .title-wrapper {
    padding-left: 12.5px; } }
@media(min-width: 1050px) {
  .main-content main .title-wrapper {
    padding-right: 25px; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content main .title-wrapper {
    padding-right: 25px; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content main .title-wrapper {
    padding-right: 12.5px; } }
@media(max-width: 520px) {
  .main-content main .title-wrapper {
    padding-right: 12.5px; } }
      .main-content main .title-wrapper.with-image-behind {
        background: rgba(255, 255, 255, 0.85); }
      .main-content main .title-wrapper .title {
        overflow: hidden;
        float: left;
        color: #00a859; }
      .main-content main .title-wrapper .logo-wrapper {
        overflow: hidden;
        height: 35px;
        border-bottom: 1px solid #00a859; }
@media(min-width: 1050px) {
  .main-content main .title-wrapper .logo-wrapper {
    display: block; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content main .title-wrapper .logo-wrapper {
    display: block; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content main .title-wrapper .logo-wrapper {
    display: none; } }
@media(max-width: 520px) {
  .main-content main .title-wrapper .logo-wrapper {
    display: none; } }
        .main-content main .title-wrapper .logo-wrapper p {
          margin: 0; }
      .main-content main .title-wrapper img {
        position: absolute;
        top: 12px;
        right: 25px;
        height: 35px; }
@media(min-width: 1050px) {
  .main-content main .title-wrapper img {
    display: block; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content main .title-wrapper img {
    display: block; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content main .title-wrapper img {
    display: none; } }
@media(max-width: 520px) {
  .main-content main .title-wrapper img {
    display: none; } }
    .main-content main .google-map-wrapper {
      height: 360px;
      padding-bottom: 0;
      background-color: rgba(255, 255, 255, 0.5); }
@media(min-width: 1050px) {
  .main-content main .google-map-wrapper {
    padding-top: 25px; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content main .google-map-wrapper {
    padding-top: 25px; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content main .google-map-wrapper {
    padding-top: 12.5px; } }
@media(max-width: 520px) {
  .main-content main .google-map-wrapper {
    padding-top: 12.5px; } }
@media(min-width: 1050px) {
  .main-content main .google-map-wrapper {
    padding-left: 25px; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content main .google-map-wrapper {
    padding-left: 25px; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content main .google-map-wrapper {
    padding-left: 12.5px; } }
@media(max-width: 520px) {
  .main-content main .google-map-wrapper {
    padding-left: 12.5px; } }
@media(min-width: 1050px) {
  .main-content main .google-map-wrapper {
    padding-right: 25px; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content main .google-map-wrapper {
    padding-right: 25px; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content main .google-map-wrapper {
    padding-right: 12.5px; } }
@media(max-width: 520px) {
  .main-content main .google-map-wrapper {
    padding-right: 12.5px; } }
      .main-content main .google-map-wrapper #map {
        height: 100%;
        background-color: rgba(255, 255, 255, 0.5); }
        .main-content main .google-map-wrapper #map div {
          overflow: visible; }
    .main-content main .text-wrapper {
      overflow: auto;
      background: linear-gradient(rgba(255, 255, 255, 0.5), transparent); }
@media(min-width: 1050px) {
  .main-content main .text-wrapper {
    padding: 25px; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content main .text-wrapper {
    padding: 25px; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content main .text-wrapper {
    padding: 12.5px; } }
@media(max-width: 520px) {
  .main-content main .text-wrapper {
    padding: 12.5px; } }
      .main-content main .text-wrapper h2 {
        margin-top: 13px; }
        .main-content main .text-wrapper h2:not(:first-of-type), .main-content main .text-wrapper h2.has-margin-top {
          margin-top: 38px; }
      .main-content main .text-wrapper h3.no-margin-top {
        margin-top: 0; }
      .main-content main .text-wrapper a {
        color: #5a88cf; }
        .main-content main .text-wrapper a:hover {
          border-bottom: 1px solid #5a88cf; }
      .main-content main .text-wrapper.with-image-behind {
        background: rgba(255, 255, 255, 0.85); }
      .main-content main .text-wrapper .map-wrapper {
        float: left;
        background: transparent; }
@media(min-width: 1050px) {
  .main-content main .text-wrapper .map-wrapper {
    width: 50%; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content main .text-wrapper .map-wrapper {
    width: 50%; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content main .text-wrapper .map-wrapper {
    width: 100%; } }
@media(max-width: 520px) {
  .main-content main .text-wrapper .map-wrapper {
    width: 100%; } }
        .main-content main .text-wrapper .map-wrapper .map {
          overflow: visible; }
          .main-content main .text-wrapper .map-wrapper .map .subunit.SRB, .main-content main .text-wrapper .map-wrapper .map .subunit.KOS, .main-content main .text-wrapper .map-wrapper .map .subunit.BIH, .main-content main .text-wrapper .map-wrapper .map .subunit.MNE, .main-content main .text-wrapper .map-wrapper .map .subunit.MKD {
            fill: #777; }
            .main-content main .text-wrapper .map-wrapper .map .subunit.SRB:hover, .main-content main .text-wrapper .map-wrapper .map .subunit.KOS:hover, .main-content main .text-wrapper .map-wrapper .map .subunit.BIH:hover, .main-content main .text-wrapper .map-wrapper .map .subunit.MNE:hover, .main-content main .text-wrapper .map-wrapper .map .subunit.MKD:hover {
              fill: #85ca9e;
              cursor: pointer; }
          .main-content main .text-wrapper .map-wrapper .map .subunit.HRV, .main-content main .text-wrapper .map-wrapper .map .subunit.SVN {
            fill: #777; }
          .main-content main .text-wrapper .map-wrapper .map .subunit-label.HRV, .main-content main .text-wrapper .map-wrapper .map .subunit-label.SVN {
            display: none; }
          .main-content main .text-wrapper .map-wrapper .map .subunit-label {
            fill: #fff;
            fill-opacity: 1;
            font-weight: 400;
            text-anchor: middle; }
@media(min-width: 1050px) {
  .main-content main .text-wrapper .map-wrapper .map .subunit-label {
    font-size: 10px; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content main .text-wrapper .map-wrapper .map .subunit-label {
    font-size: 10px; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content main .text-wrapper .map-wrapper .map .subunit-label {
    font-size: 13px; } }
@media(max-width: 520px) {
  .main-content main .text-wrapper .map-wrapper .map .subunit-label {
    font-size: 8px; } }
            .main-content main .text-wrapper .map-wrapper .map .subunit-label:hover {
              cursor: pointer; }
@media(min-width: 1050px) {
  .main-content main .text-wrapper .country-data {
    width: 50%; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content main .text-wrapper .country-data {
    width: 50%; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content main .text-wrapper .country-data {
    width: 100%; } }
@media(max-width: 520px) {
  .main-content main .text-wrapper .country-data {
    width: 100%; } }
      .main-content main .text-wrapper .country-data h1 {
        margin-bottom: 25px; }
      .main-content main .text-wrapper .country-data h2 {
        margin-top: 0;
        color: #00a859; }
      .main-content main .text-wrapper .country-data p {
        margin: 8px 0; }
        .main-content main .text-wrapper .country-data p a {
          color: #777;
          border-color: #777; }
      .main-content main .text-wrapper .country-data .info {
        font-family: "junction-bold", sans-serif;
        color: #00a859; }
@media(min-width: 1050px) {
  .main-content main .text-wrapper .country-data .info {
    padding: 260px 0 0 30px; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content main .text-wrapper .country-data .info {
    padding: 260px 0 0 30px; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content main .text-wrapper .country-data .info {
    padding: 0; } }
@media(max-width: 520px) {
  .main-content main .text-wrapper .country-data .info {
    padding: 0; } }
      .main-content main .text-wrapper .country-data .item-data {
        float: left;
        margin: 0 50px 50px 0; }
      .main-content main .text-wrapper .text-subsection {
        position: relative;
        float: left;
        overflow: visible; }
@media(min-width: 1050px) {
  .main-content main .text-wrapper .text-subsection:first-of-type {
    width: 30%; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content main .text-wrapper .text-subsection:first-of-type {
    width: 100%; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content main .text-wrapper .text-subsection:first-of-type {
    width: 100%; } }
@media(max-width: 520px) {
  .main-content main .text-wrapper .text-subsection:first-of-type {
    width: 100%; } }
@media(min-width: 1050px) {
  .main-content main .text-wrapper .text-subsection:first-of-type {
    padding-right: 5%; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content main .text-wrapper .text-subsection:first-of-type {
    padding-right: 0; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content main .text-wrapper .text-subsection:first-of-type {
    padding-right: 0; } }
@media(max-width: 520px) {
  .main-content main .text-wrapper .text-subsection:first-of-type {
    padding-right: 0; } }
@media(min-width: 1050px) {
  .main-content main .text-wrapper .text-subsection:first-of-type p, .main-content main .text-wrapper .text-subsection:first-of-type h3 {
    text-align: left; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content main .text-wrapper .text-subsection:first-of-type p, .main-content main .text-wrapper .text-subsection:first-of-type h3 {
    text-align: center; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content main .text-wrapper .text-subsection:first-of-type p, .main-content main .text-wrapper .text-subsection:first-of-type h3 {
    text-align: center; } }
@media(max-width: 520px) {
  .main-content main .text-wrapper .text-subsection:first-of-type p, .main-content main .text-wrapper .text-subsection:first-of-type h3 {
    text-align: center; } }
        .main-content main .text-wrapper .text-subsection:first-of-type .phone {
          margin-bottom: 30px; }
@media(min-width: 1050px) {
  .main-content main .text-wrapper .text-subsection:nth-of-type(2) {
    width: 70%; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content main .text-wrapper .text-subsection:nth-of-type(2) {
    width: 100%; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content main .text-wrapper .text-subsection:nth-of-type(2) {
    width: 100%; } }
@media(max-width: 520px) {
  .main-content main .text-wrapper .text-subsection:nth-of-type(2) {
    width: 100%; } }
@media(min-width: 1050px) {
  .main-content main .text-wrapper .text-subsection:nth-of-type(2) {
    text-align: left; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content main .text-wrapper .text-subsection:nth-of-type(2) {
    text-align: left; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content main .text-wrapper .text-subsection:nth-of-type(2) {
    text-align: center; } }
@media(max-width: 520px) {
  .main-content main .text-wrapper .text-subsection:nth-of-type(2) {
    text-align: center; } }
        .main-content main .text-wrapper .text-subsection p:first-of-type {
          line-height: 22px; }
        .main-content main .text-wrapper .text-subsection label {
          float: left;
          width: 50%; }
@media(min-width: 1050px) {
  .main-content main .text-wrapper .text-subsection label:nth-of-type(odd) {
    width: 50%; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content main .text-wrapper .text-subsection label:nth-of-type(odd) {
    width: 50%; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content main .text-wrapper .text-subsection label:nth-of-type(odd) {
    width: 100%; } }
@media(max-width: 520px) {
  .main-content main .text-wrapper .text-subsection label:nth-of-type(odd) {
    width: 100%; } }
@media(min-width: 1050px) {
  .main-content main .text-wrapper .text-subsection label:nth-of-type(odd) {
    padding-right: 2%; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content main .text-wrapper .text-subsection label:nth-of-type(odd) {
    padding-right: 2%; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content main .text-wrapper .text-subsection label:nth-of-type(odd) {
    padding-right: 0; } }
@media(max-width: 520px) {
  .main-content main .text-wrapper .text-subsection label:nth-of-type(odd) {
    padding-right: 0; } }
@media(min-width: 1050px) {
  .main-content main .text-wrapper .text-subsection label:nth-of-type(even) {
    width: 50%; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content main .text-wrapper .text-subsection label:nth-of-type(even) {
    width: 50%; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content main .text-wrapper .text-subsection label:nth-of-type(even) {
    width: 100%; } }
@media(max-width: 520px) {
  .main-content main .text-wrapper .text-subsection label:nth-of-type(even) {
    width: 100%; } }
@media(min-width: 1050px) {
  .main-content main .text-wrapper .text-subsection label:nth-of-type(even) {
    padding-left: 2%; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content main .text-wrapper .text-subsection label:nth-of-type(even) {
    padding-left: 2%; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content main .text-wrapper .text-subsection label:nth-of-type(even) {
    padding-left: 0; } }
@media(max-width: 520px) {
  .main-content main .text-wrapper .text-subsection label:nth-of-type(even) {
    padding-left: 0; } }
          .main-content main .text-wrapper .text-subsection label input {
            height: 32px;
            margin: 6px 0 16px;
            padding: 0 16px; }
          .main-content main .text-wrapper .text-subsection label .textarea-wrapper {
            width: 100%;
            height: 138px;
            overflow: hidden;
            margin-top: 8px;
            padding: 16px;
            background-color: #e1e1e1;
            border-radius: 16px;
            border: 1px solid #777;
            color: #777; }
@media(min-width: 1050px) {
  .main-content main .text-wrapper .text-subsection label .textarea-wrapper {
    margin-bottom: 0; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content main .text-wrapper .text-subsection label .textarea-wrapper {
    margin-bottom: 0; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content main .text-wrapper .text-subsection label .textarea-wrapper {
    margin-bottom: 16px; } }
@media(max-width: 520px) {
  .main-content main .text-wrapper .text-subsection label .textarea-wrapper {
    margin-bottom: 16px; } }
            .main-content main .text-wrapper .text-subsection label .textarea-wrapper textarea {
              width: 100%;
              height: 100%;
              resize: none;
              background-color: #e1e1e1; }
        .main-content main .text-wrapper .text-subsection button {
          position: relative;
          height: 32px;
          padding: 0 36px;
          margin-top: 10px;
          background-color: #777;
          border-radius: 16px;
          border: 1px solid #777;
          color: #e1e1e1; }
@media(min-width: 1050px) {
  .main-content main .text-wrapper .text-subsection button {
    left: 2%; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content main .text-wrapper .text-subsection button {
    left: 2%; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content main .text-wrapper .text-subsection button {
    left: 0; } }
@media(max-width: 520px) {
  .main-content main .text-wrapper .text-subsection button {
    left: 0; } }
          .main-content main .text-wrapper .text-subsection button:hover {
            background-color: #868686; }
    .main-content main .list-wrapper {
      color: #777;
      overflow: visible; }
      .main-content main .list-wrapper .list-item {
        display: block;
        overflow: visible;
        box-sizing: content-box;
        min-height: 250px;
        background: linear-gradient(rgba(255, 255, 255, 0.5), transparent); }
@media(min-width: 1050px) {
  .main-content main .list-wrapper .list-item {
    padding: 25px; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content main .list-wrapper .list-item {
    padding: 25px; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content main .list-wrapper .list-item {
    padding: 12.5px; } }
@media(max-width: 520px) {
  .main-content main .list-wrapper .list-item {
    padding: 12.5px; } }
        .main-content main .list-wrapper .list-item:first-of-type {
          padding-top: 50px; }
        .main-content main .list-wrapper .list-item .drug-image {
          float: left;
          height: 250px;
          overflow: visible;
          text-align: center; }
@media(min-width: 1050px) {
  .main-content main .list-wrapper .list-item .drug-image {
    width: 245px; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content main .list-wrapper .list-item .drug-image {
    width: 245px; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content main .list-wrapper .list-item .drug-image {
    width: 150px; } }
@media(max-width: 520px) {
  .main-content main .list-wrapper .list-item .drug-image {
    width: 100%; } }
          .main-content main .list-wrapper .list-item .drug-image img {
            position: relative;
            height: 115%;
            margin: -8% 0 -7%; }
@media(min-width: 1050px) {
  .main-content main .list-wrapper .list-item .drug-image img {
    width: auto; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content main .list-wrapper .list-item .drug-image img {
    width: auto; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content main .list-wrapper .list-item .drug-image img {
    width: auto; } }
@media(max-width: 520px) {
  .main-content main .list-wrapper .list-item .drug-image img {
    width: auto; } }
@media(min-width: 1050px) {
  .main-content main .list-wrapper .list-item .drug-image img {
    left: 0; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content main .list-wrapper .list-item .drug-image img {
    left: 0; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content main .list-wrapper .list-item .drug-image img {
    left: -70px; } }
@media(max-width: 520px) {
  .main-content main .list-wrapper .list-item .drug-image img {
    left: 0; } }
@media(min-width: 1050px) {
  .main-content main .list-wrapper .list-item .drug-image img {
    margin-top: -8%; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content main .list-wrapper .list-item .drug-image img {
    margin-top: -8%; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content main .list-wrapper .list-item .drug-image img {
    margin-top: -8%; } }
@media(max-width: 520px) {
  .main-content main .list-wrapper .list-item .drug-image img {
    margin-top: 0; } }
            .main-content main .list-wrapper .list-item .drug-image img.narrow {
              margin-top: 0; }
@media(min-width: 1050px) {
  .main-content main .list-wrapper .list-item .drug-image img.narrow {
    left: 0; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content main .list-wrapper .list-item .drug-image img.narrow {
    left: 0; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content main .list-wrapper .list-item .drug-image img.narrow {
    left: -20px; } }
@media(max-width: 520px) {
  .main-content main .list-wrapper .list-item .drug-image img.narrow {
    left: 0; } }
            .main-content main .list-wrapper .list-item .drug-image img.wide {
              height: auto;
              width: 80px;
              margin-top: 6px; }
@media(min-width: 1050px) {
  .main-content main .list-wrapper .list-item .drug-image img.wide {
    left: 0; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content main .list-wrapper .list-item .drug-image img.wide {
    left: 0; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content main .list-wrapper .list-item .drug-image img.wide {
    left: -20px; } }
@media(max-width: 520px) {
  .main-content main .list-wrapper .list-item .drug-image img.wide {
    left: 0; } }
            .main-content main .list-wrapper .list-item .drug-image img.wide-pack {
              margin: 0; }
@media(min-width: 1050px) {
  .main-content main .list-wrapper .list-item .drug-image img.wide-pack {
    left: 0; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content main .list-wrapper .list-item .drug-image img.wide-pack {
    left: 0; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content main .list-wrapper .list-item .drug-image img.wide-pack {
    left: -12px; } }
@media(max-width: 520px) {
  .main-content main .list-wrapper .list-item .drug-image img.wide-pack {
    left: 0; } }
@media(min-width: 1050px) {
  .main-content main .list-wrapper .list-item .drug-image img.wide-pack {
    width: auto; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content main .list-wrapper .list-item .drug-image img.wide-pack {
    width: auto; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content main .list-wrapper .list-item .drug-image img.wide-pack {
    width: 110%; } }
@media(max-width: 520px) {
  .main-content main .list-wrapper .list-item .drug-image img.wide-pack {
    width: auto; } }
@media(min-width: 1050px) {
  .main-content main .list-wrapper .list-item .drug-image img.wide-pack {
    margin-left: 0; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content main .list-wrapper .list-item .drug-image img.wide-pack {
    margin-left: 0; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content main .list-wrapper .list-item .drug-image img.wide-pack {
    margin-left: 5%; } }
@media(max-width: 520px) {
  .main-content main .list-wrapper .list-item .drug-image img.wide-pack {
    margin-left: 0; } }
@media(min-width: 1050px) {
  .main-content main .list-wrapper .list-item .drug-image img.wide-pack {
    height: 100%; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content main .list-wrapper .list-item .drug-image img.wide-pack {
    height: 100%; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content main .list-wrapper .list-item .drug-image img.wide-pack {
    height: auto; } }
@media(max-width: 520px) {
  .main-content main .list-wrapper .list-item .drug-image img.wide-pack {
    height: 100%; } }
            .main-content main .list-wrapper .list-item .drug-image img.very-wide {
              height: auto;
              width: 160px;
              left: 0; }
@media(min-width: 1050px) {
  .main-content main .list-wrapper .list-item .drug-image img.very-wide {
    top: 50px; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content main .list-wrapper .list-item .drug-image img.very-wide {
    top: 50px; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content main .list-wrapper .list-item .drug-image img.very-wide {
    top: 50px; } }
@media(max-width: 520px) {
  .main-content main .list-wrapper .list-item .drug-image img.very-wide {
    top: 100px; } }
@media(min-width: 1050px) {
  .main-content main .list-wrapper .list-item .drug-image img.ocuflash {
    left: 0; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content main .list-wrapper .list-item .drug-image img.ocuflash {
    left: 0; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content main .list-wrapper .list-item .drug-image img.ocuflash {
    left: -40px; } }
@media(max-width: 520px) {
  .main-content main .list-wrapper .list-item .drug-image img.ocuflash {
    left: 0; } }
@media(min-width: 1050px) {
  .main-content main .list-wrapper .list-item .drug-desc {
    padding-left: 25px; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content main .list-wrapper .list-item .drug-desc {
    padding-left: 25px; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content main .list-wrapper .list-item .drug-desc {
    padding-left: 25px; } }
@media(max-width: 520px) {
  .main-content main .list-wrapper .list-item .drug-desc {
    padding-left: 1px; } }
        .main-content main .list-wrapper .list-item .drug-desc h3 {
          margin-top: 0; }
        .main-content main .list-wrapper .list-item .drug-desc p:last-of-type {
          margin-bottom: 1px; }
        .main-content main .list-wrapper .list-item .drug-desc a {
          color: #5a88cf; }
          .main-content main .list-wrapper .list-item .drug-desc a:hover {
            border-bottom: 1px solid #5a88cf; }
        .main-content main .list-wrapper .list-item .drug-desc .drug-desc-list {
          padding-left: 23px;
          list-style: outside url("../images/layout/button-list.png"); }
          .main-content main .list-wrapper .list-item .drug-desc .drug-desc-list li {
            margin: 16px 0; }
            .main-content main .list-wrapper .list-item .drug-desc .drug-desc-list li:last-of-type {
              margin-bottom: 0; }
        .main-content main .list-wrapper .list-item .drug-desc .drug-desc-table {
          width: 100%;
          margin: 15px 0; }
          .main-content main .list-wrapper .list-item .drug-desc .drug-desc-table td {
            border: 1px solid #000;
            padding: 8px; }
          .main-content main .list-wrapper .list-item .drug-desc .drug-desc-table th {
            border: 1px solid #000;
            padding: 8px; }
          .main-content main .list-wrapper .list-item .drug-desc .drug-desc-table.three-col th:nth-of-type(1) {
            width: 50%; }
          .main-content main .list-wrapper .list-item .drug-desc .drug-desc-table.three-col th:nth-of-type(2) {
            width: 25%; }
          .main-content main .list-wrapper .list-item .drug-desc .drug-desc-table.three-col th:nth-of-type(3) {
            width: 25%; }
          .main-content main .list-wrapper .list-item .drug-desc .drug-desc-table.four-col th {
            width: 25%; }
    .main-content main .image-wrapper {
      position: relative;
      padding-bottom: 0;
      background: rgba(255, 255, 255, 0.5);
      overflow: hidden;
      height: 250px; }
@media(min-width: 1050px) {
  .main-content main .image-wrapper {
    display: block; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content main .image-wrapper {
    display: block; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content main .image-wrapper {
    display: block; } }
@media(max-width: 520px) {
  .main-content main .image-wrapper {
    display: none; } }
@media(min-width: 1050px) {
  .main-content main .image-wrapper {
    padding-top: 25px; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content main .image-wrapper {
    padding-top: 25px; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content main .image-wrapper {
    padding-top: 12.5px; } }
@media(max-width: 520px) {
  .main-content main .image-wrapper {
    padding-top: 12.5px; } }
@media(min-width: 1050px) {
  .main-content main .image-wrapper {
    padding-left: 25px; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content main .image-wrapper {
    padding-left: 25px; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content main .image-wrapper {
    padding-left: 12.5px; } }
@media(max-width: 520px) {
  .main-content main .image-wrapper {
    padding-left: 12.5px; } }
@media(min-width: 1050px) {
  .main-content main .image-wrapper {
    padding-right: 25px; } }
@media(min-width: 930px) and (max-width: 1050px) {
  .main-content main .image-wrapper {
    padding-right: 25px; } }
@media(min-width: 520px) and (max-width: 930px) {
  .main-content main .image-wrapper {
    padding-right: 12.5px; } }
@media(max-width: 520px) {
  .main-content main .image-wrapper {
    padding-right: 12.5px; } }
      .main-content main .image-wrapper .image.image-1 {
        position: relative;
        height: 100%;
        background: url("../images/back-1.JPG");
        background-repeat: no-repeat;
        background-position: 0 center;
        background-size: 100% auto; }
      .main-content main .image-wrapper .image.image-2 {
        position: relative;
        height: 100%;
        background: url("../images/back-3.JPG");
        background-repeat: no-repeat;
        background-position: 0 center;
        background-size: 100% auto; }
      .main-content main .image-wrapper .filter {
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.4); }

footer {
  height: 60px;
  width: 100%;
  background-color: #fff;
  border-top: 1px solid #00a859;
  color: #777;
  text-align: center; }
  footer .text-section {
    margin: 23px 23px 0;
    font-size: 14px;
    line-height: 14px;
    font-family: "junction-bold", sans-serif; }
    footer .text-section.move-left {
      text-align: center; }
@media(min-width: 1050px) {
  footer .text-section.move-left {
    float: left; } }
@media(min-width: 930px) and (max-width: 1050px) {
  footer .text-section.move-left {
    float: left; } }
@media(min-width: 520px) and (max-width: 930px) {
  footer .text-section.move-left {
    float: none; } }
@media(max-width: 520px) {
  footer .text-section.move-left {
    float: none; } }
@media(min-width: 1050px) {
  footer .text-section.move-left {
    margin-bottom: 0; } }
@media(min-width: 930px) and (max-width: 1050px) {
  footer .text-section.move-left {
    margin-bottom: 23px; } }
@media(min-width: 520px) and (max-width: 930px) {
  footer .text-section.move-left {
    margin-bottom: 0; } }
@media(max-width: 520px) {
  footer .text-section.move-left {
    margin-bottom: 0; } }
    footer .text-section.move-right {
      text-align: center; }
@media(min-width: 1050px) {
  footer .text-section.move-right {
    float: right; } }
@media(min-width: 930px) and (max-width: 1050px) {
  footer .text-section.move-right {
    float: right; } }
@media(min-width: 520px) and (max-width: 930px) {
  footer .text-section.move-right {
    float: none; } }
@media(max-width: 520px) {
  footer .text-section.move-right {
    float: none; } }
    footer .text-section .copyright {
      font-size: 18px;
      line-height: 14px; }
    footer .text-section.uppercase {
      text-transform: uppercase; }
@media(min-width: 1050px) {
  footer .icons-wrapper {
    float: left; } }
@media(min-width: 930px) and (max-width: 1050px) {
  footer .icons-wrapper {
    float: left; } }
@media(min-width: 520px) and (max-width: 930px) {
  footer .icons-wrapper {
    float: none; } }
@media(max-width: 520px) {
  footer .icons-wrapper {
    float: none; } }
  footer .icons-wrapper img {
    width: 26px;
    height: 26px;
    margin: 17px 17px 0 0; }
@media(min-width: 1050px) {
  footer .icons-wrapper img {
    float: left; } }
@media(min-width: 930px) and (max-width: 1050px) {
  footer .icons-wrapper img {
    float: left; } }
@media(min-width: 520px) and (max-width: 930px) {
  footer .icons-wrapper img {
    float: none; } }
@media(max-width: 520px) {
  footer .icons-wrapper img {
    float: none; } }