* {box-sizing:border-box !important;}

/* ---------------------------------- OPAKUJÍCÍ SE PRVKY || PARAMETRY VE VŠECH VERZÍCH ---------------------------- */
.container-products {
    margin:auto;
}
.container-product {
    padding:0px;
    width:100%;
}
.head-products, .head-products h1, .list-products {
    margin:0px;
}
.container-products, .head-products, .describe-page, .list-products {
    height:auto;
}
.head-products h1, .describe-page {
    width:50%;
}
.describe-page, .wrap-product, .tick, .ico-modul {
    float:left;
}
.lease-price, .button-product {
    float:right;
}
.line-products {
    clear:both;
}
.head-products, .list-products, .content-blok {
    overflow-y:auto;
}
.button-product, .turn-button {
    cursor:pointer;
}
.button-product {
    position:relative;
    display:inline-block;
    overflow:hidden;
    text-align:center;
}
.button-product svg {
    position:absolute;
    top:0px;left:0px;
}
.footer-products h3 {
    margin:5% 0% 70px 0%;
    text-align:center;
    font-weight:300;
}
.intro {
    height:auto;width:100%;
    background:#fff;
}
#intro-img {
	height:auto;width:100%;
}
.head-responsive {
    background:none !important;
    padding:0px !important;
}
#homepage-slider .carousel-border {
        background-image:url('/Public/2015-magicware/img/homepage-background-new.png') !important;
}
.title-slider {
    background:none !important;
    margin:0px !important;
    line-height:0.5 !important;
}
.describe-slider {
    font-weight:300 !important;
}
.slider-responsive .leadText {
    position:relative !important;
	
}
@media only screen and (min-width:1051px) {
    .animation-button {
        margin-left:-20px;
    }
}
@media only screen and (min-width:1051px) {
    .page-inner-animation {
        margin-top:50px;
    }
}
@media only screen and (max-width:1050px) {
    .page-inner-animation {
        margin-top:0px;
    }
}



/* ------------------------------------------------ ------------- ------------------------------------------------- */
/* ----------------------------------------------- RESPONZIVNÍ MENU ----------------------------------------------- */
/* ------------------------------------------------ \\\\\\|////// ------------------------------------------------- */

#menu-header            {
    background:#fff;
    opacity:0.98;
    display:none;
    position:fixed;
    z-index:999999;
    padding:80px 0%0%0%;
    top:0px;right:0px;bottom:0px;left:0px;
    height:100%;width:100%;
}
#menu-header a {
    text-decoration:none !important;
}
.menuheader-items       {
    background:#f6f6f6;
    opacity:1.0;
    width:80%;
    text-align:center;
    color:#222;
    font-weight:400;
}
.menuheader-lang       {
    float:left;
    background:#d22729;
    opacity:1.0;
    width:12%;
	min-width: 80px;
    text-align:center;
    color:#fff;
    font-weight:400;
}

@media only screen and (max-height: 350px){
    .menuheader-items               {margin:1%10%1%10%;padding:12px;font-size:18px;}
    #cz-lang                        {margin:1%1%1%10%;padding:8px;font-size:18px;}
    #en-lang                        {margin:1%;padding:8px;font-size:18px;}
	#pl-lang                        {margin:1%;padding:8px;font-size:18px;}
}
@media only screen and (max-height: 700px){
    .menuheader-items               {margin:1%10%1%10%;padding:15px;font-size:20px;}
    #cz-lang                        {margin:1%1%1%5%;padding:10px;font-size:20px;}
    #en-lang                        {margin:1%;padding:10px;font-size:20px;}
	#pl-lang                        {margin:1%;padding:10px;font-size:20px;}
}
@media only screen and (min-height: 701px){
    .menuheader-items               {margin:3%10%0%10%;padding:18px;font-size:21px;}
    #cz-lang                        {margin:3%1%0%5%;padding:14px;font-size:21px;}
    #en-lang                        {margin:3%1%;padding:14px;font-size:21px;}
	#pl-lang                        {margin:3%1%;padding:14px;font-size:21px;}
}
@media screen and (orientation:landscape) { 
    #menu-header {
        padding-top:90px !important;
    }
    .menuheader-items {
        float:left;
        margin:1%5%;
        width:40% !important;
    }
}




/* ------------------------------------------------ ------------- ------------------------------------------------- */
/* ------------------------------------------------ MOBILNÍ VERZE ------------------------------------------------- */
/* ------------------------------------------------ \\\\\\|////// ------------------------------------------------- */

