@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;position:relative;box-sizing: border-box;}
body{background:#dcecf8;font-weight:400;min-width:320px !important;font-size:16px;font-family: 'Open Sans' !important;overflow-x:hidden;}
.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:#13a3df;text-decoration:underline;}
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:-149px;}
.navbar{margin:0;top:0 !important;position:fixed !important;width:100%;z-index:99999999999;}
.navbar ul.nav{float:right;margin:0px 20px;}
nav{background:#fff !important;border:0 none !important;height:100px !important;top:0px !important;position:fixed !important;}
nav a.navbar-brand{padding:0;}
nav a:link, nav a:visited{color:#313639 !important;font-size:15px;font-weight:400;padding:41px 15px;text-transform:uppercase;font-weight:600;transition:300ms;background:transparent no-repeat center 200px;color:#313639 !important;}
nav li{border-right:1px solid #eaf4fb;}
nav li:last-child{border-right:0 none !important;}
nav a img{height:92px;}
.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 75px;color:#313639 !important;}

nav.btn-orange{margin:25px 0 25px 25px !important;font-size:15px !important;background:#ed1f24 !important;}
nav.btn-orange:active, nav.btn-orange:focus{margin:25px 0 25px 25px !important;font-size:15px !important;background:#ed1f24 !important;}


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


.navbar-toggle{margin:19px 14px;padding:10px;float:right;}
.navbar-default .navbar-toggle {border-color: #444;}
.navbar-toggle:hover{background:transparent url('../img/menu-hover.png') no-repeat center bottom;color:#ed1f24;}
.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:#dde6f4;}
.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:137px;width:100%;margin:4px 15px;height:auto;}
nav .btn.btn-default{margin:21px;}
nav .btn.btn-default.btn-orange.center{color:#fff !important;}
nav .btn.btn-default.btn-orange.center:hover{background:#c13737;color:#fff !important;}

#stehuj1 hr, #stehuj2 hr, #stehuj3 hr{margin:10px 0 !important;border-top:1px solid #1f465b;}
#stehuj1 p, #stehuj2 p, #stehuj3 p{color:#a6bfd1;text-align:center;}
#stehuj1 p a, #stehuj2 p a, #stehuj3 p a{color:#fff;text-align:center;}

#data2{padding:25px 25px 50px;background:#fff;}
#obsah{padding:35px;}
#obsah h2, #obsah h3, #obsah h4{font-size:18px;}
#obsah ul li{list-style:none;font-size:15px;color: #4167b1;font-weight: 600;}
#obsah ul{margin:20px;}
#obsah p{color:#6e7fa0;}

#slider{background:#f5fafd url('../img/slider.jpg') no-repeat center top;min-height:386px;display:block;width:100%;padding:0;height: auto;top:100px;}
#slider .col-sm-4{position:relative;}
#slider .napis{top:40px;}
#slider .logo{float:right;top:40px;transition:300ms;}
#slider .auto{right:0;top:173px;z-index:90;transition:2s;animation-duration:2s;}
#slider .lidi{top:79px;right:230px;z-index:50;}


.btn.btn-default {background: #ed1f24;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{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(238, 40, 45, 0.8);background-image: url('../img/red-line.png') no-repeat bottom center;color:#000;text-transform:uppercase;margin:0;}

#obsah a img, #data2 a img{width: 200px;height: 132px;overflow: hidden;margin: 17px 17px;}
#obsah .wrapper{padding: 25px;background: #fff;}
#data2 h1{padding:0;font-size:30px;}
#data2 h2,#data2 h3{font-size:22px;}
#data .produkty{height:auto;background:#fff;margin:0 auto 10px !important;max-width:100%;float:none;}

.hover{background: none;width:100%;position:relative;background: rgba(255,255,255, 1);}
.hover img{width:100%}
.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%;color:#fff;font-size:25px;background:rgba(235,238,238, .8);color:#000;}
.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:17px;line-height:22px;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:#b8a687;color:#fff;}
.hover .popisek p strong{color:#fff;}
.hover .popisek h4{color:#fff;text-transform:uppercase;font-size:20px;margin:25px;}
.hover:hover{background: rgba(254,0,0, 0.9);}
.hover:hover .popisek{display:block;}

#myModal{z-index:99999999999;}

#ikonky{background:#fff;text-align:center;font-weight:bold;width:100%;overflow:hidden;}
#zdarma {background:#05152b url('../img/bg-zdarma.jpg') no-repeat top center;text-align:left;padding:16px;}
#zdarma span{float:left;font-size:26px;color:#d7dde4;margin:4px;}
#zdarma a{float:right;}
#ict{width:100%;}
#ict-img{float:left;}
#ict-img img{width:100%;position:relative;z-index:99;}
#ict-txt{float:right;text-align:left;padding:20px 45px;position:relative;z-index:1;}
#ict-txt li{list-style:none;color:#ed1f24;font-weight:600;font-size:24px;line-height:43px;}
#ict-txt li span{color:#05152b;}
.hlavni-nadpis{background:transparent url('../img/red-line.png') no-repeat bottom left;padding:20px 0 15px;font-size:25px;margin:25px 0;display:block;}
#reference{background:#fff;width:100%;text-align:center;padding:15px;}
#reference img{width:100%;max-width:1491px;}


#form{position:relative;}


#tip{background:#fff;position:relative;z-index:99;}
#tip p{color:#6f6f6f;padding:26px 10px;margin:0;}
#tip .wrapper .col-sm-3{border-right:1px solid #e6eaec !important;}
#tip .wrapper .col-sm-3 .col-sm-3{border-right:0 none !important;}
#tip p strong{color:#121212;font-weight:bold;display:block;}
#tip .sestihran{background:transparent 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:#e7f2fa url('../img/bg-nadpis.jpg') no-repeat top center;padding:10px 0 70px;text-align:center;}
#kontakt-form{background:#fff url('../img/kontakt-form.png') no-repeat top center;padding:10px 0 70px;text-align:center;padding:30px;position:relative;}
#kontakt-form form{background:#ed1c24;max-width:640px;border-radius:2px;padding:20px;margin:0 auto;}
#kontakt-form form strong{color:#fff;font-size:25px;display:block;margin:0 0 15px;}
#kontakt-form .form-control{height:auto;}
#kontakt-form input.user {background: #fff url('../img/user.png') left center no-repeat;}
#kontakt-form input.user, #kontakt-form input.phone {padding:18px 12px 18px 50px;margin: 0 0 20px;font-size: 15px;font-weight: 600;border:0 none;}
#kontakt-form input.phone {background: #fff url('../img/phone.png') left center no-repeat;}
#kontakt-form .button{background:#112530;border:0 none;color:#fff;text-transform:none;padding:12px 20px;border-radius:2px;}
#kontakt-form .button:hover{background:#031119;}
#kontakt-form #formular{margin:50px 0 0;padding:60px 0 0;}
#kontakt-form #formular img{position:absolute;top:-47px;transition:3s;animation-duration:3s;}


#klienti{background:#fff;padding:30px;text-align:center;}
#klienti .wrapper{text-align:center;}
#klienti span.nadpis{color:#6b6b6b;font-size:22px;margin:0 0 40px;display:block;}
#klienti span.nadpis strong{color:#000;font-weight:600;}
#klienti .col-sm-4 span{color:#a6c0d1;font-size:15px;display:block;margin:0 0 15px 0;}
#klienti .col-sm-4 p{color:#264059;font-size:15px;display:block;}
#klienti .col-sm-4 a{color:#8cc63f;font-size:17px;display:block;margin:0 0 8px;}

#kontakty{background: #dcecf8 url('../img/shadow-blue.png') top center no-repeat;padding:50px 0;}
#kontakty .red{color:#ed1c24;font-size:34px;font-weight:600;position:relative;top:6px;}
#kontakty .silver{color:#5c5b5c;font-size:34px;font-weight:400;position:relative;top:6px;left:15px;}
#kontakty .silver strong{font-weight:600;}
#kontakty .col-sm-4{text-align:center;}
#kontakty .odsad{position:relative;top:50px;}

#subpanel{background:#e7f2fa;font-size:30px;}
#subpanel strong{color:#ee1d24;font-weight:normal;}
#subpanel span{color:#000;font-weight:600;display:block;clear:both;}
#subpanel .wrapper .col-sm-4{text-align:center;margin-bottom:15px;}
#subpanel .wrapper .col-sm-12{width:70%;margin:0 auto;float:none;background:#fff;border-radius:3px;padding:15px;cursor:pointer;}
#subpanel img{margin:0 0 15px;}
#subpanel .one-show{background:#112530 !important;font-size:14px;color:#a6bfd1;margin:15px 0 0;padding:12px 0;text-align:center;border-radius:2px;display:none;}
#subpanel .one-show strong{font-size:18px;color:#a6bfd1 !important;display:block;margin:0 0 12px;}
#subpanel .one-show img{display:block;width:100%;max-width:106px;margin:0 auto 7px;}


#ref{text-align:center;}
#ref img{width:100%;}
h1, #ref h2, #kontakt h3{background:transparent url('../img/red-line.png') no-repeat bottom center;padding:20px 0 15px;}
h1{color:#2b4868;padding:10px 15px 15px;font-size:25px;background:none;}

#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:#ed1f24;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:transparent url('../img/stin.png') no-repeat top center;}
#aktuality span{background:#e6e8ea;color:#808c9b;display:block;padding:10px;text-align:center;border-radius:4px;min-width:70px;max-width:112px;margin:10px auto;font-size:14px;}
#aktuality a:link, #aktuality a:visited{color:#1e2733;font-weight:bold;font-size:19px;margin:6px 0 15px;display:block;}
#aktuality a:hover{color:#ed1f24;}
#aktuality .col-sm-4{text-align:center;}


#foo{padding:0;background:#fff;min-height:86px;}
#foo .col-sm-5{width:275px;height:55px;background:transparent url('../img/foo-logo.png') no-repeat bottom center;margin:15px 0;}
#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;text-transform:uppercase;font-size:14px;}
#foo ul a:hover{background:none;text-decoration:underline;color:#313639;}
#foo ul.navbar-nav{text-align:center;}
#foo ul.navbar-nav > li {display: inline-block;float:unset;}


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



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




/* ANIMACE*/

.animated, .blog .blogit:hover .date, nav:hover a.navbar-brand, h1, #slider-txt img, .sestihran{-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animated.flip, .sestihran{-webkit-backface-visibility: visible;backface-visibility: visible;-webkit-animation-name: flip;animation-name: flip;}
.bounce, h1{-webkit-animation-name: bounce;animation-name: bounce;-webkit-transform-origin: center bottom;transform-origin: center bottom;}
.tada, #slider-txt img{-webkit-animation-name: tada;animation-name: tada;}
.flipInY, nav:hover a.navbar-brand  {-webkit-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-name: flipInY;animation-name: flipInY;}

/*flip*/
@-webkit-keyframes flip {from {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);transform: perspective(400px) rotate3d(0, 1, 0, -360deg);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}40% {-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}50% {-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}80% {-webkit-transform: perspective(400px) scale3d(.95, .95, .95);transform: perspective(400px) scale3d(.95, .95, .95);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}to {-webkit-transform: perspective(400px);transform: perspective(400px);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}}@keyframes flip {from {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);transform: perspective(400px) rotate3d(0, 1, 0, -360deg);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}40% {-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}50% {-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}80% {-webkit-transform: perspective(400px) scale3d(.95, .95, .95);transform: perspective(400px) scale3d(.95, .95, .95);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}to {-webkit-transform: perspective(400px);transform: perspective(400px);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}}

/*bounce*/
@-webkit-keyframes bounce {from, 20%, 53%, 80%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}40%, 43% {-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform: translate3d(0, -30px, 0);transform: translate3d(0, -30px, 0);}70% {-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform: translate3d(0, -15px, 0);transform: translate3d(0, -15px, 0);}90% {-webkit-transform: translate3d(0,-4px,0);transform: translate3d(0,-4px,0);}}@keyframes bounce {from, 20%, 53%, 80%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}40%, 43% {-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform: translate3d(0, -30px, 0);transform: translate3d(0, -30px, 0);}70% {-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform: translate3d(0, -15px, 0);transform: translate3d(0, -15px, 0);}90% {-webkit-transform: translate3d(0,-4px,0);transform: translate3d(0,-4px,0);}}

/*tada*/
@-webkit-keyframes tada {from {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}10%, 20% {-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%, 60%, 80% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}@keyframes tada {from {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}10%, 20% {-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%, 60%, 80% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}

/*flipInY*/
@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;} 40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;} 60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1;} 80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg);} to{-webkit-transform:perspective(400px);transform:perspective(400px);} } @keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;} 60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1;} 80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg);} to{-webkit-transform:perspective(400px);transform:perspective(400px);} }


