@font-face {   font-family: 'Open Sans';   font-style: normal;   font-weight: 300;   src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRUOjZSKWg4xBWp_C_qQx0o.woff2) format('woff2'); } @font-face {   font-family: 'Open Sans';   font-style: normal;   font-weight: 400;   src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); } @font-face {   font-family: 'Open Sans';   font-style: normal;   font-weight: 600;   src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNShUOjZSKWg4xBWp_C_qQx0o.woff2) format('woff2'); } @font-face {   font-family: 'Open Sans';   font-style: normal;   font-weight: 700;   src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBUOjZSKWg4xBWp_C_qQx0o.woff2) format('woff2'); } @font-face {   font-family: 'Open Sans';   font-style: italic;   font-weight: 400;   src: local('Open Sans Italic'), local('OpenSans-Italic'), url(http://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBqg5eI2G47JWe0-AuFtD150.woff2) format('woff2'); }

*{margin:0;padding:0;}
body{background:#ece9e6;font-weight:400;min-width:320px;font-size:16px;font-family: 'Open Sans' !important;padding:0px 0px 160px;}
.c {bottom: 0;height: 20px;position: fixed;right: 0;width: 20px;}
.big { font-size: 120%; }
.button { display: inline-block; }
h1, h2, h3, h4, h5, h6, p, li, input, textarea, select, button, .button, .perex {line-height: 1.4em;}
input[type="submit"], button, .button { cursor: pointer; padding: 0.4em 1em; text-transform: uppercase; }
p{font-size:15px;color:#535353;line-height:22px;}
a:link, a:visited{font-weight: 400;background:none;color:#008bc5;}
a:hover{color:#000;}
p strong{color:#000;}
strong {font-weight: 400;}
.clr{clear:both;}
.wrapper{max-width: 1600px;margin:0 auto;text-align:left;position:relative;}
form label{font-weight:600}
btn{border:0 none;}

#fix{position:fixed;top:45%;z-index:9999;transform: rotate(270deg);right:-137px;}
.navbar{margin-bottom:0;height:100px;}
.navbar ul.nav{float:right;margin:0px 20px;}
nav{background:#fff !important;border:0 none !important;top:0px;height:110px;}
nav a.navbar-brand{padding:0;}
nav a:link, nav a:visited{color:#000 !important;font-size:18px;font-weight:400;padding:40px 35px 39px;text-transform:uppercase;}

nav a img{height:104px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {background:transparent url('../img/red-line.png') no-repeat center bottom;color:#fe0000;}


nav #navbar{margin-right:-15px;padding-right:0;}









.navbar-toggle{margin:23px 10px 26px 0;padding:10px;float:right;}
.navbar-toggle:hover{background:transparent url('../img/menu-hover.png') no-repeat center bottom;color:#fe0000;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background:#d30e33;}
.navbar-toggle .icon-bar{height:4px;width:32px;}
.navbar-default .navbar-toggle .icon-bar{margin:7px 3px 0 3px;background:#000;}
.navbar-default .navbar-toggle .icon-bar:last-child{margin:7px 3px;}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar{background:#fff;}

.navbar-brand, a.navbar-brand, a.navbar-brand:link, a.navbar-brand:visited{color:#bbb !important;font-size:26px !important;padding:0 !important;}
.navbar-brand span{color:#64a938 !important; font-size:26px !important; font-weight:600;}
.navbar-brand:hover span, a.navbar-brand:hover{color:#58cf0a !important;}
.navbar-brand img{max-width:370px;width:100%;margin:7px 0 0 15px;height:auto;}

#slider{background:#ece9e6 url('../img/bg-body.jpg') no-repeat center top;min-height:637px;display:block;width:100%;padding:0;position:relative;}
#formular{z-index:999;max-width:480px;background:#fff;padding:10px 15px 2px;margin:0 8%;border-bottom:8px solid #c90101;position:relative;top:50px;}
#formular strong.nadpis{display:block;color:#212121;font-weight:bold;font-size:22px;}
#formular span{color:#121212;font-size:15px;margin:15px 0 5px;display:block;}
#formular span em{color:#ff0000;}
#formular input[type="checkbox"]{margin:4px 11px 0 0;float:left;}
#formular label{color:#989898;font-weight:normal;font-size:15px;}
#formular .col-sm-7{margin:28px 0 0;} 
#formular .col-sm-5{margin:15px 0 0;}
#formular .height{height:110px;}
#formular hr{margin:10px 0;}

.btn.btn-default {background: #fe0000;border: medium none !important;color: #fff;font-size: 17px;font-weight: normal;padding: 15px 35px;text-shadow:none !important;cursor:pointer;}
.btn.btn-default:hover {background: #c13737;box-shadow:none;}
.btn.btn-brown {background: #666;box-shadow:none;}
.btn.btn-brown:hover {background: #9f885f;box-shadow:none;}

#data, #data2{text-align:center;}
#data .produkty .col-sm-3 .col-sm-12{border-radius:2px;border:1px solid #edeae7;padding:0;}
#data .produkty h2{background-color:rgb(0, 0, 0, 0.6);background-image: url('../img/red-line.png') no-repeat bottom center;color:#fff;text-transform:uppercase;margin:0;}

#data2 .wrapper{background:#fff;padding:30px 40px 10px;}
.detail h4, .detail strong{font-weight:600;}
.detail h1{background:transparent url('../img/red-line.png') no-repeat left bottom;margin:0 0 35px;padding:0 0 20px;font-weight:600;}
.detail h3, .detail h2{color:#c90101;font-weight:600;}


#data .produkty{height:auto;background:#fff;margin:0 auto 10px !important;max-width:100%;float:none;}

.hover{width:100%;position:relative;}
.hover img{width:100%;max-width:396px;max-height:406px;}
.hover:hover img{opacity:0.1;}
.hover h2{text-transform:uppercase;display:block;position:absolute;bottom:0px;padding:25px 0;margin:0;z-index:40;width:100%;font-size:25px;background:rgba(0,0,0, .8);color:#fff !important;font-weight:600;}
.hover:hover h2{display:none;}
.hover .popisek{display:none;position:absolute;text-align:left;padding:15px 22px;top:0;}
.hover .popisek p{color:#fff1f1;font-size:11px;line-height:18px;overflow:hidden;margin:25px;text-align:justify;}
.hover .popisek a:link, .hover .popisek a:visited{z-index:100;position:absolute;background:#fff;padding:15px 25px;bottom:-50px;text-align:center;color:#121212;display:block;margin: 0 auto;text-transform:uppercase;}
.hover .popisek a:hover{z-index:100;background: rgba(254,0,0, 0.9);color:#fff;}
.hover .popisek p strong{color:#fff;}
.hover .popisek h4{color:#fff;text-transform:uppercase;font-size:20px;margin:25px;font-weight:600;}
.hover:hover{background: rgba(0,0,0, 0.9);}
.hover:hover .popisek{display:block;}

.produkty .col-sm-3{margin:10px 0;}

#subCategories li {display: block;margin: 0;padding: 0;text-align:center;width: 48%;margin:1%;float:left;text-align:center;max-width:312px;max-height:auto;}
#subCategories li a{background:#f4f6fc url('../img/bg-subli.png') no-repeat center center;width:100%;display:block;text-transform:uppercase;color:#726565;font-size:12px;font-weight:600;padding:8px 0;}
#subCategories li a:hover{background:#c90101 url('../img/bg-subli-hover.png') no-repeat center center;color:#fff;text-decoration:none;}
#subCategories li img{display:block;margin:3px auto;height:auto;width:70px;height:49px:}

strong#h1{color:#c90101;font-size:25px;display:block;margin:5px 0 5px 10px;}
#catGuiderDiv strong{color:#000;font-weight:600;margin: 0 0 10px 10px;display:block;font-size:14px;}
#rootCategories li a{background:url('../img/bg-subli.png') no-repeat center center;background-size:100% 100%;float:left;display:block;margin:5px 2px;}
#rootCategories li a:hover{text-decoration:none;}
#rootCategories img{width:52px;opacity: 0.2; filter:alpha (opacity=20);transition:300ms;}
#rootCategories li:hover img{width:52px;opacity: 1; filter:alpha (opacity=100)}
#rootCategories{border:none;}
#breadsCategories a{font-size:13px;color:#929295;font-weight:400px;padding:0 5px;}
#breadsCategories li{list-style:none;float:left;font-size:13px;color:#929295;}
#breadsCategories li:after {content: " >"; }
#formular #frm-categoryGuider-generatorReport label{font-size:13px;display:block;margin:8px;}
#generatorForm .btn{margin:10px 0;}
#ultrared {background: #e8e8e8;margin: 0 0 15px;padding: 3px 10px;}
#parametr{padding:25px;margin:15px;background:#f8f8f8;}
#parametr strong{font-weight:bold;}
#form{position:relative;}
.container h2 {
    color: #de0000;
    font-size: 22px;
    font-weight: 400;text-align:left !important;
}
#vitez {background: #de0000 none repeat scroll 0 0;color: #fff;font-size: 15px !important;font-weight: 400;border-radius:3px;}
#vitez h2{color:#fff;}

.btn.btn-white{background:#fff;color:#000;font-weight:400;padding:3px 10px;cursor:pointer;}
.btn.btn-white:hover{background:#000;color:#fff;font-weight:400;padding:3px 10px;cursor:pointer;}

#tip{background:#fff;}
#tip p{color:#121212;padding:26px 10px;margin:0;}
#tip .wrapper .col-md-9{border-right:1px solid #e6eaec !important;}
#tip p strong{color:#000;font-weight:bold;display:block;}
#tip .sestihran{background:#fff url('../img/sestihran.png') no-repeat center center;color:#fff;width:64px;height:56px;text-align:center;padding:5px;font-size:30px;margin:20px 0 0 0;}


#panel{background:#ece9e6 url('../img/shadow.png') no-repeat top center;padding:35px 0 20px;text-align:center;}
#ref{text-align:center;}
#ref img{width:100%;}
h1, #ref h2, #kontakt h3{background:transparent url('../img/red-line.png') no-repeat top center;padding:20px 0 15px;}

#fb{background:transparent url('../img/fb.png') no-repeat top center;width:215px;height:71px;position:absolute;bottom:0;right:100px;}


#data{background:#fff url('../img/zob.png') no-repeat bottom center;padding:25px 25px 210px;}
p#akce{font-size:19px;color:#fff;background:#fe0000;padding:18px;text-align:center;margin:0;}

#kontakt{background:#fff;padding:35px;}
#kontakt .wrapper{text-align:center;}
#kontakt .user{background:transparent url('../img/user.png') no-repeat center left;font-size: 16px;height: auto !important;padding: 17px 12px 17px 60px;}
#kontakt .phone{background:transparent url('../img/phone.png') no-repeat center left;font-size: 16px;height: auto !important;padding: 17px 12px 17px 60px;}
#kontakt .btn.btn-default{margin:40px auto 15px !important;}

#aktuality{padding:55px 0;background:#ece9e6;}
#aktuality span{background:#666666;color:#fff;display:block;padding:10px;text-align:center;border-radius:4px;min-width:70px;}
#aktuality a:link, #aktuality a:visited{color:#000;font-weight:bold;font-size:19px;margin:6px 0 15px;display:block;}
#aktuality a:hover{color:#fe0000;}

#foo{padding:0;background:#fff;min-height:86px;}
#foo .col-sm-5{width:366px;height:86px;background:transparent url('../img/foo-logo.png') no-repeat bottom center;}
#foo .col-sm-7{float:right;}
#foo ul{width:100%;display:block;margin:29px 0;}
#foo ul a:link, #foo ul a:visited{color:#666;}
#foo ul a:hover{background:none;text-decoration:underline;}
#foo ul.navbar-nav{text-align:right;}
#foo ul.navbar-nav > li {display: inline-block;float:unset;}

.detail {
    background: #fff none repeat scroll 0 0;
    margin: 35px 0;
    padding: 25px;
}

/*posuvniky*/
.slider-handle.min-slider-handle.round{background:#fe0000;}
.tooltip-inner{padding:3px 8px;border-radius:4px;border:none;margin:0 0 0 2px;background:#fe0000;}
.tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow{border-bottom-color: #fe0000;}
.slider.slider-horizontal{width:100%;}



.copyright{text-align:center;padding:15px 15px 0;}
.copyright p{font-size:13px !important;color:#666;}
.copyright p a, .copyright p a:link, .copyright p a:visited{color:#000;font-weight:normal;}


.table{font-size:13px !important;}
.table.table2{font-size:11px !important;}
#vitez .table.table2{font-size:13px !important;}

@media all and (min-width:1070px) and (max-width:1270px){
nav a:link, nav a:visited{padding:46px 15px;}
}

@media all and (min-width:830px) and (max-width:1069px){
nav a:link, nav a:visited{padding:46px 7px;font-size:13px;}
.navbar ul.nav{margin:0;}
}

@media all and (min-width:769px) and (max-width:829px){
nav a:link, nav a:visited{padding:46px 5px;font-size:10px;}
.navbar ul.nav{margin:0;}
}


@media all and (min-width:220px) and (max-width:430px){
.navbar-brand, a.navbar-brand, a.navbar-brand:link, a.navbar-brand:visited{width:70%}
}

@media all and (min-width:0px) and (max-width:577px){
#fix{display:none;}
#formular{height:80px;overflow:hidden;}
#formular em#ukaz {font-size: 35px;font-weight: bold;position: absolute;right: 0;top: -10px;transform: rotate(90deg);cursor:pointer;}
#formular strong.nadpis{margin:0 0 25px;font-size:16px;}
#formular.big{height:auto;overflow:none;}
#formular.big em#ukaz {font-size: 35px;font-weight: bold;position: absolute;right: 0;top: -10px;transform: rotate(-90deg);}
#formular.big strong.nadpis{margin:0 0 25px;font-size:16px;}
}

@media all and (min-width:577px) and (max-width:2000px){
#ukaz{display:none;}
}
@media all and (min-width:0px) and (max-width:1150px){
.sestihran{display:none;}
}

@media all and (min-width:0px) and (max-width:767px){
#tip .col-sm-3{text-align:center;}
#navbar.in ul{background: #fff;position: relative;width: 100%;z-index: 99;text-align:center;}
#navbar.in ul a:link, #navbar.in ul  a:visited{padding:16px 35px 35px;}
}


@media all and (min-width:0px) and (max-width:1069px){
#foo{overflow:hidden;z-index:-5;}
#foo ul{display:none;}
.copyright{position:fixed;bottom:0;}
}

@media all and (min-width:1200px) and (max-width:1450px){
.hover .popisek p{display:none;}
}

.col-sm-6 label input{height:10px;width:auto;}
#souhlas{height:10px;width:auto;}

table.table {display: block;height: 205px;overflow: hidden;}
table.table2 {display: block;height: auto;}


.btn-callback{bottom:50px;    height:125px;    position:fixed;    right:50px;    width:125px;    z-index:800 !important;}
.btn-callback .main-wrap{animation-duration:2s;    animation-fill-mode:both;    animation-iteration-count:infinite;    animation-name:tada;    animation-timing-function:linear;    cursor:pointer;    position:relative;}
.btn-callback .main-wrap:hover{animation:0s ease 0s normal none 1 running none;}
.btn-callback .main-wrap .btn-wrap1{animation-duration:1.7s;    animation-fill-mode:both;    animation-iteration-count:infinite;    animation-name:spin-right;    animation-timing-function:linear;    background:rgba(0,0,0,0) url("../img/brn-callback-1.png") no-repeat scroll 50% 50% / 100% auto;    border-radius:50%;    height:123px;    width:123px;}
.btn-callback .main-wrap .btn-wrap2{animation-duration:1.5s;    animation-fill-mode:both;    animation-iteration-count:infinite;    animation-name:spin-left;    animation-timing-function:linear;    background:rgba(0,0,0,0) url("../img/brn-callback-2.png") no-repeat scroll 50% 50% / 100% auto;    border-radius:50%;    height:106px;    left:0;    margin:-53px auto 0;    position:absolute;    right:0;    top:50%;    width:106px;}
.btn-callback .main-wrap .btn-wrap3{background-color:#71cc49;    border-radius:50%;    height:90px;    left:0;    margin:-45px auto 0;    position:absolute;    right:0;    top:50%;    width:90px;}
.btn-callback .main-wrap .icon-phone{animation-duration:1s;    animation-fill-mode:both;    animation-iteration-count:infinite;    animation-name:tada;    animation-timing-function:linear;    background:rgba(0,0,0,0) url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjQ1IiBoZWlnaHQ9IjQ0Ljk3IiB2aWV3Qm94PSIwIDAgNDUgNDQuOTciPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6ICNmZmY7CiAgICAgICAgZmlsbC1ydWxlOiBldmVub2RkOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBkPSJNMTcuMjQ4LDI3LjgzNCBDMjEuMjgyLDMxLjg0NiAyNS45NTEsMzUuNjc5IDI3Ljc4MywzMy44MjggQzMwLjQwOCwzMS4xODAgMzIuMDIzLDI4Ljg3NCAzNy44NDgsMzMuNTI4IEM0My42NzEsMzguMTg1IDM5LjIyNCw0MS4zMTkgMzYuNjgyLDQzLjg4NiBDMzMuNzQ4LDQ2Ljg0OCAyMi43NjEsNDQuMDkzIDExLjg3MSwzMy4yNjMgQzAuOTgyLDIyLjQzMSAtMS44NTAsMTEuNDQzIDEuMDg1LDguNDgwIEMzLjYyOCw1LjkxMyA2LjcyMiwxLjQzNCAxMS40MDksNy4yMzYgQzE2LjA5OSwxMy4wMzUgMTMuODExLDE0LjY3MiAxMS4xODcsMTcuMzIxIEM5LjM1NCwxOS4xNzIgMTMuMjE0LDIzLjgyMCAxNy4yNDgsMjcuODM0IFpNMjMuMDk3LDguNjkxIEMyMy4wOTcsOC42OTEgMjEuODgwLDguNTAxIDIxLjAyOCw5LjM1NSBDMjAuMTUxLDEwLjIzNCAyMC4xMTMsMTEuNzQ4IDIxLjAzNywxMi42NzQgQzIxLjU4MywxMy4yMjEgMjIuMzUzLDEzLjMzOCAyMi4zNTMsMTMuMzM4IEMyMy44NTUsMTMuNjIwIDI2LjExNywxNC4wOTggMjguNTI1LDE2LjUxMCBDMzAuOTMyLDE4LjkyMiAzMS40MDksMjEuMTg5IDMxLjY5MCwyMi42OTQgQzMxLjY5MCwyMi42OTQgMzEuODA3LDIzLjQ2NiAzMi4zNTMsMjQuMDE0IEMzMy4yNzYsMjQuOTM5IDM0Ljc4OCwyNC45MDEgMzUuNjY1LDI0LjAyMiBDMzYuNTE2LDIzLjE2OCAzNi4zMjcsMjEuOTQ5IDM2LjMyNywyMS45NDkgQzM1Ljg1MCwxOC45MDIgMzQuMzc2LDE1LjcxOSAzMS44NDYsMTMuMTgzIEMyOS4zMTMsMTAuNjQ2IDI2LjEzNyw5LjE3MCAyMy4wOTcsOC42OTEgWk0zNC41MTAsMTAuNTExIEMzOC45MjQsMTQuOTM0IDQwLjgwNSwxOS45NTMgNDAuMTkzLDI0LjAyMCBDNDAuMTkzLDI0LjAyMCAzOS45ODAsMjUuMzA4IDQwLjgxOSwyNi4xNDkgQzQxLjc2NCwyNy4wOTUgNDMuMjYyLDI3LjA0MSA0NC4xNDYsMjYuMTU2IEM0NC43MTQsMjUuNTg2IDQ0LjgzOSwyNC42NTkgNDQuODM5LDI0LjY1OSBDNDUuMzQ0LDIxLjE0NSA0NC43MDgsMTQuMDc0IDM3LjgzMSw3LjE4NCBDMzAuOTU1LDAuMjk0IDIzLjg5OSwtMC4zNDQgMjAuMzkyLDAuMTYzIEMyMC4zOTIsMC4xNjMgMTkuNDY4LDAuMjg2IDE4Ljg5OSwwLjg1NiBDMTguMDE1LDEuNzQzIDE3Ljk2MSwzLjI0MyAxOC45MDUsNC4xOTAgQzE5Ljc0NSw1LjAzMSAyMS4wMzAsNC44MTcgMjEuMDMwLDQuODE3IEMyNS4wODksNC4yMDMgMzAuMDk4LDYuMDg5IDM0LjUxMCwxMC41MTEgWiIgY2xhc3M9ImNscy0xIi8+Cjwvc3ZnPgo=") no-repeat scroll 50% 50%;    display:block;    height:45px;    left:0;    margin:-22px auto 0;    position:absolute;    right:0;    top:50%;    width:45px;}
@keyframes spin-right{0%{transform:rotate(360deg);}
}
@keyframes spin-right{0%{transform:rotate(360deg);}
}
@keyframes spin-left{0%{transform:rotate(-360deg);}
}
@keyframes spin-left{0%{transform:rotate(-360deg);}
}
@keyframes tada{0%{transform:scale3d(1,1,1);}
10%,20%{transform:scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg);}
30%,50%,70%,90%{transform:scale3d(1.05,1.05,1.05) rotate3d(0,0,1,3deg);}
40%,60%,80%{transform:scale3d(1.05,1.05,1.05) rotate3d(0,0,1,-3deg);}
100%{transform:scale3d(1,1,1);}
}
@keyframes tada{0%{transform:scale3d(1,1,1);}
10%,20%{transform:scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg);}
30%,50%,70%,90%{transform:scale3d(1.05,1.05,1.05) rotate3d(0,0,1,3deg);}
40%,60%,80%{transform:scale3d(1.05,1.05,1.05) rotate3d(0,0,1,-3deg);}
100%{transform:scale3d(1,1,1);}
}
.tada{animation-name:tada;}

button.btn-green{background:#71cc49;color:#fff;font-weight:bold;border:0;padding:10px;font-size:18px;padding:10px;display:block;width:100%;}
button.btn-green:hover{background:#5cb934;color:#fff;}
#myModalLabel strong{color:#455a64;font-size:18px;}
#myModal{text-align:center;}
#myModal p{color:#8e9ca2;font-size:15px;margin:10px 15px 25px;}
#myModal .form-control{padding:11px 15px;height:auto;}
#myModal small{color:#ccc;margin:0 0 5px;display:block;}