@media ( max-width:1600px ) {

/* CONTACT BAR */

#contact-bar-center {

 position:relative;
 width:1366px;
 height:35px;
 margin:0px auto;
 z-index:5;
 border-bottom:1px solid #4a4a4a;

}

/* CONTACT BAR END */

/* MENU */

#menu-bg {

 position:fixed;
 background-color:#111111;
 top:35px;
 height:89px;
 width:100%;
 z-index:5;

}

#center {

 position:relative;
 width:1366px;
 margin:0px auto;
 z-index:5;
  
}

#header {

 top:35px;
 position:fixed;
 width:1366px;
 background-color:#111111;
 
}

#menu {

 position:absolute;
 top:-15px;
 left:200px;

}

#menu li {
 
 float:left;
 margin:30px 21px 30px 0px;
 
}

#responsive, #responsive-icon, #responsive-menu {

 display:none;

}

/* MENU END */

/* SLIDER */

#slider-bg {

 background: #f16060;
 background: -webkit-linear-gradient(to bottom, #f16060, #111111 100%);
 background: -moz-linear-gradient(to bottom, #f16060, #111111 100%);
 background: linear-gradient(to bottom, #f16060, #111111 100%);
 min-width:1366px;

}

#slider {

 position:relative;
 width:1366px;
 height:648px;
 margin:0px auto;
 margin-top:89px;
    
}

#slider1 {
 
 position:absolute;
 background-image:url('images/1366/slider1.webp');
 top:70px;
 width:605px;
 height:543px;

}

#slider2 {

 position:absolute;
 background-image:url('images/1366/slider2.webp');
 top:70px;
 right:60px;
 width:499px;
 height:545px;
 
}

#popis {

 position:relative;
 width:1366px;
 margin:0px auto;
 
}

#popis li {

 position:absolute;

}

#popis1 {

 top:205px;
 right:165px;
 width:400px;
 text-align:justify;
 font-size:25px;
 font-weight:300;
  
}

#popis2 {

 top:205px;
 left:210px;
 display:none;
 width:400px;
 text-align:justify;
 font-size:25px;
 font-weight:300;

}

#popis3 {

 top:205px;
 right:165px;
 display:none;
 width:400px;
 text-align:justify;
 font-size:25px;
 font-weight:300;
  
}

#popis4 {

 top:205px;
 left:210px;
 display:none;
 width:400px;
 text-align:justify;
 font-size:25px;
 font-weight:300;

}

/* SLIDER END */

/* PROMO-VIDEO */

#promo-video {

 position:relative;
 height:700px;

}

#promo {

 position:absolute;
 height:700px;
 width:100%;
 object-fit:cover;
 object-position: 50% 50%;

}

#promo-bg {

 position:absolute;
 height:700px;
 width:100%;
 background-color:rgba(0,0,0,0.75);

}

#promo-center {

 position:absolute;
 left:50%;
 margin-left:-683px;
 height:700px;
 width:1366px;

}

#promo-video h2:first-of-type {

 text-align:center;
 color:#eeeeee;
 font-size:50px;
 margin-top:60px;

}

#promo-video h2:last-of-type {

 text-align:center;
 color:#eeeeee;
 font-size:40px;
 font-weight:300;
 
}

#eshop {

 position:relative;
 margin:0px auto;
 display:block; 
 width:325px;
 margin-top:60px;
 font-size:20px;
 text-align:center;
 background:linear-gradient(+60deg, #FF6666, #000000);
 background:-moz-linear-gradient(+60deg, #FF6666, #000000);
 background:-webkit-linear-gradient(+60deg, #FF6666, #000000);
 padding:20px 50px 20px 50px;
 border-radius:50px;
 transform:scale(1.1);
 z-index:1;
 color:white;

}

#objednat {

 position:relative;
 margin:0px auto;
 display:block;
 width:325px;
 margin-top:50px;
 font-size:20px;
 text-align:center;
 background:linear-gradient(+60deg, #7b68ee, #000000);
 background:-moz-linear-gradient(+60deg, #7b68ee, #000000);
 background:-webkit-linear-gradient(+60deg, #7b68ee, #000000);
 padding:20px 50px 20px 50px;
 border-radius:50px;
 transform:scale(1.1);
 z-index:1;
 color:white;

}

#objednat:hover, #eshop:hover  {

 transform:scale(1.15);
 color:#ffffff;

}

#referencie {

 position:relative; 
 width:310px; 
 margin:0px auto; 
 text-align:center; 
 color:#ffffff; 
 

}

#referencie-tabulka {

 position:relative; 
 margin:0px auto; 
 width:310px; 
 margin-bottom:20px; 
 margin-top:65px;

}

/* PROMO-VIDEO END*/

/* SHORTCUTS */

#shortcuts {

 position:relative;
 width:1366px;
 margin:0px auto;
 height:240px;
 margin-top:117px;
 /*border-bottom:1px solid #e2e2e2;*/
  
}

#shortcuts ul {

 margin:0px;
 padding:0px;
  
}

#shortcuts li {

 float:left;
 font-size:35px;
 margin:0px 101px 50px 0px;
 padding:50px 49px 50px 0px;
 border-right:1px solid #e2e2e2;;
 
}

#shortcuts li:first-of-type {

 margin-left:30px;

}

#shortcuts li:last-of-type {

 margin-right:30px;
 padding-right:0px;
 border-right:0px;

}

#icon-zostava {

 display:inline-block;
 position:relative;
 top:25px;
 background-image:url('images/zostava.webp');
 background-repeat:no-repeat;
 width:66px;
 height:73px;
 margin-right:30px;

}

#icon-design {

 display:inline-block;
 position:relative;
 top:32px;
 background-image:url('images/design.webp');
 background-repeat:no-repeat;
 width:65px;
 height:73px;
 margin-right:30px;

}

#icon-mouse {

 display:inline-block;
 position:relative;
 top:18px;
 background-image:url('images/mouse.webp');
 background-repeat:no-repeat;
 width:37px;
 height:73px;
 margin-right:30px;

}

/* SHORTCUTS END */

/* ZOSTAVA */

#background {

 background-image:url('images/build.webp');
 height:1050px;
 background-size:cover;
 background-position: 50% 70%;
 background-attachment:fixed;
 min-width:1366px;

}

#zostava {

 position:relative;
 width:1366px;
 margin:0px auto;
 margin-top:60px;
 font-weight:300;
 padding:20px;
 height:1050px;
   
}

#zostava h1 {

 font-size:50px;
 padding-left:20px;
 margin:0px;
 margin-top:110px;
 border-bottom:1px solid #d4d3d3;
  
}

#zostava ul h3:first-child {

 padding-top:0px;
    
}

#zostava h3 {

 font-size:25px;
 padding-top:20px;
 margin:0px;
    
}

#zostava-img {
 
 position:absolute;
 background-image:url('images/zostava2.webp');
 margin-left:20px;
 margin-top:90px;
 background-size: 70% 70%;
 background-repeat:no-repeat;
 margin-top:170px;

}

#zostava ul {

 position:absolute;
 top:225px;
 right:40px;
 width:550px;
 color:#323232;
 line-height:25px;
 padding:20px;
   
}

/* ZOSTAVA END */

/* POWER TABLE AND STATS */

#power {

 background-image:url('images/background.webp');
 height:1000px;
 background-size:cover;
 background-position: 50% 50%;
 background-attachment:scroll;
 margin-top:150px;
 min-width:1366px;

}

#power-table {

 position:relative;
 margin:0px auto;
 width:1366px;
 height:1000px;
 padding:50px;

}

#power-table h2 {

 color:#ffffff;
 font-size:90px;
 margin:30px;
 margin-top:140px;
 text-shadow: 1px 1px #111111;

}

#power-table p {

 color:#ffffff;
 font-size:40px;
 padding-left:20px;
 padding-right:20px;
 text-shadow: 1px 1px #111111;

}

.progress-container {
 
 width: 100%;
 width: 537px;
 background-color: #e8e8e8;
 border-radius: 10px;
 overflow: hidden;
 box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
 margin-left:20px;
		
}

.progress-bar {

 width: 0;
 background-color: #DC4A4A;
 border-radius: 10px;
 text-align: center;
 line-height: 30px;
 color: #fff;
 font-weight: bold;
 font-size:25px;
 padding:8px;

}

#stats-center {

 position:relative;
 margin:0px auto;
 width:1366px;
 margin-top:50px;
 height:120px;
 border-bottom: 1px solid #e2e2e2;
 
}

.stats-table {

 position:relative;
 width:202px;
 height:120px;
 padding:5px;
 float:left;
 margin-right:25px;

}

.stats-table:last-child {

 margin-right:0px;

}

.stats-table p {

 margin:0px;
 text-align:center;

}

.stats-table p b{

 font-size:50px;

}

.stats-table span {

 font-size:35px;

}

/* POWER TABLE AND STATS END */

/* SLUZBY */

#sluzby {

 position:relative;
 width:1366px;
 margin:0px auto;
 margin-top:110px;
 font-weight:300;
    
}

#sluzby h2 {

 font-size:50px;
 padding-top:130px;
 margin:0px;
 margin-top:110px;
 margin-bottom:110px;
 border-bottom:1px solid #e2e2e2;
 text-align:center;
  
}

#tabulka {

 position:relative;
 margin:0px auto;
 width:1366px; 
 height:600px;

}

#tabulka1 {

 position:absolute;
 left:43px;
 width:400px;
 height:600px;
 border:1px solid #e2e2e2;

}

#tabulka1-img {

 position:absolute;
 margin-top:50px;
 left:120px;
 background-image:url('images/upgrade.webp');
 width:160px;
 height:160px;

}

.tabulka-info {

 position:absolute;
 top:100px;

}

#tabulka h3 {

 margin:150px 0px 0px 0px;
 font-size:28px;
 text-align:center;

}

#tabulka p {

 padding:0px 50px 0px 50px;

}

#tabulka2 {

 position:absolute;
 left:50%;
 margin-left:-200px;
 width:400px;
 height:600px;
 border:1px solid #e2e2e2;

}

#tabulka2-img {

 position:absolute;
 margin-top:50px;
 left:85px;
 background-image:url('images/pretaktovanie.webp');
 width:230px;
 height:160px;

}

#tabulka3 {

 position:absolute;
 right:43px;
 width:400px;
 height:600px;
 border:1px solid #e2e2e2;

}

#tabulka3-img {

 position:absolute;
 margin-top:50px;
 left:130px;
 background-image:url('images/fix.webp');
 width:140px;
 height:160px;

}

#sluzby-info-center {

 position:relative;
 width:1366px;
 margin:0px auto;

}

/* SLUZBY END */

/* NASE ZOSTAVY */

#parallax {

 background-image:url('images/nase-zostavy.webp');
 height:1250px;
 background-size:cover;
 background-position: 50% 50%;
 background-attachment:scroll;
 margin-top:250px;
 min-width:1366px;

}

#parallax-bg {

 height:1250px;
 background-color:rgba(0,0,0,0.7);
 
}

#nase-zostavy {

 position:relative;
 margin:0px auto;
 width:1366px;
  
}