@media only screen and (max-width: 700px) {
    /* -------------- HOMEPAGE (... - 700) ------------------ */
    .slider-responsive {
        padding:0% 4% 50px 4%;
        width:100%;max-width:1200px;
    }
    .slider-responsive .leadText {
		top: 45px !important;
        left:5% !important;
        height:auto !important;width:90% !important;
        max-width:none !important;
    }
        .title-slider {
            width:100% !important;
            font-size:32px !important;
            line-height:1.2 !important;
            text-align:center;
        }
        .describe-slider {
            font-size:25px !important;
            line-height:1.2 !important;
            text-align:center;
        }
        .slider-button {
            margin-top:40px;
            padding:6px 1%;  
            font-size:16px !important;
            font-weight:400 !important;
        }
    .slider-text {
            overflow-y:auto;
            top:15px;
            padding-bottom:10px !important;
            background:#e3edf1;
        } 
            .slider-text .col {
                float:left;
                vertical-align:middle;
                margin:0px 0px 10px 0px !important;
                padding:1% 3% !important;
                width:50% !important;
            }
            .slider-text .col:nth-child(3) {
                border:none !important;
            }
                @media only screen and (min-width:401px){
                    .slider-text .col .popisek {
                        font-size:15px !important;
                    }  
                }
                @media only screen and (max-width:400px){
                    .slider-text .col .popisek {
                        font-size:13px !important;
                    }  
                }
                .slider-text .col .cislo {
                    font-size:26px !important;
                }
                .slider-text .universal-system {
                    display:none;
                }
				.slider-responsive .leadText {
					text-align:center;
				}
    .content-blok, .turning-button {
        width:100%;
    }
    .content-blok {
        margin-top:80px !important;
    }
    .turning-button {
        margin-top:130px;
    }
        .turn-button {
            float:left;
            padding:3% 2%;
            width:47%;
        }
        .turn-button:first-child {
            margin:0% 1% 0% 2%;
        }
        .turn-button:nth-child(2) {
            margin:0% 2% 0% 1%;;
        }
        .turn-button h3 {
            font-size:18px !important;
            font-weight:300;
            text-align:center;
        }
        
        .content-box-responsive {
            clear:both;
            float:left;
            margin:0%;
            padding:3% 0%;
            width:100%;
        }
        .content-box-responsive:first-child {
            margin-top:30px !important;
        }
        .content-blok img {
            margin-left:39%;
            width:24%;
        }
        .content-blok h2, .content-blok p {
            text-align:center;
        }
        .content-blok h2 b {
            font-weight:400;
        }
        
        
    /* -------------- PRODUKTY (0 - 700) ------------------ */
    .container-products {
        padding:0px 2%;
        width:96%;
    }
    
        .head-products {
            padding-bottom:10px;
        }
            .head-products h1 {
                font-size:28px;
            }
            .describe-page {
                font-size:21px;
            }
            .lease-price {
                margin-right:40px;
                font-size:24px;
                text-align:right;
            }
            .head-products h1, .describe-page {
                width:100%;
                clear:both;
            }
        
        .wrap-product {
            clear:both;
            padding:8% 0%;
            width:100%;
        }
            .wrap-product img {
                clear:both;
                margin:3% 32% 5% 32%;
                width:36%;
            }
            .wrap-product h2 {
                font-size:23px;
            }
            .wrap-product p {
                font-size:21px;
            }
            .button-product {
                margin-right:15px;
                padding:16px 60px;
                font-size:21px;
            }
        
        .footer-products h3 {
            font-size:22px;    
        }
        
        
    /* -------------- PRODUKT - POPIS PRODUKTU (0 - 700) ------------------ */
    .performance-product, .moduls-product {
        padding:0%4%0%4%;
        width:100%;
    }
        .performance-product h1 {
            font-size:28px;
        }
        .performance-product p {
            font-size:21px;
        }
    .container-product img {
        margin-top:2%;
        width:100%;
    }
    
    .container-benefits-product {
        padding:35px 0px 180px 0px;
        width:100%;
    }
        .container-benefits-product h2 {
            padding:0px 4% 10px 4%;
            font-size:26px;
        }
        .benefits {
            margin:35px 4% 10px 4%;
            width:92%;
        }
            .tick {
                margin-right:20px;
                height:30px;width:30px;
            }
            .benefits h3 {
                font-size:21px;
            }
            .benefits p {
                font-size:21px;
            }
            .center-button {
                margin:50px 10%;
                padding:15px 30px;
                width:80%;
            }
            
        .describe-moduls {
            margin:50px 0px 30px 0px;
            width:100%;
        }
            .describe-moduls p {
                font-size:21px;
            }
            .describe-moduls img {
                margin:auto;
                height:auto;width:100%;
            }
            
        .list-moduls {
            margin:35px 0px 10px 0px;
            width:96%;
        }
            .ico-modul {
                margin:23px 20px 0px 0px;
                height:30px;width:30px;
            }
            .modul {
                margin:0px;
                padding:15px 0px;
            }
                .modul h3 {
                    font-size:21px;
                }
                .modul p {
                    font-size:21px;
                }
                .more-info {
                    margin-left:46%;
                    font-size:26px;
                }
                .more-page {
                    margin-left:0%;
                    font-size:26px;
                }
        
        
    /* ------------- RESPONZIVITA PRO VSECHNY STRANKY (ZABALUJE OBSAH DO VARIABILNI SIRKY) ------------------ */
    .head-responsive {
        margin:0%;
        width:100%;
    }
    .container-responsive {
        padding:0% 4% 30px 4%;
        width:100%;
    }
        .container-responsive h1 {
            font-size:28px !important;
        }
        .container-responsive h2 {
            margin:2% 0% !important;
            font-size:25px !important;
        }
        .container-responsive .cols-v3-3 h2 {
            margin:16px 0% !important;
        }
        .container-responsive h3 {
            margin:1% 0% !important;
            font-size:23px !important;   
        }
        .container-responsive h4 {
            font-size:22px !important; 
        }
        .container-responsive .proc-blok-text-responsive {
            font-size:22px !important;
        }
        .container-responsive .proc-blok-text-responsive h2 {
            font-size:24px !important;
        }
        .container-responsive p {
            font-size:22px !important;
            font-weight:300 !important;
            line-height:1.5;
        }
        .container-responsive p strong {
            margin-top:0px;
            font-size:21px !important;
        }
        .container-responsive li {
            font-size:20px !important;
            font-weight:300 !important;
            line-height:1.5;
        }
        .container-responsive .show-more {
            top:294px !important;
            padding:10px 0px !important;
            height:75px !important;
			width:100% !important;
            font-size:23px !important;
            text-align:center;
        }
        .container-responsive .red-button {
            font-size:17px !important;
        }
        
    
    /* -------------- SLUZBY, O NAS (... - 700) ------------------ */
    .proc-blok-responsive {
        margin:40px 0px 0px 0px !important;
        padding:0px !important;
        width:100% !important;
    }
        .proc-blok-responsive .fajfka-big {
            margin:6px 15px 0px 0px !important;
        }
    .proc-blok-text-responsive {
        float:left !important;
        width:85% !important;
    }
        .container-responsive .fleft, .container-responsive .fright {
            clear:both;
            width:100% !important;
        }
        .container-responsive .fright img {
            height:auto !important; width:100% !important;
        }
            .container-responsive .form input[type="text"], .container-responsive .form input[type="password"], .container-responsive .form textarea {
                margin: 0px 8px 8px 0px !important;
                width:100% !important;
            }
            .container-responsive .input-responsive {
                width:100% !important;
            }
            .container-responsive .required:after {
                right:0px !important;
            }
        
    
    /* -------------- PRODUKTY (... - 700 ) ------------------ */
    .products-blok, .program-blok {
        clear:both;
        margin-bottom:75px !important;
        padding:0px 0px 40px 0px !important;
        width:100% !important;
        border-left:none !important;
        border-right:none !important;
    }
    .products-blok {
        border-bottom:1px solid #ebebeb;
    }
    .products-blok:last-child {
        padding:0px !important;
        border:none !important;
    }
        .container-responsive .system-button {
            margin-top:10px !important;
        }
        
    /* -------------- REFERENCE (... - 700) ------------------ */ 
    .blok-reference-responsive {
        display:block;
        margin:20px 2% 30px 2% !important;
        padding:1%;
        width:96%;   
    }
        .blok-reference-responsive .blok-reference {
            width:100% !important;
        }
		.thumb-reference-box-responsive {
			overflow: hidden;
			height: 200px;
			width: 100%;
		}
		.thumb-reference-box-responsive img {
            height:auto !important; width:100% !important;
        }
        .nazev-reference-responsive, .popisek-reference-responsive {
            margin:10px;
            text-align:center;
        }
    
    
    /* -------------- KARIERA (... - 700) ------------------ */         
    .kariera-box {
        clear:both;
        margin:20px 0px!important;
        padding:0px !important;
        width:100% !important;
    }
        .kariera-box div {
            font-size:19px;
            line-height:27px !important;
        }
        .container-responsive .red-button {
            padding:12px !important;
            font-size:17px !important;
        }
        .container-responsive .system-button {
            padding:3px !important;
            font-size:17px;
        }
        
    
    /* -------------- KONTAKT (... - 700) ------------------ */  
    .contact-responsive:first-child {
        width:100% !important;
    }
    .col-1 {
        height:auto !important;
    }
    .col-2 {
        width:100% !important;
    }
    .google-map-responsive {
        margin:50px 0px 0px 0px!important;
        height:500px !important;
    }
    
    
    /* -------------- OSTATNÍ (... - 700) ------------------ */  
    .img-predstaveni {
        clear:both;
        margin:2% 25% 1% 25%;
        padding:3% 0% 2% 0%;
        height:auto !important; width:50% !important;min-width:200px !important;
    }
    .container-responsive .col-23, .container-responsive center {
        height:auto !important;width:100% !important;
    }
    .container-responsive .text-blok-responsive, .container-responsive .submenu {
        clear:both !important;
        float:left !important;
        width:100% !important;
    }
    .container-responsive span {
        font-size:17px !important;
    }
    .other-pages .col-1 {
        width:100% !important;
    }
    .other-pages .dark-bg, .other-pages li {
        margin:0px !important;
        font-size:17px !important;
    }
    @media only screen and (max-width: 600px) {
        .container-responsive center {display:none !important;}    
    }
    #img-responsive {
        margin:40px 20% !important;
        width:60% !important;
    }
    .web-button {
        text-align:center;
    }
    .blok-na-miru {
        clear:both;
        width:100% !important;
    }
    .blok-na-miru .proc-blok-text {
        float:left;
        margin-left:15px !important;
    }
    .container-responsive .detail-reference-content, .container-responsive .detail-reference-gallery, .container-responsive .reference-header-bloky {
        clear:both;
        width:100% !important;
    }
    .container-responsive .reference-url, .container-responsive .reference-klient, .container-responsive .reference-url, .container-responsive .reference-termin-realizace {
        margin-top:20px !important;
    }
    .container-responsive .detail-reference-header .fright {
        clear:both;
        float:left;
        width:40% !important;
    }
    .container-responsive .slide-images {
        width:100% !important;
    }
    .container-responsive .ltblue-button {
        margin:10px 0px !important;
    }
    #delegatsky-servis .iPhone, #delegatsky-servis .slimmer img, #magic-pass .iPhone, #pokladna .iPhone {
        margin-left:26% !important;
    }
    .hide-on-open, .show-on-open, .iPhone-shadow {
        display:none !important;
    }
    .right-half, .left-half {
        width:100% !important;
    }
    .cols-2 .col {
        display:block !important;
    }
}







