/* Nastavení posuvníku */
/* width */
::-webkit-scrollbar { width: 8px;}
/* Track */
::-webkit-scrollbar-track { background: #f7f5f8;}
/* Handle */
::-webkit-scrollbar-thumb { background: #f7f5f8;}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover { background: #444;}

body { width: 100%; font-family: 'SKODANext', sans-serif; display: flex; flex-flow: column; align-items: flex-start; justify-content: center; margin: 0 0 0 0; font-weight: 300; color: #00001C; background: #F6F6F6;}
html { scroll-behavior: smooth;}

span { font-weight: 900; color: #00001C;}
a { color: #00001C; text-underline-offset: 4px; text-decoration-color: #1b1a20; text-decoration-thickness: 1px; text-decoration-line: 2px; text-decoration-style: dotted; transition: ease-in-out color .35s;}
a:hover { color: #001E7B; text-decoration-color: #004282;}
a span { color: #00001C; transition: ease-in-out color .35s;}
a:hover span { color: #001E7B;}

/* Velké obrazovky a stolní monitory */
@media (min-width: 1281px) {
    #facebody { width: 100%; height: auto; position: relative; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center;}

    /* Definice textu */
    .free { width: calc(100% - 40px); height: 20px;}
    .free-big { width: calc(100% - 40px); height: 50px;}
    .free-mini { width: calc(100% - 40px); height: 12px;}
    .space { width: calc(100% - 40px); height: 40px;}
    .top-space { width: calc(100% - 40px); height: 80px;}

    h1, h2 { font-size: 2.6em; font-weight: 700; margin: 0 0 20px 0;}
    h2 { font-size: 1.75em; margin: 0 0 15px 0;}
    p { font-size: 1.5em;font-family: 'SKODANext', sans-serif; margin: 0 0 10px 0; font-weight: 300;}
    ul { margin: 0 0 10px 0; list-style: none;}
    li { font-size: 1.5em; margin: 0 0 10px 0; list-style: none;}
    li::before { content: "•"; color: #00001C; font-weight: 900; display: inline-block; width: 1em; margin-left: -1em;}

    /* Hlavička webu */
    header { width: 100%; height: 760px;} 
    .header-container { width: 100%; height: 760px; position: absolute; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    .header-container img { width: 100%; height: 100%; position: absolute; object-fit: cover;}
    .header-container-shadow { width: 100%; height: 760px; position: absolute; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: start; background: linear-gradient(0deg, rgba(0,0,28,.5), #00001c);}
    .header-container-shadow-linea { width: 100%; height: auto; padding: 60px 0 0 0; z-index: 100; border-bottom: 1px solid rgba(192,192,192,.2); display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    .header-container-shadow-linea-content { width: 1200px; height: 50px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    
    header nav { width: 800px; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center;}
    .nav-box { width: 200px; height: 30px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; transition: all .35s ease-in-out;}
    a.nav-box { color: #F6F6F6; text-decoration: none;}
    .nav-box p { width: 100%; margin: 0; font-size: 1em; color: #F6F6F6; font-family: 'SKODANext-BlackExpanded'; text-align: left; transition: all .35s ease-in-out;}
    a.nav-box:hover p { color: #7FA0BF;}

    .contact-place { width: 400px; height: 40px; padding: 20px 0 0 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    .contact-box { width: 200px; height: 50px; padding: 0 0 0 60px; display: flex; flex-wrap: wrap; justify-content: flex-spngtart; align-items: center; border-radius: 20px; border: 2px solid #F6F6F6; transition: all .35s ease-in-out;}
    a.contact-box { background: #001E7B url("../themes/poptavka.png") 15px 11px no-repeat; background-size: 30px auto;}
    a.contact-box:hover {  background: #004282 url("../themes/poptavka.png") 15px 11px no-repeat; background-size: 30px auto;}
    .contact-box p { width: 100%; margin: 0; font-size: 1em; color: #F6F6F6; font-family: 'SKODANext-BlackExpanded'; text-align: center;}

    .header-content { width: 100%; height: 760px; position: absolute; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    .header-content-top { width: 100%; height: 460px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    .header-content-top-obsah { width: 1200px; height: 380px; padding: 40px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-end;}
    .header-content-top-obsah img { width: 600px; height: auto;}
    
    .header-content-bottom { width: 1280px; height: 298px; border-top: 2px dotted #F6F6F6; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    .header-content-bottom-obsah { width: 720px; height: 218px; padding: 40px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
    .header-content-bottom-obsah p { width: 100%; margin: 0; font-size: 2em; color: #F6F6F6; font-family: 'SKODANext-BlackExpanded'; text-align: left;}
    .header-content-bottom-obsah-x { width: 10px; height: 10px; font-size: 15px; position: absolute; margin: -50px 0 0 755px; font-weight: 900; color: #F6F6F6;}
    .header-content-bottom-image { width: 478px; height: 298px; border-left: 2px dotted #F6F6F6;}
    .header-content-bottom-image-inner { width: 120px; height: 120px; position: absolute; margin: 230px 0 0 170px; border: 5px solid #F6F6F6; border-radius: 100%; transition: all .35s ease-in-out;}
    a.header-content-bottom-image-inner { background: url('../themes/before.jpg') top no-repeat; background-size: cover;}
    a.header-content-bottom-image-inner:hover { background: url('../themes/before1.jpg') top no-repeat; background-size: cover;}

    /* Hlavička webu */
    section { width: 1200px; height: auto; padding: 100px 40px; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start;}
    section:nth-of-type(2) { justify-content: center;}
    section:nth-of-type(3), section:nth-of-type(4) { align-items: center; justify-content: center;}

    section h2 { width: 100%; text-align: center; margin: 0 0 20px 0; font-size: 2em; font-family: 'SKODANext-BlackExpanded';}
    
    .tituls { width: 260px; height: auto; padding: 0 40px 0 0; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: flex-start;}
    .content { width: 900px; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
    .content h2 { width: 100%; text-align: left; margin: 0 0 20px 0; font-size: 1.75em; font-family: 'SKODANext', sans-serif;}

    .boxing { width: 1100px; height: 320px; position: relative; border-radius: 10px; overflow: hidden; border-radius: 10px;}
    .boxing-obsah-left { width: 280px; height: 280px; padding: 20px; position: absolute; margin: 0; display: flex; flex-direction: column; justify-content: flex-end; align-items: left; background: #004282;}
    .boxing-obsah-left h2 { margin: 0; font-size: 4em; margin-bottom: 10px; color: #F6F6F6; text-align: left; font-family: 'SKODANext-BlackExpanded';}
    .boxing-obsah-left p { margin: 0; font-size: 1.2em; color: #F6F6F6;}
    .boxing-obsah-center { width: 398px; height: 258px; position: absolute; margin: 60px 0 0 350px; border: 1px solid #00001c; border-radius: 20px; overflow: hidden;}
    .boxing-obsah-center img { width: 100%; height: 100%; object-fit: cover;}
    .boxing-obsah-right { width: 280px; height: 280px; padding: 20px; position: absolute; margin: 0 0 0 780px; display: flex; flex-direction: column; justify-content: flex-end; align-items: left; background: #00001C;}
    .boxing-obsah-right img { width: 100%; height: auto;}
    .boxing-line-left { width: 700px; height: 60px; position: absolute; margin: 0 0 0 200px; background: url('../themes/free_box.png') top no-repeat;}
    .boxing-line-right { width: 30px; height: 260px; position: absolute; margin: 60px 0 0 320px; background: url('../themes/bok.png') left no-repeat;}
    .boxing-line-top { width: 30px; height: 260px; position: absolute; margin: 60px 0 0 750px; background: url('../themes/bok.png') right no-repeat;}

    .tech-box { width: 500px; height: auto; padding: 0 50px; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start;}
    .tech-box li { margin: 0 0 20px 0;}
    .tech-box img { width: 100%; height: 380px; object-fit: cover;}
    .tech-box:nth-of-type(2), .tech-box:nth-of-type(3) { flex-flow: column;}
    .tech-box-image { width: 500px; height: 380px; border: 1px solid #00001c; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; overflow: hidden;}
    .tech-box-image img { width: 100%; height: 100%; object-fit: cover;}

    .circle-all { width: 1200px; height: auto; display: flex; flex-wrap: wrap;}
    .circle-box { width: 300px; height: auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
    .circle-image-a, .circle-image-b, .circle-image-c, .circle-image-d { width: 240px; height: 240px; border: 1px solid #00001c; border-radius: 100%; background: url('../icons/01_poptavka_obrazek.png') top no-repeat; background-size: cover;}
    .circle-image-b { background: url('../icons/02_nabidka_obrazek.png') top no-repeat; background-size: cover;}
    .circle-image-c { background: url('../icons/03_realizace_obrazek.png') top no-repeat; background-size: cover;}
    .circle-image-d { background: url('../icons/04_predani_vyroby_obrazek.png') top no-repeat; background-size: cover;}

    .circle-icons { width: 240px; height: 40px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
    .circle-icons-a, .circle-icons-b, .circle-icons-c, .circle-icons-d { width: 80px; height: 80px; position: absolute; margin: -42px 0 0 0; border: 3px solid #F6F6F6; border-radius: 100%; background: url('../icons/01_poptavka_ikona.png') top no-repeat; background-size: cover;}
    .circle-icons-b { background: url('../icons/02_nabidka_ikona.png') top no-repeat; background-size: cover;}
    .circle-icons-c { background: url('../icons/03_realizace_ikona.png') top no-repeat; background-size: cover;}
    .circle-icons-d { background: url('../icons/04_predani_vyroby_ikona.png') top no-repeat; background-size: cover;} 

    .circle-arrow { width: 40px; height: 40px; position: absolute; margin: -62px 0 0 260px; border-radius: 100%; background: url('../themes/arrow_right.jpg') top no-repeat; background-size: cover;}
    .circle-box h1 { color: #004282; width: 100%; margin: 0; font-size: 1.4em; font-family: 'SKODANext-BlackExpanded'; text-align: center;}

    /* ContactForm */
    main { width: 100%; height: auto; padding: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background: url('../image/image3.png') no-repeat; background-size: cover;}
    main section { width: 1200px; height: auto; padding: 100px 40px; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: center;}
    .main-left { width: 500px; height: auto; padding: 0 50px; display: flex; flex-flow: column; align-items: flex-start; justify-content: flex-end; color: #F6F6F6;}
    .main-left h2 { text-align: left; color: #F6F6F6; font-family: 'SKODANext', sans-serif;}
    .main-right { width: 500px; height: auto; padding: 0 50px; display: flex; flex-flow: column; align-items: flex-start; justify-content: flex-start;}
    .main-right-box { width: 480px; height: auto; padding: 20px; border-radius: 20px; border: 1px solid #00001c; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; overflow: hidden; background: #FFF;}
    .main-right-box img { width: 100%; height: 100%; object-fit: cover;}

    /* Spodní část webu */
    footer { width: 100%; height: auto; padding: 0 0 300px 0; display: flex; flex-flow: column; align-items: center; background: url('../themes/footer.jpg') bottom no-repeat; background-size: 100% auto; background-attachment: fixed;}
    .footer-contain { width: 100%; height: auto; padding: 40px 0; border-top: 1px solid #F6F6F6; border-bottom: 1px solid rgba(192,192,192,.2); display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background: #00001c; box-shadow: 0 10px 30px -10px #00001c;}
    .footer-contain-obsah { width: 1200px; padding: 0 40px 0 40px; border-bottom: 2px dotted rgba(192,192,192,.25); height: auto; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: flex-end;}
    .footer-contain-obsah-left { width: 400px; height: auto; padding: 0 0 20px 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
    .footer-contain-obsah-left-logo { width: 100%; height: 40px;}
    .footer-contain-obsah-left-logo img { width: auto; height: 100%;}
    .footer-contain-obsah-left p { width: 100%; margin: 0; font-size: 1em; color: #F6F6F6; font-family: 'SKODANext-BlackExpanded'; text-align: left;}
    .footer-contain-obsah-right { width: 800px; height: auto; padding: 0 0 20px 0; display: flex; flex-wrap: wrap;}
    .footer-contain-obsah-right p { width: 100%; margin: 0 0 5px 0; font-size: 1em; color: #F6F6F6; text-align: right;}
    .footer-contain-obsah-right p:nth-of-type(2) { font-weight: 700;}

    .footer-bottom { width: 1200px; padding: 0 40px 0 40px; height: auto; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start;}
    .copyright { width: 600px; height: auto; padding: 20px 0 0 0; display: flex; flex-wrap: wrap;}
    .copyright p { width: 100%; margin: 0 0 5px 0; font-size: 1em; font-weight: 300; color: #F6F6F6;}
    .copyright p span { color: #F6F6F6; font-weight: 700;}

    .creator-logos { width: 600px; height: auto; padding: 20px 0 0 0; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: flex-end;}
    .rhotechnology { width: 193px; height: 20px; margin-right: 10px; background: url('../themes/creator.png') left no-repeat; background-size: auto 100%;}
    .rhotechnology:hover { background: url('../themes/creator.active.png') left no-repeat; background-size: auto 100%;}
    .romendesign { width: 164px; height: 20px; margin: 0; background: url('../themes/creator.png') right no-repeat; background-size: auto 100%;}
    .romendesign:hover { background: url('../themes/creator.active.png') right no-repeat; background-size: auto 100%;}

    /* Formulář */
    .cf-container { max-width: 560px; margin: 0 auto; font-family: 'SKODANext', sans-serif; color: #111; }
    .cf-title { font-size: 2em; line-height: 1.05; font-weight: 700; margin: 0 0 10px; }
    .cf-subtitle { font-size: 1.3em; color: #5a5a5a; margin: 0 0 28px; text-align: center;}
    .cf-row { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 16px; }
    .cf-field { flex: 1 1 220px; min-width: 220px; margin-bottom: 14px; }
    .cf-label { display: block; margin-bottom: 8px; font-size: 1.2em; color: #3a3a3a; }
    .cf-input, .cf-textarea { width: 100%; padding: 14px 16px; border: 1px solid #ddd; background: #fff; border-radius: 999px; font-size: 16px; color: #111; outline: none; box-sizing: border-box; transition: border-color .18s ease; }
    .cf-textarea { min-height: 140px; border-radius: 20px; resize: vertical; font-size: 1.1em; font-family: 'SKODANext', sans-serif;}
    .cf-input:focus, .cf-textarea:focus { border-color: #999; }
    .cf-form-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 16px; margin-top: 22px; }
    .cf-checkbox { display: flex; align-items: center; gap: 10px; font-size: 1.2em; color: #333; white-space: nowrap; }
    .cf-checkbox input { width: 1.2em; height: 18px; margin: 0; accent-color: #000; }
    .cf-captcha-row { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 12px; }
    .cf-captcha-image { border: 1px solid #ddd; border-radius: 14px; background: #fff; width: 160px; height: 50px; }
    .cf-captcha-refresh { color: #111; text-decoration: none; font-size: .95em; }
    .cf-submit { background: #000; color: #fff; border: none; border-radius: 999px; padding: 14px 30px; font-size: 1.4em; font-weight: 600; cursor: pointer; min-width: 150px; white-space: nowrap; }
    .cf-error { color: #c00; font-size: 1.2em; margin: 12px auto 0; text-align: center; font-weight: 400; width: 100%; }
}

/* Menší laptopy a stolní počítače */
@media (min-width: 1100px) and (max-width: 1280px) {
    #facebody { width: 100%; height: auto; position: relative; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center;}

    /* Definice textu */
    .free { width:100%; height: 20px;}
    .free-big { width: 100%; height: 50px;}
    .free-mini { width: 100%; height: 12px;}
    .space { width: 100%; height: 40px;}
    .top-space { width: 100%; height: 80px;}

    h1, h2 { font-size: 2.4em; font-weight: 700; margin: 0 0 20px 0;}
    h2 { font-size: 1.55em; margin: 0 0 15px 0;}
    p { font-size: 1.4em; margin: 0 0 10px 0; font-weight: 300;}
    ul { margin: 0 0 10px 0; list-style: none;}
    li { font-size: 1.3em; margin: 0 0 5px 0; list-style: none;}
    li::before { content: "•"; color: #00001C; font-weight: 900; display: inline-block; width: 1em; margin-left: -1em;}

    /* Hlavička webu */
    header { width: 100%; height: 760px;} 
    .header-container { width: 100%; height: 760px; position: absolute; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    .header-container img { width: 100%; height: 100%; position: absolute; object-fit: cover;}
    .header-container-shadow { width: 100%; height: 760px; position: absolute; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: start; background: linear-gradient(0deg, rgba(0,0,28,.5), #00001c);}
    .header-container-shadow-linea { width: 100%; height: auto; padding: 60px 0 0 0; z-index: 100; border-bottom: 1px solid rgba(192,192,192,.2); display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    .header-container-shadow-linea-content { width: 1100px; height: 50px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    
    header nav { width: 700px; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center;}
    .nav-box { width: 200px; height: 30px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; transition: all .35s ease-in-out;}
    a.nav-box { color: #F6F6F6; text-decoration: none;}
    .nav-box p { width: 100%; margin: 0; font-size: 1em; color: #F6F6F6; font-family: 'SKODANext-BlackExpanded'; text-align: left; transition: all .35s ease-in-out;}
    a.nav-box:hover p { color: #7FA0BF;}

    .contact-place { width: 400px; height: 40px; padding: 20px 0 0 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    .contact-box { width: 200px; height: 50px; padding: 0 0 0 60px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; border-radius: 20px; border: 2px solid #F6F6F6; transition: all .35s ease-in-out;}
    a.contact-box { background: #001E7B url("../themes/poptavka.png") 15px 11px no-repeat; background-size: 30px auto;}
    a.contact-box:hover {  background: #004282 url("../themes/poptavka.png") 15px 11px no-repeat; background-size: 30px auto;}
    .contact-box p { width: 100%; margin: 0; font-size: 1em; color: #F6F6F6; font-family: 'SKODANext-BlackExpanded'; text-align: center;}

    .header-content { width: 100%; height: 760px; position: absolute; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    .header-content-top { width: 100%; height: 460px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    .header-content-top-obsah { width: 1100px; height: 380px; padding: 40px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-end;}
    .header-content-top-obsah img { width: 550px; height: auto;}
    
    .header-content-bottom { width: 1100px; height: 298px; border-top: 2px dotted #F6F6F6; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    .header-content-bottom-obsah { width: 620px; height: 218px; padding: 40px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
    .header-content-bottom-obsah p { width: 100%; margin: 0; font-size: 2em; color: #F6F6F6; font-family: 'SKODANext-BlackExpanded'; text-align: left;}
    .header-content-bottom-obsah-x { width: 10px; height: 10px; font-size: 15px; position: absolute; margin: -50px 0 0 755px; font-weight: 900; color: #F6F6F6;}
    .header-content-bottom-image { width: 398px; height: 298px; border-left: 2px dotted #F6F6F6;}
    .header-content-bottom-image-inner { width: 120px; height: 120px; position: absolute; margin: 230px 0 0 170px; border: 5px solid #F6F6F6; border-radius: 100%; transition: all .35s ease-in-out;}
    a.header-content-bottom-image-inner { background: url('../themes/before.jpg') top no-repeat; background-size: cover;}
    a.header-content-bottom-image-inner:hover { background: url('../themes/before1.jpg') top no-repeat; background-size: cover;}

    /* Hlavička webu */
    section { width: 1060px; height: auto; padding: 80px 20px; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start;}
    section:nth-of-type(2) { justify-content: center;}
    section:nth-of-type(3), section:nth-of-type(4) { align-items: center; justify-content: center;}

    section h2 { width: 100%; text-align: center; margin: 0 0 20px 0; font-size: 2em; font-family: 'SKODANext-BlackExpanded';}
    
    .tituls { width: 200px; height: auto; padding: 0 40px 0 0; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: flex-start;}
    .content { width: 810px; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
    .content h2 { width: 100%; text-align: left; margin: 0 0 20px 0; font-size: 1.75em; font-family: 'SKODANext', sans-serif;}

    .boxing { width: 1100px; height: 320px; position: relative; border-radius: 10px; overflow: hidden; border-radius: 10px;}
    .boxing-obsah-left { width: 280px; height: 280px; padding: 20px; position: absolute; margin: 0; display: flex; flex-direction: column; justify-content: flex-end; align-items: left; background: #004282;}
    .boxing-obsah-left h2 { margin: 0; font-size: 4em; margin-bottom: 10px; text-align: left; color: #F6F6F6; font-family: 'SKODANext-BlackExpanded';}
    .boxing-obsah-left p { margin: 0; font-size: 1.2em; color: #F6F6F6;}
    .boxing-obsah-center { width: 398px; height: 258px; position: absolute; margin: 60px 0 0 350px; border: 1px solid #00001c; border-radius: 20px; overflow: hidden;}
    .boxing-obsah-center img { width: 100%; height: 100%; object-fit: cover;}
    .boxing-obsah-right { width: 280px; height: 280px; padding: 20px; position: absolute; margin: 0 0 0 780px; display: flex; flex-direction: column; justify-content: flex-end; align-items: left; background: #00001C;}
    .boxing-obsah-right img { width: 100%; height: auto;}
    .boxing-line-left { width: 700px; height: 60px; position: absolute; margin: 0 0 0 200px; background: url('../themes/free_box.png') top no-repeat;}
    .boxing-line-right { width: 30px; height: 260px; position: absolute; margin: 60px 0 0 320px; background: url('../themes/bok.png') left no-repeat;}
    .boxing-line-top { width: 30px; height: 260px; position: absolute; margin: 60px 0 0 750px; background: url('../themes/bok.png') right no-repeat;}

    .tech-box { width: 450px; height: auto; padding: 0 40px; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start;}
    .tech-box li { margin: 0 0 20px 0;}
    .tech-box img { width: 100%; height: 380px; object-fit: cover;}
    .tech-box:nth-of-type(2), .tech-box:nth-of-type(3) { flex-flow: column;}
    .tech-box-image { width: 500px; height: 380px; border: 1px solid #00001c; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; overflow: hidden;}
    .tech-box-image img { width: 100%; height: 100%; object-fit: cover;}

    .circle-all { width: 1100px; height: auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
    .circle-box { width: 260px; height: auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
    .circle-image-a, .circle-image-b, .circle-image-c, .circle-image-d { width: 240px; height: 240px; border: 1px solid #00001c; border-radius: 100%; background: url('../icons/01_poptavka_obrazek.png') top no-repeat; background-size: cover;}
    .circle-image-b { background: url('../icons/02_nabidka_obrazek.png') top no-repeat; background-size: cover;}
    .circle-image-c { background: url('../icons/03_realizace_obrazek.png') top no-repeat; background-size: cover;}
    .circle-image-d { background: url('../icons/04_predani_vyroby_obrazek.png') top no-repeat; background-size: cover;}

    .circle-icons { width: 240px; height: 40px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
    .circle-icons-a, .circle-icons-b, .circle-icons-c, .circle-icons-d { width: 80px; height: 80px; position: absolute; margin: -42px 0 0 0; border: 3px solid #F6F6F6; border-radius: 100%; background: url('../icons/01_poptavka_ikona.png') top no-repeat; background-size: cover;}
    .circle-icons-b { background: url('../icons/02_nabidka_ikona.png') top no-repeat; background-size: cover;}
    .circle-icons-c { background: url('../icons/03_realizace_ikona.png') top no-repeat; background-size: cover;}
    .circle-icons-d { background: url('../icons/04_predani_vyroby_ikona.png') top no-repeat; background-size: cover;} 

    .circle-arrow { width: 36px; height: 36px; position: absolute; margin: -62px 0 0 240px; border-radius: 100%; background: url('../themes/arrow_right.jpg') top no-repeat; background-size: cover;}
    .circle-box h1 { color: #004282; width: 100%; margin: 0; font-size: 1.4em; font-family: 'SKODANext-BlackExpanded'; text-align: center;}

    /* ContactForm */
    main { width: 100%; height: auto; padding: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background: url('../image/image3.png') no-repeat; background-size: cover;}
    main section { width: 1100px; height: auto; padding: 80px 20px; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: center;}
    .main-left { width: 400px; height: auto; padding: 0 50px; display: flex; flex-flow: column; align-items: flex-start; justify-content: flex-end; color: #F6F6F6;}
    .main-left h2 { text-align: left; color: #F6F6F6; font-family: 'SKODANext', sans-serif;}
    .main-right { width: 500px; height: auto; padding: 0 50px; display: flex; flex-flow: column; align-items: flex-start; justify-content: flex-start;}
    .main-right-box { width: 500px; height: auto; padding: 10px; border-radius: 20px; border: 1px solid #00001c; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; overflow: hidden; background: #FFF;}
    .main-right-box img { width: 100%; height: 100%; object-fit: cover;}

    /* Spodní část webu */
    footer { width: 100%; height: auto; padding: 0 0 300px 0; display: flex; flex-flow: column; align-items: center; background: url('../themes/footer.jpg') bottom no-repeat; background-size: 100% auto; background-attachment: fixed;}
    .footer-contain { width: 100%; height: auto; padding: 40px 0; border-top: 1px solid #F6F6F6; border-bottom: 1px solid rgba(192,192,192,.2); display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background: #00001c; box-shadow: 0 10px 30px -10px #00001c;}
    .footer-contain-obsah { width: 1060px; padding: 0 20px 0 20px; border-bottom: 2px dotted rgba(192,192,192,.25); height: auto; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: flex-end;}
    .footer-contain-obsah-left { width: 400px; height: auto; padding: 0 0 20px 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
    .footer-contain-obsah-left-logo { width: 100%; height: 40px;}
    .footer-contain-obsah-left-logo img { width: auto; height: 100%;}
    .footer-contain-obsah-left p { width: 100%; margin: 0; font-size: 1em; color: #F6F6F6; font-family: 'SKODANext-BlackExpanded'; text-align: left;}
    .footer-contain-obsah-right { width: 660px; height: auto; padding: 0 0 20px 0; display: flex; flex-wrap: wrap;}
    .footer-contain-obsah-right p { width: 100%; margin: 0 0 5px 0; font-size: 1em; color: #F6F6F6; text-align: right;}
    .footer-contain-obsah-right p:nth-of-type(2) { font-weight: 700;}

    .footer-bottom { width: 1060px; padding: 0 20px 0 20px; height: auto; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start;}
    .copyright { width: 460px; height: auto; padding: 20px 0 0 0; display: flex; flex-wrap: wrap;}
    .copyright p { width: 100%; margin: 0 0 5px 0; font-size: 1em; font-weight: 300; color: #F6F6F6;}
    .copyright p span { color: #F6F6F6; font-weight: 700;}

    .creator-logos { width: 600px; height: auto; padding: 20px 0 0 0; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: flex-end;}
    .rhotechnology { width: 193px; height: 20px; margin-right: 10px; background: url('../themes/creator.png') left no-repeat; background-size: auto 100%;}
    .rhotechnology:hover { background: url('../themes/creator.active.png') left no-repeat; background-size: auto 100%;}
    .romendesign { width: 164px; height: 20px; margin: 0; background: url('../themes/creator.png') right no-repeat; background-size: auto 100%;}
    .romendesign:hover { background: url('../themes/creator.active.png') right no-repeat; background-size: auto 100%;}

    /* Formulář */
    .cf-container { max-width: 560px; margin: 0 auto; font-family: 'SKODANext', sans-serif; color: #111; }
    .cf-title { font-size: 2em; line-height: 1.05; font-weight: 700; margin: 0 0 10px; }
    .cf-subtitle { font-size: 1.3em; color: #5a5a5a; margin: 0 0 28px; text-align: center;}
    .cf-row { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 16px; }
    .cf-field { flex: 1 1 220px; min-width: 220px; margin-bottom: 14px; }
    .cf-label { display: block; margin-bottom: 8px; font-size: 1.2em; color: #3a3a3a; }
    .cf-input, .cf-textarea { width: 100%; padding: 14px 16px; border: 1px solid #ddd; background: #fff; border-radius: 999px; font-size: 16px; color: #111; outline: none; box-sizing: border-box; transition: border-color .18s ease; }
    .cf-textarea { min-height: 140px; border-radius: 20px; resize: vertical; font-size: 1.1em; font-family: 'SKODANext', sans-serif;}
    .cf-input:focus, .cf-textarea:focus { border-color: #999; }
    .cf-form-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 16px; margin-top: 22px; }
    .cf-checkbox { display: flex; align-items: center; gap: 10px; font-size: 1.2em; color: #333; white-space: nowrap; }
    .cf-checkbox input { width: 1.2em; height: 18px; margin: 0; accent-color: #000; }
    .cf-captcha-row { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 12px; }
    .cf-captcha-image { border: 1px solid #ddd; border-radius: 14px; background: #fff; width: 160px; height: 50px; }
    .cf-captcha-refresh { color: #111; text-decoration: none; font-size: .95em; }
    .cf-submit { background: #000; color: #fff; border: none; border-radius: 999px; padding: 14px 30px; font-size: 1.4em; font-weight: 600; cursor: pointer; min-width: 150px; white-space: nowrap; }
    .cf-error { color: #c00; font-size: 1.2em; margin: 12px auto 0; text-align: center; font-weight: 400; width: 100%; }
}

/* Tablety na šířku */
@media screen and (min-width: 768px) and (max-width: 1099px) {
    #facebody { width: 100%; height: auto; position: relative; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center;}

    /* Definice textu */
    .free { width:100%; height: 15px;}
    .free-big { width: 100%; height: 40px;}
    .free-mini { width: 100%; height: 9px;}
    .space { width: 100%; height: 30px;}
    .top-space { width: 100%; height: 65px;}

    h1, h2 { font-size: 1.8em; font-weight: 700; margin: 0 0 15px 0;}
    h2 { font-size: 1.3em; margin: 0 0 12px 0;}
    p { font-size: 1.15em; margin: 0 0 8px 0; font-weight: 300;}
    ul { margin: 0 0 8px 0; list-style: none;}
    li { font-size: 1.1em; margin: 0 0 5px 0; list-style: none;}
    li::before { content: "•"; color: #00001C; font-weight: 900; display: inline-block; width: 1em; margin-left: -1em;}

    /* Hlavička webu */
    header { width: 100%; height: 600px;} 
    .header-container { width: 100%; height: 600px; position: absolute; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    .header-container img { width: 100%; height: 100%; position: absolute; object-fit: cover;}
    .header-container-shadow { width: 100%; height: 600px; position: absolute; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: start; background: linear-gradient(0deg, rgba(0,0,28,.5), #00001c);}
    .header-container-shadow-linea { width: 100%; height: auto; padding: 60px 0 0 0; z-index: 100; border-bottom: 1px solid rgba(192,192,192,.2); display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    .header-container-shadow-linea-content { width: 760px; height: 50px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    
    header nav { width: 600px; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center;}
    .nav-box { width: 200px; height: 30px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; transition: all .35s ease-in-out;}
    a.nav-box { color: #F6F6F6; text-decoration: none;}
    .nav-box p { width: 100%; margin: 0; font-size: 1em; color: #F6F6F6; font-family: 'SKODANext-BlackExpanded'; text-align: center; transition: all .35s ease-in-out;}
    a.nav-box:hover p { color: #7FA0BF;}

    .contact-place { width: 760px; height: 0; position: absolute; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-end;}
    .contact-box { width: 200px; height: 50px; margin: 50px 0 0 0; padding: 0 0 0 60px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; border-radius: 20px; border: 2px solid #F6F6F6; transition: all .35s ease-in-out;}
    a.contact-box { background: #001E7B url("../themes/poptavka.png") 15px 11px no-repeat; background-size: 30px auto;}
    a.contact-box:hover {  background: #004282 url("../themes/poptavka.png") 15px 11px no-repeat; background-size: 30px auto;}
    .contact-box p { width: 100%; margin: 0; font-size: 1em; color: #F6F6F6; font-family: 'SKODANext-BlackExpanded'; text-align: center;}

    .header-content { width: 100%; height: 600px; position: absolute; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    .header-content-top { width: 100%; height: 400px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    .header-content-top-obsah { width: 760px; height: 360px; padding: 20px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-end;}
    .header-content-top-obsah img { width: 400px; height: auto;}
    
    .header-content-bottom { width: 760px; height: 200px; border-top: 2px dotted #F6F6F6; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    .header-content-bottom-obsah { width: 460px; height: 148px; padding: 20px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
    .header-content-bottom-obsah p { width: 100%; margin: 0; font-size: 1.4em; color: #F6F6F6; font-family: 'SKODANext-BlackExpanded'; text-align: left;}
    .header-content-bottom-obsah-x { width: 10px; height: 10px; font-size: 15px; position: absolute; margin: -35px 0 0 475px; font-weight: 900; color: #F6F6F6;}
    .header-content-bottom-image { width: 258px; height: 198px; border-left: 2px dotted #F6F6F6;}
    .header-content-bottom-image-inner { width: 90px; height: 90px; position: absolute; margin: 145px 0 0 85px; border: 5px solid #F6F6F6; border-radius: 100%; transition: all .35s ease-in-out;}
    a.header-content-bottom-image-inner { background: url('../themes/before.jpg') top no-repeat; background-size: cover;}
    a.header-content-bottom-image-inner:hover { background: url('../themes/before1.jpg') top no-repeat; background-size: cover;}

    /* Hlavička webu */
    section { width: 760px; height: auto; padding: 60px 40px; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start;}
    section:nth-of-type(2) { justify-content: center;}
    section:nth-of-type(3), section:nth-of-type(4) { align-items: center; justify-content: center;}

    section h2 { width: 100%; text-align: center; margin: 0 0 20px 0; font-size: 2em; font-family: 'SKODANext-BlackExpanded';}
    
    .tituls { width: 760px; height: auto; padding: 0 40px 0 0; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
    .content { width: 760px; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
    .content h2 { width: 100%; text-align: left; margin: 0 0 20px 0; font-size: 1.4em; font-family: 'SKODANext', sans-serif;}

    .boxing { width: 750px; height: 320px; position: relative; border-radius: 10px; overflow: hidden; border-radius: 10px;}
    .boxing-obsah-left { width: 280px; height: 280px; padding: 20px; position: absolute; margin: 0; display: flex; flex-direction: column; justify-content: flex-end; align-items: left; background: #004282;}
    .boxing-obsah-left h2 { margin: 0; font-size: 4em; margin-bottom: 10px; text-align: left; color: #F6F6F6; font-family: 'SKODANext-BlackExpanded';}
    .boxing-obsah-left p { margin: 0; font-size: 1.2em; color: #F6F6F6;}
    .boxing-obsah-center { width: 398px; height: 258px; position: absolute; margin: 60px 0 0 350px; border: 1px solid #00001c; border-radius: 20px; overflow: hidden;}
    .boxing-obsah-center img { width: 100%; height: 100%; object-fit: cover;}
    .boxing-obsah-right { width: 280px; height: 280px; padding: 20px; position: absolute; margin: 0 0 0 780px; display: flex; flex-direction: column; justify-content: flex-end; align-items: left; background: #00001C;}
    .boxing-obsah-right img { width: 100%; height: auto;}
    .boxing-line-left { width: 700px; height: 60px; position: absolute; margin: 0 0 0 200px; background: url('../themes/free_box.png') top no-repeat;}
    .boxing-line-right { width: 30px; height: 260px; position: absolute; margin: 60px 0 0 320px; background: url('../themes/bok.png') left no-repeat;}
    .boxing-line-top { width: 30px; height: 260px; position: absolute; margin: 60px 0 0 750px; background: url('../themes/bok.png') right no-repeat;}

    .tech-box { width: 360px; height: auto; padding: 0 10px; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start;}
    .tech-box li { margin: 0 0 12px 0; font-size: 1.2em;}
    .tech-box img { width: 100%; height: 300px; object-fit: cover;}
    .tech-box:nth-of-type(2), .tech-box:nth-of-type(3) { flex-flow: column;}
    .tech-box-image { width: 360px; height: 300px; border: 1px solid #00001c; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; overflow: hidden;}
    .tech-box-image img { width: 100%; height: 100%; object-fit: cover;}

    .circle-all { width: 760px; height: auto; display: flex; flex-wrap: wrap;}
    .circle-box { width: 190px; height: auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
    .circle-image-a, .circle-image-b, .circle-image-c, .circle-image-d { width: 170px; height: 170px; border: 1px solid #00001c; border-radius: 100%; background: url('../icons/01_poptavka_obrazek.png') top no-repeat; background-size: cover;}
    .circle-image-b { background: url('../icons/02_nabidka_obrazek.png') top no-repeat; background-size: cover;}
    .circle-image-c { background: url('../icons/03_realizace_obrazek.png') top no-repeat; background-size: cover;}
    .circle-image-d { background: url('../icons/04_predani_vyroby_obrazek.png') top no-repeat; background-size: cover;}

    .circle-icons { width: 190px; height: 10px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
    .circle-icons-a, .circle-icons-b, .circle-icons-c, .circle-icons-d { width: 50px; height: 50px; position: absolute; margin: -20px 0 0 0; border: 2px solid #F6F6F6; border-radius: 100%; background: url('../icons/01_poptavka_ikona.png') top no-repeat; background-size: cover;}
    .circle-icons-b { background: url('../icons/02_nabidka_ikona.png') top no-repeat; background-size: cover;}
    .circle-icons-c { background: url('../icons/03_realizace_ikona.png') top no-repeat; background-size: cover;}
    .circle-icons-d { background: url('../icons/04_predani_vyroby_ikona.png') top no-repeat; background-size: cover;} 

    .circle-arrow { width: 30px; height: 30px; position: absolute; margin: -62px 0 0 175px; border-radius: 100%; background: url('../themes/arrow_right.jpg') top no-repeat; background-size: cover;}
    .circle-box h1 { color: #004282; width: 100%; margin: 0; font-size: 1.2em; font-family: 'SKODANext-BlackExpanded'; text-align: center;}

    /* ContactForm */
    main { width: 100%; height: auto; padding: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background: url('../image/image3.png') no-repeat; background-size: cover;}
    main section { width: 720px; height: auto; padding: 60px 20px; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: center;}
    .main-left { width: 620px; height: auto; padding: 0 50px; margin-bottom: 50px; display: flex; flex-flow: column; align-items: flex-start; justify-content: flex-end; color: #F6F6F6;}
    .main-left h2 { text-align: left; color: #F6F6F6; font-family: 'SKODANext', sans-serif;}
    .main-right { width: 620px; height: auto; padding: 0 50px; display: flex; flex-flow: column; align-items: center; justify-content: flex-start;}
    .main-right-box { width: 500px; height: auto; padding: 10px; border-radius: 20px; border: 1px solid #00001c; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; overflow: hidden; background: #FFF;}
    .main-right-box img { width: 100%; height: 100%; object-fit: cover;}

    /* Spodní část webu */
    footer { width: 100%; height: auto; padding: 0 0 300px 0; display: flex; flex-flow: column; align-items: center; background: url('../themes/footer.jpg') bottom no-repeat; background-size: 100% auto; background-attachment: fixed;}
    .footer-contain { width: 100%; height: auto; padding: 40px 0; border-top: 1px solid #F6F6F6; border-bottom: 1px solid rgba(192,192,192,.2); display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background: #00001c; box-shadow: 0 10px 30px -10px #00001c;}
    .footer-contain-obsah { width: 720px; padding: 0 20px 0 20px; border-bottom: 2px dotted rgba(192,192,192,.25); height: auto; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: flex-end;}
    .footer-contain-obsah-left { width: 360px; height: auto; padding: 0 0 20px 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
    .footer-contain-obsah-left-logo { width: 100%; height: 35px;}
    .footer-contain-obsah-left-logo img { width: auto; height: 100%;}
    .footer-contain-obsah-left p { width: 100%; margin: 0; font-size: .9em; color: #F6F6F6; font-family: 'SKODANext-BlackExpanded'; text-align: left;}
    .footer-contain-obsah-right { width: 360px; height: auto; padding: 0 0 20px 0; display: flex; flex-wrap: wrap;}
    .footer-contain-obsah-right p { width: 100%; margin: 0 0 5px 0; font-size: .9em; color: #F6F6F6; text-align: right;}
    .footer-contain-obsah-right p:nth-of-type(2) { font-weight: 700;}

    .footer-bottom { width: 720px; padding: 0 20px 0 20px; height: auto; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start;}
    .copyright { width: 720px; height: auto; padding: 20px 0 0 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    .copyright p { width: 100%; margin: 0 0 5px 0; font-size: 1em; text-align: center; font-weight: 300; color: #F6F6F6;}
    .copyright p span { color: #F6F6F6; font-weight: 700;}

    .creator-logos { width: 720px; height: auto; padding: 20px 0 0 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
    .rhotechnology { width: 193px; height: 20px; margin-right: 10px; background: url('../themes/creator.png') left no-repeat; background-size: auto 100%;}
    .rhotechnology:hover { background: url('../themes/creator.active.png') left no-repeat; background-size: auto 100%;}
    .romendesign { width: 164px; height: 20px; margin: 0; background: url('../themes/creator.png') right no-repeat; background-size: auto 100%;}
    .romendesign:hover { background: url('../themes/creator.active.png') right no-repeat; background-size: auto 100%;}

    /* Formulář */
    .cf-container { max-width: 560px; margin: 0 auto; padding: 20px; font-family: 'SKODANext', sans-serif; color: #111; }
    .cf-title { font-size: 2em; line-height: 1.05; font-weight: 700; margin: 0 0 10px; }
    .cf-subtitle { font-size: 1.3em; color: #5a5a5a; margin: 0 0 28px; text-align: center;}
    .cf-row { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 16px; }
    .cf-field { flex: 1 1 220px; min-width: 220px; margin-bottom: 14px; }
    .cf-label { display: block; margin-bottom: 8px; font-size: 1.2em; color: #3a3a3a; }
    .cf-input, .cf-textarea { width: 100%; padding: 14px 16px; border: 1px solid #ddd; background: #fff; border-radius: 999px; font-size: 16px; color: #111; outline: none; box-sizing: border-box; transition: border-color .18s ease; }
    .cf-textarea { min-height: 140px; border-radius: 20px; resize: vertical; font-size: 1.1em; font-family: 'SKODANext', sans-serif;}
    .cf-input:focus, .cf-textarea:focus { border-color: #999; }
    .cf-form-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 16px; margin-top: 22px; }
    .cf-checkbox { display: flex; align-items: center; gap: 10px; font-size: 1.2em; color: #333; white-space: nowrap; }
    .cf-checkbox input { width: 1.2em; height: 18px; margin: 0; accent-color: #000; }
    .cf-captcha-row { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 12px; }
    .cf-captcha-image { border: 1px solid #ddd; border-radius: 14px; background: #fff; width: 160px; height: 50px; }
    .cf-captcha-refresh { color: #111; text-decoration: none; font-size: .95em; }
    .cf-submit { background: #000; color: #fff; border: none; border-radius: 999px; padding: 14px 30px; font-size: 1.4em; font-weight: 600; cursor: pointer; min-width: 150px; white-space: nowrap; }
    .cf-error { color: #c00; font-size: 1.2em; margin: 12px auto 0; text-align: center; font-weight: 400; width: 100%; }
}

/* Tablety na výšku */
@media screen and (min-width: 481px) and (max-width: 767px) {
    #facebody { width: 100%; height: auto; position: relative; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center;}

    /* Definice textu */
    .free { width:100%; height: 10px;}
    .free-big { width: 100%; height: 30px;}
    .free-mini { width: 100%; height: 7px;}
    .space { width: 100%; height: 20px;}
    .top-space { width: 100%; height: 40px;}

    h1, h2 { font-size: 22px; font-weight: 700; margin: 0 0 10px 0;}
    h2 { font-size: 19px; margin: 0 0 9px 0;}
    p { font-size: 17px; margin: 0 0 6px 0; font-weight: 300;}
    ul { margin: 0 0 6px 0; list-style: none;}
    li { font-size: 16px; margin: 0 0 3px 0; list-style: none;}
    li::before { content: "•"; color: #00001C; font-weight: 900; display: inline-block; width: 1em; margin-left: -1em;}

    /* Hlavička webu */
    header { width: 100%; height: 460px;} 
    .header-container { width: 100%; height: 460px; position: absolute; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    .header-container img { width: 100%; height: 100%; position: absolute; object-fit: cover;}
    .header-container-shadow { width: 100%; height: 460px; position: absolute; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: start; background: linear-gradient(0deg, rgba(0,0,28,.5), #00001c);}
    .header-container-shadow-linea { width: 100%; height: auto; padding: 40px 0 0 0; z-index: 100; border-bottom: 1px solid rgba(192,192,192,.2); display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    .header-container-shadow-linea-content { width: 460px; height: 30px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    
    header nav { width: 460px; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center;}
    .nav-box { width: 150px; height: 20px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; transition: all .35s ease-in-out;}
    a.nav-box { color: #F6F6F6; text-decoration: none;}
    .nav-box p { width: 100%; margin: 0; font-size: 15px; color: #F6F6F6; font-family: 'SKODANext-BlackExpanded'; text-align: left; transition: all .35s ease-in-out;}
    a.nav-box:hover p { color: #7FA0BF;}

    .contact-place { width: 300px; height: 30px; padding: 30px 0 0 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    .contact-box { width: 200px; height: 45px; padding: 0 0 0 30px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; border-radius: 20px; border: 2px solid #F6F6F6; transition: all .35s ease-in-out;}
    a.contact-box { background: #001E7B url("../themes/poptavka.png") 15px 11px no-repeat; background-size: 30px auto;}
    a.contact-box:hover {  background: #004282 url("../themes/poptavka.png") 15px 11px no-repeat; background-size: 30px auto;}
    .contact-box p { width: 100%; margin: 0; font-size: 1em; color: #F6F6F6; font-family: 'SKODANext-BlackExpanded'; text-align: center;}

    .header-content { width: 100%; height: 460px; position: absolute; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    .header-content-top { width: 100%; height: 260px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    .header-content-top-obsah { width: 460px; height: 210px; padding: 40px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-end;}
    .header-content-top-obsah img { width: 280px; height: auto;}
    
    .header-content-bottom { width: 460px; height: 200px; border-top: none; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    .header-content-bottom-obsah { width: 440px; height: 180px; padding: 10px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
    .header-content-bottom-obsah p { width: 100%; margin: 0; font-size: 20px; color: #F6F6F6; font-family: 'SKODANext-BlackExpanded'; text-align: left;}
    .header-content-bottom-obsah-x { width: 0px; height: 0px; font-size: 0px; position: absolute; margin: 0; font-weight: 900; color: #F6F6F6;}
    .header-content-bottom-image { width: 0px; height: 180px; border-left: none;}
    .header-content-bottom-image-inner { width: 60px; height: 60px; position: absolute; margin: 150px 0 0 -250px; border: 3px solid #F6F6F6; border-radius: 100%; transition: all .35s ease-in-out;}
    a.header-content-bottom-image-inner { background: url('../themes/before.jpg') top no-repeat; background-size: cover;}
    a.header-content-bottom-image-inner:hover { background: url('../themes/before1.jpg') top no-repeat; background-size: cover;}

    /* Hlavička webu */
    section { width: 460px; height: auto; padding: 40px 10px; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start;}
    section:nth-of-type(2) { justify-content: center;}
    section:nth-of-type(3), section:nth-of-type(4) { align-items: center; justify-content: center;}

    section h2 { width: 100%; text-align: center; margin: 0 0 20px 0; font-size: 2em; font-family: 'SKODANext-BlackExpanded';}
    
    .tituls { width: 260px; height: auto; padding: 0 40px 0 0; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: flex-start;}
    .content { width: 900px; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
    .content h2 { width: 100%; text-align: left; margin: 0 0 20px 0; font-size: 17px; font-family: 'SKODANext', sans-serif;}

    .boxing { width: 320px; height: 320px; position: relative; border-radius: 10px; overflow: hidden; border-radius: 10px;}
    .boxing-obsah-left { width: 280px; height: 280px; padding: 20px; position: absolute; margin: 0; display: flex; flex-direction: column; justify-content: flex-end; align-items: left; background: #004282;}
    .boxing-obsah-left h2 { margin: 0; font-size: 56px; margin-bottom: 10px; text-align: left; color: #F6F6F6; font-family: 'SKODANext-BlackExpanded';}
    .boxing-obsah-left p { margin: 0; font-size: 20px; color: #F6F6F6;}
    .boxing-obsah-center { width: 398px; height: 258px; position: absolute; margin: 60px 0 0 350px; border: 1px solid #00001c; border-radius: 20px; overflow: hidden;}
    .boxing-obsah-center img { width: 100%; height: 100%; object-fit: cover;}
    .boxing-obsah-right { width: 280px; height: 280px; padding: 20px; position: absolute; margin: 0 0 0 780px; display: flex; flex-direction: column; justify-content: flex-end; align-items: left; background: #00001C;}
    .boxing-obsah-right img { width: 100%; height: auto;}
    .boxing-line-left { width: 280px; height: 60px; position: absolute; margin: 0 0 0 20px; background: url('../themes/free_box.png') top no-repeat; background-size: contain;}
    .boxing-line-right { width: 30px; height: 260px; position: absolute; margin: 60px 0 0 320px; background: url('../themes/bok.png') left no-repeat;}
    .boxing-line-top { width: 30px; height: 260px; position: absolute; margin: 60px 0 0 750px; background: url('../themes/bok.png') right no-repeat;}

    .tech-box { width: 400px; height: auto; padding: 0 50px; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start;}
    .tech-box li { margin: 0 0 20px 0; font-size: 18px;}
    .tech-box img { width: 100%; height: 380px; object-fit: cover;}
    .tech-box:nth-of-type(2), .tech-box:nth-of-type(3) { flex-flow: column;}
    .tech-box-image { width: 400px; height: 380px; border: 1px solid #00001c; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; overflow: hidden;}
    .tech-box-image img { width: 100%; height: 100%; object-fit: cover;}

    .circle-all { width: 460px; gap: 20px; height: auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
    .circle-box { width: 220px; height: auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
    .circle-image-a, .circle-image-b, .circle-image-c, .circle-image-d { width: 200px; height: 200px; border: 1px solid #00001c; border-radius: 100%; background: url('../icons/01_poptavka_obrazek.png') top no-repeat; background-size: cover;}
    .circle-image-b { background: url('../icons/02_nabidka_obrazek.png') top no-repeat; background-size: cover;}
    .circle-image-c { background: url('../icons/03_realizace_obrazek.png') top no-repeat; background-size: cover;}
    .circle-image-d { background: url('../icons/04_predani_vyroby_obrazek.png') top no-repeat; background-size: cover;}

    .circle-icons { width: 200px; height: 20px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
    .circle-icons-a, .circle-icons-b, .circle-icons-c, .circle-icons-d { width: 60px; height: 60px; position: absolute; margin: -42px 0 0 0; border: 3px solid #F6F6F6; border-radius: 100%; background: url('../icons/01_poptavka_ikona.png') top no-repeat; background-size: cover;}
    .circle-icons-b { background: url('../icons/02_nabidka_ikona.png') top no-repeat; background-size: cover;}
    .circle-icons-c { background: url('../icons/03_realizace_ikona.png') top no-repeat; background-size: cover;}
    .circle-icons-d { background: url('../icons/04_predani_vyroby_ikona.png') top no-repeat; background-size: cover;} 

    .circle-arrow { width: 0px; height: 0px; position: absolute; margin: 0; border-radius: 100%; background: url('../themes/arrow_right.jpg') top no-repeat; background-size: cover;}
    .circle-box h1 { color: #004282; width: 100%; margin: 0; font-size: 18px; font-family: 'SKODANext-BlackExpanded'; text-align: center;}

    /* ContactForm */
    main { width: 100%; height: auto; padding: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background: url('../image/image3.png') no-repeat; background-size: cover;}
    main section { width: 440px; height: auto; padding: 40px 10px; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: center;}
    .main-left { width: 440px; height: auto; padding: 0; margin-bottom: 50px; display: flex; flex-flow: column; align-items: flex-start; justify-content: flex-end; color: #F6F6F6;}
    .main-left h2 { text-align: left; color: #F6F6F6; font-family: 'SKODANext', sans-serif;}
    .main-right { width: 440px; height: auto; padding: 0 50px; display: flex; flex-flow: column; align-items: flex-start; justify-content: flex-start;}
    .main-right-box { width: 440px; height: auto; padding: 10px; border-radius: 20px; border: 1px solid #00001c; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; overflow: hidden; background: #FFF;}
    .main-right-box img { width: 100%; height: 100%; object-fit: cover;}

    /* Spodní část webu */
    footer { width: 100%; height: auto; padding: 0 0 200px 0; display: flex; flex-flow: column; align-items: center; background: url('../themes/footer.jpg') bottom no-repeat; background-size: 100% auto; background-attachment: fixed;}
    .footer-contain { width: 100%; height: auto; padding: 40px 0; border-top: 1px solid #F6F6F6; border-bottom: 1px solid rgba(192,192,192,.2); display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background: #00001c; box-shadow: 0 10px 30px -10px #00001c;}
    .footer-contain-obsah { width: 460px; padding: 0 10px 0 10px; border-bottom: 2px dotted rgba(192,192,192,.25); height: auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
    .footer-contain-obsah-left { width: 460px; height: auto; padding: 0 0 20px 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
    .footer-contain-obsah-left-logo { width: 100%; height: 40px;}
    .footer-contain-obsah-left-logo img { width: auto; height: 100%; margin: 0 0 0 90px;}
    .footer-contain-obsah-left p { width: 100%; margin: 0; font-size: 1em; color: #F6F6F6; font-family: 'SKODANext-BlackExpanded'; text-align: center;}
    .footer-contain-obsah-right { width: 460px; height: auto; padding: 0 0 20px 0; display: flex; flex-wrap: wrap;}
    .footer-contain-obsah-right p { width: 100%; margin: 0 0 5px 0; font-size: 16px; color: #F6F6F6; text-align: center;}
    .footer-contain-obsah-right p:nth-of-type(2) { font-weight: 700;}

    .footer-bottom { width: 460px; padding: 0 10px 0 10px; height: auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
    .copyright { width: 460px; height: auto; padding: 20px 0 0 0; display: flex; flex-wrap: wrap; text-align: center;}
    .copyright p { width: 100%; margin: 0 0 5px 0; font-size: 15px; font-weight: 300; color: #F6F6F6;}
    .copyright p span { color: #F6F6F6; font-weight: 700;}

    .creator-logos { width: 460px; height: auto; padding: 20px 0 0 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
    .rhotechnology { width: 193px; height: 20px; margin-right: 10px; background: url('../themes/creator.png') left no-repeat; background-size: auto 100%;}
    .rhotechnology:hover { background: url('../themes/creator.active.png') left no-repeat; background-size: auto 100%;}
    .romendesign { width: 164px; height: 20px; margin: 0; background: url('../themes/creator.png') right no-repeat; background-size: auto 100%;}
    .romendesign:hover { background: url('../themes/creator.active.png') right no-repeat; background-size: auto 100%;}

    /* Formulář */
    .cf-container { max-width: 420px; margin: 0 auto; padding: 10px; font-family: 'SKODANext', sans-serif; color: #111; }
    .cf-title { font-size: 24px; line-height: 1.05; font-weight: 700; margin: 0 0 10px; }
    .cf-subtitle { font-size: 17px; color: #5a5a5a; margin: 0 0 28px; text-align: center;}
    .cf-row { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 16px; }
    .cf-field { flex: 1 1 220px; min-width: 220px; margin-bottom: 14px; }
    .cf-label { display: block; margin-bottom: 8px; font-size: 17px; color: #3a3a3a; }
    .cf-input, .cf-textarea { width: 100%; padding: 14px 16px; border: 1px solid #ddd; background: #fff; border-radius: 999px; font-size: 15px; color: #111; outline: none; box-sizing: border-box; transition: border-color .18s ease; }
    .cf-textarea { min-height: 140px; border-radius: 20px; resize: vertical; font-size: 1.1em; font-family: 'SKODANext', sans-serif;}
    .cf-input:focus, .cf-textarea:focus { border-color: #999; }
    .cf-form-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 16px; margin-top: 22px; }
    .cf-checkbox { display: flex; align-items: center; gap: 10px; font-size: 17px; color: #333; white-space: nowrap; }
    .cf-checkbox input { width: 1.2em; height: 18px; margin: 0; accent-color: #000; }
    .cf-captcha-row { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 12px; }
    .cf-captcha-image { border: 1px solid #ddd; border-radius: 14px; background: #fff; width: 160px; height: 50px; }
    .cf-captcha-refresh { color: #111; text-decoration: none; font-size: .95em; }
    .cf-submit { background: #000; color: #fff; border: none; border-radius: 999px; padding: 10px 15px; font-size: 17px; font-weight: 600; cursor: pointer; min-width: 150px; white-space: nowrap; }
    .cf-error { color: #c00; font-size: 17px; margin: 12px auto 0; text-align: center; font-weight: 400; width: 100%; }
}

/* Rozhraní pro mobil */
@media screen and (max-width: 480px) {
    #facebody { width: 100%; height: auto; position: relative; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center;}

    /* Definice textu */
    .free { width:100%; height: 10px;}
    .free-big { width: 100%; height: 30px;}
    .free-mini { width: 100%; height: 7px;}
    .space { width: 100%; height: 20px;}
    .top-space { width: 100%; height: 40px;}

    h1, h2 { font-size: 19px; font-weight: 700; margin: 0 0 6px 0;}
    h2 { font-size: 17px; margin: 0 0 5px 0;}
    p { font-size: 15px; margin: 0 0 4px 0; font-weight: 300;}
    ul { margin: 0 0 4px 0;}
    li { font-size: 14px; margin: 0 0 2px 0; list-style: none;}
    li::before { content: "•"; color: #00001C; font-weight: 900; display: inline-block; width: 1em; margin-left: -1em;}

    /* Hlavička webu */
    header { width: 100%; height: 600px;} 
    .header-container { width: 100%; height: 600px; position: absolute; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    .header-container img { width: 100%; height: 100%; position: absolute; object-fit: cover;}
    .header-container-shadow { width: 100%; height: 600px; position: absolute; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: start; background: linear-gradient(0deg, rgba(0,0,28,.5), #00001c);}
    .header-container-shadow-linea { width: 100%; height: auto; padding: 40px 0 0 0; z-index: 100; border-bottom: 1px solid rgba(192,192,192,.2); display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    .header-container-shadow-linea-content { width: 320px; height: 30px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    
    header nav { width: 320px; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center;}
    .nav-box { width: 200px; height: 40px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; transition: all .35s ease-in-out;}
    a.nav-box { color: #F6F6F6; text-decoration: none;}
    .nav-box p { width: 100%; margin: 0; font-size: 18px; color: #F6F6F6; font-family: 'SKODANext-BlackExpanded'; text-align: left; transition: all .35s ease-in-out;}
    a.nav-box:hover p { color: #7FA0BF;}

    .contact-place { width: 320px; height: 30px; padding: 30px 0 0 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    .contact-box { width: 200px; height: 45px; padding: 0 0 0 30px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; border-radius: 20px; border: 2px solid #F6F6F6; transition: all .35s ease-in-out;}
    a.contact-box { background: #001E7B url("../themes/poptavka.png") 15px 11px no-repeat; background-size: 30px auto;}
    a.contact-box:hover {  background: #004282 url("../themes/poptavka.png") 15px 11px no-repeat; background-size: 30px auto;}
    .contact-box p { width: 100%; margin: 0; font-size: 1em; color: #F6F6F6; font-family: 'SKODANext-BlackExpanded'; text-align: center;}

    .header-content { width: 100%; height: 600px; position: absolute; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    .header-content-top { width: 100%; height: 410px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    .header-content-top-obsah { width: 300px; height: 380px; padding: 10px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-end;}
    .header-content-top-obsah img { width: 280px; height: auto;}
    
    .header-content-bottom { width: 320px; height: 190px; border-top: none; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    .header-content-bottom-obsah { width: 300px; height: 170px; padding: 10px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
    .header-content-bottom-obsah p { width: 100%; margin: 0; font-size: 20px; color: #F6F6F6; font-family: 'SKODANext-BlackExpanded'; text-align: left;}
    .header-content-bottom-obsah-x { width: 0px; height: 0px; font-size: 0px; position: absolute; margin: 0; font-weight: 900; color: #F6F6F6;}
    .header-content-bottom-image { width: 0px; height: 180px; border-left: none;}
    .header-content-bottom-image-inner { width: 70px; height: 70px; position: absolute; margin: 140px 0 0 -210px; border: 3px solid #F6F6F6; border-radius: 100%; transition: all .35s ease-in-out;}
    a.header-content-bottom-image-inner { background: url('../themes/before.jpg') top no-repeat; background-size: cover;}
    a.header-content-bottom-image-inner:hover { background: url('../themes/before1.jpg') top no-repeat; background-size: cover;}

    /* Hlavička webu */
    section { width: 300px; height: auto; padding: 40px 10px; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start;}
    section:nth-of-type(2) { justify-content: center;}
    section:nth-of-type(3), section:nth-of-type(4) { align-items: center; justify-content: center;}

    section h2 { width: 100%; text-align: center; margin: 0 0 20px 0; font-size: 20px; font-family: 'SKODANext-BlackExpanded';}
    
    .tituls { width: 300px; height: auto; padding: 0 40px 0 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    .content { width: 300px; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
    .content h2 { width: 100%; text-align: left; margin: 0 0 20px 0; font-size: 17px; font-family: 'SKODANext', sans-serif;}

    .boxing { width: 320px; height: 320px; position: relative; overflow: hidden; border-radius: 10px;}
    .boxing-obsah-left { width: 280px; height: 280px; padding: 20px; position: absolute; margin: 0; display: flex; flex-direction: column; justify-content: flex-end; align-items: left; background: #004282;}
    .boxing-obsah-left h2 { margin: 0; font-size: 46px; margin-bottom: 10px; text-align: left; color: #F6F6F6; font-family: 'SKODANext-BlackExpanded';}
    .boxing-obsah-left p { margin: 0; font-size: 18px; color: #F6F6F6;}
    .boxing-obsah-center { width: 398px; height: 258px; position: absolute; margin: 60px 0 0 350px; border: 1px solid #00001c; border-radius: 20px; overflow: hidden;}
    .boxing-obsah-center img { width: 100%; height: 100%; object-fit: cover;}
    .boxing-obsah-right { width: 260px; height: 280px; padding: 20px; position: absolute; margin: 0 0 0 780px; display: flex; flex-direction: column; justify-content: flex-end; align-items: left; background: #00001C;}
    .boxing-obsah-right img { width: 100%; height: auto;}
    .boxing-line-left { width: 260px; height: 60px; position: absolute; margin: 0 0 0 20px; background: url('../themes/free_box.png') top no-repeat; background-size: contain;}
    .boxing-line-right { width: 30px; height: 260px; position: absolute; margin: 60px 0 0 320px; background: url('../themes/bok.png') left no-repeat;}
    .boxing-line-top { width: 30px; height: 260px; position: absolute; margin: 60px 0 0 750px; background: url('../themes/bok.png') right no-repeat;}

    .tech-box { width: 300px; height: auto; padding: 0 10px; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start;}
    .tech-box li { margin: 0 0 14px 0; font-size: 18px;}
    .tech-box img { width: 100%; height: 300px; object-fit: cover;}
    .tech-box:nth-of-type(2), .tech-box:nth-of-type(3) { flex-flow: column;}
    .tech-box-image { width: 300px; height: 300px; border: 1px solid #00001c; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; overflow: hidden;}
    .tech-box-image img { width: 100%; height: 100%; object-fit: cover;}

    .circle-all { width: 320px; gap: 20px; height: auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
    .circle-box { width: 220px; height: auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
    .circle-image-a, .circle-image-b, .circle-image-c, .circle-image-d { width: 200px; height: 200px; border: 1px solid #00001c; border-radius: 100%; background: url('../icons/01_poptavka_obrazek.png') top no-repeat; background-size: cover;}
    .circle-image-b { background: url('../icons/02_nabidka_obrazek.png') top no-repeat; background-size: cover;}
    .circle-image-c { background: url('../icons/03_realizace_obrazek.png') top no-repeat; background-size: cover;}
    .circle-image-d { background: url('../icons/04_predani_vyroby_obrazek.png') top no-repeat; background-size: cover;}

    .circle-icons { width: 200px; height: 20px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
    .circle-icons-a, .circle-icons-b, .circle-icons-c, .circle-icons-d { width: 60px; height: 60px; position: absolute; margin: -42px 0 0 0; border: 3px solid #F6F6F6; border-radius: 100%; background: url('../icons/01_poptavka_ikona.png') top no-repeat; background-size: cover;}
    .circle-icons-b { background: url('../icons/02_nabidka_ikona.png') top no-repeat; background-size: cover;}
    .circle-icons-c { background: url('../icons/03_realizace_ikona.png') top no-repeat; background-size: cover;}
    .circle-icons-d { background: url('../icons/04_predani_vyroby_ikona.png') top no-repeat; background-size: cover;} 

    .circle-arrow { width: 0px; height: 0px; position: absolute; margin: 0; border-radius: 100%; background: url('../themes/arrow_right.jpg') top no-repeat; background-size: cover;}
    .circle-box h1 { color: #004282; width: 100%; margin: 0; font-size: 18px; font-family: 'SKODANext-BlackExpanded'; text-align: center;}

    /* ContactForm */
    main { width: 100%; height: auto; padding: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background: url('../image/image3.png') no-repeat; background-size: cover;}
    main section { width: 320px; height: auto; padding: 30px 10px; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: center;}
    .main-left { width: 320px; height: auto; padding: 0; margin-bottom: 30px; display: flex; flex-flow: column; align-items: flex-start; justify-content: flex-end; color: #F6F6F6;}
    .main-left h2 { text-align: left; color: #F6F6F6; font-family: 'SKODANext', sans-serif;}
    .main-right { width: 320px; height: auto; padding: 0 0; display: flex; flex-flow: column; align-items: center; justify-content: flex-start;}
    .main-right-box { width: 300px; height: auto; padding: 10px; border-radius: 20px; border: 1px solid #00001c; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; overflow: hidden; background: #FFF;}
    .main-right-box img { width: 100%; height: 100%; object-fit: cover;}

    /* Spodní část webu */
    footer { width: 100%; height: auto; padding: 0 0 100px 0; display: flex; flex-flow: column; align-items: center; background: url('../themes/footer.jpg') bottom no-repeat; background-size: 100% auto; background-attachment: fixed;}
    .footer-contain { width: 100%; height: auto; padding: 40px 0; border-top: 1px solid #F6F6F6; border-bottom: 1px solid rgba(192,192,192,.2); display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background: #00001c; box-shadow: 0 10px 30px -10px #00001c;}
    .footer-contain-obsah { width: 300px; padding: 0 10px 0 10px; border-bottom: 2px dotted rgba(192,192,192,.25); height: auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
    .footer-contain-obsah-left { width: 300px; height: auto; padding: 0 0 20px 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
    .footer-contain-obsah-left-logo { width: 100%; height: 40px;}
    .footer-contain-obsah-left-logo img { width: auto; height: 100%; margin: 0 0 0 15px;}
    .footer-contain-obsah-left p { width: 100%; margin: 0; font-size: 16px; color: #F6F6F6; font-family: 'SKODANext-BlackExpanded'; text-align: center;}
    .footer-contain-obsah-right { width: 300px; height: auto; padding: 0 0 20px 0; display: flex; flex-wrap: wrap;}
    .footer-contain-obsah-right p { width: 100%; margin: 0 0 5px 0; font-size: 14px; color: #F6F6F6; text-align: center;}
    .footer-contain-obsah-right p:nth-of-type(2) { font-weight: 700;}

    .footer-bottom { width: 300px; padding: 0 10px 0 10px; height: auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
    .copyright { width: 300px; height: auto; padding: 20px 0 0 0; display: flex; flex-wrap: wrap; text-align: center;}
    .copyright p { width: 100%; margin: 0 0 5px 0; font-size: 15px; font-weight: 300; color: #F6F6F6;}
    .copyright p span { color: #F6F6F6; font-weight: 700;}

    .creator-logos { width: 300px; height: auto; padding: 20px 0 0 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
    .rhotechnology { width: 193px; height: 20px; margin-right: 10px; background: url('../themes/creator.png') left no-repeat; background-size: auto 100%;}
    .rhotechnology:hover { background: url('../themes/creator.active.png') left no-repeat; background-size: auto 100%;}
    .romendesign { width: 164px; height: 20px; margin: 0; background: url('../themes/creator.png') right no-repeat; background-size: auto 100%;}
    .romendesign:hover { background: url('../themes/creator.active.png') right no-repeat; background-size: auto 100%;}

    /* Formulář */
    .cf-container { max-width: 300px; margin: 0 auto; font-family: 'SKODANext', sans-serif; color: #111; }
    .cf-title { font-size: 22px; line-height: 1.05; font-weight: 700; margin: 0 0 10px; }
    .cf-subtitle { font-size: 16px; color: #5a5a5a; margin: 0 0 28px; text-align: center;}
    .cf-row { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 16px; }
    .cf-field { flex: 1 1 220px; min-width: 200px; margin-bottom: 14px; }
    .cf-label { display: block; margin-bottom: 8px; font-size: 17px; color: #3a3a3a; }
    .cf-input, .cf-textarea { width: 100%; padding: 14px 16px; border: 1px solid #ddd; background: #fff; border-radius: 999px; font-size: 15px; color: #111; outline: none; box-sizing: border-box; transition: border-color .18s ease; }
    .cf-textarea { min-height: 140px; border-radius: 20px; resize: vertical; font-size: 1.1em; font-family: 'SKODANext', sans-serif;}
    .cf-input:focus, .cf-textarea:focus { border-color: #999; }
    .cf-form-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 16px; margin-top: 22px; }
    .cf-checkbox { width: 100%; display: flex; align-items: center; gap: 10px; font-size: 14px; color: #333; white-space: nowrap; }
    .cf-checkbox input { width: 1.2em; height: 18px; margin: 0; accent-color: #000; }
    .cf-captcha-row { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 12px; }
    .cf-captcha-image { border: 1px solid #ddd; border-radius: 14px; background: #fff; width: 100px; height: 50px; }
    .cf-captcha-refresh { color: #111; text-decoration: none; font-size: .95em; }
    .cf-submit { background: #000; color: #fff; border: none; border-radius: 999px; padding: 13px 18px; font-size: 17px; font-weight: 600; cursor: pointer; min-width: 150px; white-space: nowrap; }
    .cf-error { color: #c00; font-size: 15px; margin: 12px auto 0; text-align: center; font-weight: 400; width: 100%; }
}