#nase-zostavy h2 {

 color:#DC4A4A;
 text-align:center;
 font-size:50px;
 padding-top:110px;
 border-bottom:1px solid #5f5f5f;
 text-shadow: 1px 1px #111111;
 
}

.nase-zostavy-span {

 color:#ffffff;
 font-weight:300;

}

#nase-zostavy h3 {

 padding-top:0px;
 padding-bottom:2px;
 text-shadow:1px 1px #111111;
 border-bottom:1px solid #5f5f5f;
 width:500px;
 margin:0px auto;
 text-align:center;
 color:#ffffff;
 font-size:40px;
 
}

#nase-zostavy-tabulka {

 position:relative;
 margin:0px auto;
 width:1200px;
 color:#222222;
 text-align:justify;
 padding:20px;
 background-color:rgba(255,255,255,0.8);

}

#nase-zostavy p {

 margin-top:30px;
 font-weight:400;
   
}

#nase-zostavy p:before {

 content:'■';
 margin-right:20px;
 color:#DC4A4A;
 
}

.zostavy-green {

 color:#348a2e;

}

.zostavy-red {

 color:#b23131;

}

/* NASE ZOSTAVY END */

/* RECENZIE */

#recenzia-zakaznik {

 position:relative;
 margin:0px auto;
 width:1366px;
 height:400px;
 padding-top:150px;
 margin-bottom:350px;

}

#recenzia-zakaznik  h2{

 font-size: 50px;
 margin: 0px;
 text-align: center;
 border-bottom: 1px solid #e2e2e2;

}

.recenzie-container {
    
 overflow:hidden;
 margin-top:50px;
 padding:50px;
 
}

#sipka-vlavo, #sipka-vpravo {
  
 background-color: rgba(0,0,0,0.5);
 color: white;
 border: none;
 font-size: 24px;
 padding: 10px 16px;
 cursor: pointer;
 position: absolute;
 top: 44%;
 transform: translateY(-50%);
 z-index:1;

}

#sipka-vlavo {
 
 left: 50px;

}

#sipka-vpravo {

 right: 50px;

}

/* RECENZIE END*/

/* KONTAKT */

.background4 {

 background:linear-gradient(+25deg, #000000, #434343);
 background:-moz-linear-gradient(+25deg, #000000, #434343);
 background:-webkit-linear-gradient(+25deg, #000000, #434343);
 min-width:1366px;

}

#kontakt {

 position:relative;
 width:1366px;
 height:580px;
 margin:0px auto;
 color:#ffffff;
 font-weight:300;
 padding-top:50px;
  
}

#border {

 border-bottom:1px solid #5f5f5f;
 width:1366px;
 
}

#copyright {

 position:relative;
 width:1366px;
 margin:0px auto;
 text-align:right;
 color:#eee;
 padding-top:20px;
 padding-right:20px;

}

#mapa {

 width:100%;
 height:450px;
   
}

}

/* KONTAKT END */


@media ( max-width:1366px ) {

/* CONTACT BAR */

#contact-bar-center {

 position:relative;
 width:1280px;
 height:35px;
 margin:0px auto;
 z-index:5;
 border-bottom:1px solid #4a4a4a;

}

/* CONTACT BAR END*/

/* MENU */

#menu-bg {

 position:fixed;
 background-color:#111111;
 top:35px;
 height:89px;
 width:100%;
 z-index:5;

}

#center {

 position:relative;
 width:1280px;
 margin:0px auto;
 z-index:5;
  
}

#header {

 top:35px;
 position:fixed;
 width:1280px;
 background-color:#111111;
 
}

#menu {

 position:absolute;
 top:-15px;
 left:200px;
 font-size:18px;

}

#menu li {
 
 float:left;
 margin:30px 11px 30px 0px;
 
}

#responsive, #responsive-icon, #responsive-menu {

 display:none;

}

/* MENU END */

/* SLIDER */

#slider-bg {

 background: #f16060;
 background: -webkit-linear-gradient(to bottom, #f16060, #111111 100%);
 background: -moz-linear-gradient(to bottom, #f16060, #111111 100%);
 background: linear-gradient(to bottom, #f16060, #111111 100%);
 min-width:1280px;

}

#slider {

 position:relative;
 width:1280px;
 height:609px;
 margin:0px auto;
 margin-top:89px;
    
}

#slider1 {
 
 position:absolute;
 background-image:url('images/1280/slider1.webp');
 top:75px;
 width:543px;
 height:489px;

}

#slider2 {

 position:absolute;
 background-image:url('images/1280/slider2.webp');
 top:75px;
 right:50px;
 width:455px;
 height:485px;
 
}

#popis {

 position:relative;
 width:1280px;
 margin:0px auto;
 
}

#popis li {

 position:absolute;

}

#popis1 {

 top:165px;
 right:150px;
 width:400px;
 text-align:justify;
 font-size:25px;
 font-weight:300;
  
}

#popis2 {

 top:165px;
 left:190px;
 display:none;
 width:400px;
 text-align:justify;
 font-size:25px;
 font-weight:300;

}

#popis3 {

 top:165px;
 right:150px;
 display:none;
 width:400px;
 text-align:justify;
 font-size:25px;
 font-weight:300;
  
}

#popis4 {

 top:165px;
 left:190px;
 display:none;
 width:400px;
 text-align:justify;
 font-size:25px;
 font-weight:300;

}

/* SLIDER END */

/* PROMO-VIDEO */

#promo-video {

 position:relative;
 height:700px;

}

#promo {

 position:absolute;
 height:700px;
 width:100%;
 object-fit:cover;
 object-position: 50% 50%;

}

#promo-bg {

 position:absolute;
 height:700px;
 width:100%;
 background-color:rgba(0,0,0,0.75);

}

#promo-center {

 position:absolute;
 left:50%;
 margin-left:-640px;
 height:700px;
 width:1280px;

}

#promo-video h2:first-of-type {

 text-align:center;
 color:#eeeeee;
 font-size:50px;
 margin-top:60px;

}

#promo-video h2:last-of-type {

 text-align:center;
 color:#eeeeee;
 font-size:40px;
 font-weight:300;
 
}

#eshop {

 position:relative;
 margin:0px auto;
 display:block; 
 width:325px;
 margin-top:60px;
 font-size:20px;
 text-align:center;
 background:linear-gradient(+60deg, #FF6666, #000000);
 background:-moz-linear-gradient(+60deg, #FF6666, #000000);
 background:-webkit-linear-gradient(+60deg, #FF6666, #000000);
 padding:20px 50px 20px 50px;
 border-radius:50px;
 transform:scale(1.1);
 z-index:1;
 color:white;

}

#objednat {

 position:relative;
 margin:0px auto;
 display:block;
 width:325px;
 margin-top:50px;
 font-size:20px;
 text-align:center;
 background:linear-gradient(+60deg, #7b68ee, #000000);
 background:-moz-linear-gradient(+60deg, #7b68ee, #000000);
 background:-webkit-linear-gradient(+60deg, #7b68ee, #000000);
 padding:20px 50px 20px 50px;
 border-radius:50px;
 transform:scale(1.1);
 z-index:1;
 color:white;

}

#objednat:hover, #eshop:hover  {

 transform:scale(1.15);
 color:#ffffff;

}

#referencie {

 position:relative; 
 width:310px; 
 margin:0px auto; 
 text-align:center; 
 color:#ffffff; 
 

}

#referencie-tabulka {

 position:relative; 
 margin:0px auto; 
 width:310px; 
 margin-bottom:20px; 
 margin-top:65px;

}

/* PROMO-VIDEO END */

/* SHORTCUTS */

#shortcuts {

 position:relative;
 width:1280px;
 margin:0px auto;
 height:240px;
 margin-top:117px;
 /*border-bottom:1px solid #e2e2e2;*/
  
}

#shortcuts ul {

 margin:0px;
 padding:0px;
  
}

#shortcuts li {

 float:left;
 font-size:31px;
 margin:0px 97px 50px 0px;
 padding:50px 52px 50px 0px;
 border-right:1px solid #e2e2e2;;
 
}

#shortcuts li:first-of-type {

 margin-left:30px;

}

#shortcuts li:last-of-type {

 margin-right:30px;
 padding-right:0px;
 border-right:0px;

}

#icon-zostava {

 display:inline-block;
 position:relative;
 top:25px;
 background-image:url('images/zostava.webp');
 background-repeat:no-repeat;
 width:66px;
 height:73px;
 margin-right:30px;

}

#icon-design {

 display:inline-block;
 position:relative;
 top:32px;
 background-image:url('images/design.webp');
 background-repeat:no-repeat;
 width:65px;
 height:73px;
 margin-right:30px;

}

#icon-mouse {

 display:inline-block;
 position:relative;
 top:18px;
 background-image:url('images/mouse.webp');
 background-repeat:no-repeat;
 width:37px;
 height:73px;
 margin-right:30px;

}

/* SHORTCUTS END */

/* ZOSTAVA */

#background {

 background-image:url('images/build.webp');
 height:1050px;
 background-size:cover;
 background-position: 50% 70%;
 background-attachment:fixed;
 min-width:1280px;

}

#zostava {

 position:relative;
 width:1280px;
 margin:0px auto;
 margin-top:60px;
 font-weight:300;
 padding:20px;
 height:1050px;
   
}

#zostava h1 {

 font-size:50px;
 padding-left:20px;
 margin:0px;
 margin-top:110px;
 border-bottom:1px solid #d4d3d3;
  
}

#zostava ul h3:first-child {

 padding-top:0px;
     
}

#zostava h3 {

 font-size:25px;
 padding-top:15px;
 margin:0px;
    
}

#zostava-img {
 
 position:absolute;
 background-image:url('images/zostava2.webp');
 margin-left:20px;
 margin-top:180px;
 background-size: 65% 65%;
 background-repeat:no-repeat;

}

#zostava ul {

 position:absolute;
 top:240px;
 right:40px;
 width:530px;
 color:#323232;
 line-height:25px;
 padding:20px;
   
}

/* ZOSTAVA END */

/* POWER TABLE AND STATS */

#power {

 background-image:url('images/background.webp');
 height:1000px;
 background-size:cover;
 background-position: 50% 50%;
 background-attachment:scroll;
 margin-top:150px;
 min-width:1280px;

}

#power-table {

 position:relative;
 margin:0px auto;
 width:1280px;
 height:1000px;
 padding:50px;

}

#power-table h2 {

 color:#ffffff;
 font-size:90px;
 margin:30px;
 margin-top:100px;
 text-shadow: 1px 1px #111111;

}

#power-table p {

 color:#ffffff;
 font-size:40px;
 padding-left:20px;
 padding-right:20px;
 text-shadow: 1px 1px #111111;

}

.progress-container {
 
 width: 100%;
 width: 537px;
 background-color: #e8e8e8;
 border-radius: 10px;
 overflow: hidden;
 box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
 margin-left:20px;
		
}

.progress-bar {

 width: 0;
 background-color: #DC4A4A;
 border-radius: 10px;
 text-align: center;
 line-height: 30px;
 color: #fff;
 font-weight: bold;
 font-size:25px;
 padding:8px;

}

