:root { --cerna:#000; --seda:rgba(255,255,255,.5); --bila:#fff; --modra:#05909d; --cervena:#f02153;  --oranzova:#f77705; --zelena:#5b5f04; --pozadi:#e3dddd; } /* viz.: https://www.vzhurudolu.cz/prirucka/css-promenne-priklady */

body { font-family:'Raleway', sans-serif; font-size:300; }

a       { color:var(--cerna); transition:300ms; }
a:hover { color:var(--oranzova); }
a.zajem:hover b { color:var(--oranzova); text-decoration: none; border-bottom:2px solid var(--oranzova); }
a.zajem:hover { color:var(--modra); text-decoration: none; border-bottom:1px solid var(--modra); }

a.tl, strong.tl { background:var(--bila); padding:15px 0; text-align:center; display:inline-block; width:100%; margin:20px 0 25px 0; font-weight:normal; }
a.tl:hover { background:var(--seda); }
a.tl strong, strong.tl b { font-size:500; }

a.vice { text-transform:uppercase; display:block; text-align:right; }
a.vice:hover { text-transform:uppercase; }

a.orange { color:var(--oranzova); text-decoration:underline; }
a.orange:hover { text-decoration:none; }

a.ext { background:url(../../images/ikona/ext_off.svg) no-repeat 100% 50%; padding-right:40px; }
a.ext:hover { background:url(../../images/ikona/ext_on.svg) no-repeat 100% 50%;}

.nadpis { text-transform:uppercase; font-weight:700; font-size:1.1rem; }



/* menu */
  .hlavni-menu { position:fixed; top:0; left:0; right:0; z-index:999; }
  .navigace-horizontalni, .navigace-vertikalni { -ms-flex:1; flex:1; }
  .navigace-horizontalni>ul { -ms-flex-pack:end; justify-content:flex-end; }
  .navigace-horizontalni .nav-item { padding-right:1rem; padding-left:1rem; }
  .navigace-horizontalni .nav-item:first-of-type { padding-left:0; }
  .navigace-horizontalni .nav-item a, .navigace-vertikalni .nav-item a { font-size:.95em; font-weight:400; color:rgba(255,255,255,.5); text-transform:uppercase; white-space:nowrap; text-decoration:none; }
  .navigace-horizontalni .nav-item a:hover, .navigace-vertikalni .nav-item a:hover { color:rgba(255,255,255,1); }
  .navigace-horizontalni ul.amp-menu, .navigace-vertikalni ul.amp-menu { -ms-flex-pack:center; justify-content:center; list-style:none; padding:0; }
  .navigace-horizontalni ul.amp-menu { display:-ms-flexbox; display:flex; }
  @media (max-width:9991.98px) { .navigace-horizontalni { display:none; } }

  .navigace-vertikalni .active a, .navigace-vertikalni header.active, .navigace-vertikalni li.active,
  .navigace-horizontalni .active a, .navigace-horizontalni header.active, .navigace-horizontalni li.active { color:#fff; }

  .navigace-vertikalni .nav-item { padding-bottom:1rem; font-size:1.2rem; }

  .hamburger1, .hamburger2 { cursor:pointer; text-decoration:none; line-height:3.5rem; font-size:2.5rem; color:var(--oranzova); }
  .hamburger2 { padding:0; font-size:5rem; }
  .hamburger1:focus, .hamburger2:focus { outline:none; }
  .hamburger1 div { display:block; width:40px; height:5px; margin:5px 0; background:var(--oranzova);  }

  amp-sidebar.bocni-menu { padding:0 4rem 0 3rem; background:rgba(0,0,0,0.8); border-right:2px solid #333; }
  @media (min-width:9992px) { amp-sidebar.bocni-menu, .hamburger1 { display:none; } }

  .logo_AMP { 
    display:block; margin:20px 0 20px 20px;
    background:url(../../images/logo/logo-bystricky.svg) no-repeat; background-size:contain; width:188px; height:58px; cursor:pointer;
  }
  .logo { 
    display:block; margin:20px 0 20px 20px; width:188px; height:58px; cursor:pointer;
  }
/* end: menu */

ol.navigace li { font-weight:700; color:var(--cerna); font-size:1.2rem; }
ol.navigace li i { font-weight:400; font-style:normal; font-size:1.3rem; color:var(--cerna); }
ol.navigace li i:hover { cursor:pointer; text-decoration:underline; }

ol.bocni { position:sticky; top:50px; }
ol.bocni.navigace li,
ol.bocni.navigace li i { font-size:0.9rem; color:var(--modra); }

.odeslano-uspesne {color:#fff; font-weight:700; font-size:1.5rem; text-align:center; margin-bottom:50px; background:#966f14;}
.odeslano-neuspesne {color:#fff; font-weight:700; font-size:1.5rem; text-align:center; margin-bottom:50px; background:#966f14;}


/* parallax */
header, .footer, .reference-ludor {
  position:relative; min-height:553px;
  background-attachment:fixed; background-position:60% 0%; background-repeat:no-repeat;
}
@media (max-width: 1199.98px) { header { background-position:50% 0%; }}
@media (max-width: 767.98px) {
  header.projekty { min-height:660px; }
  header.webdesign { min-height:600px; }
  header.podpora { min-height:820px; }
}






.footer {
  min-height:600px; background-position:26% 90%;
}

.home { background-image: url("../../images/motiv/home.jpg"); }
  @media (max-width: 575.98px) { .home { background-image:url("../../images/motiv/home_575.jpg"); }}

.reference-ludor { background-image: url("../../images/motiv/ludor-reference.jpg"); min-height:718px; background-position:50% 0%; }
  @media (max-width: 575.98px) { .reference-ludor { background-image:url("../../images/motiv/ludor-reference_575.jpg"); }}

.foot { background-image: url("../../images/motiv/bartolomejske-namesti.jpg"); }

.obsah { position:absolute; left:0; top:140px; width:100%; }
  @media (max-width: 399.98px) { .obsah { top:100px; }}

.footer .obsah { top:0px; }
/* parallax */


header.mapa { min-height:415px; }
.mapa { background-image: url("../../images/motiv/kontakt_v2.jpg"); }
@media (max-width: 767.98px) { .mapa .vedlesebe h3 { display: inline-block; margin-right:50px; }}
@media (max-width: 575.98px) { .mapa .vedlesebe h3 { font-size:1.1rem; padding-left:55px; padding-bottom:0; } .mapa { background-image: url("../../images/motiv/kontakt_575.jpg"); background-position:100% 0%; }}



.webdesign { background-color:#e0eef0; background-image: url("../../images/motiv/webdesign.jpg"); }
  @media (max-width: 767.98px) { .webdesign { background-image:url("../../images/motiv/programovani_01_575.jpg"); }}
.webdesign_02 { background:#c7dcdf url("../../images/motiv/programovani_02.jpg") no-repeat 50%; }
.webdesign_02 div { min-height:540px; }
.webdesign_03 { background:#e0eef0 url("../../images/motiv/programovani_03.jpg") no-repeat 50%; }
.webdesign_03 div { min-height:540px; }

.webdesign.ludor { background-color:#f1f3e5; background-image: url("../../images/reference/ludor.jpg"); }
.webdesign.bravest { background-color:#f1f3e5; background-image: url("../../images/reference/bravest.jpg"); }
.webdesign.knihovnahod { background-color:#ffffff; background-image: url("../../images/reference/knihovnahod.jpg"); }
.webdesign.herminapenzion { background-color:#dbc4a1; background-image: url("../../images/reference/herminapenzion.jpg"); }
.webdesign.batakanal { background-color:#ffffff; background-image: url("../../images/reference/batakanal.jpg?v=2"); }
.webdesign.batacanal { background-color:#c2e6f6; background-image: url("../../images/reference/batacanal.jpg"); }
.webdesign.kmbeta { background-color:#e6e9f0; background-image: url("../../images/reference/kmbeta.jpg"); }
.webdesign.eparker { background-color:#e5e6e8; background-image: url("../../images/reference/eparker.jpg"); }
.webdesign.dekorace3d { background-color:#beb4ab; background-image: url("../../images/reference/dekorace3d.jpg"); }
.webdesign.topcomed { background-color:#e6e9f0; background-image: url("../../images/reference/topcomed.jpg"); }
.webdesign.bakeserv { background-color:#e6e9f0; background-image: url("../../images/reference/bakeserv.jpg"); }
.webdesign.pneuplus { background-color:#f9f3cf; background-image: url("../../images/reference/pneuplus.jpg?v=2"); }
.webdesign.alumbrado { background-color:#e4e7ee; background-image: url("../../images/reference/alumbrado.jpg"); }
.webdesign.alibus { background-color:#e0eeef; background-image: url("../../images/reference/alibus.jpg"); }
.webdesign.byty-dablicka { background-color:#605f5d; background-image: url("../../images/reference/byty-dablicka.jpg"); }
.webdesign.dentcompany { background-color:#e6e9f0; background-image: url("../../images/reference/dentcompany.jpg"); }
.webdesign.sklepumarka { background-color:#e6e9f0; background-image: url("../../images/reference/sklepumarka.jpg"); }
.webdesign.vinummoravicum { background-color:#e6e9f0; background-image: url("../../images/reference/vinummoravicum.jpg"); }
.webdesign.sendwix { background-color:#d4e6f0; background-image: url("../../images/reference/sendwix.jpg"); }
.webdesign.penzion-batuvkanal { background-color:#d4e6f0; background-image: url("../../images/reference/penzion-batuvkanal.jpg"); }
.webdesign.batacanal80 { background-color:#d4e6f0; background-image: url("../../images/reference/batacanal80.jpg"); }
.webdesign.amtech { background-color:#d4e6f0; background-image: url("../../images/reference/amtech.jpg"); }
.webdesign.ehomes { background-color:#d4e6f0; background-image: url("../../images/reference/ehomes.jpg"); }
.webdesign.luiz { background-color:#d4e6f0; background-image: url("../../images/reference/luiz.jpg"); }
.webdesign.mikrosvin { background-color:#d4e6f0; background-image: url("../../images/reference/mikrosvin.jpg"); }
.webdesign.bzenec { background-color:#e2eefa; background-image: url("../../images/reference/bzenec.jpg"); }
.webdesign.nextwood { background-color:#e2eefa; background-image: url("../../images/reference/nextwood.jpg"); }
.webdesign.zarazice { background-color:#e2eefa; background-image: url("../../images/reference/zarazice.jpg"); }
.webdesign.zdravebudovy { background-color:#e3f0e9; background-image: url("../../images/reference/zdravebudovy.jpg"); }
.webdesign.kudielka { background-color:#e3f0e9; background-image: url("../../images/reference/kudielka.jpg"); }
.webdesign.bydlenisprirodou { background-color:#fff; background-image: url("../../images/reference/bydlenisprirodou.jpg"); }
.webdesign.forumbd { background-color:#004da5; background-image: url("../../images/reference/forumbd.jpg?v=2"); }
.webdesign.pikesfrance { background-color:#fff; background-image: url("../../images/reference/pikesfrance.jpg"); }
.webdesign.dpuenergy { background-color:#fff; background-image: url("../../images/reference/dpuenergy.jpg"); }
.webdesign.pohrebnisluzbaveseli { background-color:#fff; background-image: url("../../images/reference/pohrebnisluzbaveseli.jpg"); }
.webdesign.bytybydleni-brandys { background-color:#fff; background-image: url("../../images/reference/bytybydleni-brandys.jpg"); }
.webdesign.energylink { background-color:#fff; background-image: url("../../images/reference/energylink.jpg"); }
.webdesign.chatamilovy { background-color:#d7dc81; background-image: url("../../images/reference/chatamilovy.jpg"); }
.webdesign.bytyzahradagallas { background-color:#97c500; background-image: url("../../images/reference/bytyzahradagallas.jpg"); }
.webdesign.nezval { background-color:#cccdcf; background-image: url("../../images/reference/nezval.jpg"); }
.webdesign.kotaca { background-color:#fff399; background-image: url("../../images/reference/kotaca.jpg"); }
.webdesign.osobnostihodoninska { background-color:#e0eef0; background-image: url("../../images/reference/osobnostihodoninska.jpg"); }
.webdesign.podlahy-bares { background-color:#ccc; background-image: url("../../images/reference/podlahy-bares.jpg"); }
.webdesign.veselakocicka { background-color:#fff; background-image: url("../../images/reference/veselakocicka.jpg"); }
.webdesign.zahradnictviuhusku { background-color:#fd0; background-image: url("../../images/reference/zahradnictviuhusku.jpg"); }
.webdesign.kamenictvi-zadnik { background-color:#b4b4b4; background-image: url("../../images/reference/kamenictvi-zadnik.jpg"); }
.webdesign.aigstavebni { background-image: url("../../images/reference/aigstavebni.jpg"); }
.webdesign.aig-bydleni { background-image: url("../../images/reference/aig-bydleni.jpg"); }
.webdesign.pristavisteujezu { background-image: url("../../images/reference/pristavisteujezu.jpg"); }
.webdesign.batak-live { background-image: url("../../images/reference/batak-live.jpg"); }
.webdesign.adrenalinparkubataku { background-color:#c3e4d3; background-image: url("../../images/reference/adrenalinparkubataku.jpg"); }




.agentura { background-color:#e0eef0; background-image: url("../../images/motiv/coffee_time.jpg?v=2"); background-position: 50% 0%; }


.balicek { margin-top:50px; }

.balicek .web, .balicek .gra, .balicek .res, .balicek .opt, .balicek .pro, .balicek .kod, .balicek .ryc, .balicek .wor,
.balicek .int, .balicek .por, .balicek .rez, .balicek .apl, .balicek .hry, .balicek .spo, .balicek .rek, .balicek .amp,
.balicek .pps, .balicek .lin, .balicek .off, .balicek .cms, .balicek .obj, .balicek .vir, .balicek .pri, .balicek .hos {
  background-repeat:no-repeat; background-size:43px 26px; background-position:0% 50%; padding:5px 0 5px 60px; 
  list-style-type:none; color:var(--cerna); font-size:1rem; text-transform:uppercase;
}

.balicek .web { background-image: url("../../images/ikona/webovky_blue.svg"); }
.balicek .gra { background-image: url("../../images/ikona/grafika_blue.svg"); }
.balicek .res { background-image: url("../../images/ikona/responzivita_blue.svg"); }
.balicek .opt { background-image: url("../../images/ikona/optimalizace_blue.svg"); }
.balicek .pro { background-image: url("../../images/ikona/programovani_blue.svg"); }
.balicek .kod { background-image: url("../../images/ikona/kodovani_blue.svg"); }
.balicek .ryc { background-image: url("../../images/ikona/rychlost_blue.svg"); }
.balicek .int { background-image: url("../../images/ikona/e-shop_blue.svg"); }
.balicek .por { background-image: url("../../images/ikona/portal_blue.svg"); }
.balicek .rez { background-image: url("../../images/ikona/rezervacni_system_blue.svg"); }
.balicek .apl { background-image: url("../../images/ikona/aplikace_blue.svg"); }
.balicek .hry { background-image: url("../../images/ikona/hry_blue.svg"); }
.balicek .spo { background-image: url("../../images/ikona/spoty_blue.svg"); }
.balicek .rek { background-image: url("../../images/ikona/reklama_blue.svg"); }
.balicek .pps { background-image: url("../../images/ikona/ppc_blue.svg"); }
.balicek .lin { background-image: url("../../images/ikona/link_building_blue.svg"); }
.balicek .off { background-image: url("../../images/ikona/off_reklama_blue.svg"); }
.balicek .cms { background-image: url("../../images/ikona/cms_blue.svg"); }
.balicek .obj { background-image: url("../../images/ikona/3d_objekty_blue.svg"); }
.balicek .vir { background-image: url("../../images/ikona/vrealita_blue.svg"); }
.balicek .hos { background-image: url("../../images/ikona/hosting_blue.svg"); }
.balicek .wor { background-image: url("../../images/ikona/wordpress_blue.svg"); }
.balicek .pri { background-image: url("../../images/ikona/pristupnost_blue.svg"); }
.balicek .amp { background-image: url("../../images/ikona/amp_blue.svg"); }


.nocursor { cursor: text; }






/* CHAT * CHAT */
.chat .zpravy {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  padding:20px;
  height: calc(100vh - 100px);
  overflow: auto;
  -webkit-transition: -webkit-transform .5s ease-in-out;
  -moz-transition: -moz-transform .5s ease-in-out;
  -o-transition: -o-transform .5s ease-in-out;
  transition: transform .5s ease-in-out;
}

.chat form .btn.btn-warning { border-color:var(--oranzova); color: var(--bila); border-radius:0; }
.chat form .btn-warning { background-color:var(--oranzova); }
.chat form { border:10px solid #ccc; }
.chat form .form-control { border:1px solid #fff !important; }

.sipka-vpravo,
.sipka-vlevo {
  padding:8px 12px 0 12px; margin-bottom:10px; border-radius:8px;
  transform:translate(0, 0);
  background-color:var(--oranzova);
  border:1px solid var(--oranzova);
}
.sipka-vpravo i,
.sipka-vlevo i {
  position:absolute; top:22px; right:100%;
  width:12px; height:24px; margin-top:-12px;
  overflow:hidden;
}
.sipka-vpravo i::after,
.sipka-vlevo i::after {
  content:'';
  position:absolute; top:50%; left:0;
  width:12px; height:12px;
  transform:translate(50%,-50%) rotate(-45deg);
  background-color:var(--oranzova);
  border:1px solid var(--oranzova);
}

.sipka-vlevo {
  background-color:#ccc;
  border:1px solid #ccc;
}
.sipka-vlevo i { left:100%; }
.sipka-vlevo i::after {
  transform:translate(-50%,-50%) rotate(-45deg);
  background-color:#ccc;
  border:1px solid #ccc;
}
/* end CHAT */





/* animace bublin */
.pozice { position:relative; }
.bublina-1, .bublina-2, .bublina-3, .bublina-4 {
 position:absolute; top:130px; left:130px;
 width:119px; height:109px; padding:20px 0 0 30px; line-height:1.3rem; font-size:1.15rem;
 background:url('../images/bublina-1.png') no-repeat; 
 /* animation: bublina-1 3s 1; -webkit-animation: bublina-1 3s 1; */
}
.bublina-2 {
 top:40px; left:400px; padding:20px 0 0 20px;
 background:url('../images/bublina-2.png') no-repeat; 
 /* animation: bublina-2 2s 1; -webkit-animation: bublina-2 2s 1; */
}
.bublina-3 {
 top:160px; left:690px; padding:45px 0 0 15px;
 background:url('../images/bublina-3.png') no-repeat; 
 /* animation: bublina-3 2s 1; -webkit-animation: bublina-3 2s 1 200ms backwards; */
}
.bublina-4 {
 top:20px; left:950px;
 /* animation: bublina-4 2s 1; -webkit-animation: bublina-4 2.5s 1 200ms backwards; */
}
@media (max-width: 500px) { .bublina-2 { display:none; } }
@media (max-width: 767px) { .bublina-3,.bublina-4 { display:none; } }

@media (max-width: 1199.98px) { 
  .bublina-1 { left:60px; }
  .bublina-2 { left:300px; }
  .bublina-3 { left:550px; }
  .bublina-4 { left:800px; }
}
@media (max-width: 991.98px) { 
  .bublina-1 { left:20px; }
  .bublina-2 { left:250px; }
  .bublina-3 { left:400px; }
  .bublina-4 { left:600px; }
}


@keyframes bublina-1 { 
  0% { transform:translate(-1000px, 0px); }
100% { transform:translate(0px, 0px); } 
}
@-webkit-keyframes bublina-1 { 
  0% { -webkit-transform:translate(-1000px, 0px); } 
100% { -webkit-transform:translate(0px, 0px); } 
}

@keyframes bublina-2 { 
  0% { transform:translate(-1000px, 0px); }
100% { transform:translate(0px, 0px); } 
}
@-webkit-keyframes bublina-2 { 
  0% { -webkit-transform:translate(-1000px, 0px); } 
100% { -webkit-transform:translate(0px, 0px); } 
}

@keyframes bublina-3 { 
  0% { transform:translate(1000px, 0px); }
100% { transform:translate(0px, 0px); } 
}
@-webkit-keyframes bublina-3 { 
  0% { -webkit-transform:translate(1000px, 0px); } 
100% { -webkit-transform:translate(0px, 0px); } 
}

@keyframes bublina-4 { 
  0% { transform:translate(800px, 0px); }
100% { transform:translate(0px, 0px); } 
}
@-webkit-keyframes bublina-4 { 
  0% { -webkit-transform:translate(800px, 0px); } 
100% { -webkit-transform:translate(0px, 0px); } 
}
/*konec: animace bublin */


/* prekryti img */
.efekt { overflow:hidden; margin:0; position:relative; }
.efekt amp-img { width:100%; display:block; transition:500ms; }
.efekt figcaption { 
  position:absolute; top:0; left:0; width:100%; opacity:0; transition:500ms; background:rgba(221, 221, 221, 0.9);
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}
.efekt figcaption a { font-size:1.2rem; color:black; display:block; text-align:center; padding:100px 0; text-transform:uppercase; }
.efekt:hover figcaption {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0); opacity:1;
}
/* konec: prekryti img */


@media (min-width: 992px) { /* PC nenacte obrázky!! Proto musi byt tohle css opatreni! */
	amp-img.ukaz-se-potvoro { width:620px; height:440px; }
  .home-ref-her { width:300px; height:397px; }
  .home-ref-bat { width:300px; height:328px; }
  .home-ref-bra { width:300px; height:314px; }
  .home-ref-sen { width:300px; height:396px; }
  .home-ref-kni { width:300px; height:377px; }
  .home-ref-epa { width:300px; height:330px; }
}
@media (min-width: 1200px) {  /* PC nenacte obrázky!! Proto musi byt tohle css opatreni! */
	amp-img.ukaz-se-potvoro { width:620px; height:440px; }
  .home-ref-her { width:360px; height:476px; }
  .home-ref-bat { width:360px; height:394px; }
  .home-ref-bra { width:360px; height:377px; }
  .home-ref-sen { width:360px; height:475px; }
  .home-ref-kni { width:360px; height:452px; }
  .home-ref-epa { width:360px; height:396px; }
}

/* reference */
.efffect a { position:relative; display:inline-block; overflow:hidden; color:transparent; font-size:1.5rem; }
.efffect a:before, .efffect a:after {
  -webkit-transition: all 0.7s ease-out;
  -moz-transition: all 0.7s ease-out;
  -o-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
  position:absolute; top:0; left:0; right:0; opacity:1; padding:50px 0;
  text-align:center; content:attr(title);
}
.efffect a:after {
  top:100%; z-index:10;
  color:#000; background: rgba(111, 200, 222, 0.2); text-shadow: 0 0 3px #fff;
}
.efffect a:hover:after { top:70%; }
/* konec: reference */



header h1 { font-size:2rem; text-transform:uppercase; font-weight:300; padding-bottom:10px; margin-bottom:30px; background:url(../../images/ikona/linka.png) no-repeat 0% 100%; }
header h1 strong { font-weight:700; }
header h3 { padding:0; text-transform:uppercase; }
header .h3 { padding:5px 0 10px 75px; text-transform:uppercase; font-size:1.3rem; }
header h3 { background-size:50px 31px; background-repeat:no-repeat; background-position:left top; }

header h3 svg g path { fill:none; stroke:#000; }

/* WEBDESIGN WEBDESIGN WEBDESIGN WEBDESIGN WEBDESIGN WEBDESIGN WEBDESIGN WEBDESIGN WEBDESIGN WEBDESIGN WEBDESIGN WEBDESIGN WEBDESIGN WEBDESIGN */
.webdesign h3:hover { text-decoration:underline; cursor:pointer; }

#gr { 
  background-color:#c7dcdf; background-image:url('../../images/ikona/grafika.svg'),url('../../images/motiv/fachman.webp');
  background-position:45% 50%, 70% 50%; background-repeat:no-repeat; background-size:500px 500px, 711px 548px; min-height:545px;
}
@media (max-width: 767.98px) {
	#gr { background:#c7dcdf url('../../images/ikona/grafika.svg') no-repeat 50%; background-size:500px; }
}
#ko { background:#e0eef0 url("../../images/ikona/kodovani.svg") no-repeat 30% 50%; background-size:500px; min-height:350px; }
#pr { background:#e4dcec url("../../images/ikona/programovani.svg") no-repeat 75% 50%; background-size:500px; min-height:350px; }
#re { background:#f7d2d3 url("../../images/ikona/responzivita.svg") no-repeat 30% 50%; background-size:500px; min-height:350px; }
#op { background:#fcf2b3 url("../../images/ikona/optimalizace.svg") no-repeat 75% 50%; background-size:500px; min-height:350px; }
#ry { background:#dcf9f3 url("../../images/ikona/rychlost.svg") no-repeat 30% 50%; background-size:500px; min-height:350px; }


/* PROJEKTY PROJEKTY PROJEKTY PROJEKTY PROJEKTY PROJEKTY PROJEKTY PROJEKTY PROJEKTY PROJEKTY PROJEKTY PROJEKTY PROJEKTY PROJEKTY PROJEKTY */
.projekty { background-color:#e0eef0; background-image: url("../../images/motiv/projekty.jpg"); }
.projekty h3:hover { text-decoration:underline; cursor:pointer; }

#ws { 
  background-color:#c7dcdf; background-image:url('../../images/motiv/barvy.webp'),url('../../images/ikona/webovky.svg');
  background-position:30% 50%,69% 50%; background-repeat:no-repeat; background-size:393px 508px,500px 500px; min-height:505px;
}
@media (max-width: 767.98px) {
	#ws { background:#c7dcdf url('../../images/ikona/webovky.svg') no-repeat 50%; background-size:500px; }
}
#io { background:#c1eade url("../../images/ikona/e-shop.svg") no-repeat 75% 50%; background-size:500px; min-height:350px; }
#po { background:#e4dcec url("../../images/ikona/portal.svg") no-repeat 30% 50%; background-size:500px; min-height:350px; }
#rs { background:#f7d2d3 url("../../images/ikona/rezervacni_system.svg") no-repeat 75% 50%; background-size:450px; min-height:350px; }
#fa { background:#fcf2b3 url("../../images/ikona/aplikace.svg") no-repeat 30% 50%; background-size:450px; min-height:350px; }
#hr { background:#fde6cc url("../../images/ikona/hry.svg") no-repeat 75% 50%; background-size:450px; min-height:350px; }
#ka { background:#dcf9f3 url("../../images/ikona/ppc.svg") no-repeat 30% 50%; background-size:450px; min-height:350px; }


/* PODPORA PODPORA PODPORA PODPORA PODPORA PODPORA PODPORA PODPORA PODPORA PODPORA PODPORA PODPORA PODPORA PODPORA PODPORA PODPORA PODPORA */
.podpora { background-color:#e0eef0; background-image: url("../../images/motiv/podpora.jpg"); }
.podpora h3:hover { text-decoration: underline; cursor: pointer; }

#sa { 
  background-color:#c1eade; background-image:url('../../images/motiv/barvy.webp'),url('../../images/ikona/spoty.svg');
  background-position:30% 50%,50% 50%; background-repeat:no-repeat; background-size:393px 508px,500px 500px; min-height:505px;
}
@media (max-width: 767.98px) {
	#sa { background:#c1eade url('../../images/ikona/spoty.svg') no-repeat 50%; background-size:500px; }
}
#ir { background:#e4dcec url("../../images/ikona/reklama.svg") no-repeat 75% 50%; background-size:500px; min-height:350px; }
#pp { background:#c7dcdf url("../../images/ikona/ppc.svg") no-repeat 30% 50%; background-size:500px; min-height:350px; }
#lb { background:#f7d2d3 url("../../images/ikona/link_building.svg") no-repeat 75% 50%; background-size:500px; min-height:350px; }
#ol { background:#fde6cc url("../../images/ikona/off_reklama.svg") no-repeat 30% 50%; background-size:500px; min-height:350px; }
#cm { background:#dcf9f3 url("../../images/ikona/cms.svg") no-repeat 75% 50%; background-size:500px; min-height:350px; }
#do { background:#fcf2b3 url("../../images/ikona/3d_objekty.svg") no-repeat 30% 50%; background-size:500px; min-height:350px; }
#vr { background:#c1eade url("../../images/ikona/vrealita.svg") no-repeat 75% 50%; background-size:500px; min-height:350px; }




.ref-menu h3 { margin-left:15px; text-shadow: 0 0 10px #fff; }

.tiskoviny { background-color:#e0eef0; background-image: url("../../images/motiv/tiskoviny.jpg"); }
.tiskoviny h3:nth-of-type(1), .tiskoviny h3:nth-of-type(2), .tiskoviny h3:nth-of-type(3),
.tiskoviny h3:nth-of-type(4), .tiskoviny h3:nth-of-type(5), .tiskoviny h3:nth-of-type(6) { background-image:url("../images/ikona/tiskoviny_dark.png"); }

.ppc { background-color:#e0eef0; background-image: url("../../images/motiv/ppc.jpg"); }
.ppc h3:nth-of-type(1), .ppc h3:nth-of-type(2), .ppc h3:nth-of-type(3),
.ppc h3:nth-of-type(4), .ppc h3:nth-of-type(5), .ppc h3:nth-of-type(6) { background-image:url("../images/ikona/ppc_dark.svg"); }

.mobilisti { background:url("../images/motiv/nohy.jpg") no-repeat 50% 0%; min-height:610px; }
.mobilisti h2, .realizace h2 { text-transform: uppercase; font-size:1.5rem; font-weight:300; color:var(--modra); }
.realizace h2 { color:var(--zelena); }
.mobilisti h2 strong { font-weight:700; color:var(--cerna); border-bottom:4px solid var(--modra); }
.realizace h2 strong { font-weight:700; }
.mobilisti h2, .mobilisti p, .realizace h2, .realizace p { background:rgba(255,255,255,.8); padding:20px 50px; }



.dalsi-reference { padding:15px 0; line-height:20px; color:#bab2b2; text-align:center; }
.dalsi-reference a { color:#777; }
.dalsi-reference a.on { color:#666; font-weight:bold; }
.dalsi-reference a:hover { color:#666; }

a.onn { font-weight: bold; }






footer { background:var(--pozadi) url('../images/paticka-pozadi.png') no-repeat 20% 0%; }
footer h3 { text-transform:uppercase; text-align:center; padding-top:40px; }
footer h3.offcanvas-title { padding-top:0; text-transform:none; }
footer .offcanvas-header { padding: 0rem 1rem; }
.footer h4 { font-size:1.4rem; text-transform:uppercase; font-weight:700; text-align:right; margin:50px 0 30px 0; }
.footer .box { text-transform:normal; background:#3f3939; color:var(--bila); padding:25px 55px; font-size:.9rem; opacity:.9; font-style:normal; }
.footer .box span { text-transform:lowercase; }
.footer .box strong a { color:var(--bila); }
footer .nabidka p { margin:20px 0 80px 0; }
.footer .fak-adr { font-style:normal; font-size:.8rem; background:rgba(255,255,255,.9); padding:20px 45px; margin:80px 0 6px 0; opacity:.9; }
.footer .linky { text-align:right; padding-top:107px; }
.footer .by_linky { text-align:center; padding-top:100px; }


footer header { background-color: red !important; }




.offcanvas-bottom { height:60vh; }

@media (max-width: 575.98px) { 
  .footer .linky { display:none; }
  .footer h4 { margin:40px 0 10px 0; }
  .footer .by_linky { padding-top:30px; }
}

/* prohozeni poradi boxu (pc-mobil) */
.prvni-posledni { -webkit-box-ordinal-group:0; -ms-flex-order:-1; order:-1; }
.posledni-prvni { -webkit-box-ordinal-group:14; -ms-flex-order:13; order:13; }


/* kontaktni formular */
.form-control { display:block; width:100%; padding:.375rem .75rem; font-size:1rem; line-height:1.5; border:1px solid #dbc4a1; }
textarea.form-control { border-radius: .5rem; }
.submit.button{display:inline-block;color:#fff; text-transform:uppercase; padding:1rem 3rem; font-size:1rem; line-height:1.5; border-radius:.25rem; background:#966f14; border:0; font-weight: 600; cursor:pointer;}
.submit.button:hover{ background:#e0a800; }

.form_neodeslan, .form_odeslan {
	border:1px solid #c3e6cb; padding:15px 0; margin-top:50px;
	text-align:center; font-size:2em; 
	-webkit-box-shadow: 0 0 10px 0px #c3e6cb; box-shadow: 0 0 10px 0px #f77705;
}
.form_neodeslan { color:#721c24; background-color: #f8d7da;	border-color: #f5c6cb; }

.form-floating > .form-control::placeholder { color:var(--cervena); }

/* kontaktni formular */


ul.klasik, ol.klasik { padding:15px; }
ul.klasik li, ol.klasik li { color:#000; }

.mt-25 { margin-top:25px; }
.mt-50 { margin-top:50px; }
.mt-100 { margin-top:100px; }


.center { text-align:center; }
.doprava { text-align:right; }
.doleva { text-align:left; }
.dobloku { text-align:justify; }

.leva { float:left; }
.prava { float:right; }

.tucne, .bold { font-weight:bold; }
.kurziva { font-style:italic; }

.cerna { color:var(--cerna); }
.seda { color:var(--seda); }
.seda { color:#7f7f7f; }
.bila { color:var(--bila); }
.cervena { color:var(--cervena); }
.modra { color:var(--modra); }
.zelena { color:var(--zelena); }

.fw-300 { font-weight:300; }
.fw-400 { font-weight:400; }
.fw-500 { font-weight:500; }
.fw-700 { font-weight:700; }



.cleaner, .cleanerXSL {
 clear:both; font-size:1px; height:1px; line-height:0;
 border:none; background:transparent; width:100%;
}
.hidden { display:none; }


.red {color:var(--cervena);}


a[href^="tel:"] { text-decoration:none; cursor:auto; }

img { border:0px; }
hr  { border-color:#afafae -moz-use-text-color -moz-use-text-color; }
.obal { position:relative; top:0; left:0; }

u l { padding:0; margin:0 0 0 0;  }
li { list-style-image: url('../images/ikona/sipka_r.png'); color:var(--modra); padding-bottom:5px; }

.nomargin, table tr td.nomargin, table tr th.nomargin    { margin:0; }
.nopadding, table tr td.nopadding, table tr th.nopadding { padding:0; }
.noborder, table tr td.noborder, table tr th.noborder    { border:0; }

.screenreader, .SkipToContentMenu { /* skrite navigacni nadpisy pro nevidome - viz. menu.php */
 position:absolute; top:auto; left:-1000px;
 overflow:hidden; width:1px; height:1px;
}



/* pop-up */
  #hover{
	position:fixed; z-index:9998; top:0px;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.6)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#99000000',GradientType=0 );
	width:100%; height:100%;
  }
  
  #popup{
	position:absolute; top:2%; left:50%; z-index:9999;
	background:#fff; border-radius:5px; box-shadow:0 0 10px 0 #000;
	color:#000; text-align:center; padding-top:30px;
  }
  @media (max-width: 991.98px) { #popup { width:730px; margin-left:-365px; } }
  @media (max-width: 767.98px) { #popup { width:546px; margin-left:-273px; } }
  @media (max-width: 575.98px) { #popup { width:340px; margin-left:-170px; } }

  #popup a{ color:#900; }
  #popup a:hover{ color:#35211a; }
  
  #close, .close{
    position:absolute; top:-15px; right:-15px;
    background:black;
    -webkit-box-shadow: 0 0 10px 0 #000;
    box-shadow: 0 0 10px 0 #000;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width:50px; height:50px;
    color:white; text-align:center; line-height:30px;
    font-size:8px; font-weight:bold; font-family:'Arial Black', Arial, sans-serif;
    cursor:pointer;
    background:#f77705 url("../images/close.png") no-repeat 50%; opacity:1;
  } 
  #close:hover, .close:hover { background:#f77705 url("../images/close_on.png") no-repeat 50%; } 
  /* pop-up */


@media (max-width: 991.98px) { 
	.mobil-992 { display:none; }
}

@media (max-width: 767.98px) {
	/* prohozeni poradi boxu (mobil-pc) */
	.prvni-posledni { -webkit-box-ordinal-group:14; -ms-flex-order:13; order:13; }
	.posledni-prvni { -webkit-box-ordinal-group:0; -ms-flex-order:-1; order:-1; }
  .mobil-768 { display:none; }
}

@media (max-width: 575.98px) { 
  .mobil-576 { display:none; }
  .odskok-576 { margin-top:20px; margin-left:20px; }
  
}


.grecaptcha-badge { visibility:hidden; }
.reCaptcha, .reCaptcha a { color:#666; }