/* /ANIMACE*/




@media all and (min-width:830px) and (max-width:960px){
nav a:link, nav a:visited{padding:41px 10px;font-size:13px;}
.navbar ul.nav{margin:0;}
nav .btn{padding:15px !important;}
}

@media all and (min-width:768px) and (max-width:829px){
nav a:link, nav a:visited{padding:41px 4px;font-size:12px;}
.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:1150px){
.sestihran{display:none;}
#ikonky img{display:block;margin:0 auto;}
#ikonky{text-align:center;padding:0 0 15px;}
}

@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;}
#navbar.in ul a:hover{color:#000 !important;}
#navbar.in ul a.btn:hover{color:#fff !important;}
#navbar.in ul {margin:0 7px !important;}
}

@media all and (min-width:0px) and (max-width:800px){
#foo ul{display:none;}
#foo .col-sm-5{display:block;margin:15px auto;float:unset;}
#slider-ajtak{position:absolute;top:0px;right:-200px;}
#slider-txt{position:absolute;top:200px;right:150px;}
}
@media all and (min-width:0px) and (max-width:800px){
#foo{overflow:hidden;z-index:-5;}
}
@media all and (min-width:801px) and (max-width:3333px){
#foo{overflow:hidden;z-index:999;}
}
@media all and (min-width:0) and (max-width:960px){
#fix{display:none !important;}
}

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