#stats-center {

 position:relative;
 margin:0px auto;
 width:1280px;
 margin-top:50px;
 height:120px;
 border-bottom: 1px solid #e2e2e2;
 
}

.stats-table {

 position:relative;
 width:202px;
 height:120px;
 padding:5px;
 float:left;
 margin-right:7px;

}

.stats-table:last-child {

 margin-right:0px;

}

.stats-table p {

 margin:0px;
 text-align:center;

}

.stats-table p b{

 font-size:50px;

}

.stats-table span {

 font-size:35px;

}

/* POWER TABLE AND STATS END */

/* SLUZBY */

#sluzby {

 position:relative;
 width:1280px;
 margin:0px auto;
 margin-top:110px;
 font-weight:300;
    
}

#sluzby h2 {

 font-size:50px;
 padding-top:130px;
 margin:0px;
 margin-top:110px;
 margin-bottom:110px;
 border-bottom:1px solid #e2e2e2;
 text-align:center;
  
}

#tabulka {

 position:relative;
 margin:0px auto;
 width:1280px; 
 height:600px;

}

#tabulka1 {

 position:absolute;
 left:20px;
 width:400px;
 height:600px;
 border:1px solid #e2e2e2;

}

#tabulka1-img {

 position:absolute;
 margin-top:50px;
 left:120px;
 background-image:url('images/upgrade.webp');
 width:160px;
 height:160px;

}

.tabulka-info {

 position:absolute;
 top:100px;

}

#tabulka h3 {

 margin:150px 0px 0px 0px;
 font-size:28px;
 text-align:center;

}

#tabulka p {

 padding:0px 50px 0px 50px;

}

#tabulka2 {

 position:absolute;
 left:50%;
 margin-left:-200px;
 width:400px;
 height:600px;
 border:1px solid #e2e2e2;

}

#tabulka2-img {

 position:absolute;
 margin-top:50px;
 left:85px;
 background-image:url('images/pretaktovanie.webp');
 width:230px;
 height:160px;

}

#tabulka3 {

 position:absolute;
 right:20px;
 width:400px;
 height:600px;
 border:1px solid #e2e2e2;

}

#tabulka3-img {

 position:absolute;
 margin-top:50px;
 left:130px;
 background-image:url('images/fix.webp');
 width:140px;
 height:160px;

}

/* SLUZBY END */

/* NASE ZOSTAVY */

#parallax {

 background-image:url('images/nase-zostavy.webp');
 height:1250px;
 background-size:cover;
 background-position: 50% 50%;
 background-attachment:scroll;
 margin-top:250px;
 min-width:1280px;

}

#parallax-bg {

 height:1250px;
 background-color:rgba(0,0,0,0.7);
 
}

#nase-zostavy {

 position:relative;
 margin:0px auto;
 width:1280px;
  
}

#nase-zostavy h2 {

 color:#DC4A4A;
 text-align:center;
 font-size:50px;
 padding-top:110px;
 border-bottom:1px solid #5f5f5f;
 text-shadow: 1px 1px #111111;
 
}

.nase-zostavy-span {

 color:#ffffff;
 font-weight:300;

}

#nase-zostavy h3 {

 padding-top:0px;
 padding-bottom:2px;
 text-shadow:1px 1px #111111;
 border-bottom:1px solid #5f5f5f;
 width:500px;
 margin:0px auto;
 text-align:center;
 color:#ffffff;
 font-size:40px;
 
}

#nase-zostavy-tabulka {

 position:relative;
 margin:0px auto;
 width:1200px;
 color:#222222;
 text-align:justify;
 padding:20px;
 background-color:rgba(255,255,255,0.8);

}

#nase-zostavy p {

 margin-top:30px;
 font-weight:400;
   
}

#nase-zostavy p:before {

 content:'■';
 margin-right:20px;
 color:#DC4A4A;
 
}

.zostavy-green {

 color:#348a2e;

}

.zostavy-red {

 color:#b23131;

}

/* NASE ZOSTAVY END */

/* RECENZIE */

#recenzia-zakaznik {

 position:relative;
 margin:0px auto;
 width:1280px;
 height:450px;
 padding-top:150px;
 margin-bottom:350px;

}

#recenzia-zakaznik  h2{

 font-size:50px;
 margin: 0px;
 text-align:center;
 border-bottom:1px solid #e2e2e2;

}

.recenzie-container {
    
 overflow:hidden;
 margin-top:50px;
 padding:50px;
 
}

#sipka-vlavo, #sipka-vpravo {
  
 background-color: rgba(0,0,0,0.5);
 color: white;
 border: none;
 font-size: 24px;
 padding: 10px 16px;
 cursor: pointer;
 position: absolute;
 top: 39%;
 transform: translateY(-50%);
 z-index:1;
 
}

#sipka-vlavo {
 
 left: 50px;

}

#sipka-vpravo {

 right: 50px;

}

/* RECENZIE END */

/* KONTAKT */

.background4 {

 background:linear-gradient(+25deg, #000000, #434343);
 background:-moz-linear-gradient(+25deg, #000000, #434343);
 background:-webkit-linear-gradient(+25deg, #000000, #434343);
 min-width:1280px;

}

#kontakt {

 position:relative;
 width:1280px;
 height:625px;
 margin:0px auto;
 color:#ffffff;
 font-weight:300;
 padding-top:50px;
  
}

#mapa-1366 {

 position:absolute;
 top:70px;
 right:20px;
 background-image:url('images/mapa2.webp');
 width:900px;
 height:360px;
 box-shadow:20px 20px #DC4A4A;
 -moz-transition:all 0.5s ease;
 -webkit-transition:all 0.5s ease;
 -ms-transition:all 0.5s ease;
 -os-transition:all 0.5s ease;
 display:block;

}

#mapa-1366:hover {

 opacity:0.8;
 cursor:pointer;

}

#mapa-1600, #mapa-1024, #mapa-768 {

 display:none;

}

#border {

 border-bottom:1px solid #5f5f5f;
 width:1280px;
 
}

#copyright {

 position:relative;
 width:1280px;
 margin:0px auto;
 text-align:right;
 color:#eee;
 padding-top:20px;
 padding-right:20px;

}

#copyright-span {

 float:left;
 padding:20px 20px 0px 20px;
  
}

#mapa {

 width:100%;
 height:450px;
   
}

}

/* KONTAKT END */


@media ( max-width:1280px ) {

/* CONTACT BAR */

#contact-bar-center {

 position:relative;
 width:1024px;
 height:35px;
 margin:0px auto;
 z-index:5;
 border-bottom:1px solid #4a4a4a;

}

.delete {

 display:none;

}

/* CONTACT BAR END*/

/* MENU */

#menu-bg {

 position:fixed;
 background-color:#111111;
 top:35px;
 height:89px;
 width:100%;
 z-index:5;
 
}

#center {

 position:relative;
 width:1024px;
 margin:0px auto;
 z-index:5;
  
}

#header {

 top:35px;
 position:fixed;
 width:1024px;
 background-color:#111111;
 
}

#menu {

 display:none;

}

#responsive {

 position:absolute;
 color:#909090;
 right:10px;
 top:23px;
 font-size:30px;
 font-weight:600;

}

#responsive-icon {

 margin-left:20px;
 font-weight:600;

}

#responsive, #responsive-icon {

 display:inline-block;

}

#responsive-menu {

 position:fixed;
 width:1024px;
 margin:0px auto;
 background-color:rgba(0,0,0,0.9);
 border:1px solid #4a4a4a;
 display:none;
 top:124px;

}

#responsive-menu li {

 color:#878787;
 margin-bottom:13px;
 font-weight:bold;
 width:225px;
 margin-left:400px;

}

#responsive-menu li:first-child {

margin-top:10px;

}

#nase-sluzby-tabulka {

 position:relative; 
 margin-top:10px; 
 width:205px; 
 border:1px solid #4a4a4a; 
 display:none;

}

#nase-sluzby-odkazy {

 position:relative; 
 margin-left:-420px;

}

/* MENU END */

/* SLIDER */

#slider-bg {

 background: #FF6666;
 background: -webkit-linear-gradient(to bottom right, #FF6666, #000000);
 background: -moz-linear-gradient(to bottom right, #FF6666, #000000);
 background: linear-gradient(to bottom right, #FF6666, #000000);
 min-width:1024px;

}

#slider {

 position:relative;
 width:1024px;
 height:935px;
 margin:0px auto;
 margin-top:89px;
    
}

#slider1 {
 
 position:absolute;
 background-image:url('images/1280/slider1.webp');
 top:75px;
 left:240.5px;
 width:543px;
 height:489px;

}

#slider2 {

 position:absolute;
 background-image:url('images/1280/slider2.webp');
 top:75px;
 left:284.5px;
 width:455px;
 height:485px;
 
}

#popis {

 position:relative;
 width:1024px;
 margin:0px auto;
 
}

#popis li {

 position:absolute;

}

#popis1 {

 position:absolute;
 top:585px;
 left:312px;
 width:400px;
 text-align:justify;
 font-size:25px;
 font-weight:300;
  
}

#popis2 {

 position:absolute;
 top:585px;
 left:312px;
 display:none;
 width:400px;
 text-align:justify;
 font-size:25px;
 font-weight:300;

}

#popis3 {

 position:absolute;
 top:585px;
 left:312px;
 display:none;
 width:400px;
 text-align:justify;
 font-size:25px;
 font-weight:300;
  
}

#popis4 {

 position:absolute;
 top:585px;
 left:312px;
 display:none;
 width:400px;
 text-align:justify;
 font-size:25px;
 font-weight:300;

}

/* SLIDER END */

/* PROMO-VIDEO */

#promo-video {

 position:relative;
 height:700px;

}

#promo {

 position:absolute;
 height:700px;
 width:100%;
 object-fit:cover;
 object-position: 50% 50%;

}

#promo-bg {

 position:absolute;
 height:700px;
 width:100%;
 background-color:rgba(0,0,0,0.75);

}

#promo-center {

 position:absolute;
 left:50%;
 margin-left:-512px;
 height:700px;
 width:1024px;

}

#promo-video h2:first-of-type {

 text-align:center;
 color:#eeeeee;
 font-size:50px;
 margin-top:60px;

}

#promo-video h2:last-of-type {

 text-align:center;
 color:#eeeeee;
 font-size:40px;
 font-weight:300;
 
}

