*{
  scroll-behavior: smooth;
}
body {
  padding : 0;
  color : #000000;
  background-repeat : repeat-x;
  font-family : Helvetica, Arial, sans-serif;
  background-color : #f7f7f7;
  background-image : url("../img/body.png");
  margin: 0;
  }
  .contain {
  box-shadow : 0 0 5px 1px rgb(0, 0, 0, 0.65);
  padding : 0;
  color : #ffffff;
  margin : 0 auto 0 auto;
  width : 958px;
  height : auto;
  background : linear-gradient(to bottom, #ffffff 0, #f7f7f7 800px) transparent;
  }
  #top {
  margin : 0 auto 0 auto;
  padding : 0 0 0 0;
  width : 850px;
  height : 276px;
  }
  .top {
  box-shadow : 0 0 5px 1px rgb(0, 0, 0, 0.65);
  padding : 0;
  margin : 0 auto 0 auto;
  width : 960px;
  height : 580px;
  right : auto;
  left : auto;
  }
  header {
  /* border-color : #ffffff;
  border-width : 1px;
  border-style : none solid none solid; */
  margin : 0 auto 0 auto;
  width : 958px;
  right : auto;
  left : auto;
  text-align : center;
  background-image : url("../img/header.png");
  background-repeat : no-repeat;
  height : 85px;
  box-shadow : 0 0 5px 1px rgb(0, 0, 0, 0.65);
  }
  h1 {
  padding : 30px 30px 25px 0;
  border-style : none;
  margin : 0 auto 0 auto;
  font-size : 19px;
  font-weight : bold;
  text-shadow : 1px 1px 0 rgb(0, 0, 0, 0.7);
  color : #eaeaea;
  text-align : right;
  width : 740px;
  right : auto;
  left : auto;
  height : 30px;
  letter-spacing : -1px;
  float : right;
  background : linear-gradient(to left, rgb(0, 0, 0, 1) 0, rgb(0, 0, 0, 0.75) 400px, rgb(0, 0, 0, 0) 770px) transparent;
  font-family : 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  }
  .intro {
  padding : 24px;
  font-size : 15px;
  font-weight : normal;
  color : #1c3756;
  text-align : justify;
  margin : 0;
  line-height : 1.35em;
  background-repeat : repeat;
  }
  h3 {
  font-size : 11px;
  font-weight : normal;
  color : #808080;
  text-align : center;
  margin : 20px;
  line-height : 1em;
  }
  h3 img {
  border-style : none;
  }
  h3 a {
  color : #999999;
  transition-duration : 1s;
  }
  h3 a:hover {
  color : #ffffff;
  transition-duration : 1s;
  text-shadow : 0 0 2px rgb(0, 0, 0, 0.45);
  }
  footer {
  padding : 8px 0 0 0;
  border-bottom-right-radius : 20px;
  border-bottom-left-radius : 20px;
  margin : 0 auto 0 auto;
  width : 900px;
  height : auto;
  color : #000000;
  background-image : url("img/tlo_kontakt.png");
  text-align : center;
  line-height : normal;
  }
  a {
  color : #222;
  }
  h5 {
  background-position : 35px center;
  margin : 0 auto 0 auto;
  padding : 23px 40px 22px 0;
  text-align : right;
  font-size : 13px;
  line-height : 1.2em;
  color : #626566;
  font-weight : normal;
  width : 920px;
  letter-spacing : 0;
  height : 55px;
  background-image : url("../img/logo.gif");
  background-repeat : no-repeat;
  }
  h5 a {
  color : #999999;
  transition-duration : 1s;
  }
  article {
  padding : 0;
  margin : 0;
  }
  h5 a:hover {
  color : #ffffff;
  transition-duration : 1s;
  }
  #anvsoftJavaScriptSlideshow {
  margin : 0 auto 0 auto;
  padding : 0;
  background-image : url("../slides/slide01.jpg");
  }
  p {
  color : #000000;
  }
  .counter {
  vertical-align : middle;
  opacity : 0.75;
  }
  .counter:hover {
  opacity : 1;
  }
  .photos {
  text-align : center;
  padding-top : 10px;
  }
  .stopka {
  border : #ffffff solid 1px;
  font-family : Arial, Helvetica, sans-serif;
  font-size : small;
  font-weight : normal;
  color : #000000;
  text-align : center;
  }
  .stopka a{
    padding: 5px;
    line-height: 2;
  }
  .google-maps {
  border-width : 0;
  padding : 0;
  height : 450px;
  margin : auto;
  width : 650px;
  }
  .bannerVertical{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .nav{
    width: 80%;
    margin: auto;
    width: 958px;
  }
  nav {
  width : 100%;
  background-color : rgb(0, 0, 0);
  color : #ffffff;
  z-index : 999;
  }
  nav ul {
  list-style-type : none;
  margin-top: 2px;
  }
  nav li {
  width : auto;
  float : left;
  color : #ffffff;
  }
  nav li a {
  margin : 0;
  border-radius: 5px;
  padding : 15px 20px 15px 20px;
  color : #ffffff;
  font-family : 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size : 14px;
  font-weight: 800;
  text-decoration : none;
  display : block;
  transition: 0.5s;
  }
  nav li a:hover {
  color : #000000;
  background-color : #f5f5f5;
  transition: 0.5s;
  }
  #logo {
  position : absolute;
  box-shadow: 0px 0px 200px white;
  }
  #logo a {
  margin : 0;
  padding-top : 0;
  padding-right : 20px;
  padding-bottom : 20px;
  padding-left : 20px;
  color : #ffffff;
  font-family : 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size : 20px;
  text-decoration : none;
  height : auto;
  font-variant : small-caps;
  }
  #item1 {
  margin-left : 175px;
  }
  ul ul {
  margin : 60px 0 0 -200px;
  padding : 0;
  display : none;
  position : absolute;
  z-index : 999;
  background-color : #000000;
  color : #c0c0c0;
  width : auto;
  min-height : 180px;
  }
  #submenu li {
  list-style-type : none;
  float : none;
  }
  ul li:hover > ul {
  padding : 0;
  margin : 0 0 0 0;
  display : block;
  position : absolute;
  }
  #submenu li a {
  margin : 0;
  padding : 15px;
  color : #ffffff;
  font-family : 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size : 17px;
  text-decoration : none;
  display : block;
  height : 30px;
  }
  #submenu li a:hover {
  color : #000000;
  background-color : #f5f5f5;
  }
  .lang {
  display : flex;
  flex-wrap : wrap;
  justify-content: flex-end;
  margin: 10px;
  }
  .lang a {
  padding : 2px;
  display : flex;
  flex-wrap: wrap;
  align-items : center;
  flex-direction: column;
  color: #fff;
  font-size: 12px;
  text-decoration: none;
  }
  .lang img {
  border : rgb(0, 0, 0, 0.6) solid 1px;
  transition-duration : 1s;
  margin-right : 2px;
  margin-left : 2px;
  }
  .lang img:hover {
  box-shadow : 0 0 5px 1px #ffffff;
  transition-duration : 1s;
  }
  .lang .active {
  background-color : #222;
  border-radius: 5px;
  }
  h2 {
  background-color : #000000;
  font-size : 20px;
  margin : 0;
  padding : 20px 15px 20px 15px;
  text-align : center;
  }
  .titles {
  height : 60px;
  }
  .contact_logo {
  margin-left : -10px;
  }
  .intro a {
  color : #666666;
  }
  .intro a:hover {
  color : #009933;
  }
  iframe {
  float : left;
  padding-top : 26px;
  }
  .ifr a {
  font-size : 12px;
  color : #808080;
  }
  .intro_contact {
  float : left;
  }
  .clear {
  clear : both;
  height : 0;
  }
  #logo img {
  border-style : none;
  }
  .photos img {
  border : rgb(255, 255, 255, 0.35) solid 1px;
  box-shadow : 0 0 4px 1px rgb(0, 0, 0, 0.4);
  margin-right : 1px;
  margin-left : 1px;
  }
  .titles2 {
  margin-top : -60px;
  }
  .ru_li {
  font-size : small;
  padding : 17px 11px 13px 10px;
  }
  .ua_li {
  font-size : medium;
  padding : 17px 11px 13px 11px;
  }

  @media (max-width: 958px){
    header, .nav{
      width: 100%;
    }
    .lang{
      padding: 0px 10px;
      margin-left: 134px;
    }
    h1{
      width: auto;
      height: auto;
    }
    #item1{
      margin-left: auto;
    }
    header{
      height: 105px;
    }
    .google-maps{
      height: auto;
      width: 74%;
      padding: 10px 13%;
    }
    footer{
      width: auto;
    }
    .contain{
      width: auto;
    }
    .top{
      width: auto;
      height: auto;
    }
    #anvsoftJavaScriptSlideshow{
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    }
    .ifr{
      display: none;
    }
    .intro_contact{
      margin: auto;
      width: 100%;
      text-align: center;
      padding: 0;
    }
  }
  @media (min-width: 490px) and (max-width: 958px) {
    ul{
      margin-left: 134px;
    }
  }