@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('MaterialIcons/MaterialIcons-Regular.eot'); /* For IE6-8 */
  src: url('MaterialIcons/MaterialIcons-Regular.woff2') format('woff2'),
    url('MaterialIcons/MaterialIcons-Regular.woff') format('woff'),
    url('MaterialIcons/MaterialIcons-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto';
    font-weight: normal;
    src: url('Roboto/Roboto-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto';
    font-weight: bold;
    src: url('Roboto/Roboto-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'GOTHICB';
    font-weight: bold;
    src: url('Century-Gothic/GOTHICB.eot?#iefix') format('embedded-opentype'), 
        url('Century-Gothic/GOTHICB.woff2') format('woff2'), 
        url('Century-Gothic/GOTHICB.woff') format('woff'), 
        url('Century-Gothic/GOTHICB.ttf')  format('truetype');
}
select::-ms-expand {
    display: none;
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('MaterialIcons/MaterialIcons-Regular.eot'); /* For IE6-8 */
  src: url('MaterialIcons/MaterialIcons-Regular.woff2') format('woff2'),
    url('MaterialIcons/MaterialIcons-Regular.woff') format('woff'),
    url('MaterialIcons/MaterialIcons-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto';
    font-weight: normal;
    src: url('Roboto/Roboto-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto';
    font-weight: bold;
    src: url('Roboto/Roboto-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'GOTHICB';
    font-weight: bold;
    src: url('Century-Gothic/GOTHICB.eot?#iefix') format('embedded-opentype'), 
        url('Century-Gothic/GOTHICB.woff2') format('woff2'), 
        url('Century-Gothic/GOTHICB.woff') format('woff'), 
        url('Century-Gothic/GOTHICB.ttf')  format('truetype');
}
select::-ms-expand {
    display: none;
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}



.cookie-message {
  position:fixed;
  top:0;
  left:0;
  right:0;
  padding:0 85px 0 20px;
  background: #000;
  border-bottom:1px solid #ccc;
  box-shadow: 0 0 3px #ccc;
  z-index: 99;
}
.cookie-message a {
  position:absolute;
  top:0;
  top:-2px;
  right: 0;
  cursor:pointer;
  padding: 10px 20px;
  margin: initial !important;
  transition: all 0.3s ease-in-out;
}
.cookie-message p, .cookie-message a {
  color: #fff;
  font-size: 16px;
  margin:0.6em 0;
}

.cookie-message a:hover,
.cookie-message a:focus
{
  background-color: #fff;
  color: #000;
}
.cookie-message p
{
  padding: 0 20px;
}

.poptavka_add.gdpr_box_req
{
    width: 380px;
    text-align: left;
    margin: auto;
    padding: 0;
    padding-bottom: 30px;
}

.gdpr_box_req label
{
    margin-bottom: 10px;
}


body
{
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.5px;
    font-weight: normal;
}

a,a:hover,a:focus
{
    color: #000;
    text-decoration: none;
}
.header_logo_img img
{
    width: 130px;
    height: 65px;
}

.footer,
.footer a
{
    background: #1d292f;
    color: #fff;
}
.footer a:hover,
.footer a:focus
{
    text-decoration: underline;
}

.footer_claim
{
    text-align: center;
    font-size: 70px;
    padding-top: 100px;
    padding-bottom: 20px;
    font-family: 'GOTHICB';
}

.footer_claim_info
{
    width: 600px;
    text-align: center;
    line-height: 160%;
}

.footer_claim_info {
    width: 540px;
    text-align: center;
    margin: auto;
    padding-bottom: 20px;
    font-size: 18px;
}

.footer_claim_button,
.claim_main_button,
.kontakt_main_text_button
{
    color: #fff;
    border: 1px solid #95c11f;
    background: #95c11f;
    width: 240px;
    font-size: 20px;
    text-align:  center;
    margin:  auto;
    cursor: pointer;
    padding: 5px 5px;
    padding-top: 3px;
    margin-top: 25px;
    margin-bottom: 40px;
    text-transform:  uppercase;
    font-family: 'GOTHICB';
}
.footer_claim_button a,
.claim_main_button a,
.kontakt_main_text_button a
{
    color: #fff;
}

.claim_main_button a:hover
{
    color: #95c11f;
}


.footer_claim_button:hover,
.footer_claim_button:focus,
.claim_main_button:hover,
.claim_main_button:focus,
.kontakt_main_text_button:hover,
.kontakt_main_text_button:focus
{
    color: #95c11f;
    border: 1px solid #95c11f;
    background: #fff;
}

.footer_info_seznam
{
    border-top: 1px solid #fff;
}

.footer_info_seznam
{
    border-top: 1px solid #fff;
    padding: 40px;
    padding-top: 39px;
    overflow: auto;
    max-width: 1200px;
    margin: auto;
    line-height:  160%;
}

.footer_info_seznam_item
{
    width: 20%;
    float: left;
}

.footer_info_seznam a
{
    display: table;
}

.footer_info_seznam a:nth-child(2)
{
   padding-top: 40px;
}

.gallery_slider.image_main
{
    color: white;
    height: 460px;
    /* height: 600px; */
}
.gallery_slider.image_main .gallery_whole,
.gallery_slider.image_main .gallery_slide
{
    height: 460px;
    /* height: 600px; */
    /* background-position: bottom!important; */
}

.claim_main_text,
.gallery_text
{
    width: 540px;
    margin: auto;
    text-align: center;
    font-size: 18px;
    line-height: 160%;
}

.gallery_text
{
    margin-bottom: 100px;
}

.claim_main_header,
.gallery_header
{
    font-size: 50px;
    text-align: center;
    padding: 80px 25px;
    font-weight: bold;
    line-height: 100%;
    padding-bottom: 60px;
    font-family: GOTHICB;
}

.gallery_header
{
    color:  #0093be;
}

.PRODUKTY_main,
.TECHNOLOGIE_main,
.interiovy_main,
.gallery_slider
{
    color: white;
    height: 300px;
    position: relative;
    text-transform: uppercase;
    text-align: center;
    -webkit-transition: height 1s; /* Safari */
    -o-transition: height 1s; /* Opera */
    -moz-transition: height 1s; /* Opera */
    transition: height 1s;
    z-index: 1;
    font-size: 18px;
}


.PRODUKTY_main_header,
.TECHNOLOGIE_main_header,
.interiovy_main_header
{
    position: absolute;
    left: calc(50% - 150px);
    top: 115px;
    color: #fff;
    background:  #0093be;
    font-size: 50px;
    z-index: 14;
    width: 300px;
    font-family: 'GOTHICB';
    padding: 5px 0;
}

.TECHNOLOGIE_main_header
{
    width: 400px;
    left: calc(50% - 200px);
    background:  #b20066;
}

.interiovy_main_header
{
    width: 560px;
    left: calc(50% - 280px);
    background:  #95c11f;
}

.claim_main
{
    overflow: auto;
}

.kontakt_main
{
    width: 1200px;
    margin: auto;
    min-height: 310px;
    overflow: auto;
}

.kontakt_main_text
{
    float: left;
    width: 33%;
    text-align: center;
    font-size: 16px;
    line-height: 160%;
}

.header_logo,
.menu_logo
{
    position: absolute;
    left: 25px;
    top: 29px;
}

.header_menu
{
    position: absolute;
    right: 25px;
    top: 32px;
    cursor: pointer;
    height:  50px;
    width: 50px;
}

.header_menu i 
{
    font-size: 50px;
}

.menu {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    background: rgba(255,255,255,0.95);
    z-index: 5;
    opacity: 1;
    display: none;
    overflow: scroll;
}

.menu div,
.menu a
{
    background: none;
    opacity: 1;
}

.header_bar {
    position: relative;
    height: 110px;
}

.header_menu img
{
    width: 100%
}

.menu_close
{
    position: absolute;
    right: 33px;
    top: 25px;
    height: 50px;
    width: 50px;
    cursor: pointer;
}

.menu_close i
{
    font-size: 65px;
}

.menu_list {
    width: 440px;
    margin: auto;
    text-align: center;
    font-size: 40px;
    margin-top: calc(20% - 195px);
    margin-top: 100px;
    font-family: 'GOTHICB';
    z-index:  6;
}

.menu_buttom
{
    padding-top: 24px;
    border-bottom: 2px solid #fff;
    border-bottom: 2px solid rgba(255,255,255,0);
    display: inline-block;
    line-height: 100%;
}

.menu_buttom:hover,
.menu_buttom:focus
{
    border-bottom: 2px solid #000;
    display: inline-block;
    text-shadow: 2px 2px rgba(255,255,255,1), 2px -2px rgba(255,255,255,1), -2px 2px rgba(255,255,255,1), -2px -2px rgba(255,255,255,1);
    }

.kontakt_main_text_row
{
    overflow: auto;
}

.kontakt_main_text_button
{
    width: 130px;
}

.header_back i 
{
    font-size: 50px;
}

.header_barprodukty,
.header_barprodukty a,
.header_barprodukty i
{
    background: #0093be;
    color: #fff;
}

.header_bartechnologie,
.header_bartechnologie a,
.header_bartechnologie i
{
    background: #b20066;
    color: #fff;
}

.header_barinterierovy_design,
.header_barinterierovy_design a,
.header_barinterierovy_design i
{
    background: #95c11f;
    color: #fff;
}

.header_barpoptavka,
.header_barpoptavka a,
.header_barpoptavka i
{
    background: #1d292f;
    color: #fff;
}

.header_barprodukty .header_logo,
.header_bartechnologie .header_logo,
.header_barinterierovy_design .header_logo,
.header_bargrafika .header_logo,
.header_barpoptavka .header_logo,
.header_baro_nas .header_logo
{
    top: 25px
}

.header_claim_h1 {
    text-align: center;
    width: 460px;
    font-size: 50px;
    position: absolute;
    top: 26px;
    left: calc(50% - 230px);
    margin: 0;
    font-family: 'GOTHICB';
}

.gallery_slider
{
    height: 387px;
}

.tapety_odkaz
{
    margin-top: -50px;
    margin-bottom: 80px;
}


/* gallery_slider */
    
    /* Slideshow container */
    .slideshow-container {
      max-width: 1000px;
      position: relative;
      margin: auto;
    }

    /* Hide the images by default */
    .mySlides {
        display: none;
    }

    /* Next & previous buttons */
    .prev, .next {
      cursor: pointer;
      position: absolute;
      top: 50%;
      width: auto;
      margin-top: -22px;
      padding: 16px;
      color: white;
      font-weight: bold;
      font-size: 18px;
      transition: 0.6s ease;
      border-radius: 0 3px 3px 0;
    }

    /* Position the "next button" to the right */
    .next {
      right: 0;
      border-radius: 3px 0 0 3px;
    }

    /* On hover, add a black background color with a little bit see-through */
    .prev:hover, .next:hover
    {
      background-color: #000;;
      background-color: rgba(0,0,0,0.8);
    }

    /* Caption text */
    .text {
      color: #f2f2f2;
      font-size: 15px;
      padding: 8px 12px;
      position: absolute;
      bottom: 8px;
      width: 100%;
      text-align: center;
    }

    /* Number text (1/3 etc) */
    .numbertext {
      color: #f2f2f2;
      font-size: 12px;
      padding: 8px 12px;
      position: absolute;
      top: 0;
    }

    /* The dots/bullets/indicators */
    .dot {
      cursor:pointer;
      height: 17px;
      width: 17px;
      margin: 0 2px;
      background-color: #000;
      border-radius: 50%;
      display: inline-block;
      transition: background-color 0.6s ease;
    }

    .gallery_dots .active,
    .gallery_dots .dot:hover,
    .gallery_dots .dot:focus
    {
      background-color: #fff;
      border: 3px solid #000;
    }

    .gallery_dots
    {
        text-align: center;
        margin-top: 20px;
    }
    /* Fading animation */
    .fade {
      -webkit-animation-name: fade;
      -moz-animation-name: fade;
      -o-animation-name: fade;
      -webkit-animation-duration: 1.5s;
      -moz-animation-duration: 1.5s;
      -o-animation-duration: 1.5s;
      animation-name: fade;
      animation-duration: 1.5s;
    }

    @-webkit-keyframes fade {
      from {opacity: .4} 
      to {opacity: 1}
    }

    @keyframes fade {
      from {opacity: .4} 
      to {opacity: 1}
    }

    .gallery_slide {
        height: 387px;
        z-index: 5;
    }

/* gallery_slider */

.poptavka,
.poptavka p
{
    color: #fff;
    background-color: #1d292f;
    text-align: center;
    padding: 30px 10px 30px 10px;
}
.text_potavka
{
    margin: auto;
    width: 500px;
}

.poptavka_form
{
    width: 500px;
    margin: auto;
}

.bluebutton
{
    background-color: #1d292f;
    border: 2px solid #fff;
    border-radius: 3px;
    width: 500px;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    transition: all .4s;
    margin-bottom: 15px;
}

.bluebutton:hover,
.bluebutton:focus
{
    background: #fff;
    color: #000;

}
.poptavka_form option:disabled
{
    background-color: #fff;
    color: #1d292f;

}

.poptavka_form select:hover,
.poptavka_form select:focus
{
    background-color: #fff;
    border: 2px solid #fff;
    color: #000;
    padding-right: 11px;
}
.poptavka_form option:hover,
.poptavka_form option:focus,
.poptavka_form option::selection
{
    background-color: #1d292f;
}

.dropdown-content li>a,
.dropdown-content li>span
{
    color: black;
}

textarea.poptavka_field::placeholder
{
    color: #000;
    background: #fff;
}

textarea.poptavka_field
{
    background: #fff;
    height: 180px;
    text-align: left;
    color: #000;
    padding: 15px;
    margin-top: 20px;
    width: 470px;
}

.poptavka_add
{ 
  font-size: 20px;
  color: #fff;
  text-align: center;
  padding: 15px;  
  padding-top: 0;  
  padding-bottom: 30px;  
  cursor:  pointer;
}
.poptavka_add label,
.poptavka_add a
{
    color: #fff;
    line-height: 32px;
}
.poptavka_add a
{
    text-decoration: underline;
}

[type="checkbox"]+label:before,
[type="checkbox"]:not(.filled-in)+label:after
{
    height: 25px;
    width: 25px;
    border-color: #fff;
}
[type="checkbox"]:checked+label:before
{
    border-bottom-color: #fff;
    border-right-color: #fff;
}


.poptavka_header
{
    font-size: 20px;
    padding-bottom: 20px;
}

#jmeno_prijmeni,
#telefon,
#email,
#firma
{
    border: 2px solid #fff;
    border-radius: 3px;
    width: 480px;
    font-size: 14px;
    padding-left: 15px;
    color: #fff;
}
#jmeno_prijmeni::placeholder,
#telefon::placeholder,
#email::placeholder,
#firma::placeholder
{
    color: #fff;
    font-size: 20px;
}

.poptavka_button
{
    margin: auto;
    width:  200px;
}
.poptavka_button button
{
    width: 190px;
    font-size: 30px;
    color: #fff;
    background: #95c11f;
    text-align: center;
    border: none;
    padding: 10px 5px;
    margin-bottom:  100px;
}

.gallery_header_technologie
{
    color: #b20066;
}
.gallery_header_interierovy_design
{   
    color: #95c11f;
}

.gallery_header_grafika,
.gallery_header_novinky
{
    color: #000;
}
.gallery_dots_Produkty .dot
{
    background-color: #0093be
}
.gallery_dots_Interierovy_design .dot
{
    background-color: #95c11f;
}
.gallery_dots_Technologie .dot
{
    background-color: #b20066;
}

.gallery_header_Grafika .dot
{
    background-color: #000;
}

.gallery_dots_Produkty .active,
.gallery_dots_Produkty .dot:hover,
.gallery_dots_Produkty .dot:focus
{
    background-color: #fff;  
    border: 3px solid #0093be
}

.gallery_dots_Technologie .active,
.gallery_dots_Technologie .dot:hover,
.gallery_dots_Technologie .dot:focus
{
    background-color: #fff;
    border: 3px solid #b20066;
}
.gallery_dots_Interierovy_design .active,
.gallery_dots_Interierovy_design .dot:hover,
.gallery_dots_Interierovy_design .dot:focus
{
    background-color: #fff;
    border: 3px solid #95c11f;
}

.gallery_header_Grafika .active,
.gallery_header_Grafika .dot:hover,
.gallery_header_Grafika .dot:focus
{
    background-color: #fff;
    border: 3px solid #000;
}

.kontakt_main_text_button
{
    margin-bottom: 40px;
}

.obchodni_podminky_button
{
    width: 380px;
    margin-bottom: 60px;
}

.claim_main_text.about_text {
    margin: 40px auto;
    width: 550px;
}

.gallery_header_o-nas
{
    color: #000;
}

.kontakt_mapa_arealu_text_button
{
    width: 160px;
}

.kontakt_obchodni_zastoupeni_text_button
{
    width: 270px;
}

.kontakt_zakaznicke_centrum_text_button
{
    width: 260px;
}

.kontakt_vedeni_text_button {
    width: 170px;
    margin-bottom: 100px;
}

.about_text_header {
    font-weight: bold;
    margin-bottom: 20px;
}

.kontakt_about_text_small {
    width: 50%;
}

.kontakt_about_text_row {
    margin-bottom: 60px;
}

.kontakt_about_text_big
{
    width: 100%;
}

.kontakt_main.obchodni_zastoupeni
{
    padding-top: 50px;
}
.kontakt_main.zakaznicke_centrum,
.kontakt_main.obchodni_zastoupeni,
.kontakt_main.obchodni_zastoupeni
{
    min-height: initial;
}

.FRONT_main_row {
    font-weight: bold;
    float: left;
    width: 33%;
}

.PRODUKTY_main_menu {
    width: 1200px;
    position: absolute;
    left: calc(50% - 600px);
    line-height: 250%;
    bottom: 30px;
    z-index: 5;
}

.FRONT_main_row a,
.PRODUKTY_main_header a
{
    color: #fff;
}

.FRONT_main_row a:hover,
.FRONT_main_row a:focus
{
    border-bottom: 2px solid #fff;
}

.PRODUKTY_main_filter,
.TECHNOLOGIE_main_filter,
.interiovy_main_filter
{
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    opacity: 0.75;
}

.PRODUKTY_main_filter
{
    background: #0093be;

}
.TECHNOLOGIE_main_filter
{
    background: #b20066;
}
.interiovy_main_filter
{
    background: #95c11f;
}

.PRODUKTY_main_menu
{
    display: none
}

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}


#jmeno_prijmeni {
    margin-top: 40px;
}

.poptavka_button input[type="submit"]
{
    border: none;
    background: none;
    padding: 5px;
    font-family: GOTHICB;
}
.input-file-container
{
    margin-bottom: 10px;
    position:  relative;
}
.js .input-file-trigger1,
.js .input-file-trigger2,
.js .input-file-trigger3,
.js .input-file-trigger4,
.js .input-file-trigger5
{
  display: block;
  padding: 10px 15px;
  color: #fff;
  font-size: 18px;
  transition: all .4s;
  cursor: pointer;
  border-radius: 3px;
}
.js .input-file1,
.js .input-file2,
.js .input-file3,
.js .input-file4,
.js .input-file5
{
  position: absolute;
  top: 0;
  left: 0;
  width: 225px;
  opacity: 0;
  padding: 14px 0;
  cursor: pointer;
}
.js .input-file:hover + .input-file-trigger,
.js .input-file:focus + .input-file-trigger,
.js .input-file-trigger:hover,
.js .input-file-trigger:focus {
  background: #fff;
  color: #000;
}

.file-return {
  margin: 0;
}
.file-return:not(:empty) {
  margin: 1em 0;
}

.uploader_bluebutton input[type=text]:not(.browser-default)
{
    border-bottom: none;
    height: 26px;
    box-shadow:  none;
    margin: 10px;
    width: 280px;
}
.uploader_bluebutton .btn
{
    color: #000;
    background: #fff;
    height: 48px;
    border-radius: 0;
    font-size: 18px;
    padding: 0 15px;
}



.menu_logo_button img
{
    width: 50px;
    margin: 0 10px;
    opacity: 1;
}

.menu_logo_social {
    padding-top: 40px;
}

.header_barpoptavka .header_claim_h1
{
    font-weight: bold;
    font-size: 50px
}

.claim_main_button {
    width: 137px;
}

.gallery_whole {
    height: 387px;
    background-size: auto 100%;
    background-position: center;
    background-repeat:  no-repeat;
}

.kontakt_main_mobile
{
    display: none;
}

.gallery_text
{
    min-height: 100px;
}

.livesearch_input[type=text]:not(.browser-default)
{
    border-bottom: 2px solid white;
    border-bottom: 2px solid rgba(255,255,255,0);
    margin-bottom: -5px;
    font-size: 30px;
    line-height:  30px;
}


.livesearch_input::-webkit-input-placeholder,
.livesearch_input::placeholder
{
    color: #000;
    font-size: 40px;
    text-align: center;
    opacity: initial;
    position: initial;
}

.livesearch_form
{
    margin-bottom: 0;
    padding-bottom: 0;
}


/* label underline focus color */
.livesearch_input[type=text]:focus
{
     border-bottom: 2px solid #000;
     box-shadow: 0 2px 0 0 #000 ;
     font-size: 35px;
     line-height: 30px;
}

/* valid color */
.livesearch_input[type=text].valid,
.livesearch_input[type=text],
input[type=text]:not(.browser-default):focus:not([readonly])
{
  border-bottom: 2px solid #000;
  box-shadow: 0 2px 0 0 #000;
}

#livesearch {
    position: absolute;
    left: 0;
    right: 0;
    background: #fff;
    top: 154px;
    transition: border 0.3s;
    font-size: 18px;
}

#livesearch div
{
  font-size: 40px;
  margin-top: 40px;
  margin-bottom: 0;
}

.livesearch_input
{
  cursor: pointer;
}

.livesearch_input:active
{
  cursor: text;
}

.search_Produkty
{
  color: #0093be;
}
.search_Technologie
{
  color: #b20066;
}
.search_Interiérový
{
  color: #95c11f;
}
 
.smazat_table i
{
    font-size: 40px;
} 
.smazat_table 
{
    position: absolute;
    top: 103px;
    left: calc(50% - 290px);
    height: 50px;
    width: 50px;
    cursor: pointer;
}

#topcontrol {
    z-index: 99;
}

.divas-slider-main,
.divas-slider
{
    max-height: 30.3vw;
}

#slider_main
{
    max-height: initial;
}

.divas-navigation i 
{
    font-size: 100px;
    color: #000;
}

ul:not(.browser-default)
{
    margin: 0;
}

.container_novinky
{
    width: 90%;
}
.gallery_header_novinky,
.gallery_header_akce
{
    padding: initial;
    text-align: left;
    padding-bottom: 30px;
    color: #000;
}
.col.col_novinky_img,
.col.col_novinky
{
    padding-left: 2%;
    padding-right: 2%;
    padding-bottom: 40px;
}
.row_novinky
{
    padding-top: 50px;
}
.novinky_text p 
{
    margin: 0;
}
.row_novinky:nth-child(2n) img
{
    float: right;
}
.container_novinky_Akce
{
    padding-bottom: 20px;
    margin-bottom: 40px;
    box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.08);
    width: 100%;
    max-width: 100%;
}

    .kontakt_about_text_button {
    margin: auto;
    width: 270px;
    height: 110px;
    padding-top: 20px;
}
.kontakt_main_text_button.kontakty,
.kontakt_main_text_button.kariera
{
    margin: 0 10px;
    float: left;
    width: 110px;
}