#eshop {

 position:relative;
 margin:0px auto;
 display:block; 
 width:325px;
 margin-top:60px;
 font-size:20px;
 text-align:center;
 background:linear-gradient(+60deg, #FF6666, #000000);
 background:-moz-linear-gradient(+60deg, #FF6666, #000000);
 background:-webkit-linear-gradient(+60deg, #FF6666, #000000);
 padding:20px 50px 20px 50px;
 border-radius:50px;
 transform:scale(1.1);
 z-index:1;
 color:white;

}

#objednat {

 position:relative;
 margin:0px auto;
 display:block;
 width:325px;
 margin-top:50px;
 font-size:20px;
 text-align:center;
 background:linear-gradient(+60deg, #7b68ee, #000000);
 background:-moz-linear-gradient(+60deg, #7b68ee, #000000);
 background:-webkit-linear-gradient(+60deg, #7b68ee, #000000);
 padding:20px 50px 20px 50px;
 border-radius:50px;
 transform:scale(1.1);
 z-index:1;
 color:white;

}

#objednat:hover, #eshop:hover  {

 transform:scale(1.15);
 color:#ffffff;

}

#referencie {

 position:relative; 
 width:310px; 
 margin:0px auto; 
 text-align:center; 
 color:#ffffff; 
 

}

#referencie-tabulka {

 position:relative; 
 margin:0px auto; 
 width:310px; 
 margin-bottom:20px; 
 margin-top:65px;

}

/* PROMO-VIDEO END */

/* SHORTCUTS */

#shortcuts {

 position:relative;
 width:1024px;
 margin:0px auto;
 height:600px;
 margin-top:150px;
 border-bottom:0px;
  
}

#shortcuts ul {

 margin:0px;
 padding:0px;
 width:385px;
 margin-left:319.5px;
  
}

#shortcuts li {

 width:385px;
 border-right:0px;
 float:none;
 font-size:29px;
 padding:0px;
 padding-top:25px;
 padding-bottom:50px;
 border-bottom:1px solid #e2e2e2;
 margin-bottom:0px;
  
}

#shortcuts li:first-of-type {

 margin-left:0px;

}

#shortcuts li:last-child {

 border:0px;
 padding-top:15px;
  
}

#icon-zostava {

 display:inline-block;
 background-image:url('images/zostava.webp');
 width:66px;
 height:65px;
 position:relative;
 margin-right:30px;
 left:0px;
 top:18px;
 
}

#icon-design {

 display:inline-block;
 background-image:url('images/design.webp');
 width:65px;
 height:59px;
 position:relative;
 margin-right:30px;
 left:0px;
 top:15px;
 
}

#icon-mouse {

 display:inline-block;
 background-image:url('images/mouse.webp');
 width:37px;
 height:73px;
 position:relative;
 margin-right:30px;
 left:0px;
 top:22px;

}

/* SHORTCUTS END */

/* ZOSTAVA */

#background {

 background-image:url('images/build.webp');
 height:1800px;
 background-size:cover;
 background-position: 50% 70%;
 background-attachment:fixed;
 min-width:1024px;

}

#background-white {

 background-color:rgba(255,255,255,0.85);
 height:1800px;

}

#zostava {

 position:relative;
 width:1024px;
 margin:0px auto;
 font-weight:300;
 padding:20px;
    
}

#zostava h1 {

 font-size:50px;
 padding-left:20px;
 margin:0px;
 margin-top:110px;
 border-bottom:1px solid #d4d3d3;
  
}

#zostava h3 {

 font-size:25px;
 padding-top:15px;
 margin:0px;
    
}

#zostava-img {
 
 position:relative;
 background-image:url('images/zostava2.webp');
 top:100px;
 width:697px;
 height:510px;
 margin:0px auto;
 background-size:100%;
 background-repeat:no-repeat;

}

#zostava ul {

 position:relative;
 margin:0px auto;
 top:200px;
 right:0px;
 width:530px;
 color:#323232;
 padding:35px;
 line-height:25px;
   
}

/* ZOSTAVA END */

/* SUPPORT TABLE */

#support-table {

 position:relative;
 width:350px;
 margin:0px auto;
 height:950px;
 margin-top:200px;
 margin-bottom:100px;

}

#support, #expert, #testing {

 position:relative;
 width:350px;
 height:300px;
 margin-right:0px;
 margin-bottom:50px;
 
}

/* SUPPORT TABLE END */

/* POWER TABLE AND STATS */

#power {

 background-image:url('images/background.webp');
 height:1000px;
 background-size:cover;
 background-position: 50% 50%;
 background-attachment:scroll;
 margin-top:200px;
 min-width:1024px;

}

#power-table {

 position:relative;
 margin:0px auto;
 width:1024px;
 height:1000px;
 padding:50px;

}

#power-table h2 {

 color:#ffffff;
 font-size:90px;
 margin:30px;
 margin-top:100px;
 text-shadow: 1px 1px #111111;

}

#power-table p {

 color:#ffffff;
 font-size:40px;
 padding-left:20px;
 padding-right:20px;
 text-shadow: 1px 1px #111111;

}

.progress-container {
 
 width: 100%;
 width: 537px;
 background-color: #e8e8e8;
 border-radius: 10px;
 overflow: hidden;
 box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
 margin-left:20px;
		
}

.progress-bar {

 width: 0;
 background-color: #DC4A4A;
 border-radius: 10px;
 text-align: center;
 line-height: 30px;
 color: #fff;
 font-weight: bold;
 font-size:25px;
 padding:8px;

}

#stats-center {

 position:relative;
 margin:0px auto;
 width:1024px;
 margin-top:50px;
 height:120px;
 border-bottom: 1px solid #e2e2e2;
 
}

.stats-table {

 position:relative;
 width:170px;
 height:120px;
 padding:5px;
 float:left;
 margin-right:-5px;
 
}

.stats-table:last-child {

 margin-right:0px;

}

.stats-table p {

 margin:0px;
 text-align:center;

}

.stats-table p b{

 font-size:35px;

}

.stats-table span {

 font-size:30px;

}

/* POWER TABLE AND STATS END */

/* SLUZBY */

#sluzby {

 position:relative;
 width:1024px;
 margin:0px auto;
 margin-top:110px;
 margin-bottom:1500px;
 font-weight:300;
    
}

#sluzby h2 {

 font-size:50px;
 padding-top:130px;
 margin:0px;
 margin-top:110px;
 margin-bottom:110px;
 border-bottom:1px solid #e2e2e2;
 text-align:center;
  
}

#tabulka {

 position:relative;
 margin:0px auto;
 width:1024px; 
 
}

#tabulka1 {

 position:relative;
 width:400px;
 height:600px;
 border:1px solid #e2e2e2;
 left:50%;
 margin-left:-200px;
 margin-bottom:50px;

}

#tabulka1-img {

 position:absolute;
 margin-top:50px;
 left:120px;
 background-image:url('images/upgrade.webp');
 width:160px;
 height:160px;

}

.tabulka-info {

 position:absolute;
 top:100px;

}

#tabulka h3 {

 margin:150px 0px 0px 0px;
 font-size:28px;
 text-align:center;

}

#tabulka p {

 padding:0px 50px 0px 50px;

}

#tabulka2 {

 position:relative;
 left:50%;
 margin-left:-200px;
 width:400px;
 height:600px;
 border:1px solid #e2e2e2;
 margin-bottom:50px;
 
}

#tabulka2-img {

 position:absolute;
 margin-top:50px;
 left:85px;
 background-image:url('images/pretaktovanie.webp');
 width:230px;
 height:160px;

}

#tabulka3 {

 position:relative;
 left:50%;
 margin-left:-200px;
 width:400px;
 height:600px;
 border:1px solid #e2e2e2;
 margin-bottom:50px;

}

#tabulka3-img {

 position:absolute;
 margin-top:50px;
 left:130px;
 background-image:url('images/fix.webp');
 width:140px;
 height:160px;

}

/* SLUZBY END */

/* NASE ZOSTAVY */

#parallax {

 background-image:url('images/nase-zostavy.webp');
 height:1200px;
 background-size:cover;
 background-position: 50% 50%;
 background-attachment:scroll;
 margin-top:250px;
 min-width:1024px;

}

#parallax-bg {

 height:1200px;
 background-color:rgba(0,0,0,0.7);
 
}

#nase-zostavy {

 position:relative;
 margin:0px auto;
 width:1024px;
  
}

#nase-zostavy h2 {

 color:#DC4A4A;
 text-align:center;
 font-size:50px;
 padding-top:110px;
 border-bottom:1px solid #5f5f5f;
 text-shadow: 1px 1px #111111;
 
}

.nase-zostavy-span {

 color:#ffffff;
 font-weight:300;

}

#nase-zostavy h3 {

 padding-top:0px;
 padding-bottom:2px;
 text-shadow:1px 1px #111111;
 border-bottom:1px solid #5f5f5f;
 width:500px;
 margin:0px auto;
 text-align:center;
 color:#ffffff;
 font-size:40px;
 
}

#nase-zostavy-tabulka {

 position:relative;
 margin:0px auto;
 width:900px;
 color:#222222;
 text-align:justify;
 padding:20px;
 background-color:rgba(255,255,255,0.8);

}

#nase-zostavy p {

 margin-top:30px;
 font-weight:400;
   
}

#nase-zostavy p:before {

 content:'■';
 margin-right:20px;
 color:#DC4A4A;
 
}

.zostavy-green {

 color:#348a2e;

}

.zostavy-red {

 color:#b23131;

}

/* NASE ZOSTAVY END */

/* RECENZIE */

#recenzia-zakaznik {

 position:relative;
 margin:0px auto;
 width:1024px;
 height:350px;
 padding-top:150px;
 margin-bottom:350px;

}

#recenzia-zakaznik  h2{

 font-size:50px;
 margin:0px;
 text-align:center;
 border-bottom:1px solid #e2e2e2;

}

.recenzie-container {
    
 overflow:hidden;
 margin-top:50px;
 padding:50px;
 
}

#sipka-vlavo, #sipka-vpravo {
  
 background-color: rgba(0,0,0,0.5);
 color: white;
 border: none;
 font-size: 24px;
 padding: 10px 16px;
 cursor: pointer;
 position: absolute;
 top: 39%;
 transform: translateY(-50%);
 z-index:1;
 
}

#sipka-vlavo {
 
 left: 50px;

}

#sipka-vpravo {

 right: 50px;

}

/* RECENZIE END */

/* ALZA */

#podpora {

 position:relative;
 width:1024px;
 margin:0px auto;
 font-weight:300;
 padding:0px 0px 120px 0px;
 margin-top:400px;
 
}

#podpora h2 {

 font-size:40px;
 padding-top:50px;
 margin:0px;
 margin-top:-20px;
 text-align:center;
 border: 0px;

}

#podpora p {

 text-align:center;

}

#podpora a{

 text-align:center;
 display:block;
 font-size:40px;
 font-weight:bold;
 color:#d66f6f;
 padding-top:50px;
 width:230px;
 margin:0px auto;

}

#podpora a:hover{

 color:#111111;

}

/* ALZA END */

/* KONTAKT */

.background4 {

 background:linear-gradient(+25deg, #000000, #434343);
 background:-moz-linear-gradient(+25deg, #000000, #434343);
 background:-webkit-linear-gradient(+25deg, #000000, #434343);
 min-width:1024px;

}

#kontakt {

 position:relative;
 width:1024px;
 height:1200px;
 margin:0px auto;
 color:#ffffff;
 font-weight:300;
 padding-top:50px;
  
}

#kontakt h3 {

 font-size:25px;
 text-align:center;
 margin-left:-120px;

}

#call {

 background-image:url('images/call.webp');
 width:24px;
 height:24px;
 display:inline-block;
 margin-right:15px;
 margin-left:-39px;

}