@media all and (min-width:0px) and (max-width:767px){

#slider{display: block;height: auto;min-height: 370px;top: 90px;}
#slider-txt img{width:90%;}
#tip p {padding: 10px 7px;}

#changer-b{display:none;}

#slider-txt{top:0;right:0;}
#slider .auto{top:132px;}
#slider .logo{opacity:0;}
#slider .lidi{top:-62px !important;right:-28px;}
#subpanel img.posunovaci{max-width:73px;width:30%;float:left;}
#subpanel img.povoz{max-width:190px;width:70%;float:left;}
#subpanel .btn.btn-default{width:100%;padding:12px;max-width:180px;}
#kontakty .silver{left:0;font-size:30px;}
#kontakty .col-sm-4{top:0;margin:0 0 35px;}

}

@media all and (min-width:398px) and (max-width:767px){

#slider{min-height:523px;}
#slider .lidi{top: 38px !important;left: -229px;}
#slider-txt img.napis{height:100% !important;max-height: 188px !important;width: auto !important;}


}


@media all and (min-width:768px) and (max-width:3200px){
#slider{min-height:574px;}
#slider-txt{top:0;right:0;}
#slider .col-sm-4{width:100%;}
#slider .col-sm-4.last-sm-4{top:-280px;}
#changer-a{display:none;}
nav .btn.btn-default.btn-orange.center{margin:26px 12px;}
#subpanel img.posunovaci{width:30%;float:left;}
#subpanel img.povoz{width:70%;float:left;}
#one, #two, #three{overflow:hidden;}
#one .col-sm-4, #two .col-sm-4, #three .col-sm-4{width:100%;}
#subpanel .btn{padding:15px;white-space:unset;}
#kontakty .silver, #kontakty .red{font-size:23px;display:block;}
#kontakty .odsad{top:-5px;}

}


@media all and (min-width:961px) and (max-width:2500px){
	

nav a:link, nav a:visited{padding:41px 7px;font-size:13px;}	
nav .btn.btn-default.btn-orange.center{margin:26px 5px;}	
#slider .col-sm-4.last-sm-4{right:60px;}
#slider .napis {top: 20px;}
#slider #slider-txt {height:130px;}
#slider .col-sm-4.last-sm-4{top:-250px;}
#slider{min-height:516px;}
#changer-b{display:none;}
#changer-a{display:block;}

}


@media all and (min-width:1151px) and (max-width:3200px){
	

nav a:link, nav a:visited{padding:41px 12px;font-size:15px;}	
#kontakty .silver, #kontakty .red{font-size:34px;display:block;}
#kontakty .odsad{top:-5px;}
#slider .col-sm-4{width:auto !important;}
#slider{min-height:386px;}
#slider .col-sm-4.last-sm-4{top: -140px;width:100% !important;}


}