.kontakt_main_text_button.kontakty
{
    width: 120px;
}

.header_barkariera
{
    box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.08);
}

.kariera_claim
{
    padding-top: 150px;
    padding-bottom: 20px;
}
.container .row:first-child .kariera_claim
{
  padding-top: 40px;
}
.kariera_claim_pozice
{
    font-size: 16px;
    padding-bottom: 50px;
    font-weight: bold;
}
.kariera_claim_pozice_green
{
  color: #95c11f;
  font-size: 40px;
  margin-left: .75rem;
  margin-right: .75rem;
}

.legal_notice_kariera
{
    max-width: 600px;
    margin: auto;
    text-align: left;
    padding-bottom: 100px;
}
.pozadujeme,
.napln_prace,
.nabizime
{
    padding-bottom: 30px;
}
.pozadujeme .info {
    margin: auto;
    width: 100%;
    max-width: 550px;
    text-align: left;
}

.underline
{
    text-decoration: underline;
}
.kariera_claim_bottom
{
    padding-bottom: 100px;
}

.reference_container
{
    background-color: #95c11f;
    color: #fff;
    min-height: 480px;
}
.reference_header
{
    font-size: 50px;
    width: 280px;
    text-align: center;
    margin: auto;
    padding-top: 50px;
    font-family: 'GOTHICB';
    padding-bottom: 90px;
}
.reference_jmeno
{
    width: 550px;
    margin:auto;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 50px;
    font-family: 'GOTHICB';
}
.reference_text
{
    width: 550px;
    margin:auto;
    text-align: center;
}
.reference_radio_group
{
    max-width: 483px;
    margin: auto;
    padding: 20px;
    margin-top: -50px;
    padding-bottom: 50px;
    box-sizing: border-box;
}

