/* Start
========================================================================== */
body, form, input, select, textarea {
  /*color: #466071;*/
  color: #555;
  font: 16px/1.5 "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased; /* fix pre webkit rendering */
  -webkit-text-size-adjust: 100%;
}
.hide, .screenreader { height: 0; left: -99999px; overflow: hidden; position: absolute; top: auto; width: 0; }
img, a.img, a.img:hover { border: 0; }

::selection { background: #b9e9b9; color: #555; }
::-moz-selection { background: #b9e9b9; color: #555; }
::-webkit-selection { background: #b9e9b9; color: #555; }

/* Typografia
========================================================================== */
h1, h2, h3, h4, h5, h6 {
  color: #181818;
  font-weight: normal;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 {  }
h2 {  }
h3 {  }
h4 {  }
h5 {  }
h6 {  }

/* helper classes */
.mb-15 { margin-bottom:15px; }
.mt-15 { margin-top:15px; } 

/*
200   extra-light
300   light
400   normal
500   medium
600   semi-bold
700   bold
800   extra-bold
 */

::-webkit-input-placeholder { color: #5f7583; }
:-moz-placeholder { color: #5f7583; } /* Firefox 18- */
::-moz-placeholder { color: #5f7583; } /* Firefox 19+ */
:-ms-input-placeholder { color: #5f7583; }

img.responsive { width: 100%; }

/* Linky
========================================================================== */
a { color: #10568a; outline: 0; text-decoration: none; }
a:hover, a:focus { color: #e71616; text-decoration: underline; }

/* Zarovnanie
========================================================================== */
.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg { text-align: left; }
.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg { text-align: center; }
.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg { text-align: right; }
.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg { text-align: justify; }

@media (max-width: 767px) {
  .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs { text-align: inherit; }
  .text-left-xs { text-align: left; }
  .text-center-xs { text-align: center; }
  .text-right-xs { text-align: right; }
  .text-justify-xs { text-align: justify; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm { text-align: inherit; }
  .text-left-sm { text-align: left; }
  .text-center-sm { text-align: center; }
  .text-right-sm { text-align: right; }
  .text-justify-sm { text-align: justify; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md { text-align: inherit; }
  .text-left-md { text-align: left; }
  .text-center-md { text-align: center; }
  .text-right-md { text-align: right; }
  .text-justify-md { text-align: justify; }
}
@media (min-width: 1200px) {
  .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg { text-align: inherit; }
  .text-left-lg { text-align: left; }
  .text-center-lg { text-align: center; }
  .text-right-lg { text-align: right; }
  .text-justify-lg { text-align: justify; }
}

/* Gutter
========================================================================== */
.row.no-gutter, .row.gutter10, .row.gutter20 { margin-left: 0; margin-right: 0; }
.row.gutter10 { margin-right: -5px; margin-left: -5px; }
.row.gutter20 { margin-right: -10px; margin-left: -10px; }
.row.no-gutter > [class*='col-'] { padding-right: 0; padding-left: 0; }
.row.gutter10 > [class*='col-'] { padding-right: 5px; padding-left: 5px; }
.row.gutter20 > [class*='col-'] { padding-right: 10px; padding-left: 10px; }
@media (max-width: 767px) {
  .row.no-gutter-xs, .row.gutter10-xs { margin-left: 0; margin-right: 0; }
  .row.gutter10-xs { margin-right: -5px; margin-left: -5px; }
  .row.no-gutter-xs > [class*='col-'] { padding-right: 0; padding-left: 0; }
  .row.gutter10-xs > [class*='col-'] { padding-right: 5px; padding-left: 5px; }
}

/* Buttons
========================================================================== */
.btn-default {
  background: #fff;
  color: #4a5b67;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid #cbd1d5;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-decoration: none;
}
.btn-default:hover {
  text-decoration: underline;
  background: #e6ecf1;
}
.btn-primary {
  background: #2681c4;
  border: 0;
  color: #fff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  text-decoration: none;
  font-size: 16px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  font-weight: 500;
}
.btn-primary:hover {
  text-decoration: underline;
  background: #2681c4;
}

@media (max-width: 767px) {
  body { background: #2971b6; }
}
@media (min-width: 768px) {
  html {
    background: #5499cd url('../images/bg.png') no-repeat center 0 fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  body { background: transparent; }
}
/*html { background: #5499cd url('../images/bg-bottom.png') no-repeat center bottom; }
body { background: url('../images/bg-top.png') no-repeat center 0; }*/

@media (max-width: 767px) {
  .container { padding: 0; position: relative; }
}

/* Header
========================================================================== */
.header { position: relative; }
  .header-logo {
    float: left;
    line-height: 1.1;
    float: left;
    position: relative;
    z-index: 1;
  }
    .header-logo img {
      float: left;
    }
    .header-logo-name {
      float: left;
      color: #fff;
      text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
      text-transform: uppercase;
      border-left: 1px solid #56a9d2;
      margin: 10px 0 0 25px;
      padding: 5px 0 10px 30px;
    }
      .header-logo-name-row1 {
        font-weight: 600;
        font-size: 36px;
      }
      .header-logo-name-row2 {
        font-weight: 300;
        font-size: 18px;
      }
  .header-logo-bg {
    /*background: url('../images/bg-logo.png') no-repeat center;*/
    position: absolute;
    z-index: -1;
  }
  .header-links {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 14px;
    color: #98d4f2;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
  }
    .header-links li {
      display: inline-block;
      border-right: 1px solid #98d4f2;
      line-height: 1;
      margin: 0 10px 0 0;
      padding: 0 10px 0 0;
    }
    .header-links li:last-child { border-right: 0; }
      .header-links a {
        color: #98d4f2;
        text-decoration: none;
      }
      .header-links a:hover { color: #fff; }

@media (max-width: 767px) {
  .header {
    padding-top: 50px;
  }
    .header-logo { display: none; }
    .header-links {
      padding: 15px;
      text-align: center;
    }
  .navbar-xs {
    padding: 0 0 0 10px;
    line-height: 1.2;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    width: 100%;
  }
    .navbar-logo { display: inline-block; }
      .navbar-logo img {
        height: 50px;
        margin-right: 10px;
        float: left;
      }
      .navbar-logo span {
        display: inline-block;
        padding-top: 5px;
      }
}
@media (min-width: 768px) and (max-width: 991px) {
  .header-logo { margin: 50px 0 20px 0; }
  .header-logo-bg {
    top: -50px;
    left: -310px;
    width: 853px;
    height: 523px;
  }
  .header-links {
    position: absolute;
    top: 20px;
    right: 0;
  }
}
@media (min-width: 992px) {
  .header { height: 170px; }
    .header-logo { margin-top: 35px; }
    .header-logo-bg {
      top: -50px;
      left: -310px;
      width: 853px;
      height: 523px;
    }
    .header-links {
      float: right;
      margin-top: 80px;
    }
}

/* Topmenu
========================================================================== */
#topmenu {
  padding: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border-bottom: 1px solid #cad3da;
  background: #fff;
}
  #topmenu > ul > li {
    font-size: 15px;
    font-weight: 500;
    color: #2B638D;
    border-right: 1px solid #cad3da;
    text-transform: uppercase;
    line-height: 1;
  }
    #topmenu>ul>li>a {
      color: #2B638D;
      padding: 22px 30px;
      text-decoration: none;
    }
    #topmenu a:hover {
      text-decoration: underline;
      background: #2681c4;
      color: #fff;
    }
    #topmenu .dropdown-menu {
      border: 1px solid #cad3da;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      padding: 0;
    }
      #topmenu .dropdown-menu li {
        border-bottom: 1px solid #cad3da;
      }
        #topmenu li>ul a {
          color: #2B638D;
          padding: 5px 15px;
          text-decoration: none;
        }
        #topmenu .current>a {
          background-color: #eeeeee;
        }
        #topmenu .current>a:hover {
          color: #2B638D;
        }

@media (max-width: 766px) {
  .dropdown-menu {
    position: relative;
    width: 100%;
  }
}
@media (min-width: 767px) {
  .dropdown:hover > .dropdown-menu {
    display: block;
    margin-top: 0;
  }
  #topmenu { margin: 0 -15px; }
}
@media (min-width: 768px) and (max-width: 991px) {
  #topmenu .level1 {
    padding: 15px;
    font-size: 14px;
  }
}

/* Page
========================================================================== */
#page { background: #fff; }
  .content-wrapper { position: relative; }
@media (max-width: 767px) {
  #content { padding: 15px; }
}
@media (min-width: 768px) {
  #content { padding: 30px; }
}

/* Slider
========================================================================== */
.slider {
  margin: -30px -30px 30px -30px;
}
.slide {
  width: 100%;
}
.slide img {
  width: 100%;
  height: auto;
}
.slide-title {
  background: #10568a;
  color: #fff;
  font-size: 20px;
  line-height: 1.2;
  min-height: 50px;
  font-weight: 300;
  box-sizing: border-box;
  padding: 20px;
}

/* Sidebar
========================================================================== */
.sidebar-darker {
  background: #e6ecf1;
  border-bottom: 1px solid #cad3da;
}
  .sidebar-darker .box { margin-bottom: 0; }
  .fulltext {
    background: #fff;
    border: 1px solid #cbd1d5;
    margin-bottom: 20px;
    position: relative;
  }
    .fulltext-fld {
      background: transparent;
      font-size: 14px;
      color: #5f7583;
      border: 0;
      width: 100%;
      padding: 12px 52px 12px 12px;
    }
    .fulltext-btn {
      color: #cbd1d5;
      background: transparent;
      border: 0;
      float: right;
      padding: 0;
      font-size: 26px;
      line-height: 1;
      position: absolute;
      top: 10px;
      right: 15px;
    }
@media (max-width: 767px) {
  #page .sidebar { padding: 0 15px; }
  .sidebar-darker {
    margin: 0 -15px 15px -15px;
    padding: 15px 15px 0 15px;
  }
}
@media (min-width: 768px) {
  #page .sidebar { padding: 0 20px; }
  .sidebar-darker {
    margin: 0 -20px 20px -20px;
    padding: 20px 20px 0 20px;
    min-height: 463px;
  }
}

.sidebar-bg {
  background: #f8f9fa;
  border-left: 1px solid #cad3da;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

.sidebar-nav ul {
  margin: 0 0 30px 0;
  padding: 0;
  list-style: none;
  text-transform: uppercase;
}
  .sidebar-nav li { margin-bottom: 5px; }
    .sidebar-nav a { text-align: left; }

.sidebar-banner { margin-bottom: 25px; }
  .sidebar-banner a {
    margin-bottom: 20px;
    display: block;
  }

/* Footer
========================================================================== */
.footer-top { background: #10568a; }
  .footer-top .box-title {
    background: #0b4976;
    color: #fff;
  }
  .footer-top .box-content li { border-bottom: 1px solid #1f6294; }
    .footer-top .box-content li a {
      font-size: 14px;
      color: #95c3e6;
    }
    .footer-top .box-content li a:hover {
      color: #fff;
    }
  .box-contact .box-title { margin-bottom: 15px; }
  .box-contact .fld {
    background: #fff;
    border: 0;
    font-size: 14px;
    color: #10568a;
    width: 100%;
    padding: 10px 15px;
    margin-bottom: 10px;
  }
  .box-contact .btn { background: #d5e0e9; }
  .footer-top .links {
    padding: 0;
    margin: 0;
    list-style: none;
  }
    .footer-top .links li { display: inline-block; }
      .footer-top .links a {
        display: block;
        width: 44px;
        height: 44px;
        font-size: 26px;
        line-height: 44px;
        text-align: center;
        margin-left: 18px;
        color: #fff;
      }
      .footer-top .links a:hover {
        background: #fff;
        color: #10568A;
      }
      .footer-top .fb { background: #3a589b; }
      .footer-top .yt { background: #FF0000; }
      .footer-top .rss { background: #e19126; }
      .footer-top .sitemap { background: #7eaacb; }

      .footer-top ul.footer-contact{ color:  #fff; margin-left: 15px; font-size: 16px; }
      .footer-top ul.footer-contact li{ border-bottom: 0; position: relative; padding-left: 25px; margin: 10px 0; }
      .footer-top ul.footer-contact li.no-padding{ padding: 0; }
      .footer-top ul.footer-contact li i{ position: absolute; left: 0; top: 5px; }
      .footer-top ul.footer-contact li a{ display: inline; padding: 0; margin: 0; font-size: 16px; }
.footer-bottom {
  background: #0b4976;
  padding: 30px;
  color: #95c3e6;
  font-size: 12px;
}
  .footer-bottom a { color: #95c3e6; }
  .footer-bottom a:hover { color: #fff; }

@media (max-width: 767px) {
  .footer-top { padding: 30px 15px; }
}
@media (min-width: 768px) {
  .footer-top { padding: 30px; }
}

/* Strankovanie
========================================================================== */
.pagelist {
  text-align: center;
  margin: 30px;
}
.pagelist a,
.pagelist b {
  display: inline-block;
  padding: 4px 8px;
  line-height: 1;
  margin: 3px;
}
.pagelist a {
  text-decoration: none;
}
.pagelist a:hover {
  background: #5499cd;
  color: #fff;
}
.pagelist b {
  background: #2681c4;
  color: #fff;
}

.success {
  border: 2px solid #189D5E;
  border-radius: 5px;
  padding: 1rem;
  box-sizing: border-box;
  background-color: #e5fff2;
}

.success .notice {
  font-weight: bold;
}

/* Responziva
========================================================================== */
@media (max-width: 767px) {

}
@media (min-width: 768px) and (max-width: 991px) {

}
@media (min-width: 992px) and (max-width: 1199px) {

}
@media (min-width: 1200px) {

}