#email {

 background-image:url('images/email.webp');
 width:24px;
 height:20px;
 display:inline-block;
 margin-right:15px;
 margin-left:-39px;

}

#location {

 background-image:url('images/location.webp');
 width:24px;
 height:24px;
 display:inline-block;
 margin-right:15px;
 margin-left:-39px;

}

#kontakt ul {

 padding-top:0px;
 padding-left:50px;
 width:308px;
 margin:0px auto;

}

#kontakt li {

 padding-bottom:9px;

}

#kontakt li a {

 color:#eee;
 text-decoration:none;
 -moz-transition:all 0.5s ease;
 -webkit-transition:all 0.5s ease;
 -ms-transition:all 0.5s ease;
 -os-transition:all 0.5s ease;

}

#kontakt li a:hover {

 color:#6b6b6b;

}

#kontakt ul li span {

 font-weight:100;
 font-size:18px;
 
}

#kontakt ul li b {

 background-color:#4267b2;
 padding:0px 5px 0px 10px;
 border-radius:2px;
 font-weight:bold;
 font-size:23px;
 color:#eee;
 margin-right:10px;

}

#facebook {

 position:relative;
 top:50px;
 background-image:url('images/fb.webp');
 width:295px;
 height:123px;
 opacity:0.8;
 margin:0px auto;
 -moz-transition:all 0.5s ease;
 -webkit-transition:all 0.5s ease;
 -ms-transition:all 0.5s ease;
 -os-transition:all 0.5s ease;
 text-align:center;
 color:#eee;
 
}

#facebook:hover {

 opacity:1;

}

#facebook span {

 position:relative;
 top:130px;

}

#mapa-1600 {

 position:relative;
 top:150px;
 right:20px;
 background-image:url('images/mapa.webp');
 width:1000px;
 height:400px;
 box-shadow:20px 20px #DC4A4A;
 -moz-transition:all 0.5s ease;
 -webkit-transition:all 0.5s ease;
 -ms-transition:all 0.5s ease;
 -os-transition:all 0.5s ease;
 margin:0px auto;
 display:block;

}

#mapa-1600:hover {

 opacity:0.8;
 cursor:pointer;

}

#mapa-1366, #mapa-1024, #mapa-768 {

 display:none;

}

.red {

 color:#d66f6f;

}

.red-2 {

 color:#DC4A4A;

}

.green {

 color:#74d66f;

}

.blue {

 color:#80a4e6;

}

#border {

 border-bottom:1px solid #5f5f5f;
 width:1024px;
 margin-top:200px;
 
}

#copyright {

 position:relative;
 width:1024px;
 margin:0px auto;
 text-align:right;
 color:#eee;
 padding-top:20px;
 padding-right:20px;
 
}

#copyright-span {

 float:left;
 padding:20px 20px 0px 20px;
  
}

#mapa {

 width:100%;
 height:450px;
    
}

}

/* KONTAKT END */

@media ( max-width:1024px ) {

/* CONTACT BAR */

#contact-bar-center {

 position:relative;
 width:768px;
 height:35px;
 margin:0px auto;
 z-index:5;
 border-bottom:1px solid #4a4a4a;

}



#contact-bar-info {

 display:none;

}

.delete {

 display:none;

}

/* CONTACT BAR END */

/* MENU */

#menu-bg {

 position:fixed;
 background-color:#111111;
 top:35px;
 height:89px;
 width:100%;
 z-index:5;
 
}

#center {

 position:relative;
 width:768px;
 margin:0px auto;
 z-index:5;
  
}

#header {

 top:35px;
 position:fixed;
 width:768px;
 background-color:#111111;
 
}

#menu {

 display:none;

}

#responsive {

 position:absolute;
 color:#909090;
 right:10px;
 top:23px;
 font-size:30px;
 font-weight:600;

}

#responsive-icon {

 margin-left:20px;
 font-weight:600;

}

#responsive, #responsive-icon {

 display:inline-block;

}

#responsive-menu {

 position:fixed;
 width:768px;
 margin:0px auto;
 background-color:rgba(0,0,0,0.9);
 border:1px solid #4a4a4a;
 display:none;
 top:124px;

}

#responsive-menu li {

 color:#878787;
 margin-bottom:13px;
 font-weight:bold;
 width:225px;
 margin-left:271.5px;

}

#responsive-menu li:first-child {

margin-top:10px;

}

#nase-sluzby-tabulka {

 position:relative; 
 margin-top:10px; 
 width:205px; 
 border:1px solid #4a4a4a; 
 display:none;

}

#nase-sluzby-odkazy {

 position:relative; 
 margin-left:-292px;

}

/* MENU END */

/* SLIDER */

#slider-bg {

 background: #FF6666;
 background: -webkit-linear-gradient(to bottom right, #FF6666, #000000);
 background: -moz-linear-gradient(to bottom right, #FF6666, #000000);
 background: linear-gradient(to bottom right, #FF6666, #000000);
 min-width:768px;

}

#slider {

 position:relative;
 width:768px;
 height:935px;
 margin:0px auto;
 margin-top:89px;
    
}

#slider1 {
 
 position:absolute;
 background-image:url('images/1280/slider1.webp');
 top:75px;
 left:112.5px;
 width:543px;
 height:489px;
 
}

#slider2 {

 position:absolute;
 background-image:url('images/1280/slider2.webp');
 top:75px;
 left:156.5px;
 width:455px;
 height:485px;
 
}

#popis {

 position:relative;
 width:768px;
 margin:0px auto;
 
}

#popis li {

 position:absolute;

}

#popis1 {

 position:absolute;
 top:585px;
 left:184px;
 width:400px;
 text-align:justify;
 font-size:25px;
 font-weight:300;
  
}

#popis2 {

 position:absolute;
 top:585px;
 left:184px;
 display:none;
 width:400px;
 text-align:justify;
 font-size:25px;
 font-weight:300;

}

#popis3 {

 position:absolute;
 top:585px;
 left:184px;
 display:none;
 width:400px;
 text-align:justify;
 font-size:25px;
 font-weight:300;
  
}

#popis4 {

 position:absolute;
 top:585px;
 left:184px;
 display:none;
 width:400px;
 text-align:justify;
 font-size:25px;
 font-weight:300;

}

/* SLIDER END */

/* PROMO-VIDEO */

#promo-video {

 position:relative;
 height:700px;

}

#promo {

 position:absolute;
 height:700px;
 width:100%;
 object-fit:cover;
 object-position: 50% 50%;

}

#promo-bg {

 position:absolute;
 height:700px;
 width:100%;
 background-color:rgba(0,0,0,0.75);

}

#promo-center {

 position:absolute;
 left:50%;
 margin-left:-384px;
 height:700px;
 width:768px;

}

#promo-video h2:first-of-type {

 text-align:center;
 color:#eeeeee;
 font-size:50px;
 margin-top:35px;

}

#promo-video h2:last-of-type {

 text-align:center;
 color:#eeeeee;
 font-size:40px;
 font-weight:300;
 
}

#eshop {

 position:relative;
 margin:0px auto;
 display:block; 
 width:325px;
 margin-top:60px;
 font-size:20px;
 text-align:center;
 background:linear-gradient(+60deg, #FF6666, #000000);
 background:-moz-linear-gradient(+60deg, #FF6666, #000000);
 background:-webkit-linear-gradient(+60deg, #FF6666, #000000);
 padding:20px 50px 20px 50px;
 border-radius:50px;
 transform:scale(1.1);
 z-index:1;
 color:white;

}

#objednat {

 position:relative;
 margin:0px auto;
 display:block;
 width:325px;
 margin-top:50px;
 font-size:20px;
 text-align:center;
 background:linear-gradient(+60deg, #7b68ee, #000000);
 background:-moz-linear-gradient(+60deg, #7b68ee, #000000);
 background:-webkit-linear-gradient(+60deg, #7b68ee, #000000);
 padding:20px 50px 20px 50px;
 border-radius:50px;
 transform:scale(1.1);
 z-index:1;
 color:white;

}

#objednat:hover, #eshop:hover  {

 transform:scale(1.15);
 color:#ffffff;

}

#referencie {

 position:relative; 
 width:310px; 
 margin:0px auto; 
 text-align:center; 
 color:#ffffff; 
 

}

#referencie-tabulka {

 position:relative; 
 margin:0px auto; 
 width:310px; 
 margin-bottom:20px; 
 margin-top:65px;

}

/* PROMO-VIDEO END */

/* SHORTCUTS */

#shortcuts {

 position:relative;
 width:768px;
 margin:0px auto;
 height:500px;
 margin-top:150px;
 border-bottom:0px;
  
}

#shortcuts ul {

 margin:0px;
 padding:0px;
 width:385px;
 margin-left:191.5px;
  
}

#shortcuts li {

 width:385px;
 border-right:0px;
 float:none;
 font-size:29px;
 padding:0px;
 padding-top:25px;
 padding-bottom:50px;
 border-bottom:1px solid #e2e2e2;
 margin-bottom:0px;
  
}

#shortcuts li:first-of-type {

 margin-left:0px;

}

#shortcuts li:last-child {

 border:0px;
 padding-top:15px;
  
}

#icon-zostava {

 display:inline-block;
 background-image:url('images/zostava.webp');
 width:66px;
 height:65px;
 position:relative;
 margin-right:30px;
 left:0px;
 top:18px;
 
}

#icon-design {

 display:inline-block;
 background-image:url('images/design.webp');
 width:65px;
 height:59px;
 position:relative;
 margin-right:30px;
 left:0px;
 top:15px;
 
}

#icon-mouse {

 display:inline-block;
 background-image:url('images/mouse.webp');
 width:37px;
 height:73px;
 position:relative;
 margin-right:30px;
 left:0px;
 top:22px;

}

/* SHORTCUTS END */

/* ZOSTAVA */

#background {

 background-image:url('images/build.webp');
 height:1800px;
 background-size:cover;
 background-position: 50% 70%;
 background-attachment:fixed;
 min-width:768px;

}

#background-white {

 background-color:rgba(255,255,255,0.85);
 height:1800px;

}

#zostava {

 position:relative;
 width:768px;
 margin:0px auto;
 font-weight:300;
 padding:20px;
 height:1800px;
 margin-top:100px;
   
}

#zostava h1 {

 font-size:50px;
 padding-left:20px;
 margin:0px;
 margin-top:110px;
 border-bottom:1px solid #d4d3d3;
  
}

#zostava h3 {

 font-size:25px;
 padding-top:15px;
 margin:0px;
    
}

#zostava-img {
 
 position:relative;
 background-image:url('images/zostava2.webp');
 top:100px;
 width:697px;
 height:510px;
 margin:0px auto;
 background-size: 100%;
 background-repeat:no-repeat;

}

#zostava ul {

 position:relative;
 margin:0px auto;
 top:200px;
 right:0px;
 width:530px;
 color:#323232;
 padding:35px;
 line-height:25px;
   
}

/* ZOSTAVA END */

/* SUPPORT TABLE */

