@font-face {
  font-family: 'GOTHIC';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/GOTHIC.TTF);
  /* For IE6-8 */
  src: local("Material Icons"), local("MaterialIcons-Regular"), url(../fonts/GOTHIC.TTF) format("woff2"), url(../fonts/GOTHIC.TTF) format("woff"), url(../fonts/GOTHIC.TTF) format("truetype");
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/MaterialIcons-Regular.eot);
  /* For IE6-8 */
  src: local("Material Icons"), local("MaterialIcons-Regular"), url(../fonts/MaterialIcons-Regular.woff2) format("woff2"), url(../fonts/MaterialIcons-Regular.woff) format("woff"), url(../fonts/MaterialIcons-Regular.ttf) format("truetype");
}




html                  { height:100%; }
body                  { height:100%; }
#obsah                { margin-top:0px; min-height:650px; }
*                     { color:#494949; margin:0; padding:0; font-family:"GOTHIC", Georgia, Serif; line-height: 150%; border:0;text-align: left; font-size:17px; -webkit-text-size-adjust: none;}



h1, h2, h3, h4, h5    { font-size:40px;  color:#000; text-align:left; border-bottom:1px #e60000 solid; float:left; width:100%; }

.bigtext              { font-size:26px; color:#fff; margin:30px auto; background-color:#009cff; padding: 10px 17px; clear: left; text-align: center; width: fit-content; }
.large                { font-size:28px; }
.medium               { width:33%; height:400px; }
.medium img           { font-size:22px; width:100%;}
.medium h3            { font-size:27px; width:100%; margin-bottom: 20px; border-bottom: 0; margin-top: 10px;}
.medium .medium-link  { position:relative; top:-50px; }


.imgnov               { width:100%; height:300px; float:left; background-size: cover; }
#clankyvyska          { width:100%; float:left; margin-top:30px; }


         

.zlutytext            { color:#009cff; font-size: 28px; }

.nadpisall            { font: 28px; color:#d80202; width:960px;}
.viceinfo             { font-size: 20px; margin:10px 0; float:left; }

.gallery              { display:block; margin:0; padding:0; width:calc(25% - 2px); height: 300px; float:left; margin: 1px;}
.gallery a            { width:100%; height:100%; float: left; background-size: cover;  }
.gallery li           { width:100%; height:100%; list-style-image:none!important; list-style-type:none!important; padding: 0px!important; margin-left:0!important; left:0!important; float: left;}



.ob                   { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.div50                { float:left; width:48%; margin-right:2%; }
.nadpis100            { width:100%; background:#2f2f2f; color:#fff; padding:10px 0; float:left;  }
.nadpis100 h2         { color:#fff; width: 80%; text-align:center; margin: auto; font-size:30px; height:41px;}
.hidepc               { display:none; }
.center               { text-align:center; width:100%; float:left; }
p                     { font-size:17px; color:#494949; text-align: left; line-height: 150%;  }
p span                { font-size:17px; color:#494949; text-align: left; line-height: 150%;  }
a                     { font-size:17px; color:#e60000; text-decoration:none; transition: .33s all ease-out;}
a:hover               { text-decoration:none; color:#000; }
a img                 { transition: .33s all ease-out; }
a img:hover           { opacity:0.7; filter:alpha(opacity=70) }

                                                                         

.page                 { width:100%; min-width:1200px; overflow:hidden; }
.page-head            { width:100%; overflow:hidden; }
.conteiner            { width:90%; margin:0 5%; float:left; }
.conteiner100         { width:100%; margin:0; }
.conteiner1200        { width:1200px; margin:auto; padding: 0 10px; }

.divider                           { width:100%; border-bottom:1px #e60000 solid; margin:30px 0 15px 0;  float:left; }
.divider h3, .divider h1           { float:left; border-bottom:8px #e60000 solid; clear: left; float: initial; width: -moz-max-content; width: intrinsic; width: -webkit-max-content; padding-left:80px; background-image:url(../images/icons/divider.png); background-position:left; background-repeat:no-repeat; }

#obsatext             { margin-top:0px; background:#fff; padding:0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float:left; width:100%;}
#obsatext li          { }
.uvodobsah            { margin-top:0px!important; }
#sluzby               { list-style-image: url(../images/default/li.png); }
#sluzby li            { width: calc(50% - 20px); float:left; }
.logos                { width:100%; margin-bottom:50px; }
.imglogos             { width:calc(20% - 40px); padding:20px; }
.imglogos a           { width:100%; text-align:center; }
.imglogos a img       { margin-left:auto; margin-right:auto; display: table-column; width: 200px; }

.aplikacediv          { float:left; width: calc(100% - 300px); padding-right:300px; background-image: url(../images/default/power-pedal-aplikace.jpg); background-size: auto; background-repeat:no-repeat; background-position: right 100px; }  
.aplikacediv h2,h3    { margin-bottom:20px; border-bottom:0; margin-top:70px;}
.aplikacediv p        { float:left; }
.aplikacea            { float:left; padding:80px calc(37% - 300px) 20px calc(37% - 300px); }

.page ul li           { font-size: 18px; position: relative; left: 20px; padding-right: 20px; }

#imagetop2            { margin-top: 155px; height: 50vh; min-height: 400px; background-image: url(../images/default/top-pozadi.jpg); background-size: cover; overflow: hidden; background-position: center center; }
.para-container       { margin-top: 155px; overflow: hidden; height:85vh; min-height:300px;  background-image: url(../images/default/top-pozadi.jpg); background-position:center; background-size:cover; }


#logo                 { display:block; width: 50%; z-index:0; position: relative;  float:left; top:-30px;}
#logo a               { display:block; width: 100%; float:left; margin:90px; margin: 20vh 10%; }
#logo a img           { display:block; width: 75%; }
#lettop               { float: right;  margin: 12% 11% 0 0; }


.kontakttop           { float:right; margin-top: 30px; display:none;}

#toppozadi            { background-image: url(../images/default/topback.jpg); background-position: center 80px; background-repeat: no-repeat;  height: 70vh; margin-bottom:0px; }
.scale-down-center    { position: relative; top:calc(60vh - 100px); color:#fff; background-color:#e60000; padding:20px; font-size:36px; width:350px;text-align:center;  float:right;
                    	-webkit-animation: scale-down-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
                    	animation: scale-down-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; }
#cedule span          { color:#fff; font-size:55px; font-weight: bold;}


#logomenumob img      { float:left; position:relative; top:-5px; }
#boxtop               { background-color:#ff75009e; padding:10px 10px 10px 20px; width: -webkit-max-content; margin-top:40px; }
#boxtop p             { color:#fff; text-transform:uppercase ;}
.toptext1             { font-size:40px; }
.toptext2             { font-size:30px; }
.toptext3             { font-size:20px; }

.link-arrow           { position: relative; padding: 10px 86px 10px 50px!important; background-color:#e60000; color:#fff; }
.link-arrow:hover     { padding-right: 96px!important;  color:#fff; background-color:#333333; cursor:pointer;  }
.link-arrow:after     { margin-right: 10px; float:right; position: absolute; margin-top: 1px; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: '\e5cc'; font-family: "Material Icons"; color: inherit; font-size: 20px; transition: right .25s; }

.paralax              { float:left; margin:30px 0;}
.parallax-window      { background: transparent; height:500px; overflow:hidden; }

.uvod-paralax div p   { color:#fff; font-size:60px; text-align:center; background-position:center 80px; width:100%; height:100%; float:left; display:block;  background-image: url(../images/default/logo-napis.png); background-repeat:no-repeat; margin:80px 0 ;}

#paticka              { overflow:hidden; background-color:#333333; ;width:100%; min-width:1200px; height:282px; float:left;  background-image: linear-gradient(to left, #333333 1%, #e60000 50%, #333333 100%), linear-gradient(to left, rgba(0, 0, 0, 1) 1%, rgba(0, 255, 255, 1) 50%, rgba(0, 0, 0, 1) 100%); background-size: 100% 3px; background-position: 0% 0%, 0% 100%; background-repeat: no-repeat; }
#paticka .bigtext     { color:#fff; font-size:28px ; margin: 10px 0 0 0; background-color: transparent; padding: 0; }
#resi-design          { padding-bottom:0px; }
#facebookpaticka      { width:335px!important; }
.divspodek            { float:left; padding: 15px 0 0 0; height:200px; color:#fff; width:270px; }
.divspodek ul         { color:#fff; margin-top:10px;margin-bottom:20px; margin-left: 15px;}
.divspodek li         { color:#fff; list-style-type:disc!important; background:transparent!important; padding: 0px!important; font-size: 14px!important;}
.divspodek a          { color:#fff; }
.divspodek p          { color:#fff; font-size:12px; }
.oddelovac-paticka    { background:#595959; width:1px; height:190px; float:left; margin: 30px 17px 20px 17px; }
#spodek               { font-size:14px; text-align:center; color:#fff; background: #5a0000; padding:10px 0 ; width:100%; }
#spodek a             { font-size:14px; color:#fff!important; }                                                               
.logober              { width:190px; }
.logabot              { width: 225px; }
#logabottext          { margin:10px 0; }
.cpaticka             { color:#fff; margin-top:120px; font-size:20px; float:right; width:29%; text-align:right; }
#menu-kontakt         { height:230px; margin: auto; float: none; }

#googlemaps           { width:48%; float:left; margin-right:4%; }
#googlemaps  iframe   { border:0; }


.vzkaz                       { margin-bottom:0px; }
#vzkaz                       { margin:0px 0 0px 0; width:48%; float:right; clear: right; }
.nadpisvzkaz h4              { }


.error-uvod                  { opacity:0; filter:alpha(opacity=0); font-size: 14px; color:#ca0000; margin:3px 0 15px 0px; height:0px; width:100%;}
input                        { border-bottom:solid 1px #e1e1e1; width:98%; min-width:98%; max-width:98%; padding:12px 1%; margin:5px 0 5px 0; font-size: 20px;  }
select                       { border-bottom:solid 1px #e1e1e1; width:98%; min-width:98%; max-width:98%; padding:15px 1%; margin:5px 0 5px 0; font-size: 20px; float: left; }
textarea                     { border:solid 1px #e1e1e1; width:98%; min-width:98%; max-width:98%; padding:12px 1%; margin:5px 0 5px 0; font-size: 20px; height: 105px; min-height:35px; }
#vzkaz .medium-link          { float:right; width:25%; text-align:center;}
.vzkaz .divider              { margin-bottom:70px; }
.kontaktuvod                 { float:left; }
.checkBox                    { width:auto; margin:3px 20px 0 0; }
.checkBoxText                { font-size: 20px; margin:0 0 10px 0; }
.qr                          {  width:147px; margin-right: 10px; }
 
#bsd                         { width:100%; padding:20px 0; background-color:#525252; float:left; margin:60px 0; text-transform: uppercase; }
#bsd p                       { color:#fff; width:100%; text-align:center; font-size:20px;}
#bsd p strong                { color:#fff; font-size:36px;}
#bsd .conteiner1200          { text-align:center; font-size: 20px; color:#fff; }

#pracujeme                   { width:100%; padding:25px 0; background-color:#525252; float:left; margin:60px 0; ; background-position: center;}


.tribody                     { width:350px; float:left; margin:30px 25px; }
.tribody p                   {  }
.tribody p strong            { text-transform:uppercase; font-size:20px; position:relative; top:-20px; left: 5px; }
.tribody img                 {  }







#pracujeme .conteiner1200    { display: table; }
#pracujeme .conteiner1200 div{ height: 60px; width:23%; margin:1%; float:left; display: table; padding-top: 100px; transition: transform .2s; }
#pracujeme .conteiner1200 div:hover { transform: scale(1.5); }
#pracujeme .conteiner1200 p  { text-align:center; font-size: 36px; color:#fff; width:100%; }
.objednej                    { background-image: url(../images/default/1.png); background-position: center; }
.reknete                     { background-image: url(../images/default/2.png); background-position: center; }
.domluva                     { background-image: url(../images/default/3.png); background-position: center; }
.prijdte                     { background-image: url(../images/default/4.png); background-position: center; }

#kontaktconteiner            { }                             
#kontakt                    { width: 100%; float: right;  }


#ozvemese                    { width:100%; padding:20px 0; float:left; margin:60px 0 0 0; background-image: url(../images/default/form.jpg); background-position: left; background-repeat:no-repeat; background-color:#f1f1f1; height:500px; }
#ozvemese .conteiner1200     { clear: left; position:relative; left:-20px; }
#ozvemese h4                 { text-transform: uppercase; float:right; width:48%;; }

                                                                     
.kontakty                    { float:left; width:100%;}
.kontaktitem                 { float:left; width:49%; }
.kontaktitem .qr             { float:left; }
.kontaktitem .textkontaktu   { position:relative; }


textkontaktu
.kontakt                     { margin-bottom:0px; height: 500px; }
.kontakt iframe              { float:right; margin-top:50px; margin-bottom: 50px;}
.kontakt .rozdeleni          { float:left;}
.kontakt .logokontakt        { width:50%; margin-top:50px; margin-right:50%;}
.kontakt .prodejna           { width:40%; margin-top:20px; }
.kontakt .textkontakt        { width:30%; min-width:590px; float:right; }
.kontakbody                  { margin-top:30px; width:100%; float:left; }
.kontakbody p                { font-size:14px; }
.kontakbody a                { font-size:14px; }
.kontakbody img              { margin-top:10px; float:left; margin-right:20px; }
.kontaktmapa                 { margin-bottom:40px; float: left; width: 100%;} 






.animatearea {
  width: 100%;
  height: 105px;
  background-image: url(../images/icons/loga.png);
  background-position: 0px 0px;
  background-repeat: repeat-x;
  -webkit-animation-name: myfirst;
  -webkit-animation-duration: 50s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
  animation-name: myfirst;
  animation-duration: 50s;
  animation-timing-function: linear;
  animation-delay: 1s;
  animation-iteration-count: infinite;
  animation-play-state: running;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
    from { background-position: 0 0;}
    to { background-position: -1920px 0;}
}

/* Standard syntax */
@keyframes myfirst {
    from { background-position: 0 0;}
    to { background-position: 1920px 0;}
}

@-moz-document url-prefix() {
    
}

@media screen and (min-width: 850px) {

.kontakttop           {  float: left; }

}


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

.kontakttop           {  float: right; }
#boxtop               { padding: 10px 10px 10px 20%; }

}
@media screen and (min-width: 1800px) {


}


                                                                                    

@-webkit-keyframes scale-down-center {
  0% {
    -webkit-transform: scale(2);
            transform: scale(2);
            
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
            transform: rotate(15deg);
  }
}
@keyframes scale-down-center {
  0% {
    -webkit-transform: scale(2);
            transform: scale(2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
            transform: rotate(15deg);
  }
}                                                                                    

@-webkit-keyframes playback{0%{opacity:1; -webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-up-center{0%{opacity:1;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:0; -webkit-transform:scale(1);transform:scale(1)}}