.reference_radio_group [type="radio"]:not(:checked)+label:before,
.reference_radio_group [type="radio"]:not(:checked)+label:after
{
    border: 8px solid #fff;
}

.reference_radio_group [type="radio"]:checked+label:after
{
    border: 4px solid #fff;
    background-color: #000;
}

.helper_radio
{
    padding: 0 !important;
}
.menu_logo img
{
    width: 140px;
}

.kariera_container
{
    float: left;
    width: 50%;
}
.kariera_container_single
{
  float: inherit;
  max-width: 50%;
  margin: auto;
}

.kariera_container ul:not(.browser-default)>li
{
      list-style-type: disc;
      text-align: left;
      max-width: 60%;
      margin: auto;
}

.divas-caption
{
  /*background-color: #95c11f;*/
  background-color: #fff;
  font-weight: bold;
  color: #000;
  text-transform: uppercase;
  padding: 5px 10px;
  font-size: 20px;
  font-family: GOTHICB;
  top: calc(100% - 55px);
  bottom: 15px;
  right: 0;
  margin-right: 15px;
  max-height: 30px;
  height: 30px;
}

.divas-caption.divas-title-transition-opacity-start {
  opacity: 0;
}

.divas-caption.divas-title-transition-opacity {
  -webkit-transition: opacity 1s ease 0s;
   -moz-transition: opacity 1s ease 0s;
   -o-transition: opacity 1s ease 0s;
   transition: opacity 1s ease 0s;
}