/* ------------------------------------------------ ------------- ------------------------------------------------- */
/* ----------------------------------------------- TABLETOVÁ VERZE ------------------------------------------------ */
/* ------------------------------------------------ \\\\\\|////// ------------------------------------------------- */

@media only screen and (min-width: 701px) and (max-width: 1050px) {
    /* -------------- HOMEPAGE (701 - 1050) ------------------ */
    .slider-responsive {
        padding:0% 4% 50px 4%;
        width:100%;max-width:1200px;
    }
    .slider-responsive .leadText {
		top: 65px !important;
        left:5% !important;
        width:90% !important;
        max-width:none !important;
    }
        .title-slider {
            width:100% !important;
            font-size:32px !important;
            text-align:center;
        }
        .describe-slider {
            font-size:32px !important;
            text-align:center;
        }
        .slider-button {
            margin-top:40px;
            padding:6px 1%;  
            font-size:16px !important;
            font-weight:400 !important;
        }
            .slider-button a {
                height:auto !important;
            }
    @media only screen and (max-width:810px){
        .slider-text {
            overflow-y:auto;
            top:15px;
            padding-bottom:10px !important;
            background:#e3edf1;
        } 
            .slider-text .col {
                float:left;
                vertical-align:middle;
                margin:0px !important;
                padding:1% 3% !important;
                width:25% !important;
            }
            .slider-text .col:nth-child(3) {
                padding:1% 3% 4.5% 3% !important;
            }
                .slider-text .col .popisek {
                    font-size:15px !important;
                }
    }
    @media only screen and (min-width:811px){
        .slider-text {
            overflow-y:auto;
            padding-bottom:10px !important;
        } 
            .slider-text .col {
                float:left;
                vertical-align:middle;
                margin:0px !important;
                padding:1% !important;
                width:25% !important;
            }
                .slider-text .col .popisek {
                    font-size:13px !important;
                }
    }
            .slider-text .col .cislo {
                font-size:30px !important;
            }
            .slider-text .universal-system {
                display:none;
            }
			.slider-responsive .leadText {
				text-align:center;
			}
    .content-blok, .turning-button {
        width:100%;
    }
    .turning-button {
        margin-top:50px;
    }
        .turn-button {
            float:left;
            padding:3% 5%;
            width:40%;
        }
        .turn-button:first-child {
            margin:0% 0.5% 0% 9.5%;
        }
        .turn-button:nth-child(2) {
            margin:0% 9.5% 0% 0.5%;;
        }
        .turn-button h3 {
            font-weight:400;
            text-align:center;
        }
        
        .content-box-responsive {
            clear:both;
            float:left;
            margin-left:10%;
            padding:5% 0%;
            width:80%;
        }
        .content-box-responsive:first-child {
            margin-top:30px !important;
        }
        .content-box-responsive:nth-child(2) {
            margin:0% 2% 0% 0%;
        }
        .content-blok img {
            margin-left:41%;
            width:18%;
        }
        .content-blok h2, .content-blok p {
            text-align:center;
        }
        .content-blok h2 b {
            font-weight:400;
        }
        
        
    /* -------------- PRODUKTY (700 - 1050) ------------------ */
    .container-products {
        padding:0px 2%;
        width:96%;
    }
    
        .head-products {
            padding-bottom:0px;
        }
            .head-products h1 {
                font-size:28px;
            }
            .describe-page {
                font-size:21px;
            }
            .lease-price {
                margin-top:10px;
                margin-right:40px;
                font-size:25px;
                text-align:right;
            }
            .head-products h1, .describe-page {
                width:100%;
                clear:both;
            }
            
            
        .wrap-product {
            margin:0% 2%;
            padding:8% 0%;
            width:46%;
        }
            .wrap-product img {
                clear:both;
                margin:3% 32% 5% 32%;
                width:36%;
            }
            .wrap-product h2 {
                font-size:24px;
            }
            .wrap-product p {
                font-size:21px;
            }
            .button-product {
                padding-top:13px;
                font-size:20px;
                height:60px;width:135px;
            }

        .footer-products h3 {
            font-size:22px;    
        }
        
        
        
    /* -------------- PRODUKT - POPIS PRODUKTU (700 - 1050) ------------------ */
    .performance-product  {
        padding:0%0%0%4%;
        width:52%;
    }
    .performance-product {
        float:left;
    }
        .performance-product h1 {
            font-size:28px;
        }
        .performance-product p {
            margin-bottom:40px;
            font-size:21px;
        }
    .container-product img {
        margin-top:3%;
        width:48%;
    }
    
    .container-benefits-product {
        padding:35px 0px 30px 0px;
        width:100%;
        overflow-y:auto;
    }
        .container-benefits-product h2 {
            padding:0px 4% 10px 4%;
            font-size:24px;
        }
        .benefits {
            float:left;
            margin:35px 4% 10px 4%;
            width:42%;
        }
            .tick {
                margin:25px 20px 0px 0px;
                height:30px;width:30px;
            }
            .benefits h3 {
                font-size:21px;
            }
            .benefits p {
                font-size:21px;
            }
            .center-button {
                margin:50px 10%;
                padding:15px 30px;
                width:80%;
            }
        
    .moduls-product {
        padding:0%4%0%4%;
        width:100%;
    }
        .describe-moduls {
            margin:50px 0px 30px 0px;
            width:100%;
        }
            .describe-moduls p {
                float:left;
                margin-right:2%;
                width:58%;
                font-size:21px;
            }
            .describe-moduls img {
                margin:auto;
                height:auto;width:40%;
            }
            
        .list-moduls {
            margin:35px 0px 10px 0px;
            width:96%;
            overflow-y:auto;
        }
            .ico-modul {
                margin:23px 20px 0px 0px;
                height:30px;width:30px;
            }
            .modul {
                float:left;
                margin:0px;
                padding:15px 0px;
                width:48%;
            }
            .modul:nth-child(odd) {
                margin-right:3%;
            }
                .modul h3 {
                    font-size:21px;
                }
                .modul p {
                    font-size:21px;
                }
                .more-info {
                    font-size:26px;
                }
                .more-info-produkty {
                    margin-left:46% !important;
                }
                .more-page {
                    margin:0% !important;
                    font-size:22px;
                }
                
                         
    /* ------------- RESPONZIVITA PRO VSECHNY STRANKY (ZABALUJE OBSAH DO VARIABILNI SIRKY) ------------------ */
    .head-responsive {
        margin:0%;
        width:100%;
    }
    .container-responsive {
        padding:0% 4% 50px 4%;
        width:100%;
    }
        .container-responsive h1 {
            font-size:28px !important;
        }
        .container-responsive h2 {
            margin:2% 0% !important;
            font-size:25px !important;
        }
        .container-responsive .cols-v3-3 h2 {
            margin:16px 0% !important;
        }
        .container-responsive h3 {
            margin:1% 0% !important;
            font-size:20px !important;   
        }
        .container-responsive h4 {
            font-size:20px !important; 
        }
        .container-responsive .proc-blok-text-responsive {
            font-size:20px !important;
        }
        .container-responsive .proc-blok-text-responsive h2 {
            font-size:22px !important;
        }
        .container-responsive p {
            font-size:20px !important;
            font-weight:300 !important;
            line-height:1.5;
        }
        .container-responsive p strong {
            margin-top:0px;
            font-size:19px !important;
        }
        .container-responsive li {
            font-size:19px !important;
            font-weight:300 !important;
            line-height:1.5;
        }
        .container-responsive .show-more {
            top:294px !important;
            padding:10px 0px !important;
            height:75px !important;width:100% !important;
            font-size:23px !important;
            text-align:center;
        }
        .container-responsive .show-more {
            top:294px !important;
            padding:10px 0px !important;
            height:75px !important;width:100% !important;
            font-size:17px !important;
        }
        .container-responsive .red-button, .container-responsive .system-button {
            font-size:17px !important;
        }
        
    
    /* -------------- PRODUKTY (701 - 1050 ) ------------------ */
    .products-blok {
        clear:both;
        margin-bottom:75px !important;
        padding:0px 0px 40px 0px !important;
        width:100% !important;
        border-left:none !important;
        border-right:none !important;
    }
    .products-blok {
        border-bottom:1px solid #ebebeb;
    }
    .products-blok:last-child {
        padding:0px !important;
        border:none !important;
    }
    .products-blok h2, .products-blok p {
        text-align:center !important;
    }
    .program-blok {
        float:left;
        margin-bottom:75px !important;
        padding:0px !important;
        width:48% !important;
    }
    .program-blok:nth-child(1), .program-blok:nth-child(3) {
        margin-right:4%;
    }
    
    
    /* -------------- SLUZBY, O NAS (701 - 1050) ------------------ */
    .proc-blok-responsive {
        margin:40px 1% 0px 1% !important;
        padding:0px !important;
        width:47% !important;
    }
        .proc-blok-responsive .fajfka-big {
            margin:6px 20px 0px 0px !important;
        }
    .proc-blok-text-responsive {
        float:left !important;
        width:85% !important;
    }
        .container-responsive .fleft, .container-responsive .fright {
            clear:both;
            width:100% !important;
        }
        .container-responsive .form input[type="text"], .container-responsive .form input[type="password"], .container-responsive .form textarea {
            margin: 0px 8px 8px 0px !important;
        }
    
    
    /* -------------- REFERENCE (701 - 1050) ------------------ */    
    .blok-reference-responsive {
        display:block;
        float:left;
        margin:0%2% 30px 2% !important;
        padding:1%;
        width:46%;   
    }
        .thumb-reference-box-responsive {
			overflow: hidden;
			height: 200px;
			width: 100%;
		}
		.thumb-reference-box-responsive img {
            height:auto !important; width:100% !important;
        }
        .nazev-reference-responsive, .popisek-reference-responsive {
            margin:10px;
            text-align:center;
        }
    
    /* -------------- KARIERA (701 - 1050) ------------------ */         
    .kariera-box {
        clear:both;
        margin:20px 0px!important;
        padding:0px !important;
        width:100% !important;
    }
        .kariera-box div {
            font-size:21px;
            line-height:27px !important;
        }
        .container-responsive .red-button {
            padding:10px !important;
            font-size:19px;
        }
        
    
    /* -------------- KONTAKT (701 - 1050) ------------------ */        
    .contact-responsive:first-child {
        width:60% !important;
    }
    .contact-responsive:nth-child(2) {
        width:40% !important;
    }
    .col-1 {
        width:360px !important;
    }
    .col-2 {
        width:50% !important;
    }
    .cols-50-50 .col-2 {
        width:100% !important;
    }
    .cols-v3-3 .col-2 {
        height:258px !important;
    }
    .google-map-responsive {
        margin:0px !important;
        height:500px !important;
    }
    
    
    /* -------------- OSTATNÍ (701 - 1050) ------------------ */  
    .img-predstaveni {
        clear:both;
        float:right;
        margin:2% 25%;
        padding:3% 0% 6% 0%;
    }
    .container-responsive .col-23 {
        width:100% !important;
    }
    .container-responsive span {
        font-size:18px !important;
    }
    .other-pages .col-1 {
        width:100% !important;
    }
    .other-pages .dark-bg, .other-pages li {
        margin:0px !important;
        font-size:17px !important;
    }
    .container-responsive .submenu {
        float:left;
        width:50% !important;
    }
    #img-responsive {
        margin:40px 30% !important;
        width:40% !important;
    }
    .web-button {
        text-align:center;
    }
    .blok-na-miru {
        clear:both;
        width:100% !important;
    }
    .blok-na-miru .proc-blok-text {
        float:left;
        margin-left:15px !important;
    }
    .container-responsive .detail-reference-content, .container-responsive .detail-reference-gallery, .container-responsive .reference-header-bloky {
        clear:both;
        width:100% !important;
    }
    .container-responsive .reference-url, .container-responsive .reference-klient, .container-responsive .reference-url, .container-responsive .reference-termin-realizace {
        margin-top:20px !important;
    }
    .container-responsive .detail-reference-header .fright {
        clear:both;
        float:right;
        width:20% !important;
    }
    .container-responsive .slide-images {
        width:100% !important;
    }
    #delegatsky-servis .iPhone, #delegatsky-servis .slimmer img, #magic-pass .iPhone, #pokladna .iPhone {
        margin-left:30% !important;
    }
    .hide-on-open, .show-on-open, .iPhone-shadow {
        display:none !important;
    }
}





