@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 30px 30px 0px;
 
}

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

 display:none;

}

/* MENU END */

/* BLOG */

#blog-img {

 background: linear-gradient(to right, rgba(0,0,0,0.8), rgba(0,0,0,0.5), rgba(0,0,0,0.2)), url('images/blog-title.webp');
 height: 700px;
 background-attachment: scroll;
 background-size: cover;
 background-position: 100% 5%;
 width:100%; 
 color:#ffffff;
 margin-top:124px;

}

#blog-tabulka {

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

}

#blog-tabulka h1 {

 font-size:60px;
 padding-top:200px;
 text-align:center;

}

#blog-tabulka h2 {

 font-size:50px; 
 text-align:center; 
 font-weight:300;

}

#blog-tabulka h3 {

 font-size:30px; 
 text-align:center; 
 font-weight:bold;

}

/* BLOG 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:-10px;
 left:200px;
 font-size:18px;

}

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

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

 display:none;

}

/* MENU END */

/* BLOG */

#blog-img {

 background: linear-gradient(to right, rgba(0,0,0,0.8), rgba(0,0,0,0.5), rgba(0,0,0,0.2)), url('images/blog-title.webp');
 height: 700px;
 background-attachment: scroll;
 background-size: cover;
 background-position: 100% 5%;
 width:100%; 
 color:#ffffff;
 margin-top:124px;

}

#blog-tabulka {

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

}

#blog-tabulka h1 {

 font-size:50px;
 padding-top:220px;
 text-align:center;

}

#blog-tabulka h2 {

 font-size:40px; 
 text-align:center; 
 font-weight:300;

}

#blog-tabulka h3 {

 font-size:30px; 
 text-align:center; 
 font-weight:bold;

}

#blog-center {

 position:relative;
 width:680px;
 margin:0px auto;
 padding-top:100px;

}

#blog-center h2 {

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

}

#blog {

 position:relative;
 width:680px;
 height:880px;
 background-color:#fafafa;
 font-weight:300;
 margin:0px auto;

}

#blog-left {

 position:absolute;
 top:0px;
 width:680px;
 height:440px;
 background-image:url('images/blog.webp');
 opacity:0.8;

}

#blog-right {

 position:absolute;
 bottom:0px;
 width:680px;
 height:440px;
 padding:50px;

}

#blog-right p:first-child {

 text-align:center;
 font-size:28px;

}

#blog-right p {

 text-align:justify;
 padding-top:10px;

}

#blog a {

 display:block;
 width:200px;
 background-color:#e3e3e3;
 margin:0px auto;
 text-align:center;
 padding:15px;
 margin-top:50px;
 font-size:25px;

}

/* BLOG 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 */

/* FAQ */

#blog-img {

 background: linear-gradient(to right, rgba(0,0,0,0.8), rgba(0,0,0,0.5), rgba(0,0,0,0.2)), url('images/blog-title.webp');
 height: 700px;
 background-attachment: scroll;
 background-size: cover;
 background-position: 100% 5%;
 width:100%; 
 color:#ffffff;
 margin-top:124px;

}

#blog-tabulka {

 position:relative;
 margin:0px auto;
 width:1024px;
 height:700px;

}

#blog-tabulka h1 {

 font-size:50px;
 padding-top:220px;
 text-align:center;

}

#blog-tabulka h2 {

 font-size:40px; 
 text-align:center; 
 font-weight:300;

}

#blog-tabulka h3 {

 font-size:30px; 
 text-align:center; 
 font-weight:bold;

}

/* FAQ 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 */

/* FAQ */

#blog-img {

 background: linear-gradient(to right, rgba(0,0,0,0.8), rgba(0,0,0,0.5), rgba(0,0,0,0.2)), url('images/blog-title.webp');
 height: 700px;
 background-attachment: scroll;
 background-size: cover;
 background-position: 100% 5%;
 width:100%; 
 color:#ffffff;
 margin-top:124px;

}

#blog-tabulka {

 position:relative;
 margin:0px auto;
 width:768px;
 height:700px;

}

#blog-tabulka h1 {

 font-size:50px;
 padding-top:220px;
 text-align:center;

}

#blog-tabulka h2 {

 font-size:40px; 
 text-align:center; 
 font-weight:300;

}

#blog-tabulka h3 {

 font-size:30px; 
 text-align:center; 
 font-weight:bold;

}

.blog-slider-container {
  
  width: 520px;
  margin: 30px auto;
  position: relative;
  margin-bottom:150px;
}

/* FAQ 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 */

/* FAQ */

#blog-img {

 background: linear-gradient(to right, rgba(0,0,0,0.8), rgba(0,0,0,0.5), rgba(0,0,0,0.2)), url('images/blog-title.webp');
 height: 700px;
 background-attachment: scroll;
 background-size: cover;
 background-position: 85% 5%;
 width:100%; 
 color:#ffffff;
 margin-top:105px;

}

#blog-tabulka {

 position:relative;
 margin:0px auto;
 width:375px;
 height:700px;

}

#blog-tabulka h1 {

 font-size:40px;
 padding-top:220px;
 text-align:center;

}

#blog-tabulka h2 {

 font-size:30px; 
 text-align:center; 
 font-weight:300;

}

#blog-tabulka h3 {

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

}

#blog-center {

 position:relative;
 width:375px;
 margin:0px auto;
 padding-top:100px;

}

#blog-center h2 {

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

}

#blog {

 position:relative;
 width:375px;
 height:830px;
 background-color:#fafafa;
 font-weight:300;
 margin:0px auto;

}

#blog-left {

 position:relative;
 top:0px;
 width:375px;
 height:264px;
 background-image:url('images/blog.webp');
 background-size:100%;
 opacity:0.8;

}

#blog-right {

 position:relative;
 bottom:0px;
 width:375px;
 height:264px;
 padding:50px;

}

#blog-right p:first-child {

 text-align:center;
 font-size:28px;

}

#blog-right p {

 text-align:justify;
 padding-top:10px;

}

#blog a {

 display:block;
 width:200px;
 background-color:#e3e3e3;
 margin:0px auto;
 text-align:center;
 padding:15px;
 margin-top:50px;
 font-size:25px;

}

.blog-slider-container {
  
  width: 375px;
  margin: 30px auto;
  position: relative;
  margin-bottom:150px;
}

/* Responzívne */
@media screen and (max-width: 768px) {
  .blog-slide-item { flex: 0 0 180px; height: 100px; font-size: 14px; }
  .prev { left: 20px; display:none; }
  .next { right: 20px; display:none; }
}
@media screen and (max-width: 375px) {
  .blog-slide-item { flex: 0 0 150px; height: 90px; font-size: 13px; }
  .prev { font-size: 18px; padding: 6px 10px; left:0px; }
  .next { font-size: 18px; padding: 6px 10px; right:0px; }
}

/* FAQ 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;
	
}

}