body, html { font-family: 'Poppins', sans-serif; font-weight: 200; text-align: left; padding: 0px; margin: 0px; font-size: 14px; color: #000; background: #fff; }

h1 { width: 100%; float: left; clear: both; color: white; text-align: left; font-size: 50px; font-weight: 600; margin: 0 0 0 0; padding: 0; }
h2 { width: 100%; float: left; clear: both; color: white; text-align: left; font-size: 40px; font-weight: 200; margin: 0 0 40px 0; padding: 0; }
h3 { width: 100%; float: left; clear: both; color: white; text-align: left; font-size: 30px; font-weight: 300; margin: 0 0 40px 0; padding: 0; }

.clear { width: 100%; clear: both; margin: 0; padding: 0; font-size: 1px; height: 0px; }
.clear1 { clear: both; margin: 0; padding: 0; font-size: 1px; height: 10px; }
.clear2 { clear: both; margin: 0; padding: 0; font-size: 1px; height: 20px; }
.clear3 { clear: both; margin: 0; padding: 0; font-size: 1px; height: 30px; }
.clearhr { width: 100%; height: 13px; display: block; clear: both; margin: 40px auto 20px auto; padding: 0; background: url("../images/static/bg-hr.png") no-repeat center center; background-size: cover; }
.line { clear: both; margin: 10px 0 10px 0; padding: 0; font-size: 1px; height: 0; border-top: 2px dashed #003557; }

.center { text-align: center; }
a { text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
a:hover { text-decoration: none !important; }
.pstrong { font-weight: 700; }
.plabel { width: 200px; display: inline-block; }
p a { text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
p a:hover { text-decoration: none !important; }

#page_top_bar {
    position: relative;
    top: 0;
    min-height: 50px;
    z-index: 99999;
    width: 100%;
    display: block;
    background: #b20c0c;
}
.page-top-bar {
    color: white;
    width: 90%;
    padding: 15px 5% 15px 5%;
    text-align: center;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
}

#page { width: 100%; height: 100%; float: left; position: relative; }
        
  header { width: 100%; float: left; clear: both; margin: 0 0 0 0; padding: 0; background-size: cover; position: absolute; top: 0; z-index: 33333; border-top: 5px solid #18191e; }
  #header { width: 100%; height: 120px; float: left; clear: both; margin: 0; padding: 0; background-image: linear-gradient(to top, rgba(24,25,30,0), rgba(24,25,30,1)); }
    #logo { float: left; width: 226px; height: 60px; margin: 30px 0 0 30px; }
      #logo a img { width: 226px; height: 60px; border: 0; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
      #logo a:hover img { -webkit-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); border: 0; }
    #menu { width: auto; height: 60px; float: right; padding: 0; margin: 30px 30px 0 0; }
    #responsivenav { display: none; }
      nav#mainmenu { width: auto; height: 60px; float: right; }
        nav#mainmenu ul#main { margin: 0; padding: 0; }
        .menu-link-li { float: left; padding: 0px; margin: 0; text-decoration: none; list-style: none; }
        .menu-link { width: auto; height: 58px; line-height: 58px; float: left; text-align: center; color: white; text-decoration: none; font-size: 22px; padding: 0 15px 0 15px; margin: 0 5px 0 5px; font-weight: 200; background: none; border: 1px solid transparent; border-radius: 10px; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
        .menu-link:hover, .menu-link.active { color: #fff; background: none; border: 1px solid white; border-radius: 10px; }
    
    #imgslider { width: 100%; position: relative; display: block;  }
    a#a_akce { width: auto; height: 58px; line-height: 58px; text-align: center; color: yellow; text-decoration: none; font-size: 22px; padding: 0 20px 0 20px; position: absolute; top: 130px; right: 35px; z-index: 333; background: transparent; font-size: 22px; font-weight: 200; border: 1px solid yellow; border-radius: 10px; letter-spacing: 3px; }
      a#a_akce:hover { background: white; border: 1px solid white; color: #18191e; }
    #imgslider_title { width: auto; position: absolute; bottom: 20%; left: 7%; z-index: 333; background: transparent; font-size: 72px; font-weight: 200; color: white;
      animation-name: weee; animation-duration: 4s; }
      #imgslider_title span { width: 100%; display: block; font-size: 100px; font-weight: 600; color: white; animation: none !important; }
      
      @keyframes weee { from {left: -75%;} to {left: 7%; } }

      
    #imgslider-bottom { width: 100%; height: 150px; position: absolute; bottom: 0; z-index: 333; background: transparent; }
    #imgslider-bottom::after { content: ''; position: absolute; bottom: -30%; left: 0; right: 0; height:100%; background: #18191e; transform: skew(0deg, -2deg); }
    .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0 auto 0 auto; z-index: 1; border: 0; }
    .rslides li { -webkit-backface-visibility: hidden; position: absolute;  display: none; width: 100%; left: 0; top: 0; margin: 0; }
    .rslides li:first-child { position: relative;  display: block; float: left; }
    .rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }

  .fixedhead { position: fixed; left: 0; top: 0; width: 100%; height: 120px; z-index: 100; }
        .fixedhead #header { width: 100%; height: 120px; background: rgba(0, 0, 0, .85); border-bottom: 12px solid rgba(0, 0, 0, .25); -webkit-background-clip: padding-box; background-clip: padding-box; }

  table { border-collapse: collapse; margin: 10px 0 30px 0; float: left; clear: both; width: 98%; }
      th { padding: 20px; text-align: center; vertical-align: center; background-color: #363d5e; color: #fff; font-weight: 600; text-transform: uppercase; font-size: 20px; }
      td { padding: 10px; vertical-align: center; color: #fff; border-bottom: 1px solid #363d5e; font-size: 18px; }
      
  #content { width: 100%; margin: 0 auto; }
    #content_top { width: 100%; float: left; background: white; padding: 50px 0 50px 0; }
    #content_main_hp { width: 100%; float: left; background: #18191e; padding: 0 0 150px 0; position: relative; overflow: hidden; z-index: 444; }
      #content_main_hp::after { content: ''; position: absolute; bottom: -95%; left: 0; right: 0; height:100%; background:#FFF; transform: skew(0deg, 2deg); }
    #content_main_page { width: 100%; float: left; background: #18191e; padding: 0 0 150px 0; position: relative; overflow: hidden; z-index: 444; }
    #content_homepage_gallery { width: 100%; float: left; background: white; padding: 75px 0 150px 0; position: relative; overflow: hidden; z-index: 444; }
      #content_homepage_gallery::after { content: ''; position: absolute; bottom: -95%; left: 0; right: 0; height:100%; background:#18191e; transform: skew(0deg, -2deg); }
    #content_gallery { width: 100%; float: left; background: white; padding: 125px 0 150px 0; position: relative; overflow: hidden; z-index: 444; }
      #content_gallery::before { content: ''; position: absolute; top: -95%; left: 0; right: 0; height:100%; background:#18191e; transform: skew(0deg, 2deg); }
      #content_gallery::after { content: ''; position: absolute; bottom: -95%; left: 0; right: 0; height:100%; background:#18191e; transform: skew(0deg, -2deg); }
    #content_contact { width: 100%; float: left; background: #18191e; padding: 75px 0 125px 0; position: relative; overflow: hidden; z-index: 444; }
      #content_contact::after { content: ''; position: absolute; bottom: -95%; left: 0; right: 0; height:100%; background:white; transform: skew(0deg, 2deg); }
    #content_contact_page { width: 100%; float: left; background: #18191e; padding: 0 0 125px 0; position: relative; overflow: hidden; z-index: 444; }
      #content_contact_page::after { content: ''; position: absolute; bottom: -95%; left: 0; right: 0; height:100%; background:white; transform: skew(0deg, 2deg); }
    
    #content_contact p, #content_contact_page p { width: 100%; font-size: 22px; line-height: 40px; float: left; clear: both; margin: 0 0 100px 0; text-align: justify; font-weight: 200; color: white; }
      #content_contact p a, #content_contact_page p a { color: white; text-decoration: none; }
      #content_contact p a:hover, #content_contact_page p a:hover { color: #fff000; text-decoration: none; }
      
    .content { width: 1350px; display: block; margin: 0 auto 0 auto; }
      .content_top { width: 100%; float: left; padding-bottom: 50px; }
      .content_page { width: 100%; float: left; padding-bottom: 0; }
      .content_bottom { width: 100%; float: left; }
    
    #content_main_hp .content a, #content_main_page .content a { color: #fff000; }
    #content_main_hp .content a:hover, #content_main_page .content a:hover { color: white; text-decoration: underline; }
    #content_main_hp .content p, #content_main_page .content p { width: 100%; font-size: 18px; line-height: 40px; float: left; clear: both; margin: 0 0 15px 0; text-align: justify; font-weight: 200; color: white; }
    
    #content_homepage_gallery .htitle, #content_gallery .htitle { width: 100%; display: block; color: #18191e; font-size: 40px; font-weight: 200; margin-bottom: 50px; }
    #content_homepage_gallery .htitle strong, #content_gallery .htitle strong { font-size: 50px; font-weight: 600; }
      #content_homepage_gallery .photogallery, #content_gallery .photogallery { width: 100%; display: flex; flex-flow: row wrap; justify-content: space-around; }
      #content_homepage_gallery .photogallery a, #content_gallery .photogallery a { position: relative; margin-bottom: 30px; align-self: center; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
      #content_homepage_gallery .photogallery a img, #content_gallery .photogallery a img { width: 300px !important; height: 300px !important; object-fit: cover !important;
            -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
      #content_homepage_gallery .photogallery a:hover img, #content_gallery .photogallery a:hover img { -webkit-filter: brightness(75%); -moz-filter: brightness(75%); filter: brightness(75%); }
      
            .photogallery a .corner1 { position: absolute; width: 25px; height: 25px; left: 10px; top: 10px; background: url("../images/static/corner1.png") no-repeat; z-index: 444; animation-name: move1off; animation-duration: 0.5s; animation-fill-mode: forwards; }
            .photogallery a:hover .corner1 { animation-name: move1; animation-duration: 0.5s; animation-fill-mode: forwards; }
                @keyframes move1 { from { left: 10px; top: 10px; } to { left: 50%; top: 50%; } }
                @keyframes move1off { from { left: 50%; top: 50%; } to { left: 10px; top: 10px; } }
            .photogallery a .corner2 { position: absolute; width: 25px; height: 25px; right: 10px; top: 10px; background: url("../images/static/corner2.png") no-repeat; z-index: 444; animation-name: move2off; animation-duration: 0.5s; animation-fill-mode: forwards; }
            .photogallery a:hover .corner2 { animation-name: move2; animation-duration: 0.5s; animation-fill-mode: forwards; }
                @keyframes move2 { from { right: 10px; top: 10px; } to { right: 50%; top: 50%; } }
                @keyframes move2off { from { right: 50%; top: 50%; } to { right: 10px; top: 10px; } }
            .photogallery a .corner3 { position: absolute; width: 25px; height: 25px; left: 10px; bottom: 10px; background: url("../images/static/corner3.png") no-repeat; z-index: 444; animation-name: move3off; animation-duration: 0.5s; animation-fill-mode: forwards; }
            .photogallery a:hover .corner3 { animation-name: move3; animation-duration: 0.5s; animation-fill-mode: forwards; }
                @keyframes move3 { from { left: 10px; bottom: 10px; } to { left: 50%; bottom: 50%; } }
                @keyframes move3off { from { left: 50%; bottom: 50%; } to { left: 10px; bottom: 10px; } }
            .photogallery a .corner4 { position: absolute; width: 25px; height: 25px; right: 10px; bottom: 10px; background: url("../images/static/corner4.png") no-repeat; z-index: 444; animation-name: move4off; animation-duration: 0.5s; animation-fill-mode: forwards; }
            .photogallery a:hover .corner4 { animation-name: move4; animation-duration: 0.5s; animation-fill-mode: forwards; }
                @keyframes move4 { from { right: 10px; bottom: 10px; } to { right: 50%; bottom: 50%; } }
                @keyframes move4off { from { right: 50%; bottom: 50%; } to { right: 10px; bottom: 10px; } }
    
    #content_contact .htitle, #content_contact_page .htitle { width: 100%; display: block; color: white; font-size: 40px; font-weight: 200; margin-bottom: 50px; }
    #content_contact .htitle strong, #content_contact_page .htitle { font-size: 50px; font-weight: 600; }
      .content_contact { width: 100%; float: left; clear: both; display: block; color: white; font-size: 33px; font-weight: 200; padding: 0 0 100px 0; }
      .content_contact_left { width: 49%; float: left; }
        #contact_tel { width: auto; height: auto; line-height: 36px; float: left; clear: both; display: block; margin: 0 0 30px 0; padding: 0 0 0 56px; background: url("../images/static/ico_tel.png") no-repeat top left; }
          #contact_tel a { font-size: 33px; font-weight: 200; color: #fff; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
          #contact_tel a:hover { color: #fff000; text-decoration: none; }
        #contact_mail { width: auto; height: auto; line-height: 36px; float: left; clear: both; display: block; margin: 0 0 30px 0; padding: 0 0 0 56px; background: url("../images/static/ico_mail.png") no-repeat top left; }
          #contact_mail a { font-size: 33px; font-weight: 200; color: #fff; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
          #contact_mail a:hover { color: #fff000; text-decoration: none; }
        #contact_place { width: auto; height: auto; line-height: 36px; float: left; clear: both; display: block; margin: 0 0 30px 0; padding: 0 0 0 56px; background: url("../images/static/ico_place.png") no-repeat top left; }
          #contact_place span { width: 100%; float: left; clear: both; display: block; font-size: 22px; line-height: 62px; margin: 15px 0 0 0; }
        #contact_fb { width: 34px; height: 34px; float: left; display: block; margin: 0 0 30px 0; background: url("../images/static/ico_fb.png") no-repeat center center; border: 1px solid #646568; }
          #contact_fb:hover { border: 1px solid #fff000; }
        #contact_eshop { width: 34px; height: 34px; float: left; display: block; margin: 0 0 30px 10px; background: url("../images/static/ico_eshop.png") no-repeat center center; border: 1px solid #646568; }
          #contact_eshop:hover { border: 1px solid #fff000; }
      .content_contact_right { width: 49%; float: right; }
        .content_contact .mapiframe { position: relative; z-index: 333; width: 100%; height: 430px; }
        .content_contact .mapiframevt { position: relative; z-index: 333; width: 100%; height: 650px; }
        .content_contact iframe { position: relative; z-index: 333; width: 100%; height: 430px; float: left; display: block; border: 0; -webkit-filter: brightness(50%); -moz-filter: brightness(50%); filter: brightness(50%); -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
        .content_contact iframe:hover { -webkit-filter: brightness(100%); -moz-filter: brightness(100%); filter: brightness(100%); }
        .content_contact iframe#virtualtour { width: 100%; height: 650px; }

            .content_contact .mapiframe .corner1, .content_contact .mapiframevt .corner1 { position: absolute; width: 25px; height: 25px; left: 10px; top: 10px; background: url("../images/static/corner1.png") no-repeat; z-index: 444; animation-name: moove1off; animation-duration: 0.5s; animation-fill-mode: forwards; }
            .content_contact .mapiframe:hover .corner1, .content_contact .mapiframevt:hover .corner1 { animation-name: moove1; animation-duration: 0.5s; animation-fill-mode: forwards; }
                @keyframes moove1 { from { left: 10px; top: 10px; } to { left: -2px; top: -2px; filter: opacity(0%); } }
                @keyframes moove1off { from { left: -2px; top: -2px; } to { left: 10px; top: 10px; } }
            .content_contact .mapiframe .corner2, .content_contact .mapiframevt .corner2 { position: absolute; width: 25px; height: 25px; right: 10px; top: 10px; background: url("../images/static/corner2.png") no-repeat; z-index: 444; animation-name: moove2off; animation-duration: 0.5s; animation-fill-mode: forwards; }
            .content_contact .mapiframe:hover .corner2, .content_contact .mapiframevt:hover .corner2 { animation-name: moove2; animation-duration: 0.5s; animation-fill-mode: forwards; }
                @keyframes moove2 { from { right: 10px; top: 10px; } to { right: -2px; top: -2px; filter: opacity(0%); } }
                @keyframes moove2off { from { right: -2px; top: -2px; } to { right: 10px; top: 10px; } }
            .content_contact .mapiframe .corner3, .content_contact .mapiframevt .corner3 { position: absolute; width: 25px; height: 25px; left: 10px; bottom: 10px; background: url("../images/static/corner3.png") no-repeat; z-index: 444; animation-name: moove3off; animation-duration: 0.5s; animation-fill-mode: forwards; }
            .content_contact .mapiframe:hover .corner3, .content_contact .mapiframevt:hover .corner3 { animation-name: moove3; animation-duration: 0.5s; animation-fill-mode: forwards; }
                @keyframes moove3 { from { left: 10px; bottom: 10px; } to { left: -2px; bottom: -2px; filter: opacity(0%); } }
                @keyframes moove3off { from { left: -2px; bottom: -2px; } to { left: 10px; bottom: 10px; } }
            .content_contact .mapiframe .corner4, .content_contact .mapiframevt .corner4 { position: absolute; width: 25px; height: 25px; right: 10px; bottom: 10px; background: url("../images/static/corner4.png") no-repeat; z-index: 444; animation-name: moove4off; animation-duration: 0.5s; animation-fill-mode: forwards; }
            .content_contact .mapiframe:hover .corner4, .content_contact .mapiframevt:hover .corner4 { animation-name: moove4; animation-duration: 0.5s; animation-fill-mode: forwards; }
                @keyframes moove4 { from { right: 10px; bottom: 10px; } to { right: -2px; bottom: -2px; filter: opacity(0%); } }
                @keyframes moove4off { from { right: -2px; bottom: -2px; } to { right: 10px; bottom: 10px; } }

    #numbers { width: 100%; float: left; clear: both; padding: 20px 0 20px 0; }
    .number { width: 33.333%; float: left; text-align: center; color: white; font-size: 25px; line-height: 60px; }
    .in-number { width: 100%; display: block; font-size: 72px; font-weight: 600; }
    
    #content .content ul { font-size: 18px; float: left; clear: both; text-align: justify; padding: 0px; margin: 10px 0 10px 40px; }
    #content .content ul li { color: white; line-height: 30px; list-style-type: disc !important; margin: 7px 0 7px 0; }
    #content .content ol { width: 92%; font-size: 18px; float: left; clear: both; text-align: justify; padding: 0px; margin: 10px 0 10px 40px; }
    #content .content ol li { color: white; line-height: 30px; float: left; clear: both; list-style-type: decimal; margin: 7px 0 7px 0; }
    
    #content p img { max-width: 100%; }
    #content .row { width: 100%; float: left; display: flex; flex-flow: row wrap; justify-content: space-around; margin-top: 50px; position: relative; }
    #content .col-sm { position: relative; width: 40%; margin-bottom: 30px; align-self: center top; }
    #content .col-sm p { width: 100%; float: left; min-height: 54px !important; line-height: 26px !important; }
    #content .col-sm a {  }
    #content .col-sm img { max-width: 100%; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
    #content .col-sm:hover img { -webkit-filter: brightness(130%); -moz-filter: brightness(130%); filter: brightness(130%); }
    
    #content .openhourstable { margin-top: 0 !important; margin-bottom: 30px; }
    
    #content .row.realizace { width: 100%; 
    display: grid;
    grid-template-columns: 47% 47%;
    grid-column-gap: 45px;
    padding: 10px 0 0 0;
     }
    
    #content .row.realizace a.realizace-box { width: 100%; display: inline-block; background: #303035; border: 0; border-radius: 10px; padding-bottom: 15px; }
        #content .row.realizace a.realizace-box:hover .rtitle, #content .row.realizace a.realizace-box:hover .rdescription { color: #fff; }
        #content .row.realizace a.realizace-box:hover img { -webkit-filter: brightness(130%); -moz-filter: brightness(130%); filter: brightness(130%); }
    #content .row.realizace a.realizace-box img { width: 100% !important; height: auto !important; border: 0; border-top-left-radius: 10px; border-top-right-radius: 10px; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
    #content .row.realizace a.realizace-box .rtitle { width: 92%; padding: 10px 4%; font-size: 30px; font-weight: 800; display: block; color: #d6d6d6; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
    #content .row.realizace a.realizace-box .rdescription { width: 92%; padding: 10px 4%; font-size: 16px; font-weight: 400; display: block; color: #adadad; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
    
    .napistenamform { width: 100%; float: left; display: block; clear: both; color: #000; font-weight: 400; margin: 0 auto 60px auto; }
      .form-left { width: 49%; float: left; }
      .form-right { width: 49%; float: right; }
      .form-both { width: 100%; float: left; }
      form.napistenamform input { width:90%; height: 50px; float:left; color: white; background: #303035; padding: 5px 4%; margin: 0 0 20px 0; border: 0; border-bottom: 2px solid #8c8c8f; font-size: 22px; font-family: 'Poppins', sans-serif; font-weight: 200; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
        form.napistenamform input:hover { border: 0; border-bottom: 2px solid white; } 
      form.napistenamform textarea { width: 90%; height: 214px; float:left; color: white; background: #303035; padding: 5px 4%; margin: 0 0 20px 0; border: 0; border-bottom: 2px solid #8c8c8f; font-size: 22px; font-family: 'Poppins', sans-serif; font-weight: 200; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
        form.napistenamform textarea:hover { border: 0; border-bottom: 2px solid white; }
      form.napistenamform .g-recaptcha { float: left; }
      form.napistenamform input.form-button { float: right; cursor: pointer; font-family: 'Poppins'; width: 64%; height: 62px; padding: 5px 4% 5px 4%; margin: 0 14px 0 0; line-height: 34px; background: #303035; color: #fff; font-size: 33px; font-weight: 600; text-align: center; border: 0; border-top: 2px solid white; border-bottom: 2px solid white; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
      form.napistenamform input.form-button:hover { background: white; color: #18191e; text-decoration: none; border: 2px solid white; }
      ::-webkit-input-placeholder { color: #8c8c8f; }   :-ms-input-placeholder { color: #8c8c8f; }   ::placeholder { color: #8c8c8f; }

  #layout-map { width: 100%; float: left; margin: 0; }
    .map-wrapper { width: 100%; height: 450px; }
    #map { width: 100%; height: 100%; }
      #map iframe { width: 100%; height: 450px; float: left; border: 0; }

  #backtop { position:fixed; left:auto; right:20px; top:auto; bottom:20px; outline:none; overflow:hidden; color:#fff; text-align:center; background-color:rgba(0,0,0,.5); height:40px; width:40px; line-height:40px; font-size:17px;
             cursor:pointer; transition:all .3s linear; z-index:999999; opacity:1; border: 0; }
  #backtop:hover{background-color:rgba(24, 25, 30, 0.85);}
  #backtop.mcOut{opacity:0}

  footer { width: 100%; height: auto; float: left; clear: both; background: white; font-size: 18px; padding: 10px 0 50px 0; }
    #footer_bottom { width: 90%; height: auto; line-height: 40px; display: block; margin: 0 auto 0 auto; padding: 0; color: #18191e; font-weight: 300; }
      #footer_bottom a { color: #18191e; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
      #footer_bottom a:hover { color: red; text-decoration: none; }
      .footer_left { float: left; }
      .footer_right { float: right; }



/****************************************/
/***************************************/
/**************************************/
/*************************************/
/********** RESPONSIVE WEB **********/
/***********************************/
/**********************************/
/*********************************/
/********************************/

@media (max-width: 1730px) {
    #menu { width: auto; height: 60px; float: right; padding: 0; margin: 30px 20px 0 0; }
        .menu-link { height: 58px; line-height: 58px; font-size: 19px; padding: 0 7px 0 7px; margin: 0 3px 0 3px; }
}
@media (max-width: 1580px) {
#imgslider_title { bottom: 20%; left: 7%; font-size: 52px; font-weight: 200; }
#imgslider_title span { font-size: 80px; }
}
@media (max-width: 1470px) {
    #logo { float: left; width: 226px; height: 60px; margin: 30px 0 0 30px; }
      #logo a img { width: 226px; height: 60px; }
.content { width: 94%; }
}
@media (max-width: 1400px) {
    #menu { width: auto; height: 60px; float: right; padding: 0; margin: 30px 20px 0 0; }
        .menu-link { height: 58px; line-height: 58px; font-size: 16px; padding: 0 7px 0 7px; margin: 0 0 0 0; }
}
@media (max-width: 1210px) {
#logo { float: left; width: 226px; height: 60px; margin: 30px 0 0 30px; }
#menu { width: auto; height: 58px; float: right; padding: 0; margin: 30px 30px 0 0; }
nav#mainmenu { width: 150px; margin: 0 auto; display: block; height: auto; }
      .menumain ul#main { display: none; }
      #responsivenav { width: 150px; height: 58px; line-height: 58px; float: none; display: block; color: white; border: 1px solid transparent; border-radius: 0;
            font-size: 33px; font-weight: 200; text-decoration: none; text-align: center; margin: 0 0 0 0; padding: 0;
            -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
      #responsivenav:hover { background: transparent; color: #fff; text-decoration: none; border: 1px solid white; border-radius: 10px; }
      .menumain.responsive { width: 312px; display: block; height: auto; margin: 0; z-index: 9999; position: relative; }
        .menumain.responsive ul#main { width: 312px; float: left; clear: left; position: relative; display: block; visibility: visible;
              margin: 0; padding: 0; top: 10px; left: -162px; padding: 0; z-index: 9999; background: rgba(0, 0, 0, 0.9); border-radius: 10px; border: 1px solid black; }
        .menu-link-li { width: 100%; float: left; clear: both; padding: 0px; margin: 0; text-decoration: none; list-style: none; }
        .menu-link { width: 252px; height: 70px; line-height: 70px; float: left; clear: both; text-align: left; color: #fff; background: none;
              text-decoration: none; font-size: 26px; padding: 20px 30px 20px 30px; margin: 0; font-weight: 200; border: 0; border-radius: 0; }
        .menu-link:hover { color: yellow; background: #18191E; border: 0; border-radius: 0; }
        .menu-link.active { color: yellow; background: #18191E; border: 0; border-radius: 0; }
        .menu-link.first { margin-top: 10px; }
        .menu-link.last { margin-bottom: 10px; }
}
@media (max-width: 1130px) {
#imgslider_title { bottom: 25%; left: 5%; font-size: 30px; font-weight: 200; }
#imgslider_title span { font-size: 50px; }
      @keyframes weee { from {left: -75%;} to {left: 5%; } }

.form-left { width: 100%; float: left; }
.form-right { width: 100%; float: left; }
form.napistenamform input.form-button { width: 75%; margin: 0 20px 0 0; }

#content_contact { padding: 75px 0 120px 0; }
      .content_contact_left { width: 100%; float: left; }
      .content_contact_right { width: 100%; float: left; margin: 40px 0 0 0; }
}
@media (max-width: 930px) {
#numbers { width: 100%; float: left; clear: both; padding: 15px 0 15px 0; }
    .number { width: 100%; float: left; clear: both; margin: 10px 0 10px 0; }
    
form.napistenamform input.form-button { width: 65%; margin: 0 15px 0 0; }
}
@media (max-width: 830px) {
#imgslider_title { bottom: 30%; left: 5%; font-size: 20px; font-weight: 200; }
#imgslider_title span { font-size: 20px; }
      @keyframes weee { from {left: -75%;} to {left: 5%; } }

    #content .row.realizace { width: 100%; 
    display: grid;
    grid-template-columns: 100%;
    grid-column-gap: 45px;
    padding: 10px 0 0 0;
     }
}
@media (max-width: 680px) {
header { width: 100%; float: left; clear: both; margin: 0 0 0 0; padding: 0; background: #18191e; position: static; top: 0; z-index: 33333; border-top: 5px solid #18191e; }
.fixedhead header { display: none; }
.fixedhead #header { display: none; }
#imgslider { width: 100%; position: static; display: block; }
#imgslider-bottom { display: none; }
.rslides { position: static; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0 auto 0 auto; z-index: 1; border: 0; }
a#a_akce { top: 160px; background: rgba(255,255,255,0.15); color: yellow; font-weight: 600; }

form.napistenamform input.form-button { width: 54%; margin: 0 10px 0 0; }
}