/* ------------------------------------------------ ------------- ------------------------------------------------- */
/* ------------------------------------------------ NOTEBOOK VERZE ------------------------------------------------ */
/* ------------------------------------------------ \\\\\\|////// ------------------------------------------------- */

@media only screen and (min-width: 1051px) and (max-width: 1500px) {
    /* -------------- HOMEPAGE (1501 - ...) ------------------ */
    .slider-responsive {
        padding:0% 4% 50px 4%;
        width:100%;max-width:1200px;
    }
    .slider-responsive .leadText {
		top: 65px !important;
        left:0px !important;
        height:auto !important;
    }
        .title-slider {
            font-size:32px !important;
        }
        .describe-slider {
            font-size:32px !important;
        }
        .slider-button {
            float:left;
            margin-top:40px;
            padding:2px 17px;
            font-size:16px !important;
        }
	.slider-text {
		overflow-y:auto;
	}
    .slider-text .col {
        margin:8px 0px !important;
        padding:0px !important;
        width:18% !important;
    }
        .slider-text .col .cislo {
			margin-top:10px !important;
            font-size:26px !important;
        }
    .content-blok, .turning-button {
        width:100%;
    }
    .turning-button {
        margin-top:50px;
    }
        .turn-button {
            float:left;
            padding:3% 5%;
            width:30%;
        }
        .turn-button:first-child {
            margin:0% 0.5% 0% 19.5%;
        }
        .turn-button:nth-child(2) {
            margin:0% 19.5% 0% 0.5%;;
        }
        .turn-button h3 {
            font-weight:400;
            text-align:center;
        }
        
        .content-box-responsive {
            float:left;
            margin-left:-2%;
            padding:3% 0% 2% 0%;
            width:32%;
        }
        .content-box-responsive:nth-child(2) {
            margin:0% 2% 0% 2%;
        }
        .content-blok img {
            margin-left:36%;
            width:28%;
        }
        .content-blok h2, .content-blok p {
            text-align:center;
        }
        .content-blok h2 b {
            font-weight:400;
        }
        
        
    /* -------------- PRODUKTY (1051 - 1500) ------------------ */
    .container-products {
        padding:5px 4%;
        width:92%;max-width:1200px;
    }
    
        .head-products {
            padding-bottom:40px;
        }
            .head-products h1 {
                font-size:30px;
            }
            .describe-page {
                margin-top:29px;
                font-size:20px;
            }
            .lease-price {
                margin-right:40px;
                font-size:26px;
            }
            .head-products h1, .describe-page {
                min-width:600px;
            }
            
        .wrap-product {
            margin-top:20px;
            padding:5% 0%;
            width:46%;
        }
        .wrap-product:nth-child(odd) {
            float:left;
            margin-right:2%;
        }
        .wrap-product:nth-child(even) {
            float:right;
            margin-left:2%;
        }
            .wrap-product img {
                float:left;
                margin:0%6%0%0%;
                width:28%;
            }
            .wrap-product h2 {
                margin-left:34%;
                font-size:22px;
            }
            .wrap-product p {
                margin-left:34%;
                font-size:17px;
            }
            .button-product {
                padding-top:10px;
                font-size:20px;
                height:50px;width:125px;
            }
                .button-product svg, .button-product svg rect {
                    height:50px;width:125px;
                }
                .button-product svg rect {
                    stroke-dashoffset:213;
                }
            
        .footer-products h3 {
            font-size:24px;    
        }
        
          
    /* -------------- PRODUKT - POPIS PRODUKTU (1051 - 1500) ------------------ */
    .performance-product  {
        padding:0%0%0%12%;
        width:55%;
    }
    .performance-product {
        float:left;
    }
        .performance-product h1 {
            font-size:30px;
        }
        .performance-product p {
            margin-bottom:40px;
            font-size:18px;
        }
    .container-product img {
        margin-top:2%;
        padding-right:12%;
        width:45%;
    }
    
    .container-benefits-product {
        padding:35px 9% 30px 9%;
        width:100%;
        overflow-y:auto;
    }
        .container-benefits-product h2 {
            padding:0px 4% 10px 4%;
            font-size:26px;
        }
        .benefits {
            float:left;
            margin:35px 4% 10px 4%;
            width:42%;
        }
        .benefits:nth-child(even) {
            margin-right:2%;
        }
        .benefits:nth-child(odd) {
            float:right;
        }
            .tick {
                margin:25px 20px 0px 0px;
                height:30px;width:30px;
            }
            .benefits h3 {
                font-size:20px;
            }
            .benefits p {
                font-size:19px;
            }
            .center-button {
                margin:50px 37%;
                padding:18px 30px 0px 30px;
                height:65px;width:350px;
            }
                .center-button svg, .center-button svg rect {
                    height:65px;width:350px;
                }
                .center-button svg rect {
                    stroke-dashoffset:267;
                }
        
    .moduls-product {
        padding:0%12%0%12%;
        width:100%;
    }
        .describe-moduls {
            margin:50px 0px 30px 0px;
            width:100%;
        }
            .describe-moduls p {
                float:left;
                width:58%;
                font-size:19px;
            }
            .describe-moduls img {
                margin:auto;
                height:auto;width:40%;
            }
            
        .list-moduls {
            margin:35px 0px 10px 0px;
            width:96%;
            overflow-y:auto;
        }
            .ico-modul {
                margin:23px 20px 0px 0px;
                height:30px;width:30px;
            }
            .modul {
                float:left;
                margin:0px;
                padding:15px 0px;
                width:32%;
            }
            .modul:nth-child(1), .modul:nth-child(2), .modul:nth-child(4), .modul:nth-child(5) {
                margin-right:2%;
            }
                .modul h3 {
                    font-size:20px;
                }
                .modul p {
                    font-size:19px;
                }
                .more-info {
                    font-size:20px;
                }
                .more-page {
                    font-size:19px;
                }
                
                
    /* ------------- RESPONZIVITA PRO VSECHNY STRANKY (ZABALUJE OBSAH DO VARIABILNI SIRKY) ------------------ */
    .head-responsive {
        margin:0%;
        width:100%;
    }
    .container-responsive {
        padding:0% 4% 50px 4%;
        width:100%;max-width:1200px;
    }
        .container-responsive h1 {
            font-size:28px !important;
        }
        .container-responsive h2 {
            margin:2% 0% !important;
            font-size:25px !important;
        }
        .container-responsive .cols-v3-3 h2 {
            margin:16px 0% !important;
        }
        .container-responsive h3 {
            margin:1% 0% !important;
            font-size:20px !important;   
        }
        .container-responsive h4 {
            font-size:19px !important; 
        }
        .container-responsive .proc-blok-text-responsive h2 {
            font-size:20px !important; font-weight:400 !important;
        }
        .container-responsive p {
            font-size:18px !important;
            font-weight:300 !important;
            line-height:1.5 !important;
        }
        .container-responsive p strong {
            margin-top:0px;
            font-size:18px !important;
        }
        .container-responsive li {
            font-size:17px !important;
            font-weight:300 !important;
            line-height:1.5;
        }
        .container-responsive .show-more {
            top:294px !important;
            padding:10px 0px !important;
            height:75px !important;width:100% !important;
            font-size:17px !important;
        }
        .container-responsive .red-button {
            font-size:16px !important;
        }
        
    
    /* -------------- SLUZBY, O NAS (1051 - 1500) ------------------ */
    .proc-blok-responsive {
        margin:40px 1.6% 0px 0px !important;
        padding:0px !important;
        width:31% !important;
    }
        .proc-blok-responsive .fajfka-big {
            margin:6px 0px 0px 13px !important;
        }
    .proc-blok-text-responsive {
        width:85% !important;
    }
        .container-responsive .fleft, .container-responsive .fright {
            width:49% !important;
        }
        .container-responsive .fleft {
            margin-right:2% !important;
        }
        
    
    /* -------------- PRODUKTY (1051 - 1500 ) ------------------ */
    .products-blok:first-child {
        padding-left:0% !important;
    }
    .products-blok:first-child {
        padding-right:0% !important;
    }
    .products-blok {
        float:left;
        padding:0px 2% !important;
        width:32% !important;
    }
        .products-blok .fleft, .products-blok .fright, .products-blok .fright .text {
            clear:both;
        }
        .products-blok .fright {
            width:100% !important;
        }
        .products-blok .fleft img {
            margin-left:50% !important;
        }
    .products-blok:nth-child(2) {
        margin:0px 2%;
    }
    .program-blok {
        float:left;
        margin-bottom:4% !important;
        padding:0px !important;
        width:49% !important;
    }
    .program-blok:nth-child(1), .program-blok:nth-child(3) {
        margin-right:2%;
    }
    
        
    /* -------------- REFERENCE (1051 - 1500) ------------------ */ 
    .blok-reference-responsive {
        display:block;
        float:left;
        margin:0% 1.6% 30px 1.6% !important;
        padding-bottom:10px;
        width:30%;   
    }      
        .thumb-reference-box-responsive {
			overflow: hidden;
			height: 200px;
			width: 100%;
		}
		.thumb-reference-box-responsive img {
            height:auto !important; width:100% !important;
        }
        .nazev-reference-responsive, .popisek-reference-responsive {
            margin:10px;
            text-align:center;
        }
        
    
    /* -------------- KARIERA (1051 - 1500) ------------------ */         
    .kariera-box {
        margin:20px 0px 0px 0px !important;
        padding:0px !important;
    }
    .kariera-box:nth-child(2) {
        margin:20px 4.25%0%4.25% !important;
    }
        .kariera-box div {
            font-size:19px;
            line-height:27px !important;
        }
        
        
    /* -------------- KONTAKT (1051 - 1500) ------------------ */        
    .contact-responsive:nth-child(1) {
        width:35% !important;
    }
    .contact-responsive:nth-child(2) {
        width:26% !important;
    }
    .contact-responsive:nth-child(3) {
        width:39% !important;
    }
        .faktur {
            width:40% !important;
        }
        
      
    /* -------------- OSTATNÍ (1051 - 1500) ------------------ */  
    .img-predstaveni {
        float:right;
        padding:2% 0% 5% 0%;
        height:auto !important; width:29% !important;
    }
    .other-pages .col-1 {
        margin-top:20px;
        width:30% !important;
    }
    .container-responsive .col-23 {
        width:70% !important;
    }
    .container-responsive span {
        font-size:18px !important;
    }
    .other-pages .dark-bg, .other-pages li {
        margin:0px !important;
        font-size:17px !important;
    }
    .img-web {
        float:right !important;
        height:auto !important; width:69% !important;
    }
    #img-responsive {
        margin-top:80px !important;
    }
    .blok-na-miru {
        width:48% !important;
    }
    .blok-na-miru .proc-blok-text {
        float:left;
        margin-left:15px !important;
    }
    .container-responsive .detail-reference-content, .container-responsive .detail-reference-gallery {
        width:45% !important;
    }
    .container-responsive .reference-header-bloky {
        width:78% !important;
    }
    .container-responsive .reference-url, .container-responsive .reference-klient, .container-responsive .reference-url, .container-responsive .reference-termin-realizace {
        margin-top:20px !important;
    }
    .container-responsive .detail-reference-header .fright {
        margin-top:10px !important;
        width:20% !important;
    }
    .container-responsive .slide-images {
        width:100% !important;
    }
    .container-responsive .ltblue-button {
        margin:10px 0px !important;
    }
    .app-button {
        margin-bottom:50px !important;
    }
    .iPhone:nth-child(odd) {
        float:right;
    }
    .iPhone:nth-child(even) {
        float:left;
    }
    #delegatsky-servis .fleft {
        width:55% !important;
    }
    #delegatsky-servis .fright {
        width:42% !important;
    }
    #delegatsky-servis .iPhone, #delegatsky-servis .slimmer img, #magic-pass .iPhone, #pokladna .iPhone {
        margin-left:50px !important;
    }
}