.divas-caption.divas-title-transition-opacity-stop {
  opacity: 1;
}
.reference_radio_group [type=radio]:not(:checked)+label,
.reference_radio_group [type=radio]:checked+label
{
    padding-left: 33px;
}

@media screen and (max-width: 1300px)
{
  .kariera_container
    {
      width: 100%;
    }

}
@media screen and (max-width: 1200px)
{

  
    .footer
    {
        display: none;
    }
    .kontakt_main
    {
        width: 100%;    
    }
    .kontakt_main_text
    {
        width: 100%;
        padding: 20px;
    }

}

@media screen and (max-width: 720px)
{
    .PRODUKTY_main_menu 
    {
      display: none !important;
    }
    .divas-slider-main, .divas-slider
    {
        max-height: 50vw;
    }
    .livesearch_input::placeholder
    {
        font-size: 30px;
    }
    .gallery_slide
    {
        display: none;
    }
    .smazat_table
    {
        display: none;
    }
    .kontakt_main
    {
        width: 100%
    }

    .kontakt_main_text
    {
        width: 100%;
    }

    .footer_claim_info
    {
        width: 100%
    }

    .interiovy_main_header
    {
        width: 100%
    }

    .TECHNOLOGIE_main_header
    {
        width: 100%
    }

    .header_bar
    {
        position: relative;
        height: 70px;
    }

    .header_menu
    {
        top: 10px;
        right: 15px;
    }
    .header_logo
    {
        top: 6px;
        left: 10px;
    }
    .image_main
    {
        height: 340px;
    }

    .claim_main_text,
    .claim_main_button
    {
        display: none;
    }

    .claim_main_header
    {
        font-size: 19px;
        padding-top: 35px;
        padding-bottom: 35px;
        line-height: 40px;
    }
    .PRODUKTY_main,
    .TECHNOLOGIE_main,
    .interiovy_main
    {
        height:  100px;
        max-height: 100px;
        background:  indianred;
    }
    .PRODUKTY_main_header,
    .TECHNOLOGIE_main_header,
    .interiovy_main_header
    {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        font-size: 30px;
        line-height: 100px;
    }

    .menu_list
    {
        font-size: 30px;
        margin-top: 80px;
        width: 100%;
    }
    .gallery_text
    {
        width: 100%;
        padding: 0 30px;
    }
    
    .menu_logo
    {
        left: 10px;
        top: 3px;
    }
    

    .header_claim_h1 {
        top: 23px;
        font-size: 20px;
        left: 60px;
        width: calc(100% - 120px);
    }

    .header_barprodukty .header_logo,
    .header_bartechnologie .header_logo,
    .header_barinterierovy_design .header_logo,
    .header_bargrafika .header_logo,
    .header_barpoptavka .header_logo,
    .header_baro-nas .header_logo,
    .header_baro_nas .header_logo
    {
        top: 10px;
    }

    .gallery_header
    {
        font-size: 30px;
    }

    .kontakt_main
    {
        display: none;
    }

    .kontakt_main_mobile
    {
        display: block;
        min-height: 310px;
        text-align: center;
        padding: 20px;
        font-size: 30px;
        font-weight: bold;
        padding-bottom: 70px;
    }

    .kontakt_main_mobile_h4
    {
        padding-bottom: 20px;
        font-family: 'GOTHICB';
    }

    .kontakt_main_mobile_p
    {
        margin-bottom: -10px;
        font-size: 18px;
        font-weight: normal;
    }

    .kontakt_about_text_row
    {
        margin-bottom: 0;
    }
    .kontakt_main_text
    {
        margin-bottom: 90px;
    }
    .claim_main_header_h4
    {
        font-size: 40px;
    }
    .claim_main_text.about_text
    {
        display: block;
        width: 100%;
        padding: 0 30px;
    }

    .kontakt_main_text_button.obchodni_podminky_button
    {
    width: 180px;
    }

    .livesearch_form
    {
      font-size: 24px;
      padding-right: 30px; 
      padding-left: 30px; 
    }

    #livesearch
    {
      top: 125px;
      border-top: 0 solid #000;
    }
    
    .livesearch_input[type=text]:focus
    {
      font-size: 30px;
    }
    .livesearch_input
    {
      font-size: 24px;
      line-height: 24px;
    }
    .menu_list
    {
      padding-top: 5px;
    }
    
    .menu_close
    {
      top: 3px;
      right: 25px;
    }
    
    .header_barpoptavka .header_claim_h1
    {
      font-size: 30px;
    }

    #textarea1
    {
      width: 90%;
    }
    .text_potavka,
    .poptavka_form
    {
      width: 85%;
    }

    .bluebutton
    {
      width: 100%;
    }

    #jmeno_prijmeni,
    #telefon,
    #email,
    #firma,
    .input.validate.bluebutton.ccinput
    {
        width: calc(100% - 20px);
    }
    .reference_text,
    .reference_jmeno
    {
        width: 90%;
    }
}