#support-table {

 position:relative;
 width:350px;
 margin:0px auto;
 height:850px;
 margin-top:200px;
 margin-bottom:100px;

}

#support, #expert, #testing {

 position:relative;
 width:350px;
 height:300px;
 margin-right:0px;
 margin-bottom:50px;
 
}

/* SUPPORT TABLE END */

/* POWER TABLE AND STATS */

#power {

 background-image:url('images/background.webp');
 height:1000px;
 background-size:cover;
 background-position: 50% 50%;
 background-attachment:scroll;
 margin-top:300px;
 min-width:768px;

}

#power-table {

 position:relative;
 margin:0px auto;
 width:768px;
 height:1000px;
 padding:50px;

}

#power-table h2 {

 color:#ffffff;
 font-size:80px;
 margin:30px;
 margin-top:140px;
 text-shadow: 1px 1px #111111;

}

#power-table p {

 color:#ffffff;
 font-size:35px;
 padding-left:20px;
 padding-right:20px;
 text-shadow: 1px 1px #111111;

}

.progress-container {
 
 width: 100%;
 width: 470px;
 background-color: #e8e8e8;
 border-radius: 10px;
 overflow: hidden;
 box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
 margin-left:20px;
		
}

.progress-bar {

 width: 0;
 background-color: #DC4A4A;
 border-radius: 10px;
 text-align: center;
 line-height: 30px;
 color: #fff;
 font-weight: bold;
 font-size:25px;
 padding:8px;

}

#stats-center {

 position:relative;
 margin:0px auto;
 width:768px;
 margin-top:50px;
 height:225px;
 border-bottom: 1px solid #e2e2e2;
   
}

.stats-table {

 position:relative;
 width:170px;
 height:120px;
 padding:5px;
 margin-right:115px;
 float:left;
   
}

.stats-table:last-child {

 margin-right:0px;

}

.stats-table p {

 margin:0px;
 text-align:center;

}

.stats-table p b{

 font-size:35px;

}

.stats-table span {

 font-size:30px;

}

.stats-margin {

 margin-right:0px;

}

/* POWER TABLE AND STATS END */

/* SLUZBY */

#sluzby {

 position:relative;
 width:768px;
 margin:0px auto;
 margin-top:110px;
 margin-bottom:1500px;
 font-weight:300;
    
}

#sluzby h2 {

 font-size:50px;
 padding-top:130px;
 margin:0px;
 margin-top:110px;
 margin-bottom:110px;
 border-bottom:1px solid #e2e2e2;
 text-align:center;
  
}

#tabulka {

 position:relative;
 margin:0px auto;
 width:768px; 
 
}

#tabulka1 {

 position:relative;
 width:400px;
 height:600px;
 border:1px solid #e2e2e2;
 left:50%;
 margin-left:-184px;
 margin-bottom:50px;

}

#tabulka1-img {

 position:absolute;
 margin-top:50px;
 left:120px;
 background-image:url('images/upgrade.webp');
 width:160px;
 height:160px;

}

.tabulka-info {

 position:absolute;
 top:100px;

}

#tabulka h3 {

 margin:150px 0px 0px 0px;
 font-size:28px;
 text-align:center;

}

#tabulka p {

 padding:0px 50px 0px 50px;

}

#tabulka2 {

 position:relative;
 left:50%;
 margin-left:-184px;
 width:400px;
 height:600px;
 border:1px solid #e2e2e2;
 margin-bottom:50px;
 
}

#tabulka2-img {

 position:absolute;
 margin-top:50px;
 left:85px;
 background-image:url('images/pretaktovanie.webp');
 width:230px;
 height:160px;

}

#tabulka3 {

 position:relative;
 left:50%;
 margin-left:-184px;
 width:400px;
 height:600px;
 border:1px solid #e2e2e2;
 margin-bottom:50px;

}

#tabulka3-img {

 position:absolute;
 margin-top:50px;
 left:130px;
 background-image:url('images/fix.webp');
 width:140px;
 height:160px;

}

/* SLUZBY END */

/* NASE ZOSTAVY */

#parallax {

 background-image:url('images/nase-zostavy.webp');
 height:1250px;
 background-size:cover;
 background-position: 50% 50%;
 background-attachment:scroll;
 margin-top:250px;
 min-width:768px;

}

#parallax-bg {

 height:1250px;
 background-color:rgba(0,0,0,0.7);
 
}

#nase-zostavy {

 position:relative;
 margin:0px auto;
 width:768px;
  
}

#nase-zostavy h2 {

 color:#DC4A4A;
 text-align:center;
 font-size:50px;
 padding-top:110px;
 border-bottom:1px solid #5f5f5f;
 text-shadow: 1px 1px #111111;
 
}

.nase-zostavy-span {

 color:#ffffff;
 font-weight:300;

}

#nase-zostavy h3 {

 padding-top:40px;
 padding-bottom:2px;
 text-shadow:1px 1px #111111;
 border-bottom:1px solid #5f5f5f;
 width:500px;
 margin:0px auto;
 text-align:center;
 color:#ffffff;
 font-size:40px;
 
}

#nase-zostavy-tabulka {

 position:relative;
 margin:0px auto;
 width:700px;
 color:#222222;
 text-align:justify;
 padding:20px;
 background-color:rgba(255,255,255,0.8);

}

#nase-zostavy p {

 margin-top:30px;
 font-weight:400;
   
}

#nase-zostavy p:before {

 content:'■';
 margin-right:20px;
 color:#DC4A4A;
 
}

.zostavy-green {

 color:#348a2e;

}

.zostavy-red {

 color:#b23131;

}

/* NASE ZOSTAVY END */

/* RECENZIE */

#recenzia-zakaznik {

 position:relative;
 margin:0px auto;
 width:768px;
 height:500px;
 padding-top:150px;
 margin-bottom:350px;

}

#recenzia-zakaznik  h2{

 font-size:50px;
 margin:0px;
 text-align:center;
 border-bottom:1px solid #e2e2e2;

}

.recenzie-container {
    
 overflow:hidden;
 margin-top:50px;
 padding:50px;
 
}

#sipka-vlavo, #sipka-vpravo {
  
 background-color: rgba(0,0,0,0.5);
 color: white;
 border: none;
 font-size: 24px;
 padding: 10px 16px;
 cursor: pointer;
 position: absolute;
 top: 35%;
 transform: translateY(-50%);
 z-index:1;
 
}

#sipka-vlavo {
 
 left: 50px;

}

#sipka-vpravo {

 right: 50px;

}

/* RECENZIE END */

/* ALZA */

#podpora {

 position:relative;
 width:768px;
 margin:0px auto;
 font-weight:300;
 padding:0px 0px 120px 0px;
 margin-top:300px;
 
}

#podpora h2 {

 font-size:40px;
 padding-top:50px;
 margin:0px;
 margin-top:-20px;
 text-align:center;
 border: 0px;

}

#podpora p {

 text-align:center;

}

#podpora a{

 text-align:center;
 display:block;
 font-size:40px;
 font-weight:bold;
 color:#d66f6f;
 padding-top:50px;
 width:230px;
 margin:0px auto;

}

#podpora a:hover{

 color:#111111;

}

/* ALZA END */

/* KONTAKT */

.background4 {

 background:linear-gradient(+25deg, #000000, #434343);
 background:-moz-linear-gradient(+25deg, #000000, #434343);
 background:-webkit-linear-gradient(+25deg, #000000, #434343);
 min-width:768px;

}

#kontakt {

 position:relative;
 width:768px;
 height:1200px;
 margin:0px auto;
 color:#ffffff;
 font-weight:300;
 padding-top:50px;
  
}

#kontakt h3 {

 font-size:25px;

}

#call {

 background-image:url('images/call.webp');
 width:24px;
 height:24px;
 display:inline-block;
 margin-right:15px;
 margin-left:-39px;

}

#email {

 background-image:url('images/email.webp');
 width:24px;
 height:20px;
 display:inline-block;
 margin-right:15px;
 margin-left:-39px;

}

#location {

 background-image:url('images/location.webp');
 width:24px;
 height:24px;
 display:inline-block;
 margin-right:15px;
 margin-left:-39px;

}

#kontakt ul {

 padding-top:0px;
 padding-left:50px;
 width:308px;
 margin:0px auto;

}

#kontakt li {

 padding-bottom:9px;

}

#kontakt li a {

 color:#eee;
 text-decoration:none;
 -moz-transition:all 0.5s ease;
 -webkit-transition:all 0.5s ease;
 -ms-transition:all 0.5s ease;
 -os-transition:all 0.5s ease;

}

#kontakt li a:hover {

 color:#6b6b6b;

}

#kontakt ul li span {

 font-weight:100;
 font-size:18px;
 
}

#kontakt ul li b {

 background-color:#4267b2;
 padding:0px 5px 0px 10px;
 border-radius:2px;
 font-weight:bold;
 font-size:23px;
 color:#eee;
 margin-right:10px;

}

#facebook {

 position:relative;
 top:50px;
 background-image:url('images/fb.webp');
 width:295px;
 height:123px;
 opacity:0.8;
 margin:0px auto;
 -moz-transition:all 0.5s ease;
 -webkit-transition:all 0.5s ease;
 -ms-transition:all 0.5s ease;
 -os-transition:all 0.5s ease;
 text-align:center;
 color:#eee;
 
}

#facebook:hover {

 opacity:1;

}

#facebook span {

 position:relative;
 top:130px;

}

#mapa-1024 {

 position:relative;
 top:150px;
 right:20px;
 background-image:url('images/mapa-responsive.webp');
 width:768px;
 height:360px;
 box-shadow:20px 20px #DC4A4A;
 -moz-transition:all 0.5s ease;
 -webkit-transition:all 0.5s ease;
 -ms-transition:all 0.5s ease;
 -os-transition:all 0.5s ease;
 margin:0px auto;
 display:block;

}

#mapa-1024:hover {

 opacity:0.8;
 cursor:pointer;

}

#mapa-1600, #mapa-1366, #mapa-768 {

 display:none;

}

.red {

 color:#d66f6f;

}

.red-2 {

 color:#DC4A4A;

}

.green {

 color:#74d66f;

}

.blue {

 color:#80a4e6;

}

#border {

 border-bottom:1px solid #5f5f5f;
 width:768px;
 margin-top:200px;
 
}

#copyright {

 position:relative;
 width:768px;
 margin:0px auto;
 text-align:right;
 color:#eee;
 padding-top:20px;
 padding-right:20px;
 
}

#copyright-span {

 float:left;
 padding:20px 0px 0px 20px;
  
}

#mapa {

 width:100%;
 height:450px;
    
}

}

/* KONTAKT END */

@media ( max-width:768px ) {

/* CONTACT BAR */

#contact-bar-center {

 position:relative;
 width:375px;
 height:35px;
 margin:0px auto;
 z-index:5;
 border-bottom:1px solid #4a4a4a;

}

#contact-bar-info {

 display:none;

}

.delete {

 display:none;

}

#contact-bar ul {

 margin:0px;
 padding:0px;
 color:#878787;
 height:35px;

}

#contact-bar ul li {
  
 float:right;
 margin:-2px 12px 0px 0px;
 font-size:14px; 

}