/* ------------------------------------------------ ------------- ------------------------------------------------- */
/* --------------------------------------------------- PC VERZE --------------------------------------------------- */
/* ------------------------------------------------ \\\\\\|////// ------------------------------------------------- */

@media only screen and (min-width: 1501px) {
    /* -------------- HOMEPAGE (1501 - ...) ------------------ */
    .slider-responsive {
        padding:0% 20% 50px 20%;
        width:100%;
    }
    .slider-responsive .leadText {
		top: 65px !important;
        left:0px !important;
        height:auto !important;
    }
        .title-slider {
            font-size:32px !important;
        }
        .describe-slider {
            font-size:32px !important;
        }
        .slider-button {
            float:left;
            margin-top:40px;
            padding:2px 17px;
            font-size:16px !important;
        }
    .slider-text .col {
        margin:0px !important;
        padding:0px !important;
        width:17% !important;
    }
	.slider-text .col .cislo {
		margin-top:10px !important;
		font-size:29px !important;
	}
    .content-blok, .turning-button {
        width:100%;
    }
    .turning-button {
        margin-top:50px;
    }
        .turn-button {
            float:left;
            padding:3%;
            width:30%;
        }
        .turn-button:first-child {
            margin:0% 0.5% 0% 19.5%;
        }
        .turn-button:nth-child(2) {
            margin:0% 19.5% 0% 0.5%;;
        }
        .turn-button h3 {
            font-weight:400;
            text-align:center;
        }
        
        .content-box-responsive {
            float:left;
            margin-left:-2%;
            padding:3% 0%;
            width:32%;
        }
        .content-box-responsive:nth-child(2) {
            margin:0%;
        }
        .content-blok img {
            margin-left:36%;
            width:28%;
        }
        .content-blok h2, .content-blok p {
            text-align:center;
        }
        .content-blok h2 b {
            font-weight:400;
        }
    
    /* -------------- PRODUKTY (1501 - ...) ------------------ */
    .container-products {
        padding:10px 10%;
        width:80%;
    }
    
        .head-products {
            padding-bottom:60px;
        }
            .head-products h1 {
                font-size:30px;
            }
            .describe-page {
                margin-top:29px;
                font-size:20px;
            }
            .lease-price {
                margin-right:40px;
                font-size:26px;
            }
            .head-products h1, .describe-page {
                min-width:700px;
            }
            
        .wrap-product {
            margin-top:20px;
            padding:5% 0%;
            width:46%;
        }
        .wrap-product:nth-child(odd) {
            float:left;
            margin-right:2%;
        }
        .wrap-product:nth-child(even) {
            float:right;
            margin-left:2%;
        }
            .wrap-product img {
                float:left;
                margin:0%6%0%0%;
                width:28%;
            }
            .wrap-product h2 {
                margin-left:36%;
                font-size:25px;
            }
            .wrap-product p {
                margin-left:36%;
                font-size:17px;
            }
            .button-product {
                padding-top:13px;
                font-size:20px;
                height:55px;width:130px;
            }
                .button-product svg, .button-product svg rect {
                    height:55px;width:130px;
                }
                .button-product svg rect {
                    stroke-dashoffset:200;
                }
            
        .footer-products h3 {
            font-size:24px;    
        }
        
           
    /* -------------- PRODUKT - POPIS PRODUKTU (1501 - ...) ------------------ */
    .performance-product  {
        margin:0%0%0%20%;
        width:32%;
    }
    .performance-product {
        float:left;
    }
        .performance-product h1 {
            font-size:30px;
        }
        .performance-product p {
            margin-bottom:40px;
            font-size:19px;
        }
    .container-product img {
        float:right;
        margin-top:2%;
        margin-right:20%;
        width:28%;
    }
    
    .container-benefits-product {
        padding:35px 20% 30px 20%;
        width:100%;
        overflow-y:auto;
    }
        .container-benefits-product h2 {
            padding:0px 0px 10px 0px;
            font-size:26px;
        }
        .benefits {
            float:left;
            margin:35px 0px 10px 0px;
            width:49%;
        }
        .benefits:nth-child(even) {
            margin-right:2%;
        }
        .benefits:nth-child(odd) {
            float:right;
        }
            .tick {
                margin:25px 20px 0px 0px;
                height:30px;width:30px;
            }
            .benefits h3 {
                font-size:20px;
            }
            .benefits p {
                font-size:18px;
            }
            .center-button {
                margin:50px 36%;
                padding:18px 30px 0px 30px;
                height:65px;width:350px;
            }
                .center-button svg, .center-button svg rect {
                    height:65px;width:350px;
                }
                .center-button svg rect {
                    stroke-dashoffset:267;
                }
        
    .moduls-product {
        padding:0%20%0%20%;
        width:100%;
    }
        .describe-moduls {
            margin:50px 0px 30px 0px;
            width:100%;
        }
            .describe-moduls p {
                float:left;
                width:58%;
                font-size:19px;
            }
            .describe-moduls img {
                margin:25px auto;
                height:auto;width:40%;
            }
            
        .list-moduls {
            margin:35px 0px 10px 0px;
            width:96%;
            overflow-y:auto;
        }
            .ico-modul {
                margin:23px 20px 0px 0px;
                height:30px;width:30px;
            }
            .modul {
                float:left;
                margin:0px;
                padding:15px 0px;
                width:32%;
            }
            .modul:nth-child(1), .modul:nth-child(2), .modul:nth-child(4), .modul:nth-child(5) {
                margin-right:2%;
            }
                .modul h3 {
                    font-size:20px;
                }
                .modul p {
                    font-size:18px;
                }
                .more-info {
                    font-size:20px;
                }
                .more-page {
                    font-size:19px;
                }
                
                
    /* ------------- RESPONZIVITA PRO VSECHNY STRANKY (ZABALUJE OBSAH DO VARIABILNI SIRKY) ------------------ */
    .head-responsive {
        margin:0%;
        width:100%;
    }
    .container-responsive {
        padding:0% 20% 50px 20%;
        width:100%;
    }
        .container-responsive h1 {
            font-size:30px !important;
        }
        .container-responsive h2 {
            margin:2% 0% !important;
            font-size:27px !important;
        }
        .container-responsive .cols-v3-3 h2 {
            margin:20px 0% !important;
        }
        .container-responsive h3 {
            margin:1% 0% !important;
            font-size:22px !important;   
        }
        .container-responsive h4 {
            font-size:19px !important;   
        }
        .container-responsive .proc-blok-text-responsive h2 {
            font-size:22px !important; font-weight:400 !important;
        }
        .container-responsive p {
            font-size:18px !important;
            font-weight:300 !important;
            line-height:1.5 !important;
        }
        .container-responsive p strong {
            margin-top:0px;
            font-size:18px !important;
        }
        .container-responsive li {
            font-size:17px !important;
            font-weight:300 !important;
            line-height:1.5;
        }
        .container-responsive .show-more {
            top:294px !important;
            padding:10px 0px !important;
            height:75px !important;width:100% !important;
            font-size:19px !important;
        }
        .container-responsive .red-button {
            font-size:15px !important;
        }
    
    /* -------------- SLUZBY, O NAS (1501 - ...) ------------------ */
    .proc-blok-responsive {
        margin:40px 1.6% 0px 0px !important;
        padding:0px !important;
        width:31% !important;
    }
        .proc-blok-responsive .fajfka-big {
            margin:6px 0px 0px 13px !important;
        }
    .proc-blok-text-responsive {
        width:85% !important;
    }
        .container-responsive .fleft, .container-responsive .fright {
            width:49% !important;
        }
        .container-responsive .fleft {
            margin-right:2% !important;
        }
       
    
    /* -------------- PRODUKTY (1501 - ...) ------------------- */
    .products-blok:first-child {
        padding-left:0% !important;
    }
    .products-blok:first-child {
        padding-right:0% !important;
    }
    .products-blok {
        float:left;
        padding:0px 2% !important;
        width:32% !important;
    }
        .products-blok .fleft, .products-blok .fright, .products-blok .fright .text {
            clear:both;
        }
        .products-blok .fright {
            width:100% !important;
        }
        .products-blok .fleft img {
            margin-left:50% !important;
        }
    .products-blok:nth-child(2) {
        margin:0px 2%;
    }
    .program-blok {
        float:left;
        margin-bottom:4% !important;
        padding:0px !important;
        width:49% !important;
    }
    .program-blok:nth-child(1), .program-blok:nth-child(3) {
        margin-right:2%;
    } 
     
      
    /* -------------- REFERENCE (1501 - ...) ------------------ */
    .blok-reference-responsive {
        display:block;
        float:left;
        margin:0% 1.6% 30px 1.6% !important;
        padding-bottom:10px;
        width:30%;   
    }   
		.thumb-reference-box-responsive {
			overflow: hidden;
			height: 200px;
			width: 100%;
		}
        .thumb-reference-box-responsive img {
            height:auto !important; width:100% !important;
        }
        .nazev-reference-responsive, .popisek-reference-responsive {
            margin:10px;
            text-align:center;
        }
    
    /* -------------- KARIERA (1501 - ...) ------------------ */         
    .kariera-box {
        margin:20px 0px 0px 0px !important;
        padding:0px !important;
    }
    .kariera-box:nth-child(2) {
        margin:20px 4.25%0%4.25% !important;
    }
        .kariera-box div {
            font-size:19px;
            line-height:27px !important;
        }
        
        
    /* -------------- KONTAKT (1501 - ...) ------------------ */        
    .contact-responsive:nth-child(1) {
        width:35% !important;
    }
    .contact-responsive:nth-child(2) {
        width:26% !important;
    }
    .contact-responsive:nth-child(3) {
        width:39% !important;
    }
        .faktur {
            width:40% !important;
        }
    /* -------------- OSTATNÍ (1501 - ...) ------------------ */  
    .img-predstaveni {
        float:right;
        padding:2% 0% 5% 0%;
        height:auto !important; width:22% !important;
    }
    .other-pages .col-1 {
        margin-top:20px !important;
        width:30% !important;
    }
    .container-responsive .col-23 {
        width:70% !important;
    }
    .container-responsive span {
        font-size:18px !important;
    }
    .other-pages li {
        margin:0px !important;
        font-size:18px !important;
    }
    .img-web {
        float:right !important;
        margin-top:17% !important;
        height:auto !important; width:50% !important;
    }
    .blok-na-miru {
        width:48% !important;
    }
    .blok-na-miru .proc-blok-text {
        float:left;
        margin-left:15px !important;
    }
    .container-responsive .detail-reference-content, .container-responsive .detail-reference-gallery {
        width:45% !important;
    }
    .container-responsive .reference-header-bloky {
        width:78% !important;
    }
    .container-responsive .reference-url, .container-responsive .reference-klient, .container-responsive .reference-url, .container-responsive .reference-termin-realizace {
        margin-top:20px !important;
    }
    .container-responsive .detail-reference-header .fright {
        margin-top:10px !important;
        width:20% !important;
    }
    .container-responsive .slide-images {
        width:100% !important;
    }
    .delegatsky-servis-responsive {
        height:790px !important;
    }
    .app-button {
        margin-bottom:75px !important;
    }
    .iPhone:nth-child(odd) {
        float:right;
    }
    .iPhone:nth-child(even) {
        float:left;
    }
}