@media screen and (max-width: 400px)
{
    .PRODUKTY_main_header,
    .TECHNOLOGIE_main_header,
    .interiovy_main_header
    {
        font-size: 30px;
    }

    .kontakt_main_mobile
    {
        font-size: 30px;
    }

    .claim_main_header
    {
        font-size: 24px;
    }
    
}
@media screen and (min-width: 2000px)
{
  .PRODUKTY_main, .TECHNOLOGIE_main, .interiovy_main, .gallery_slider
  {
    background-size: cover !important;
  }

    
}


.cookie-message {
  position:fixed;
  top:0;
  left:0;
  right:0;
  padding:0 85px 0 20px;
  background: #000;
  border-bottom:1px solid #ccc;
  box-shadow: 0 0 3px #ccc;
  z-index: 99;
}
.cookie-message a {
  position:absolute;
  top:0;
  top:-2px;
  right: 0;
  cursor:pointer;
  padding: 10px 20px;
  margin: initial !important;
  transition: all 0.3s ease-in-out;
}
.cookie-message p, .cookie-message a {
  color: #fff;
  font-size: 16px;
  margin:0.6em 0;
}

.cookie-message a:hover,
.cookie-message a:focus
{
  background-color: #fff;
  color: #000;
}
.cookie-message p
{
  padding: 0 20px;
}

.poptavka_add.gdpr_box_req
{
    width: 380px;
    text-align: left;
    margin: auto;
    padding: 0;
    padding-bottom: 30px;
}

.gdpr_box_req label
{
    margin-bottom: 10px;
}


body
{
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.5px;
    font-weight: normal;
}

a,a:hover,a:focus
{
    color: #000;
    text-decoration: none;
}
.header_logo_img img
{
    width: 130px;
    height: 65px;
}

.footer,
.footer a
{
    background: #1d292f;
    color: #fff;
}
.footer a:hover,
.footer a:focus
{
    text-decoration: underline;
}

.footer_claim
{
    text-align: center;
    font-size: 70px;
    padding-top: 100px;
    padding-bottom: 20px;
    font-family: 'GOTHICB';
}

.footer_claim_info
{
    width: 600px;
    text-align: center;
    line-height: 160%;
}

.footer_claim_info {
    width: 540px;
    text-align: center;
    margin: auto;
    padding-bottom: 20px;
    font-size: 18px;
}

.footer_claim_button,
.claim_main_button,
.kontakt_main_text_button
{
    color: #fff;
    border: 1px solid #95c11f;
    background: #95c11f;
    width: 240px;
    font-size: 20px;
    text-align:  center;
    margin:  auto;
    cursor: pointer;
    padding: 5px 5px;
    padding-top: 3px;
    margin-top: 25px;
    margin-bottom: 40px;
    text-transform:  uppercase;
    font-family: 'GOTHICB';
}
.footer_claim_button a,
.claim_main_button a,
.kontakt_main_text_button a
{
    color: #fff;
}

.claim_main_button a:hover
{
    color: #95c11f;
}


.footer_claim_button:hover,
.footer_claim_button:focus,
.claim_main_button:hover,
.claim_main_button:focus,
.kontakt_main_text_button:hover,
.kontakt_main_text_button:focus
{
    color: #95c11f;
    border: 1px solid #95c11f;
    background: #fff;
}

.footer_info_seznam
{
    border-top: 1px solid #fff;
}

.footer_info_seznam
{
    border-top: 1px solid #fff;
    padding: 40px;
    padding-top: 39px;
    overflow: auto;
    max-width: 1200px;
    margin: auto;
    line-height:  160%;
}

.footer_info_seznam_item
{
    width: 20%;
    float: left;
}

.footer_info_seznam a
{
    display: table;
}

.footer_info_seznam a:nth-child(2)
{
   padding-top: 40px;
}

.gallery_slider.image_main
{
    color: white;
    height: 460px;
    /* height: 600px; */
}
.gallery_slider.image_main .gallery_whole,
.gallery_slider.image_main .gallery_slide
{
    height: 460px;
    /* height: 600px; */
    /* background-position: bottom!important; */
}

.claim_main_text,
.gallery_text
{
    width: 540px;
    margin: auto;
    text-align: center;
    font-size: 18px;
    line-height: 160%;
}

.gallery_text
{
    margin-bottom: 100px;
}

.claim_main_header,
.gallery_header
{
    font-size: 50px;
    text-align: center;
    padding: 80px 25px;
    font-weight: bold;
    line-height: 100%;
    padding-bottom: 60px;
    font-family: GOTHICB;
}

.gallery_header
{
    color:  #0093be;
}

.PRODUKTY_main,
.TECHNOLOGIE_main,
.interiovy_main,
.gallery_slider
{
    color: white;
    height: 300px;
    position: relative;
    text-transform: uppercase;
    text-align: center;
    -webkit-transition: height 1s; /* Safari */
    -o-transition: height 1s; /* Opera */
    -moz-transition: height 1s; /* Opera */
    transition: height 1s;
    z-index: 1;
    font-size: 18px;
}


.PRODUKTY_main_header,
.TECHNOLOGIE_main_header,
.interiovy_main_header
{
    position: absolute;
    left: calc(50% - 150px);
    top: 115px;
    color: #fff;
    background:  #0093be;
    font-size: 50px;
    z-index: 14;
    width: 300px;
    font-family: 'GOTHICB';
    padding: 5px 0;
}

.TECHNOLOGIE_main_header
{
    width: 400px;
    left: calc(50% - 200px);
    background:  #b20066;
}

.interiovy_main_header
{
    width: 560px;
    left: calc(50% - 280px);
    background:  #95c11f;
}

.claim_main
{
    overflow: auto;
}

.kontakt_main
{
    width: 1200px;
    margin: auto;
    min-height: 310px;
    overflow: auto;
}

.kontakt_main_text
{
    float: left;
    width: 33%;
    text-align: center;
    font-size: 16px;
    line-height: 160%;
}

.header_logo,
.menu_logo
{
    position: absolute;
    left: 25px;
    top: 29px;
}

.header_menu
{
    position: absolute;
    right: 25px;
    top: 32px;
    cursor: pointer;
    height:  50px;
    width: 50px;
}

.header_menu i 
{
    font-size: 50px;
}

.menu {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    background: rgba(255,255,255,0.95);
    z-index: 5;
    opacity: 1;
    display: none;
    overflow: scroll;
}

.menu div,
.menu a
{
    background: none;
    opacity: 1;
}

.header_bar {
    position: relative;
    height: 110px;
}

.header_menu img
{
    width: 100%
}

.menu_close
{
    position: absolute;
    right: 33px;
    top: 25px;
    height: 50px;
    width: 50px;
    cursor: pointer;
}

.menu_close i
{
    font-size: 65px;
}

.menu_list {
    width: 440px;
    margin: auto;
    text-align: center;
    font-size: 40px;
    margin-top: calc(20% - 195px);
    margin-top: 100px;
    font-family: 'GOTHICB';
    z-index:  6;
}

.menu_buttom
{
    padding-top: 24px;
    border-bottom: 2px solid #fff;
    border-bottom: 2px solid rgba(255,255,255,0);
    display: inline-block;
    line-height: 100%;
}

.menu_buttom:hover,
.menu_buttom:focus
{
    border-bottom: 2px solid #000;
    display: inline-block;
    text-shadow: 2px 2px rgba(255,255,255,1), 2px -2px rgba(255,255,255,1), -2px 2px rgba(255,255,255,1), -2px -2px rgba(255,255,255,1);
    }

.kontakt_main_text_row
{
    overflow: auto;
}

.kontakt_main_text_button
{
    width: 130px;
}

