/* ------------------------------------------------------------- */
/* - WRS-css system -------------------------------------------- */
/* ------------------------------------------------------------- */
/* - CSS LAYOUT! ----------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/** css wrs v0.0001 ** 08-08-2017 ********************************/
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */

    h1 , h2 , h3, h4 ,h5 , h6 {  color: #444; margin-bottom: 20px; position: relative;  }
    /*h2:before, .text-big:before { content: ""; position: absolute; width: 25%; min-width: 200px; height: 2px; background: red; bottom: -10px; }
    .koupit h2:before { content: none }*/
    body { background: #fff; margin-top: 0px; font-family: "Roboto", Arial, sans-serif; font-weight: 300; font-size: 1.6em;     -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }    
    h1, h2, h3, h4, h5, h6 { font-family: "Roboto", Arial, sans-serif;  ;
        /*font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; color: #00a7eb*/ }
    h4 { font-size: 105%; margin-bottom: 10px; }
    b, strong { font-weight: 600; }
    .text-big { font-size: 200%; position: relative; margin-bottom: 20px; }
    
    a { color: #1060B4; text-decoration: underline;
    transition: 0.4s all;
    -webkit-transition: 0.4s all;
    -moz-transition: 0.4s all;
    -o-transition: 0.4s all;
    -ms-transition: 0.4s all;
    text-decoration:none;
    }
    a:hover { color: #337ab7; text-decoration: underline; }
    
    .text-default , a.text-default { color: #fff }
     a.text-default:hoevr { color: #1060B4; text-decoration: underline }
    
    .news_datum { display: none; }
    
    .admin .btn, .admin-absolute .btn { color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a; }
    
    .btn { border-radius: 0; }
    .btn-info { background-color: #1060B4; border-color:  #1060B4; }
    .btn-info:hover { background-color: #4193E0; border-color:  #1060B4; }
    .btn-a { background-color: #fff; border-color: red; color: red;  border-radius: 0; }
    .btn-a:hover { background-color: red; border-color: #842121; color: #fff; }
    
    .container { background: transparent;  }
    
    .mapawebu { padding: 3% 0; }
    .news_datum { padding: 10px 0; }
    .perex { font-size: 130%; padding-bottom: 15px; }
    .articles_detail { background: #eaf1f9; }
    .articles_detail_text { margin-bottom: 40px; }
    .margin-napistenam { padding: 30px 0; }
    
    .pager ._nav_active { background: #ccc; }
    
    
    .overflow { overflow: hidden; }
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
    /* ------------------------------------------------------------- */
    .box-homemenu { padding-bottom: 50px; text-align: center; z-index: 1; color: #fff; text-transform: uppercase; }
    .box-homemenu ul { position: relative; z-index: 1; padding: 0; list-style: none; text-align: center; }
    .box-homemenu a { color: #fff; position: relative; z-index: 1; }
    .box-homemenu .hometop-logo { position: relative; z-index: 1; padding-top: 20px; padding-bottom: 30px }
     .hometop-abs { position: absolute; z-index: 0; top: 0;  }
    .box-homemenu .social-media-link { text-align: center; }
    /* effect link */
    .box-homemenu .link-effect-1 { font-size: 120%; padding: 40px 0 25px; }
    .link-effect-1 a::before,
    .link-effect-1 a::after {
        display: inline-block;
        opacity: 0;
        -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
        -moz-transition: -moz-transform 0.3s, opacity 0.2s;
        -o-transition: -o-transform 0.3s,opacity 0.2s;
        -ms-transition:-ms-transform 0.3s, opacity 0.2s;
        transition: transform 0.3s, opacity 0.2s;
    }
    
    .link-effect-1 a::before {
        margin-right: 10px;
        content: '[';
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -o-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }
    
    .link-effect-1 a::after {
        margin-left: 10px;
        content: ']';
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    
    .link-effect-1 a:hover::before,
    .link-effect-1 a:hover::after,
    .link-effect-1 a:focus::before,
    .link-effect-1 a:focus::after {
        opacity: 1;
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -o-transform: translateX(0px);
        -ms-transform: translateX(0px);
        transform: translateX(0px);
    }
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
.user-icons .img-circle { margin-right: 20px; margin-bottom: 30px; }
.article .user-icons .col-xs-12 { margin-top: 30px; }
/* top lista --------------------------------------------- */
.wrstop { color: #555; clear: both; }
.wrstop .container { padding: 5px 0 5px 0px; }
.wrstop .text-left { padding-top: 3px; }
.wrstop .text-left a { padding-left: 10px; }
.wrstop a { color: #000; }
.wrstop a:hover { color: #999; }
.wrstop a.btn-danger { color: #000; margin-left: 10px }
#form_lang.form-xss { border: 0;}
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
#home_blog h2 { text-align: center; }
#home_blog 
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
#hledej_show, .zbozi_detail { margin-top: 120px; position: relative; }
#hledej_show li { padding: 2%; min-height: 300px;   }
#hledej_show .list-group .col-md-6 {  }
/* ------------------------------------------------------------- */

/* - wrs_navigace ---------------------------------------------- */

#wrs_navigace nav { width: 100%;  }
#wrs_navigace .navbar-nav { float: right; }
#wrs_navigace.affix { top: 0; width: 100%; z-index: 10 }
#wrs_navigace.navbar-default, #wrs_navigace.navbar-inverse {
    border-radius: 0;
    border: 0; background: #1060B4;
    }
#wrs_navigace.navbar { z-index: 1; /* background: #f2f2f2; background: rgba(240,240,240,0.9 ); */
	-o-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease; border-radius: 0; border: 0;
    min-height: 50px;
    font-size: 110%;
    margin-bottom: 0;
    }

#wrs_navigace.navbar-height { height: 2px; min-height: 2px; overflow: hidden; }
/*#wrs_navigace. { height: auto; min-height: 50px; border: 1px solid red;  }*/
#wrs_navigace.affix { display: block; height: auto; min-height: 50px; }

#wrs_navigace.navbar-default .navbar-brand { padding: 14px 25Px 0 20px; font-family: tahoma;   }
#wrs_navigace.navbar-default .navbar-brand:hover  {  }
#wrs_navigace.navbar-default .navbar-nav > li { position: relative;  }
#wrs_navigace .navbar-nav > li > a { font-size: 0.8em ; color: #fff} /* - barva hlavniho menu */
#wrs_navigace.navbar-default .navbar-nav > li:before, #wrs_navigace.navbar-inverse .navbar-nav > li:before { content: ""; background: #000; color: #fff; position: absolute; z-index: 0; width: 100%; height: 0px; left: 0; bottom: 0; opacity: 0;    -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 0; }
#wrs_navigace.navbar-default .navbar-nav > li:hover:before, #wrs_navigace.navbar-inverse .navbar-nav > li:hover:before { height: 100%; opacity: 1; }
#wrs_navigace.navbar-default .navbar-nav > li:hover, #wrs_navigace.navbar-inverse .navbar-nav > li:hover { background: transparent; }
#wrs_navigace .navbar-brand img {  margin-top: 0px; max-width: 58px; }
#wrs_navigace .navbar-brand { padding: 2px 0 0 20px; margin: 0; }
/*#wrs_navigace .navbar-header { width: 150Px; }*/
#wrs_navigace .navbar-nav { text-align: center;  }
#wrs_navigace .nav > li { float: none; display: inline-block; }

/* menu social */
#wrs_navigace .nav > li.menu_social .social-media-link a {
  display: inline-block; position: relative;
  width: 41px; height: 41px;
  text-align: center; font-size: 19px;
  padding: 5px; border-radius: 100%;
  background: #16407F; color: #fff; border: 0;
  -webkit-transition: .3s all; -o-transition: .5s all; transition: .5s all; 
}
#wrs_navigace .nav > li.menu_social .social-media-link a:hover {
  /*background: #26B7E3;*/
  background:  #16407F; color: #fff;
}
#wrs_navigace .nav > li.menu_social div.social-media-link { position: relative; margin: 5px 5px 5px 6px; padding-bottom: 0; display: block }

#wrs_navigace .nav > li.menu_social:before { content: ""; background: #fff; color: #000; position: absolute; z-index: 0; width: 100%; height: 0px; left: 0; bottom: 0; opacity: 0;    -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 0; }
#wrs_navigace .nav > li.menu_social:hover:before .social-media-link { height: 0; }
/* KONEC  -  menu social */


#kosik_obsah {  }
#form_hledej, #kosik_obsah { padding: 20px 0; /* background: #842121;; */ }
#form_hledej .search-btn-absolute { font-size: 30px; }

#wrs_navigace.affix .navbar-brand img {  margin-top: 0px; max-width: 58px; }

/* pro skok pri afix */
.affix + .container-fluid, .affix + .container, .affix + #home4banners {
		padding-top: 50px;
	}

    /* menu logout */
    #wrs_navigace.navbar-default li.admin a.btn-logout { border-radius: 0; }
    
/* - wrs_navigace - konec -------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
#carousel-carousel-full h1 { color: #fff; }
#carousel-carousel-full .carousel-inner { /* background: url("../images/home/back_krabicky.jpg"); background-size: 100% auto;*/ }
#carousel-carousel-full .car-text { position: absolute; width: 100%; height: auto; top: 20%; color: #fff; text-shadow: 2px 3px 2px rgba(0, 0, 0, 0.7); letter-spacing: 1px; padding-left: 20px; padding-right: 20px }
#carousel-carousel-full .car-text .car-nadpis { font-size: 64px; text-shadow: 2px 3px 2px rgba(0, 0, 0, 0.7); font-weight: 400; }
#carousel-carousel-full .car-text h1.car-nadpis { font-weight: 600; }
#carousel-carousel-full { position: relative; text-align: center; font-size: 18px;  font-weight: 400; }
#carousel-carousel-full .car-text a { color: #fff; }
/* ------------------------------------------------------------- */
#carouselA, #carouselB { margin: 10px 0 20px; position: relative; }
#carouselA .item, #carouselB .item { overflow: hidden; margin: 0 10px; position: relative; border: 1px solid #eee; border-left: 4px solid red;    -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;   }
#carouselA .item div, #carouselB .item div { background: #f2f2f2; position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px 20px; }
#carouselA .item div a, #carouselB .item div a { font-size: 1.2em; }
#carouselA .item img:hover , #carouselB .item img:hover { transform: scale(1.16);   -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;  }
#carouselA .item div a:hover, #carouselB .item div a:hover { text-decoration: none; }
#carouselA .carusel_cena, #carouselB .carusel_cena  { display: none; text-align: center; }
#carouselA .btn-a { opacity: 0.6; position: absolute; right: 25px; top: 8%;  }
#carouselA .btn-a:hover { opacity: 1; }  

#home_main { padding-top: 30px; }
#home_main .col-sm-8 .text-legend img { padding: 2px 0px; }
.text-legend { -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
    border: 1px solid #eee; border-left: 4px solid red; position: relative; z-index: 0; margin-bottom: 15px;  }
.text-legend .legend:before { content: ""; background: red; color: #fff; position: absolute; z-index: 0; width: 100%; height: 0px; left: 0; bottom: 0; opacity: 0;    -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 0; }
.text-legend:hover .legend:before { background: red; color: #fff; position: absolute; z-index: 1; width: 100%; height: 5px; left: 0; opacity: 0.8; }
.text-legend .legend { background: #f1f1f1; text-decoration: none;
    color: #000;
    position: absolute; z-index: 1;
    bottom: 10Px; padding: 8px 20Px;
    right: 0Px; font-size: 120%; border: 0px solid #fff; border-bottom: 1px solid red;
}
.text-legend:hover .legend { text-decoration: none;
   font-size: 240%; border-bottom: 5px solid red; }
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
.top_images:before {
  content: "";
  left: 0; right: 0; bottom: 0; position: absolute; top: 0;
  width: 100%; height: 100%;
  background: #000; opacity: 0.4;
 }
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
#home_projekt { padding: 60px 0 60px 0; }
#home_projekt .col-sm-6 { margin-bottom: 30px; margin-top: 20px; text-align: center; padding: 10px 6%; }
#home_projekt .col-sm-6 h3 { max-width: 230px; width: 80%; }
.home_ico {  font-size: 63Px;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    padding: 15px 30px;
    background: #fff;
    text-align: center;
    border-radius: 60px; }
/* ------------------------------------------------------------- */
.reference .home_content_news { min-height: 530px; margin-bottom: 30px }
/* ------------------------------------------------------------- */
.owl-controls .owl-page, .owl-controls .owl-buttons div {
    cursor: pointer;
}
#carouselB .item { padding: 0 1% 0 0; }
#carouselB .item:hover { padding: 0 0 0 2%; }
#carouselB .owl-buttons {
    color: #ab9E73;
    font-size: 40px;
    position: absolute;
    right: 30px;
    top: -6px;
}
#carouselB .button-close { font-size: 20px; position: absolute; right: 10px; }
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */

/* admin menu dropdown */
#wrs_navigace.navbar-default li.admin  > a { background: transparent;  }
#wrs_navigace.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background: #333; color: #ccc;  } /* aktivni tlacitko admin */
#wrs_navigace.navbar-default li.admin  > ul.dropdown-menu { background: #222; }
#wrs_navigace.navbar-default li.admin  > ul.dropdown-menu a { color: #ccc; font-size: 100%;  }
#wrs_navigace.navbar-default li.admin  > ul.dropdown-menu > li a:hover { background: #fff;  color: #000; }    /* #FF4935 */
#wrs_navigace.navbar-default li.admin  > ul.dropdown-menu  .glyphicon-plus { color: green;  }
/* ------------------------------------------------------------- */

.icon-menu {
    background-color: transparent;
    background-image: none;
    border-radius: 4px;
    float: left;
    margin: 2px 10px 0 0;
    padding: 0px;
    position: relative; display: inline-block
}
.icon-bar {
    border-radius: 1px;
    display: block;
    height: 2px;
    width: 20px; margin: 3px 0;
    background: #000 none repeat scroll 0 0;
}
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
.box_profirmy { background: #1060b4; margin-top: 20px }
.box_prouchazece { background: #5471B4; margin-top: 20px }
.box_profirmy , .box_prouchazece { color: #fff; }
.box_profirmy h2, .box_prouchazece h2, .box_profirmy h2 a, .box_prouchazece h2 a { color: #fff; padding-top: 20px }
.box_profirmy img, .box_prouchazece  img { float: none }
.box_profirmy h2 a.btn, .box_prouchazece h2 a.btn { padding-top: 7px; }
.box_profirmy .padding, .box_prouchazece .padding { padding-bottom: 0; }
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
    .article div.col-md-12 { margin-top: 2px; margin-bottom: 10px;  }

    #home_main .container, #home_sluzby .container { padding-top: 20px; padding-bottom: 20px; }
    #home_sluzby { background: #ebeff3; }
    #home_sluzby .container  { background: transparent; text-align: center; }
    #home_sluzby .glyphicon { padding: 0 }
    #home_sluzby div.circle-icon {
        background: #428bca /*#FE6D36*/;
        width: 95px;
        height: 95px;
        line-height: 7em;
        margin: 0 auto;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -ms-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
    }
    #home_sluzby .glyphicon-th-large {
        font-size: 2em; 
        color: #FFFFFF;
    }
    #home_sluzby .banner-text-row  { margin-bottom: 30px; margin-top: 20px; }
    #home_sluzby .banner-text { text-align: center; }
    #home_sluzby .banner-text p { color: #999; }
    #home_sluzby .banner-text:hover div.circle-icon {
      transform: rotateY(360deg);
      -webkit-transform: rotateY(360deg);
      -o-transform: rotateY(360deg);
      -ms-transform: rotateY(360deg);
      -moz-transform: rotateY(360deg);
      transition: 0.5s all ease;
      -webkit-transition: 0.5s all ease;
      -moz-transition: 0.5s all ease;
      -o-transition: 0.5s all ease;
      -ms-transition: 0.5s all ease;
    }
/* ------------------------------------------------------------- */

#box_team { overflow: hidden; 
    text-align: center; padding: 140px 0 60px; position: relative; min-height: 500px; color: #fff;
}
#box_team p { margin: 0; }
.box_team_foto { position: absolute; width: 100%; height: auto; left: 0; top: 0; }
.callbacks_tabs a{
 visibility: hidden;
}
.callbacks_tabs li{
  display: inline-block;
  margin: 0 .2em;
}
.callbacks_tabs a:after {
content: "\f111";
    font-size: 0;
    font-family: FontAwesome;
    visibility: visible;
    display: block;
    height: 12px;
    width: 12px;
    background: #FE6D36;
    display: inline-block;
    border: 2px solid #FE6D36;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
}
.callbacks_here a:after{
    border: 2px solid #FFFFFF;
    background: #FE6D36;
}


#slider3-pager a {
  display: inline-block;
}
#slider3-pager span{
  float: left;
}
#slider3-pager span{
	width:100px;
	height:15px;
	background:#fff;
	display:inline-block;
	border-radius:30em;
	opacity:0.6;
}
#slider3-pager .rslides_here a {
  background: #FFF;
  border-radius:30em;
  opacity:1;
}
#slider3-pager a {
  padding: 0;
}
#slider3-pager li{
	display:inline-block;
}
.rslides {
  position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0;
}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute; display: none; width: 100%; left: 0; top: 0;
}
.rslides li{
  position: relative; display: block; float: left;
}
.rslides img {
  height: auto; border: 0;
}
.callbacks_tabs{
    list-style: none;
    position: absolute;
    bottom: 30%;
    z-index: 999;
    left: 46%;
    padding: 0;
    margin: 0;
}
/* ------------------------------------------------------------- */
/* kontakt - zmena formulare - */
#kontakt { background: #deebf9; }
#kontakt h3 { border: 0; }
#kontakt .btn-success { color: #fff; border: 1px solid #1060B4;
    background-color: #5bc0de; }
#kontakt .btn-success:hover { color: #fff; background-color:#1060B4;  }
#kontakt .form-group {
    margin-bottom: 20px;
}
#kontakt .form-control {
    background-color: #f9f9f9;
    border: 1px solid #E0E0E0;
    border-radius: 0px;
    box-shadow: none;
    height: auto; 
    padding: 14px 28px;
}
#kontakt .form-control:focus {
    border-color: #DADADA;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(150, 144, 144, 0.5);
       -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(150, 144, 144, 0.5);
        -ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(150, 144, 144, 0.5);
         -o-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(150, 144, 144, 0.5);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(150, 144, 144, 0.5);
}
#frm-napistenamForm input { width: 100%; margin-bottom: 10px; border-radius: 0; padding: 14px 28px; height: auto;  }
#frm-napistenamForm textarea { width: 100%; min-height: 224px; border-radius: 0; margin-bottom: 10px; padding: 14px 28px; height: auto;  }
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */

/* ------------------------------------------------------------- */
#bottom { border-top: 1px solid #842121;; margin-top: 0;
    color: #ccc; padding-top: 40px; padding-bottom: 40px;
    background: #1060b4; /* Old browsers */
	}
#bottom .container { background: transparent; }
#bottom h4 { color: #ccc; display: block; margin: 30px 0 20px; }
#bottom h4 span {color: #ccc;}
#bottom hr { border-color: #222; }
#bottom ul { margin-bottom: 20px; padding-left: 0;  }
#bottom ul li { list-style: none; display: block; font-size: 100%; padding: 0 10px; margin: 2% }
#bottom a { color: #ccc; }
#bottom .a_block a { display: block; }
#bottom a.a_black { display: inline-block; background: #000; padding: 5px 10px; border-radius: 3px; width: auto; }
#bottom a:hover { color: #f4f4f4; text-decoration: none }
#bottom a .fa-facebook:hover { color: rgb(70,88,153); }
#bottom a .fa-instagram:hover { color: #ccc; }
#bottom a .fa-youtube:hover { color: red; }
#bottom a .fa-youtube-play:hover { color: #842121;;  }
#bottom .social-media-link a, .box-homemenu .social-media-link a {
  display: inline-block;
  width: 44px; height: 44px;
  text-align: center; font-size: 20px;
  padding-top: 8px; border-radius: 100%;
  background: #16407F; color: #e2e2e2;
  -webkit-transition: .3s all;
  -o-transition: .5s all;
  transition: .5s all;
  border: 0px solid #00a7eb;
}
#bottom .social-media-link a:hover, .box-homemenu .social-media-link a:hover {
  /*background: #26B7E3;*/
  background: #fff; color: #16407F; border: 0px solid #00a7eb;
}


.wrscopy { color: #777; clear: both; background: #000; padding: 10px 0 10px 0px; }
.wrscopy a {  color: #777; }
/* ------------------------------------------------------------- */
#info_bottom { color: #fff; padding: 30px 0; background: #842121;; margin: 0% 0 20px 0; clear: both; }
#info_bottom h3 { font-size: 230%; color: #fff; border-color: #eee; }
#info_bottom h4 { font-size: 130%; color: #fff; }
#info_bottom h4 b, #info_bottom  h4 a { font-weight: bold; font-size: 110%; color: #fff; }
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* - pagebreake - klik a scrolll to top ------------- */
.pagebreak { text-align: center; clear: both; }
.pagebreak .glyphicon { margin:0; }
.pagebreak div { border-top: 1px solid #eee; position: relative; top: -81px;  z-index: -1;}
.btn-circle { border-radius: 50px;
    width: auto;
    height: auto;
    line-height: 20px;
    overflow: hidden;
    padding: 10px 10px 6px;
    margin: 50px 0;
    border: 10px solid #fff;
    text-align: center;
    }
    .btn-circle-up { padding: 7px 10px 10px; }
.btn-circle:hover { border-color: #afdfef; }
/* - pagebreak - konec ----- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* - posun scrooling o cast strany ----------------------------- */
    .scrolling_box { clear: both; padding: 30px 0 10px; text-align: center; }
    .scrolling_box .text-muted { position: relative; top: 10px; padding-top: 20px; font-size: 80%; }
    .center .scrollingdolu, .scrolling_box .scrollingdolu { position: relative; bottom: -15px; z-index: 1; float: none; right: 0; border-radius: 30px; }
    .scrollingdolu { position: fixed; bottom: 5%; right: 22px;  z-index:1;  }
    /* #scroltop { position: absolute; right: 22px; z-index:1; }
    .animated */ #scroltop { position: fixed; bottom: 12%; right: 22px; z-index: 5   }
    .scroltop {
        background: #fff none repeat scroll 0 0;
        border: 1px solid #26B7E3; border-radius: 0;
        color: #26B7E3; font-size: 18px;
        float: right;
        height: 42px;
        line-height: 12px;
        padding: 9px 12px;
        text-align: center;
        width: 42px;
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -o-transition: 0.5s all;
        -ms-transition: 0.5s all;
    }
/* konec - posun scrooling o cast strany ----------------------- */
/* ------------------------------------------------------------- */

/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */

/* ----------------------------------------------- */
/* ----------------------------------------------- */    
/* WRS_icon -------------------------------------- */
    .doklady .doklad_stav_0 { background-color: #f0ad4e; }
    .doklady .doklad_stav_1 { background-color: #fcf8e3; }
    .doklady .doklad_stav_2 { background-color: #d9edf7; }
    .doklady .doklad_stav_3 { background-color: #fff; }
    .doklady .doklad_stav_4 { background-color: #dff0d8; }

    .www_icons { background: url(../data/images/ico/www-icons.png); background-size: 390px auto;
        width: 64px; height: 64px;
        display: inline-block; }
    
    .www_icons_a1 { background-position: -8px -7px; background-size: 600px auto; }
    .www_icons_a2 { background-position: -81px -7px; background-size: 600px auto; }
    .www_icons_a3 { background-position: -156px -7px; background-size: 600px auto; }
    .www_icons_a4 { background-position: -229px -7px; background-size: 600px auto; }
    .www_icons_a5 { background-position: -303px -7px; background-size: 600px auto; }
    .www_icons_a6 { background-position: -380px -7px; background-size: 600px auto; }
    .www_icons_a7 { background-position: -450px -7px; background-size: 600px auto; }
    .www_icons_a8 { background-position: -8px -84px; background-size: 600px auto; }
    .www_icons_a9 { background-position: -81px -84px; background-size: 600px auto; }
    .www_icons_a10 { background-position: -156px -84px; background-size: 600px auto; }
    .www_icons_a11 { background-position: -229px -84px; background-size: 600px auto; }
    .www_icons_a12 { background-position: -303px -84px; background-size: 600px auto; }
    .www_icons_a13 { background-position: -380px -84px; background-size: 600px auto; }
    .www_icons_a14 { background-position: -450px -84px; background-size: 600px auto; }
    .www_icons_a15 { background-position: -8px -154px; background-size: 600px auto; }
    .www_icons_a16 { background-position: -81px -154px; background-size: 600px auto; }
    .www_icons_a17 { background-position: -156px -154px; background-size: 600px auto; }
    .www_icons_a17s { background-position: -79px -77px; background-size: 300px auto; width: 32px; height: 32px; }
    .www_icons_a18 { background-position: -229px -154px; background-size: 600px auto; }
    .www_icons_a18s { background-position: -115px -77px; background-size: 300px auto; width: 32px; height: 32px; }
    .www_icons_a19 { background-position: -303px -154px; background-size: 600px auto; }
    .www_icons_a19s { background-position: -152px -77px; background-size: 300px auto; width: 32px; height: 32px; }
    .www_icons_a20 { background-position: -380px -154px; background-size: 600px auto; }
    .www_icons_a20s { background-position: -191px -77px; background-size: 300px auto; width: 32px; height: 32px; }
    .www_icons_a21 { background-position: -450px -154px; background-size: 600px auto; }
    
    .www_icons11 { background-position: -4px -274px; }
    .www_icons12 { background-position: -82px -274px; }
    .www_icons13 { background-position: -162px -274px; }
    .www_icons14 { background-position: -242px -274px; }
    .www_icons15 { background-position: -322px -274px; }
    .www_icons21 { background-position: -4px -358px; }
    .www_icons22 { background-position: -82px -358px; }
    .www_icons23 { background-position: -162px -358px; }
    .www_icons24 { background-position: -242px -358px; }
    .www_icons25 { background-position: -322px -358px; }
    .www_icons31 { background-position: -4px -445px; }
    .www_icons32 { background-position: -82px -445px; }
    .www_icons33 { background-position: -162px -445px; }
    .www_icons34 { background-position: -242px -445px; }
    .www_icons35 { background-position: -322px -445px; }
    .www_icons41 { background-position: -4px -530px; }
    .www_icons42 { background-position: -82px -530px; }
    .www_icons43 { background-position: -162px -530px; }
    .www_icons44 { background-position: -242px -530px; }
    .www_icons45 { background-position: -322px -530px; }
    .www_icons51 { background-position: -4px -620px; }
    .www_icons52 { background-position: -82px -620px; }
    .www_icons53 { background-position: -162px -620px; }
    .www_icons54 { background-position: -249px -620px; }
    .www_icons55 { background-position: -322px -620px; }
    .www_icons61 { background-position: -4px -709px; }
    .www_icons62 { background-position: -82px -709px; }
    .www_icons63 { background-position: -162px -709px; }
    .www_icons64 { background-position: -242px -709px; }
    .www_icons65 { background-position: -322px -709px; }
    
    /*********************************************/
    .vyrobawww_info .btn {  color: #f4cccc; opacity: 0.7;  position: absolute; right: 10px; bottom: 5px }
    .vyrobawww_info .btn em { font-size: 36px; }
    .vyrobawww_info .btn:hover { color: red;  opacity: 1; }

    .vyrobawww_info {
        padding-top: 10px;
    }
    .vyrobawww_info ul { padding: 2% 4% 4%; list-style:none; 
        border: 1px solid #842121;; border-radius: 10px;
        min-height: 240px; margin-bottom: 0px;
        background: rgb(255,255,255); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 5%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 5%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 5%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
        }
    .vyrobawww_info .www_icons { float: left; margin-right: 10px; position: relative; top: -10px; left: -10px; }
    .vyrobawww_info ul li.no-hover { list-style: none; margin-bottom: 30px;
        }
    
/* konec - WRS_icon ------------------------------ */    
/* ----------------------------------------------- */
.eshop_objednavka { padding-bottom: 100px;}
#frm-objednavkaForm {  padding-bottom: 20Px; }
#frm-objednavkaForm label { color: #333; font-weight: 300; margin-top: 10px; font-size: 90%; }
#frm-objednavkaForm p { padding-bottom: 30px; }
#frm-objednavkaForm .form-control-radio { margin-right: 10px; }
#frm-objednavkaForm .tab-content { border: 1px solid #842121; background: #f2f2f2; padding: 10Px 20px;}
#frm-objednavkaForm .nav-tabs>li.active>a { border-left: 1px solid #842121; border-right: 1px solid #842121; border-top: 1px solid #842121; position: relative; top: 1px; }
#frm-objednavkaForm .nav-tabs>li.active>a, #frm-objednavkaForm .nav-tabs>li.active>a:focus, #frm-objednavkaForm .nav-tabs>li.active>a:hover { background: #f2f2f2; }
#frm-objednavkaForm .bigbox_platba { background: #fff; padding: 10px 30px 20px; border: 1px solid #842121; }
#frm-objednavkaForm .box_doprava { border: 1px solid #ccc; background: #f2f2f2; padding: 20px 10px; margin-bottom: 30Px; }
#frm-objednavkaForm .box_doprava img { border-radius: 10px; background: #fff; margin-bottom: 10px; max-width: 80px; height: auto; }
#frm-objednavkaForm #kosik_dod_adr { clear: both; background: #fff; padding: 10px 20px 20px; border: 1px solid #842121; }
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ------------------------------------------------------------- */
/* ---------------- */
/* -  ------------- */
/* -  - konec ----- */
/* ---------------- */
nav.navbar-dark .navbar-nav .show > .dropdown-menu a:hover { color: #111; }

#WebMenu.affix {
      position: fixed; 
  }


/* big Devices */


@media only screen and (min-width: 2100px) and (max-width: 3900px)  {
    .box-homemenu { padding-bottom: 150px; min-height: 850px; }
    .box-homemenu .hometop-logo { padding-top: 80px; padding-bottom: 30px; }
}

@media only screen and (min-width: 1691px) and (max-width: 2100px)  {
    .box-homemenu { padding-bottom: 100px; min-height: 780px; }
    .box-homemenu .hometop-logo { padding-top: 80px; padding-bottom: 30px; }
}

/* Small Devices, Tablets */

@media only screen and (min-width : 1208px) {
    #wrs_navigace.navbar { font-size: 140%; }
    
}
@media only screen and (max-width : 1200px) {
    #wrs_navigace.navbar { font-size: 110%; }
    .box-homemenu .hometop-logo { padding-top: 50px; padding-bottom: 30px; }
    
    #box_team { padding: 130px 0 50px; }
    .callbacks_tabs { bottom: 40%; }
    
    .perex .box_profirmy , .perex .box_prouchazece { font-size: 0.77em }
    
}
@media only screen and (max-width : 992px) {
    #wrs_navigace.navbar { font-size: 100%; }
    #wrs_navigace .navbar-nav>li>a { padding-left: 13px; padding-right: 13px; }
    #box_team { padding: 40px 0 40px; }
    .callbacks_tabs { bottom: 50%; }
}

@media only screen and (max-width: 880px) {
    #wrs_navigace.navbar { font-size: 100%; }
    #box_team { min-height: 290px; padding: 40px 0 50px; }
    .callbacks_tabs { bottom:28%; }
    
    .hometop-abs { max-width: 1200px; }
    
    #wrs_navigace.affix .navbar-nav { width: 100%; margin: 20px 0; }
    #wrs_navigace.affix .nav > li { display: block; }
}

@media only screen and (max-width: 765px) {
    #wrs_navigace.navbar { font-size: 100%; }
    #box_team { min-height: 280px; padding: 10px 0 50px; }
}

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

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

@media only screen and (max-width : 480px) {
   
}
/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    
}