/* ------------------------------------------------ ------------- ------------------------------------------------- */
/* ---------------------------------------------- STYL - BARVY ATD. ----------------------------------------------- */
/* ------------------------------------------------ ------------- ------------------------------------------------- */

.lease-price, .footer-link, .button-product, .container-benefits-product h2, .more-info, .more-page, .nazev-reference-responsive, .content-blok h2 b, .turn-button-active h3, .turn-button:hover h3 {
    color:#d22729;
}
.footer-products h3 {
    color:#4F4F4F;
}
.container-responsive p {
    color:#4F4F4F;
}
.turn-button-active, .container-benefits-product {
    background:#ebf2f5;
}
.content-blok {
    background:#e4edf2;
}
.turn-button {
    border-top:1px solid #ebf2f5;
    border-right:1px solid #ebf2f5;
    border-left:1px solid #ebf2f5;
}
.thumb-reference-box-responsive {
    border:5px solid rgb(227, 237, 241);
}
.kariera-box {
    border-left:0px !important;
}
.tick {
    background:url('/Public/grafika/tick.png') center top no-repeat;
}
.ico-modul {
    background:url('/Public/grafika/ico-modul.png') center top no-repeat;
}

/* --------------------------------------------------- EFEKTY ----------------------------------------------------------- */
@media only screen and (max-width:1050px) {
    .button-product  {
        font-weight:400;
        letter-spacing:2px;
        border:2px solid #d22729;
    }
}
@media only screen and (min-width:1051px) {
    .button-product svg rect {
        transition:all 500ms ease-out;
        stroke:#d22729;
        stroke-width:7;
        stroke-dasharray:100, 300;
    }
    .button-product:hover svg rect {
        transition-delay:100ms;
        stroke-width:4;
        stroke-dasharray:400, 0;
        stroke-dashoffset:0;
    }
    .center-button svg rect {
        transition:all 500ms ease-out;
        stroke:#d22729;
        stroke-width:7;
        stroke-dasharray:100, 300;
    }
    .center-button:hover svg rect {
        transition-delay:100ms;
        stroke-width:4;
        stroke-dasharray:400, 0;
        stroke-dashoffset:0;
    }
    .button-product {
        transition:all 200ms ease-out;
        font-weight:300;
        letter-spacing:0px;
    }
    .button-product:hover  {
        transition:all 200ms ease-out;
        transition-delay:100ms;
        font-weight:400;
        letter-spacing:2px;
    }
}


/* ------- DODATECNE SCHOVANI NEBO PREMENY -------- */
.turning-button {
    display:none !important;
}
#homepage-slider {
    height:380px !important;
}

.iPhone, .slimmer {
    margin:40px 0px !important;
}

.vypis-clanku .half-article {
	height: 100%;
}
.vypis-clanku .half-article .article-content {
	height: 250px;
}
.vypis-clanku .half-article .article-content strong {
	margin: 10px 0px;
    display: inline-block;
}
.vypis-clanku .article {
	width: 30.5%;
}
.vypis-clanku .article-id-999 .show-more {
	display: none;
}