.header_back i 
{
    font-size: 50px;
}

.header_barprodukty,
.header_barprodukty a,
.header_barprodukty i
{
    background: #0093be;
    color: #fff;
}

.header_bartechnologie,
.header_bartechnologie a,
.header_bartechnologie i
{
    background: #b20066;
    color: #fff;
}

.header_barinterierovy_design,
.header_barinterierovy_design a,
.header_barinterierovy_design i
{
    background: #95c11f;
    color: #fff;
}

.header_barpoptavka,
.header_barpoptavka a,
.header_barpoptavka i
{
    background: #1d292f;
    color: #fff;
}

.header_barprodukty .header_logo,
.header_bartechnologie .header_logo,
.header_barinterierovy_design .header_logo,
.header_bargrafika .header_logo,
.header_barpoptavka .header_logo,
.header_baro_nas .header_logo
{
    top: 25px
}

.header_claim_h1 {
    text-align: center;
    width: 460px;
    font-size: 50px;
    position: absolute;
    top: 26px;
    left: calc(50% - 230px);
    margin: 0;
    font-family: 'GOTHICB';
}

.gallery_slider
{
    height: 387px;
}

.tapety_odkaz
{
    margin-top: -50px;
    margin-bottom: 80px;
}


/* gallery_slider */
    
    /* Slideshow container */
    .slideshow-container {
      max-width: 1000px;
      position: relative;
      margin: auto;
    }

    /* Hide the images by default */
    .mySlides {
        display: none;
    }

    /* Next & previous buttons */
    .prev, .next {
      cursor: pointer;
      position: absolute;
      top: 50%;
      width: auto;
      margin-top: -22px;
      padding: 16px;
      color: white;
      font-weight: bold;
      font-size: 18px;
      transition: 0.6s ease;
      border-radius: 0 3px 3px 0;
    }

    /* Position the "next button" to the right */
    .next {
      right: 0;
      border-radius: 3px 0 0 3px;
    }

    /* On hover, add a black background color with a little bit see-through */
    .prev:hover, .next:hover
    {
      background-color: #000;;
      background-color: rgba(0,0,0,0.8);
    }

    /* Caption text */
    .text {
      color: #f2f2f2;
      font-size: 15px;
      padding: 8px 12px;
      position: absolute;
      bottom: 8px;
      width: 100%;
      text-align: center;
    }

    /* Number text (1/3 etc) */
    .numbertext {
      color: #f2f2f2;
      font-size: 12px;
      padding: 8px 12px;
      position: absolute;
      top: 0;
    }

    /* The dots/bullets/indicators */
    .dot {
      cursor:pointer;
      height: 17px;
      width: 17px;
      margin: 0 2px;
      background-color: #000;
      border-radius: 50%;
      display: inline-block;
      transition: background-color 0.6s ease;
    }

    .gallery_dots .active,
    .gallery_dots .dot:hover,
    .gallery_dots .dot:focus
    {
      background-color: #fff;
      border: 3px solid #000;
    }

    .gallery_dots
    {
        text-align: center;
        margin-top: 20px;
    }
    /* Fading animation */
    .fade {
      -webkit-animation-name: fade;
      -moz-animation-name: fade;
      -o-animation-name: fade;
      -webkit-animation-duration: 1.5s;
      -moz-animation-duration: 1.5s;
      -o-animation-duration: 1.5s;
      animation-name: fade;
      animation-duration: 1.5s;
    }

    @-webkit-keyframes fade {
      from {opacity: .4} 
      to {opacity: 1}
    }

    @keyframes fade {
      from {opacity: .4} 
      to {opacity: 1}
    }

    .gallery_slide {
        height: 387px;
        z-index: 5;
    }

/* gallery_slider */

.poptavka,
.poptavka p
{
    color: #fff;
    background-color: #1d292f;
    text-align: center;
    padding: 30px 10px 30px 10px;
}
.text_potavka
{
    margin: auto;
    width: 500px;
}

.poptavka_form
{
    width: 500px;
    margin: auto;
}

.bluebutton
{
    background-color: #1d292f;
    border: 2px solid #fff;
    border-radius: 3px;
    width: 500px;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    transition: all .4s;
    margin-bottom: 15px;
}

.bluebutton:hover,
.bluebutton:focus
{
    background: #fff;
    color: #000;

}
.poptavka_form option:disabled
{
    background-color: #fff;
    color: #1d292f;

}

.poptavka_form select:hover,
.poptavka_form select:focus
{
    background-color: #fff;
    border: 2px solid #fff;
    color: #000;
    padding-right: 11px;
}
.poptavka_form option:hover,
.poptavka_form option:focus,
.poptavka_form option::selection
{
    background-color: #1d292f;
}

.dropdown-content li>a,
.dropdown-content li>span
{
    color: black;
}

textarea.poptavka_field::placeholder
{
    color: #000;
    background: #fff;
}

textarea.poptavka_field
{
    background: #fff;
    height: 180px;
    text-align: left;
    color: #000;
    padding: 15px;
    margin-top: 20px;
    width: 470px;
}

.poptavka_add
{ 
  font-size: 20px;
  color: #fff;
  text-align: center;
  padding: 15px;  
  padding-top: 0;  
  padding-bottom: 30px;  
  cursor:  pointer;
}
.poptavka_add label,
.poptavka_add a
{
    color: #fff;
    line-height: 32px;
}
.poptavka_add a
{
    text-decoration: underline;
}

[type="checkbox"]+label:before,
[type="checkbox"]:not(.filled-in)+label:after
{
    height: 25px;
    width: 25px;
    border-color: #fff;
}
[type="checkbox"]:checked+label:before
{
    border-bottom-color: #fff;
    border-right-color: #fff;
}


.poptavka_header
{
    font-size: 20px;
    padding-bottom: 20px;
}

#jmeno_prijmeni,
#telefon,
#email,
#firma
{
    border: 2px solid #fff;
    border-radius: 3px;
    width: 480px;
    font-size: 14px;
    padding-left: 15px;
    color: #fff;
}
#jmeno_prijmeni::placeholder,
#telefon::placeholder,
#email::placeholder,
#firma::placeholder
{
    color: #fff;
    font-size: 20px;
}

.poptavka_button
{
    margin: auto;
    width:  200px;
}
.poptavka_button button
{
    width: 190px;
    font-size: 30px;
    color: #fff;
    background: #95c11f;
    text-align: center;
    border: none;
    padding: 10px 5px;
    margin-bottom:  100px;
}

.gallery_header_technologie
{
    color: #b20066;
}
.gallery_header_interierovy_design
{   
    color: #95c11f;
}

.gallery_header_grafika,
.gallery_header_novinky
{
    color: #000;
}
.gallery_dots_Produkty .dot
{
    background-color: #0093be
}
.gallery_dots_Interierovy_design .dot
{
    background-color: #95c11f;
}
.gallery_dots_Technologie .dot
{
    background-color: #b20066;
}

.gallery_header_Grafika .dot
{
    background-color: #000;
}

.gallery_dots_Produkty .active,
.gallery_dots_Produkty .dot:hover,
.gallery_dots_Produkty .dot:focus
{
    background-color: #fff;  
    border: 3px solid #0093be
}

.gallery_dots_Technologie .active,
.gallery_dots_Technologie .dot:hover,
.gallery_dots_Technologie .dot:focus
{
    background-color: #fff;
    border: 3px solid #b20066;
}
.gallery_dots_Interierovy_design .active,
.gallery_dots_Interierovy_design .dot:hover,
.gallery_dots_Interierovy_design .dot:focus
{
    background-color: #fff;
    border: 3px solid #95c11f;
}

.gallery_header_Grafika .active,
.gallery_header_Grafika .dot:hover,
.gallery_header_Grafika .dot:focus
{
    background-color: #fff;
    border: 3px solid #000;
}

.kontakt_main_text_button
{
    margin-bottom: 40px;
}

.obchodni_podminky_button
{
    width: 380px;
    margin-bottom: 60px;
}