#contact-mail {

 display:inline-block; 
 position:relative; 
 top:7px; background-image:url('images/contact-mail.png'); 
 width:24px; 
 height:24px; 
 margin-right:4px;

}

#contact-call {

 display:inline-block; 
 position:relative; 
 top:7px; 
 background-image:url('images/contact-call.png'); 
 width:24px; 
 height:24px; 
 margin-right:4px;

}

#contact-instagram {

 display:inline-block; 
 position:relative; 
 top:7px; 
 background-image:url('images/contact-instagram.png'); 
 width:24px; 
 height:24px; 
 margin-right:0px;

}

#contact-facebook {

 display:inline-block; 
 position:relative; 
 top:7px; 
 background-image:url('images/contact-facebook.png'); 
 width:24px; 
 height:24px; 
 margin-right:0px;

}

#contact-youtube {

 display:inline-block; 
 position:relative; 
 top:7px; 
 background-image:url('images/contact-youtube.png'); 
 width:24px; 
 height:24px; 
 margin-right:0px;

}

/* CONTACT BAR END */

/* MENU */

#menu-bg {

 position:fixed;
 background-color:#111111;
 top:35px;
 height:70px;
 width:100%;
 z-index:5;
 
}

#center {

 position:relative;
 width:375px;
 margin:0px auto;
 z-index:5;
  
}

#header {

 top:28px;
 position:fixed;
 height:70px;
 width:375px;
 background-color:#111111;
 transform:scale(0.8);
 
}

#logo-home {

 position:relative;
 left:-20px; 
 width:196px;
 height:63px;
 margin:12px 10px 12px 10px;
 
}

#logo {

 position:relative;
 background-image:url('images/logo.svg');
 width:196px;
 height:63px;
  
}

#menu {

 display:none;

}

#responsive {

 position:absolute;
 color:#909090;
 right:-10px;
 top:21px;
 font-size:30px;
 font-weight:600;

}

#responsive-icon {

 margin-left:20px;
 font-weight:600;

}

#responsive, #responsive-icon {

 display:inline-block;

}

#responsive-menu {

 position:fixed;
 width:375px;
 margin:0px auto;
 background-color:rgba(0,0,0,0.9);
 border:1px solid #4a4a4a;
 display:none;
 top:105px;

}

#responsive-menu li {

 color:#878787;
 margin-bottom:13px;
 font-weight:bold;
 width:225px;
 margin-left:50px;

}

#responsive-menu li:first-child {

margin-top:10px;

}

#nase-sluzby-tabulka {

 position:relative; 
 margin-top:10px; 
 width:205px; 
 border:1px solid #4a4a4a; 
 display:none;

}

#nase-sluzby-odkazy {

 position:relative; 
 margin-left:-70px;

}

/* MENU END */

/* SLIDER */

#slider-bg {

 background: #FF6666;
 background: -webkit-linear-gradient(to bottom right, #FF6666, #000000);
 background: -moz-linear-gradient(to bottom right, #FF6666, #000000);
 background: linear-gradient(to bottom right, #FF6666, #000000);
 min-width:375px;

}

#slider {

 position:relative;
 width:375px;
 height:800px;
 margin:0px auto;
 margin-top:0px; /*slider vs promo-video switch poradie*/ 
 
 /*desktop verzia povodne: margin-top:70px; */
    
}

#slider1 {
 
 position:absolute;
 background-image:url('images/1280/slider1.webp');
 top:60px;
 left:12.5px;
 width:350px;
 background-size:100%;
 height:315px;
 
}

#slider2 {

 position:absolute;
 background-image:url('images/1280/slider2.webp');
 top:30px;
 left:12.5px;
 width:350px;
 background-size:100%;
 height:368px;
 
}

#popis {

 position:relative;
 width:375px;
 margin:0px auto;
 
}

#popis li {

 position:absolute;

}

#popis1 {

 position:absolute;
 top:400px;
 left:12.5px;
 width:350px;
 text-align:justify;
 font-size:25px;
 font-weight:300;
  
}

#popis2 {

 position:absolute;
 top:400px;
 left:12.5px;
 display:none;
 width:350px;
 text-align:justify;
 font-size:25px;
 font-weight:300;

}

#popis3 {

 position:absolute;
 top:400px;
 left:12.5px;
 display:none;
 width:350px;
 text-align:justify;
 font-size:25px;
 font-weight:300;
  
}

#popis4 {

 position:absolute;
 top:400px;
 left:12.5px;
 display:none;
 width:350px;
 text-align:justify;
 font-size:25px;
 font-weight:300;

}

/* SLIDER END */

/* PROMO-VIDEO */

#promo-video {

 position:relative;
 height:735px;
 margin-top:70px; /*slider vs promo-video switch poradie*/ 
 
 /*desktop verzia povodne: margin-top:0px; */

}

#promo {

 position:absolute;
 height:700px;
 width:100%;
 object-fit:cover;
 object-position: 50% 50%;

}

#promo-bg {

 position:absolute;
 height:700px;
 width:100%;
 background-color:rgba(0,0,0,0.6);

}

#promo-center {

 position:absolute;
 left:50%;
 margin-left:-187.5px;
 height:700px;
 width:375px;

}

#promo-video h2:first-of-type {

 text-align:center;
 color:#eeeeee;
 font-size:40px;
 margin-top:65px;

}

#promo-video h2:last-of-type {

 text-align:center;
 color:#eeeeee;
 font-size:35px;
 font-weight:300;
 
}

#eshop {

 position:relative;
 margin:0px auto;
 display:block; 
 width:325px;
 margin-top:35px;
 font-size:20px;
 text-align:center;
 background:linear-gradient(+60deg, #FF6666, #000000);
 background:-moz-linear-gradient(+60deg, #FF6666, #000000);
 background:-webkit-linear-gradient(+60deg, #FF6666, #000000);
 padding:20px 50px 20px 50px;
 border-radius:50px;
 transform:scale(1.02);
 z-index:1;
 color:white;

}

#objednat {

 position:relative;
 margin:0px auto;
 display:block;
 width:325px;
 margin-top:50px;
 font-size:20px;
 text-align:center;
 background:linear-gradient(+60deg, #7b68ee, #000000);
 background:-moz-linear-gradient(+60deg, #7b68ee, #000000);
 background:-webkit-linear-gradient(+60deg, #7b68ee, #000000);
 padding:20px 50px 20px 50px;
 border-radius:50px;
 transform:scale(1.02);
 z-index:1;
 color:white;

}

#objednat:hover, #eshop:hover  {

 transform:scale(1.04);
 color:#ffffff;

}

#referencie {

 position:relative; 
 width:310px; 
 margin:0px auto; 
 text-align:center; 
 color:#ffffff; 
 

}

#referencie-tabulka {

 position:relative; 
 margin:0px auto; 
 width:310px; 
 margin-bottom:20px; 
 margin-top:45px;

}

/* PROMO-VIDEO END */

/* SHORTCUTS */

#shortcuts {

 position:relative;
 width:375px;
 margin:0px auto;
 height:480px;
 margin-top:150px;
 border-bottom:0px;
  
}

#shortcuts ul {

 margin:0px;
 padding:0px;
 width:350px;
 margin-left:12.5px;
  
}

#shortcuts li {

 width:350px;
 border-right:0px;
 float:none;
 font-size:26px;
 padding:0px;
 padding-top:25px;
 padding-bottom:50px;
 border-bottom:1px solid #e2e2e2;
 margin-bottom:0px;
  
}

#shortcuts li:first-of-type {

 margin-left:0px;

}

#shortcuts li:last-child {

 border:0px;
 padding-top:15px;
  
}

#icon-zostava {

 display:inline-block;
 background-image:url('images/zostava.webp');
 width:66px;
 height:65px;
 position:relative;
 margin-right:30px;
 left:0px;
 top:18px;
 
}

#icon-design {

 display:inline-block;
 background-image:url('images/design.webp');
 width:65px;
 height:59px;
 position:relative;
 margin-right:30px;
 left:0px;
 top:15px;
 
}

#icon-mouse {

 display:inline-block;
 background-image:url('images/mouse.webp');
 width:37px;
 height:73px;
 position:relative;
 margin-right:30px;
 left:0px;
 top:22px;

}

/* SHORTCUTS END */

/* ZOSTAVA */

#background {

 background-image:url('images/build.webp');
 height:1800px;
 background-size:cover;
 background-position: 35% 70%;
 background-attachment:fixed;
 min-width:375px;

}

#background-white {

 background-color:rgba(255,255,255,0.85);
 height:1800px;

}

#zostava {

 position:relative;
 width:375px;
 margin:0px auto;
 font-weight:300;
 padding:0px;
 height:1800px;
 margin-top:100px;
   
}

#zostava h1 {

 font-size:50px;
 padding-left:20px;
 padding-top:120px;
 margin:0px;
 margin-top:110px;
 border-bottom:1px solid #d4d3d3;
 font-size:40px;
  
}

#zostava h3 {

 font-size:25px;
 padding-top:15px;
 margin:0px;
    
}

#zostava-img {
 
 position:relative;
 background-image:url('images/zostava2.webp');
 top:100px;
 width:350px;
 height:256px;
 margin:0px auto;
 background-size: 100%;
 background-repeat:no-repeat;

}

#zostava ul {

 position:relative;
 margin:0px auto;
 top:200px;
 right:0px;
 width:350px;
 color:#323232;
 padding:35px;
 line-height:25px;
   
}

/* ZOSTAVA END */

/* SUPPORT TABLE */

#support-table {

 position:relative;
 width:350px;
 margin:0px auto;
 height:950px;
 margin-top:200px;
 margin-bottom:100px;

}

#support, #expert, #testing {

 position:relative;
 width:350px;
 height:300px;
 margin-right:0px;
 margin-bottom:50px;
 
}

/* SUPPORT TABLE END */

/* POWER TABLE AND STATS */

#power {

 background-image:url('images/background.webp');
 height:800px;
 background-size:cover;
 background-position: 50% 50%;
 background-attachment:scroll;
 margin-top:230px;
 min-width:375px;

}

#power-table {

 position:relative;
 margin:0px auto;
 width:375px;
 height:1000px;
 padding:20px;

}

#power-table h2 {

 color:#ffffff;
 font-size:42px;
 margin:20px;
 margin-top:150px;
 text-shadow: 1px 1px #111111;

}

#power-table p {

 color:#ffffff;
 font-size:25px;
 padding-left:20px;
 padding-right:20px;
 text-shadow: 1px 1px #111111;

}

.progress-container {
 
 width: 100%;
 width: 295px;
 background-color: #e8e8e8;
 border-radius: 10px;
 overflow: hidden;
 box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
 margin-left:20px;
		
}

.progress-bar {

 width: 0;
 background-color: #DC4A4A;
 border-radius: 10px;
 text-align: center;
 line-height: 30px;
 color: #fff;
 font-weight: bold;
 font-size:25px;
 padding:8px;

}

#stats-center {

 position:relative;
 margin:0px auto;
 width:375px;
 margin-top:50px;
 height:350px;
 border-bottom: 1px solid #e2e2e2;
  
}

