@charset "utf-8";
/* RESPONSIVE-MEDIUM-STYLE.CSS : Obsahuji css k zakladnim elementum a zakladni verzi webu pro zobrazení na středně velkém displeji */
/* Responsive-medium-style.css pretlouka styly z style.css. Ve střední responsivni verzi tedy plati oboje styly. */
/* Responsive-medium-style.css neplatí pro malou velikost displeje. Zobrazení na malém displeji nijak neovlivňují. */

.imagebox{
    background-size: cover;
}
@media(max-width:935px), (max-height:700px){
    .icon-small.icon-hp-proceed{display:none !important;}
}

/* heading */

@media(min-width:641px) and (max-height:1100px){
    section#heading {
        padding-top:47px;
        background:
            url(../images/style/bg-heading-1.jpg) no-repeat left top / cover #2c3147;
    }
    section#heading h1 {
        font-size:2.25em;
        width:100%;
        margin-bottom:22px;
    }
      section#heading article.item:nth-of-type(n) {
        border-radius: 200px;
        background: #ff6633;
        box-shadow: 5px 5px 2px grey;
        background: #ff6633;  background-image: linear-gradient(to right, #ff6633, #ff6633, #ccc)
        
    }
    section#heading article.item .fa-2x {
        font-size:2em;
       
        
    }


    section#heading article.item:nth-of-type(1) {
        width: 200px;
        height: 200px;
        margin-left:-120px;
        bottom: 170px;
        border-radius: 50%;
    }
    section#heading article.item:nth-of-type(2) {
        
        margin-left: 20px;
        bottom: 50px;
        
    }
    section#heading article.item:nth-of-type(3) {
        
        margin-left: 120px;
        bottom: 200px;
    }
    section#heading article.item:nth-of-type(4) {

        margin-left:-200px;
        bottom: 50px;
   
    }
       section#heading article.item:nth-of-type(5) {
        margin-left:-320px;
        bottom: 200px;
    } 

    
    
    section#heading article.item:nth-of-type(n):hover {
        background: #ff3300;
    }
    section#heading article.item:nth-of-type(1):hover {
        
    }
    section#heading article.item:nth-of-type(2):hover {
        
    }
    section#heading article.item:nth-of-type(3):hover {
        
    }
        section#heading article.item:nth-of-type(4):hover {
        
    }
    section#heading article.item:nth-of-type(1) h3{
        animation-delay:1s;
    }
    section#heading article.item:nth-of-type(3) h3{
        animation-delay:1.6s;
    }
}

/* heading end */

/* net manage */

@media(max-width:935px){
    section#net-manage article{
        background-position:center top, right -1000px;
    }
    section#net-manage article h3{
        font-size:1em;
    }
}

/* net manage end */

/* reference slider */

section#reference-slider article div.image{
    height:140px;
}

/* reference slider end */

/* our best */

@media(max-width:1000px){
    section#our-best div.inner {
        background:none;
    }
    section#our-best h2{
        margin-bottom:60px;
    }
    section#our-best ul{
        padding-left:0px;
    }
}

/* our best end */

/* compare */

@media(max-width:880px){
    section#compare article{
        width:100%;
    }
    section#codelame article{
        width:100%;
    }
}

/* compare end */

/* services signpost */

@media(max-width:1000px){
    section#services-signpost article{
        margin-right:2.15%;
        width:18.25%;
        background-size:100% auto;
    }
    section#services-signpost article a{
        padding-top:130%;
    }
    section#services-signpost article h3{
        font-size:1em;
        line-height:1.3;
        height:auto;
    }
    section#services-signpost article p{
        font-size:0.875em;
        height:auto;
    }
}

/* services signpost end */


/* bezpecnostis */

@media(max-width:1000px){
    section#bezpecnostis article{
        margin-right:2.15%;
        width:22.20%;
        background-size:100% auto;
    }
    section#bezpecnostis article a{
        padding-top:130%;
    }
    section#bezpecnostis article h3{
        font-size:1em;
        line-height:1.3;
        height:auto;
    }
    section#bezpecnostis article p{
        font-size:0.875em;
        height:auto;
    }
}

/* services signpost end */


/* sluzbystart */

@media(max-width:1000px){
    section#sluzby article{
        margin-right:2.15%;
        width:18.25%;
        background-size:100% auto;
    }
    section#sluzby article a{
        padding-top:130%;
    }
    section#sluzby article h3{
        font-size:1em;
        line-height:1.3;
        height:auto;
    }
    section#sluzby article p{
        font-size:0.875em;
        height:auto;
    }
}

/* sluzby end */



/* pricelist */

@media(max-width:1100px){
    section#pricelist article.item:nth-of-type(n){
        float:none;
        margin:0 20px 25px 20px;
        display:inline-block;
    }
}
@media(max-width:790px){
    section#pricelist article.item:nth-of-type(n){
        margin-left:40px;
        margin-right:40px;
    }
}

/* pricelist end */