.claim_main_text.about_text {
    margin: 40px auto;
    width: 550px;
}

.gallery_header_o-nas
{
    color: #000;
}

.kontakt_mapa_arealu_text_button
{
    width: 160px;
}

.kontakt_obchodni_zastoupeni_text_button
{
    width: 260px;
}

.kontakt_zakaznicke_centrum_text_button
{
    width: 240px;
}

.kontakt_vedeni_text_button {
    width: 150px;
    margin-bottom: 100px;
}

.about_text_header {
    font-weight: bold;
    margin-bottom: 20px;
}

.kontakt_about_text_small {
    width: 50%;
}

.kontakt_about_text_row {
    margin-bottom: 60px;
}

.kontakt_about_text_big
{
    width: 100%;
}

.kontakt_main.obchodni_zastoupeni
{
    padding-top: 50px;
}
.kontakt_main.zakaznicke_centrum,
.kontakt_main.obchodni_zastoupeni,
.kontakt_main.obchodni_zastoupeni
{
    min-height: initial;
}

.FRONT_main_row {
    font-weight: bold;
    float: left;
    width: 33%;
}

.PRODUKTY_main_menu {
    width: 1200px;
    position: absolute;
    left: calc(50% - 600px);
    line-height: 250%;
    bottom: 30px;
    z-index: 5;
}

.FRONT_main_row a,
.PRODUKTY_main_header a
{
    color: #fff;
}

.FRONT_main_row a:hover,
.FRONT_main_row a:focus
{
    border-bottom: 2px solid #fff;
}

.PRODUKTY_main_filter,
.TECHNOLOGIE_main_filter,
.interiovy_main_filter
{
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    opacity: 0.75;
}

.PRODUKTY_main_filter
{
    background: #0093be;

}
.TECHNOLOGIE_main_filter
{
    background: #b20066;
}
.interiovy_main_filter
{
    background: #95c11f;
}

.PRODUKTY_main_menu
{
    display: none
}

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}


#jmeno_prijmeni {
    margin-top: 40px;
}

.poptavka_button input[type="submit"]
{
    border: none;
    background: none;
    padding: 5px;
    font-family: GOTHICB;
}
.input-file-container
{
    margin-bottom: 10px;
    position:  relative;
}
.js .input-file-trigger1,
.js .input-file-trigger2,
.js .input-file-trigger3,
.js .input-file-trigger4,
.js .input-file-trigger5
{
  display: block;
  padding: 10px 15px;
  color: #fff;
  font-size: 18px;
  transition: all .4s;
  cursor: pointer;
  border-radius: 3px;
}
.js .input-file1,
.js .input-file2,
.js .input-file3,
.js .input-file4,
.js .input-file5
{
  position: absolute;
  top: 0;
  left: 0;
  width: 225px;
  opacity: 0;
  padding: 14px 0;
  cursor: pointer;
}
.js .input-file:hover + .input-file-trigger,
.js .input-file:focus + .input-file-trigger,
.js .input-file-trigger:hover,
.js .input-file-trigger:focus {
  background: #fff;
  color: #000;
}

.file-return {
  margin: 0;
}
.file-return:not(:empty) {
  margin: 1em 0;
}

.uploader_bluebutton input[type=text]:not(.browser-default)
{
    border-bottom: none;
    height: 26px;
    box-shadow:  none;
    margin: 10px;
    width: 280px;
}
.uploader_bluebutton .btn
{
    color: #000;
    background: #fff;
    height: 48px;
    border-radius: 0;
    font-size: 18px;
    padding: 0 15px;
}



.menu_logo_button img
{
    width: 50px;
    margin: 0 10px;
    opacity: 1;
}

.menu_logo_social {
    padding-top: 40px;
}

.header_barpoptavka .header_claim_h1
{
    font-weight: bold;
    font-size: 50px
}

.claim_main_button {
    width: 137px;
}

.gallery_whole {
    height: 387px;
    background-size: auto 100%;
    background-position: center;
    background-repeat:  no-repeat;
}

.kontakt_main_mobile
{
    display: none;
}

.gallery_text
{
    min-height: 100px;
}

.livesearch_input[type=text]:not(.browser-default)
{
    border-bottom: 2px solid white;
    border-bottom: 2px solid rgba(255,255,255,0);
    margin-bottom: -5px;
    font-size: 30px;
    line-height:  30px;
}


.livesearch_input::-webkit-input-placeholder,
.livesearch_input::placeholder
{
    color: #000;
    font-size: 40px;
    text-align: center;
    opacity: initial;
    position: initial;
}

.livesearch_form
{
    margin-bottom: 0;
    padding-bottom: 0;
}


/* label underline focus color */
.livesearch_input[type=text]:focus
{
     border-bottom: 2px solid #000;
     box-shadow: 0 2px 0 0 #000 ;
     font-size: 35px;
     line-height: 30px;
}

/* valid color */
.livesearch_input[type=text].valid,
.livesearch_input[type=text],
input[type=text]:not(.browser-default):focus:not([readonly])
{
  border-bottom: 2px solid #000;
  box-shadow: 0 2px 0 0 #000;
}

#livesearch {
    position: absolute;
    left: 0;
    right: 0;
    background: #fff;
    top: 154px;
    transition: border 0.3s;
    font-size: 18px;
}

#livesearch div
{
  font-size: 40px;
  margin-top: 40px;
  margin-bottom: 0;
}

.livesearch_input
{
  cursor: pointer;
}

.livesearch_input:active
{
  cursor: text;
}

.search_Produkty
{
  color: #0093be;
}
.search_Technologie
{
  color: #b20066;
}
.search_Interiérový
{
  color: #95c11f;
}
 
.smazat_table i
{
    font-size: 40px;
} 
.smazat_table 
{
    position: absolute;
    top: 103px;
    left: calc(50% - 290px);
    height: 50px;
    width: 50px;
    cursor: pointer;
}

#topcontrol {
    z-index: 99;
}

.divas-slider-main,
.divas-slider
{
    max-height: 30.3vw;
}

#slider_main
{
    max-height: initial;
    max-width: 100%;
}

.divas-navigation i 
{
    font-size: 100px;
    color: #000;
}

ul:not(.browser-default)
{
    margin: 0;
}

.container_novinky
{
    width: 90%;
}
.gallery_header_novinky,
.gallery_header_akce
{
    padding: initial;
    text-align: left;
    padding-bottom: 30px;
    color: #000;
}
.col.col_novinky_img,
.col.col_novinky
{
    padding-left: 2%;
    padding-right: 2%;
    padding-bottom: 40px;
}
.row_novinky
{
    padding-top: 50px;
}
.novinky_text p 
{
    margin: 0;
}
.row_novinky:nth-child(2n) img
{
    float: right;
}
.container_novinky_Akce
{
    padding-bottom: 20px;
    margin-bottom: 40px;
    box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.08);
    width: 100%;
    max-width: 100%;
}

    .kontakt_about_text_button {
    margin: auto;
    width: 270px;
    height: 110px;
    padding-top: 20px;
}
.kontakt_main_text_button.kontakty,
.kontakt_main_text_button.kariera
{
    margin: 0 10px;
    float: left;
    width: 110px;
}

.kontakt_main_text_button.kontakty
{
    width: 120px;
}

.header_barkariera
{
    box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.08);
}

.kariera_claim
{
    padding-top: 150px;
    padding-bottom: 20px;
}
.container .row:first-child .kariera_claim
{
  padding-top: 40px;
}
.kariera_claim_pozice
{
    font-size: 16px;
    padding-bottom: 50px;
    font-weight: bold;
}
.kariera_claim_pozice_green
{
  color: #95c11f;
  font-size: 40px;
  margin-left: .75rem;
  margin-right: .75rem;
}

.legal_notice_kariera
{
    max-width: 600px;
    margin: auto;
    text-align: left;
    padding-bottom: 100px;
}
.pozadujeme,
.napln_prace,
.nabizime
{
    padding-bottom: 30px;
}
.underline
{
    text-decoration: underline;
}
.kariera_claim_bottom
{
    padding-bottom: 100px;
}