.stats-table {

 position:relative;
 width:170px;
 height:120px;
 padding:5px;
 margin-right:0px;
 float:left;
  
}

.stats-table:last-child {

 margin-right:0px;

}

.stats-table p {

 margin:0px;
 text-align:center;

}

.stats-table p b{

 font-size:35px;

}

.stats-table span {

 font-size:30px;

}

/* POWER TABLE AND STATS END */

/* SLUZBY */

#sluzby {

 position:relative;
 width:375px;
 margin:0px auto;
 margin-top:110px;
 margin-bottom:1500px;
 font-weight:300;
    
}

#sluzby h2 {

 font-size:40px;
 padding-top:130px;
 margin:0px;
 margin-top:110px;
 margin-bottom:110px;
 border-bottom:1px solid #e2e2e2;
 text-align:center;
  
}

#tabulka {

 position:relative;
 margin:0px auto;
 width:375px; 
 
}

#tabulka1 {

 position:relative;
 width:375px;
 height:600px;
 border:1px solid #e2e2e2;
 left:50%;
 margin-left:-187.5px;
 margin-bottom:50px;

}

#tabulka1-img {

 position:absolute;
 margin-top:50px;
 left:107.5px;
 background-image:url('images/upgrade.webp');
 width:160px;
 height:160px;

}

.tabulka-info {

 position:absolute;
 top:100px;

}

#tabulka h3 {

 margin:150px 0px 0px 0px;
 font-size:25px;
 text-align:center;

}

#tabulka p {

 padding:0px 50px 0px 50px;

}

#tabulka2 {

 position:relative;
 left:50%;
 margin-left:-187.5px;
 width:375px;
 height:600px;
 border:1px solid #e2e2e2;
 margin-bottom:50px;
 
}

#tabulka2-img {

 position:absolute;
 margin-top:50px;
 left:72.5px;
 background-image:url('images/pretaktovanie.webp');
 width:230px;
 height:160px;

}

#tabulka3 {

 position:relative;
 left:50%;
 margin-left:-187.5px;
 width:375px;
 height:600px;
 border:1px solid #e2e2e2;
 margin-bottom:50px;

}

#tabulka3-img {

 position:absolute;
 margin-top:50px;
 left:117.5px;
 background-image:url('images/fix.webp');
 width:140px;
 height:160px;

}

/* SLUZBY END */

/* NASE ZOSTAVY */

#parallax {

 background-image:url('images/nase-zostavy.webp');
 height:1450px;
 background-size:cover;
 background-position: 59% 50%;
 background-attachment:scroll;
 margin-top:250px;
 min-width:375px;

}

#parallax-bg {

 height:1450px;
 background-color:rgba(0,0,0,0.7);
 
}

#nase-zostavy {

 position:relative;
 margin:0px auto;
 width:375px;
  
}

#nase-zostavy h2 {

 color:#DC4A4A;
 text-align:center;
 font-size:40px;
 padding-top:110px;
 border-bottom:1px solid #5f5f5f;
 text-shadow: 1px 1px #111111;
 
}

.nase-zostavy-span {

 color:#ffffff;
 font-weight:300;

}

#nase-zostavy h3 {

 padding-top:0px;
 padding-bottom:2px;
 text-shadow:1px 1px #111111;
 border-bottom:1px solid #5f5f5f;
 width:375px;
 margin:0px auto;
 text-align:center;
 color:#ffffff;
 font-size:40px;
 
}

#nase-zostavy-tabulka {

 position:relative;
 margin:0px auto;
 width:375px;
 color:#222222;
 text-align:justify;
 padding:20px;
 background-color:rgba(255,255,255,0.8);

}

#nase-zostavy p {

 margin-top:30px;
 font-weight:400;
   
}

#nase-zostavy p:before {

 content:'■';
 margin-right:20px;
 color:#DC4A4A;
 
}

.zostavy-green {

 color:#348a2e;

}

.zostavy-red {

 color:#b23131;

}

/* NASE ZOSTAVY END */


/* Swiper slider */

/* slider kontajner */

.swiper {
  width: 100% !important;
  padding: 60px 0 !important;
}

/* SLIDE */
.swiper-slide {
  width: 100% !important;
  aspect-ratio: 4 / 3; /* 👉 zmeň na 16 / 6 ak chceš */
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: 0.4s;
  
}

/* Swiper slider END*/

/* RECENZIE */

#recenzia-zakaznik {

 position:relative;
 margin:0px auto;
 width:375px;
 height:850px;
 padding-top:150px;
 margin-bottom:350px;

}

#recenzia-zakaznik  h2{

 font-size:40px;
 margin:0px;
 text-align:center;
 border-bottom:1px solid #e2e2e2;

}

.recenzie-container {
    
 overflow:hidden;
 margin-top:50px;
 padding:50px;
 
}

#sipka-vlavo, #sipka-vpravo {
  
 background-color: rgba(0,0,0,0.5);
 color: white;
 border: none;
 font-size: 24px;
 padding: 10px 16px;
 cursor: pointer;
 position: absolute;
 top: 45%;
 transform: translateY(-50%);
 z-index:1;
 
}

#sipka-vlavo {
 
 left: 50px;

}

#sipka-vpravo {

 right: 50px;

}

/* RECENZIE END */

/* ALZA */

#podpora {

 position:relative;
 width:375px;
 margin:0px auto;
 font-weight:300;
 padding:0px 0px 120px 0px;
 margin-top:300px;
 
}

#podpora h2 {

 font-size:40px;
 padding-top:50px;
 margin:0px;
 margin-top:-20px;
 text-align:center;
 border: 0px;

}

#podpora p {

 text-align:justify;
 padding:0px 20px 0px 20px;

}

#podpora a{

 text-align:center;
 display:block;
 font-size:40px;
 font-weight:bold;
 color:#d66f6f;
 padding-top:50px;
 width:230px;
 margin:0px auto;

}

#podpora a:hover{

 color:#111111;

}

/* ALZA END */

/* KONTAKT */

.background4 {

 background:linear-gradient(+25deg, #000000, #434343);
 background:-moz-linear-gradient(+25deg, #000000, #434343);
 background:-webkit-linear-gradient(+25deg, #000000, #434343);
 min-width:375px;

}

#kontakt {

 position:relative;
 width:375px;
 height:1300px;
 margin:0px auto;
 color:#ffffff;
 font-weight:300;
 padding-top:90px;
  
}

#call {

 background-image:url('images/call.webp');
 width:24px;
 height:24px;
 display:inline-block;
 margin-right:15px;
 margin-left:-39px;

}

#email {

 background-image:url('images/email.webp');
 width:24px;
 height:20px;
 display:inline-block;
 margin-right:15px;
 margin-left:-39px;

}

#location {

 background-image:url('images/location.webp');
 width:24px;
 height:24px;
 display:inline-block;
 margin-right:15px;
 margin-left:-39px;

}

#kontakt ul {

 padding-top:0px;
 padding-bottom:30px;
 padding-left:50px;
 width:308px;
 margin:0px auto;

}

#kontakt li {

 padding-bottom:9px;

}

#kontakt li a {

 color:#eee;
 text-decoration:none;
 -moz-transition:all 0.5s ease;
 -webkit-transition:all 0.5s ease;
 -ms-transition:all 0.5s ease;
 -os-transition:all 0.5s ease;

}

#kontakt li a:hover {

 color:#6b6b6b;

}

#kontakt ul li span {

 font-weight:100;
 font-size:18px;
 
}

#kontakt ul li b {

 background-color:#4267b2;
 padding:0px 5px 0px 10px;
 border-radius:2px;
 font-weight:bold;
 font-size:23px;
 color:#eee;
 margin-right:10px;

}

#facebook {

 position:relative;
 top:50px;
 background-image:url('images/fb.webp');
 width:295px;
 height:123px;
 opacity:0.8;
 margin:0px auto;
 -moz-transition:all 0.5s ease;
 -webkit-transition:all 0.5s ease;
 -ms-transition:all 0.5s ease;
 -os-transition:all 0.5s ease;
 text-align:center;
 color:#eee;
 
}

#facebook:hover {

 opacity:1;

}

#facebook span {

 position:relative;
 top:130px;

}

#mapa-768 {

 position:relative;
 top:150px;
 right:20px;
 background-image:url('images/mapa-responsive2.webp');
 width:375px;
 height:360px;
 box-shadow:20px 20px #DC4A4A;
 -moz-transition:all 0.5s ease;
 -webkit-transition:all 0.5s ease;
 -ms-transition:all 0.5s ease;
 -os-transition:all 0.5s ease;
 margin:0px auto;
 display:block;

}

#mapa-768:hover {

 opacity:0.8;
 cursor:pointer;

}

#mapa-1600, #mapa-1366, #mapa-1024 {

 display:none;

}

.red {

 color:#d66f6f;

}

.red-2 {

 color:#DC4A4A;

}

.green {

 color:#74d66f;

}

.blue {

 color:#80a4e6;

}

#border {

 border-bottom:1px solid #5f5f5f;
 width:375px;
 margin-top:200px;
 
}

#copyright {

 position:relative;
 width:375px;
 margin:0px auto;
 text-align:right;
 color:#eee;
 padding-top:20px;
 padding-right:20px;
 font-size:16px;
 
}

#copyright-span {

 float:left;
 padding:20px 20px 0px 0px;
 font-size:15px;
 width:375px;
  
}

#mapa {

 width:100%;
 height:450px;
    
}

/* KONTAKT END */

/* Pop up window */

.popup {

 display: none;
 position: fixed;
 top: 65%;
 left: 50%;
 transform: translate(-50%, -70%);
 background: rgba(255,255,255,0.9);
 padding: 10px;
 box-shadow: 0 0 15px rgba(0,0,0,0.3);
 border-radius: 10px;
 z-index: 1000;
 text-align: center;
 width:375px;
  
}

.popup button {

 margin-top: 15px;
 padding: 10px 20px 10px 20px;
 cursor: pointer;
 background-color:#DC4A4A;
 font-size:20px;
 margin-bottom:20px;
 border-radius:10px;
 color:#ffffff;
 border:0px;
 -moz-transition:all 0.5s ease;
 -webkit-transition:all 0.5s ease;
 -ms-transition:all 0.5s ease;
 -o-transition:all 0.5s ease;
 
}
  
.popup button:hover {
    
 background-color:#ae3939;
	
}
  
.overlay {

 display: none;
 position: fixed;
 top: 0; left: 0; right: 0; bottom: 0;
 background: rgba(0,0,0,0.5);
 z-index: 999;
 
}
  
.popup p:first-child {

 text-align:center;
 font-size:25px;
 color:#DC4A4A;
 font-weight:bold;

}
	
.popup p {

 text-align:justify;
 font-size:18px;

}
	
.popup span{

 display:block;
 font-size:18px;
 text-align:center;
 margin-bottom:30px;

}
	
.popup span:first-of-type{
	
 font-size:20px;
	
}
	
.darcek-bg {

 color:#DC4A4A;
 font-size:25px;
	
}

}