.reference_container
{
    background-color: #95c11f;
    color: #fff;
    min-height: 480px;
}
.reference_header
{
    font-size: 50px;
    width: 280px;
    text-align: center;
    margin: auto;
    padding-top: 50px;
    font-family: 'GOTHICB';
    padding-bottom: 90px;
}
.reference_jmeno
{
    width: 550px;
    margin:auto;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 50px;
    font-family: 'GOTHICB';
}
.reference_text
{
    width: 550px;
    margin:auto;
    text-align: center;
}
.reference_radio_group
{
    max-width: 560px;
    margin: auto;
    padding: 20px;
    margin-top: -50px;
    padding-bottom: 50px;
    box-sizing: border-box;
}

.reference_radio_group [type="radio"]:not(:checked)+label:before,
.reference_radio_group [type="radio"]:not(:checked)+label:after
{
    border: 8px solid #fff;
}

.reference_radio_group [type="radio"]:checked+label:after
{
    border: 4px solid #fff;
    background-color: #000;
}

.helper_radio
{
    padding: 0 !important;
}
.menu_logo img
{
    width: 140px;
}

.kariera_container
{
    float: left;
    width: 50%;
}
.kariera_container_single
{
  float: inherit;
  max-width: 50%;
  margin: auto;
}

.kariera_container ul:not(.browser-default)>li
{
      list-style-type: disc;
      text-align: left;
      max-width: 60%;
      margin: auto;
}

.divas-caption
{
  /*background-color: #95c11f;*/
  background-color: #fff;
  font-weight: bold;
  color: #000;
  text-transform: uppercase;
  padding: 5px 10px;
  font-size: 20px;
  font-family: GOTHICB;
  top: calc(100% - 55px);
  bottom: 15px;
  right: 0;
  margin-right: 15px;
  max-height: 30px;
  height: 30px;
}

.divas-caption.divas-title-transition-opacity-start {
  opacity: 0;
}

.divas-caption.divas-title-transition-opacity {
  -webkit-transition: opacity 1s ease 0s;
   -moz-transition: opacity 1s ease 0s;
   -o-transition: opacity 1s ease 0s;
   transition: opacity 1s ease 0s;
}

.divas-caption.divas-title-transition-opacity-stop {
  opacity: 1;
}
.reference_radio_group [type=radio]:not(:checked)+label,
.reference_radio_group [type=radio]:checked+label
{
    padding-left: 33px;
}

img.header_logo2 {
    position: absolute;
    width: 270px;
    left: 163px;
    top: 24px;
}
img.header_logo2.v2 {top: 14px;left: 90px;}
@media screen and (max-width: 1300px)
{
  .kariera_container
    {
      width: 100%;
    }

}
@media screen and (max-width: 1200px)
{

  
    .footer
    {
        display: none;
    }
    .kontakt_main
    {
        width: 100%;    
    }
    .kontakt_main_text
    {
        width: 100%;
        padding: 20px;
    }

}

@media screen and (max-width: 720px)
{
  img.header_logo2
  {
    display: none;
  }
    .PRODUKTY_main_menu 
    {
      display: none !important;
    }
    .divas-slider-main, .divas-slider
    {
        max-height: 50vw;
    }
    .livesearch_input::placeholder
    {
        font-size: 30px;
    }
    .gallery_slide
    {
        display: none;
    }
    .smazat_table
    {
        display: none;
    }
    .kontakt_main
    {
        width: 100%
    }

    .kontakt_main_text
    {
        width: 100%;
    }

    .footer_claim_info
    {
        width: 100%
    }

    .interiovy_main_header
    {
        width: 100%
    }

    .TECHNOLOGIE_main_header
    {
        width: 100%
    }

    .header_bar
    {
        position: relative;
        height: 70px;
    }

    .header_menu
    {
        top: 10px;
        right: 15px;
    }
    .header_logo
    {
        top: 6px;
        left: 10px;
    }
    .image_main
    {
        height: 340px;
    }

    .claim_main_text,
    .claim_main_button
    {
        display: none;
    }

    .claim_main_header
    {
        font-size: 19px;
        padding-top: 35px;
        padding-bottom: 35px;
        line-height: 40px;
    }
    .PRODUKTY_main,
    .TECHNOLOGIE_main,
    .interiovy_main
    {
        height:  100px;
        max-height: 100px;
        background:  indianred;
    }
    .PRODUKTY_main_header,
    .TECHNOLOGIE_main_header,
    .interiovy_main_header
    {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        font-size: 30px;
        line-height: 100px;
    }

    .menu_list
    {
        font-size: 30px;
        margin-top: 80px;
        width: 100%;
    }
    .gallery_text
    {
        width: 100%;
        padding: 0 30px;
    }
    
    .menu_logo
    {
        left: 10px;
        top: 3px;
    }
    

    .header_claim_h1 {
        top: 23px;
        font-size: 20px;
        left: 60px;
        width: calc(100% - 120px);
    }

    .header_barprodukty .header_logo,
    .header_bartechnologie .header_logo,
    .header_barinterierovy_design .header_logo,
    .header_bargrafika .header_logo,
    .header_barpoptavka .header_logo,
    .header_baro-nas .header_logo,
    .header_baro_nas .header_logo
    {
        top: 10px;
    }

    .gallery_header
    {
        font-size: 30px;
    }

    .kontakt_main
    {
        display: none;
    }

    .kontakt_main_mobile
    {
        display: block;
        min-height: 310px;
        text-align: center;
        padding: 20px;
        font-size: 30px;
        font-weight: bold;
        padding-bottom: 70px;
    }

    .kontakt_main_mobile_h4
    {
        padding-bottom: 20px;
        font-family: 'GOTHICB';
    }

    .kontakt_main_mobile_p
    {
        margin-bottom: -10px;
        font-size: 18px;
        font-weight: normal;
    }

    .kontakt_about_text_row
    {
        margin-bottom: 0;
    }
    .kontakt_main_text
    {
        margin-bottom: 90px;
    }
    .claim_main_header_h4
    {
        font-size: 40px;
    }
    .claim_main_text.about_text
    {
        display: block;
        width: 100%;
        padding: 0 30px;
    }

    .kontakt_main_text_button.obchodni_podminky_button
    {
    width: 180px;
    }

    .livesearch_form
    {
      font-size: 24px;
      padding-right: 30px; 
      padding-left: 30px; 
    }

    #livesearch
    {
      top: 125px;
      border-top: 0 solid #000;
    }
    
    .livesearch_input[type=text]:focus
    {
      font-size: 30px;
    }
    .livesearch_input
    {
      font-size: 24px;
      line-height: 24px;
    }
    .menu_list
    {
      padding-top: 5px;
    }
    
    .menu_close
    {
      top: 3px;
      right: 25px;
    }
    
    .header_barpoptavka .header_claim_h1
    {
      font-size: 30px;
    }

    #textarea1
    {
      width: 90%;
    }
    .text_potavka,
    .poptavka_form
    {
      width: 85%;
    }

    .bluebutton
    {
      width: 100%;
    }

    #jmeno_prijmeni,
    #telefon,
    #email,
    #firma,
    .input.validate.bluebutton.ccinput
    {
        width: calc(100% - 20px);
    }
    .reference_text,
    .reference_jmeno
    {
        width: 90%;
    }
}

@media screen and (max-width: 400px)
{
    .PRODUKTY_main_header,
    .TECHNOLOGIE_main_header,
    .interiovy_main_header
    {
        font-size: 30px;
    }

    .kontakt_main_mobile
    {
        font-size: 30px;
    }

    .claim_main_header
    {
        font-size: 24px;
    }

    
}
@media screen and (min-width: 2000px)
{
  .PRODUKTY_main, .TECHNOLOGIE_main, .interiovy_main, .gallery_slider
  {
    background-size: cover !important;
  }

    
}