/*** pro stránky: page-business.php, page-apple.php
-------------------------------------------------------------------------------*/
/*.mobil { display:none !important; }
.desktop { display:block !important; }

@media only screen and (max-width: 768px) {
    .mobil { display:block !important; }
    .desktop { display:none !important; }
}
PŘESUNUTO DO  page-business.php A page-apple.php
------------------------------------------------*/

sup, * sup { position:relative; top:-4px; font-size:9px; }

/*******************************************************************************
*** flexbox
********************************************************************************/
.flexbox {
    display:-webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display:-moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display:-ms-flexbox;      /* TWEENER - IE 10 */
    display:-webkit-flex;     /* NEW - Chrome */
    display:flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

/*******************************************************************************
*** icony
********************************************************************************/
.ico-konent {
    display:inline-block;
    height:24px; line-height:23px;
    padding:0 10px; margin-left:6%;  margin-top:2px;  margin-bottom:4px;
    color:#6B7C94;
    background:#FFFFFF;
    border:1px solid #D6DFE6;
    border-radius:4px;
    -webkit-box-shadow:0px 1px 4px 0 rgba(0,49,98,0.2);
    -moz-box-shadow:   0px 1px 4px 0 rgba(0,49,98,0.2);
    box-shadow:        0px 1px 4px 0 rgba(0,49,98,0.2);
}
.ico-konent:last-child { /*margin-right:15px;*/ /*margin-left:9%;*/ }
.ico-konent > sup { font-size:8px; position:relative; top:-6px; right:-1px; color:inherit !important; }

#produkty-list.css--konf4 .ico-konent {
    font-size:12px;
    height:22px; line-height:21px;
    padding:0 8px; margin-left:5%;  margin-top:3px;  margin-bottom:3px;
}
@media (max-width:1300px) {
    #produkty-list.css--konf4 .ico-konent {
        font-size:unset;
        height:24px; line-height:23px;
        padding:0 10px; margin-left:6%;  margin-top:2px;  margin-bottom:4px;
    }
}

.ico-novinka {
    display:inline-block;
    height:24px; line-height:24px;
    padding:0 10px; /*margin-right:10px;*/ margin-right:6%; /*margin-bottom:4px;*/
    font-size:12px; color:#ffffff; font-weight:600; text-transform:uppercase;
    background:#29A4A9;
    border-radius:4px;
}
.ico-novinka:last-child { /*margin-right:15px;*/ /*margin-right:9%;*/ }

.ico-akce {
    display:inline-block;
    height:24px; line-height:24px;
    padding:0 10px; /*margin-right:10px*/; margin-right:6%; /*margin-bottom:4px;*/
    font-size:12px; color:#ffffff; font-weight:600; text-transform:uppercase;
    background:#0075BA;
    border-radius:4px;
}
.ico-akce:last-child { /*margin-right:15px;*/ /*margin-right:9%;*/ }

/*** OS
---------------------------------------------------------------------------------*/
.os-ico.windows { background-image:url(../css/imgs/os-ico-win-green.png); }
.os-ico.macos   { background-image:url(../css/imgs/os-ico-macos-green.png); }
.os-ico.linux   { background-image:url(../css/imgs/os-ico-linux-green.png); }
.os-ico.android { background-image:url(../css/imgs/os-ico-android-green.png); }
.os-ico.chrome { background-image:url(../css/imgs/chrome-OS-icon-green.png); }

.os-ico.windows-no { background-image:url(../css/imgs/os-ico-win-silver.png); }
.os-ico.macos-no   { background-image:url(../css/imgs/os-ico-macos-silver.png); }
.os-ico.linux-no   { background-image:url(../css/imgs/os-ico-linux-silver.png); }
.os-ico.android-no { background-image:url(../css/imgs/os-ico-android-silver.png); }
.os-ico.chrome-no { background-image:url(../css/imgs/chrome-OS-icon-grey.png); }

.os-ico {
    display:inline-block;
    /*margin-right:26px;*/ margin-right:6%;
    width:24px; height:24px;
    background-position:center center;
    background-repeat:no-repeat;
}
.os-ico:last-child { margin-right:0px; }

/*** e-shopy
---------------------------------------------------------------------------------*/

.ico-shop.heureka   { background-image:url(../css/imgs/loga-prodej/heureka-small.png); } /* logo-93x31.png*/
.ico-shop.zbozi-cz  { background-image:url(../css/imgs/loga-prodej/zbozi-cz-small.png); }
.ico-shop.google    { background-image:url(../css/imgs/loga-prodej/google-small.png); }

.ico-shop.atc       { background-image:url(../css/imgs/loga-prodej/ATComputers-small.png); }
.ico-shop.edf       { background-image:url(../css/imgs/loga-prodej/EDFollow-small.png); }
.ico-shop.sws       { background-image:url(../css/imgs/loga-prodej/SWS-small.png); }
.ico-shop.mega100   { background-image:url(../css/imgs/loga-prodej/100Mega-small.png); }

.ico-shop {
    display:inline-block;
    width:23%; min-width:110px; max-width:120px;
    margin-right:1.1%; margin-bottom:8px;/*1.1%*/
    height:50px; line-height:47px;  text-align:center;
    border:1px solid #D2DAE5;
    background-color:#FFFFFF;
    background-position:center center;
    background-repeat:no-repeat;
    border-radius:4px;

    -webkit-box-shadow:0 2px 6px 0 rgba(0,49,98,0.2);
    -moz-box-shadow:   0 2px 6px 0 rgba(0,49,98,0.2);
    box-shadow:        0 2px 6px 0 rgba(0,49,98,0.2);
}
.ico-shop:last-child { margin-right:0; }
.ico-shop > img {  display:inline; vertical-align:middle; /** mateřský box musí mít stejné height:NN; i line- height:NN; */ }

@media (max-width:1320px) {
    .ico-shop { width:31%; }
}
@media (max-width:1040px) {
    .ico-shop { width:47%; }
}
@media (max-width:680px) {
    .vlastnosti-box .e-shopy .wrap .line { text-align:center; }
    .ico-shop { width:80%; margin:0 auto; }
}
@media (max-width:600px) {
    .vlastnosti-box .e-shopy .wrap .line { text-align:left; }
    .ico-shop { width:23%; margin-left:0; margin-right:1.1%; }
}
@media (max-width:570px) {
    .ico-shop { width:31%; }
}
@media (max-width:460px) {
    .ico-shop { width:47%; }
}
@media (max-width:340px) {
    .vlastnosti-box .e-shopy .wrap .line { text-align:center; }
    .ico-shop { width:80%; margin:0 auto; }
}


/*******************************************************************************
*** taby
********************************************************************************/
#tabs-menu-wrap {align-items:flex-end;}
/*#tabs-menu-wrap.design-2 {background: beige;}*/
/*#tabs-menu-wrap.design-2 .btn-box {border:1px dashed red;}*/

#tabs-menu-wrap .menu-box {
    -ms-flex-preferred-size:calc(100% - 450px);
    flex-basis:calc(100% - 450px);
    -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1;
    margin-right:auto; /*background:limegreen;*/
}
#tabs-menu-wrap .btn-box  {
    -ms-flex-preferred-size:450px;
    flex-basis:450px;
    -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2;
    margin-left:auto; text-align:right; padding-top:15px; /*background:orangered;*/
}
#tabs-menu-wrap .btn-box .middle-2-btn { margin-bottom:15px; }

#tabs-menu {
    margin-top:26px;
    position:relative; top:1px;
    height:64px; line-height:64px;
}
#tabs-menu-wrap #tabs-menu  { margin-top:0; }

.btn-kompatibility.web { white-space:nowrap; }

a.btn-koupit {
    padding:0 20px 0 60px; margin-left:10px;
    background:#E79725;
    background-image:url(../css/imgs/ico-kosik.png);
    background-size:26px;
    background-position:20px center;
    background-repeat:no-repeat;
}
a.btn-koupit:visited,
a.btn-koupit:hover { color:#FFFFFF; text-decoration:none; }

a.btn-koupit.web {display:inline-block; /*float:right;*/ /*position:absolute; right:0; bottom:-115px;*/ }
a.btn-koupit.mobil {display:none;}

.advanced_content {}
.advanced_content .btn-line {  }
.advanced_content .btn-line__left { float:left; width:50%; text-align:left; }
.advanced_content .btn-line__right { float:right; width:50%; text-align:right; }

.advanced_content .btn-line a.btn-koupit {display:inline-block; }
.advanced_content .btn-line .middle-2-btn { margin-bottom:15px; }

@media only screen and (max-width:500px) {
    .advanced_content .btn-line__left { float:none; width:auto; text-align:left; }
    .advanced_content .btn-line__right { float:none; width:auto; text-align:left; }
}


#tabs-menu #selected-tab {
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
    display:none;
    margin:0; padding:0 30px;
    height:64px; line-height:64px;
    /*color:#29A4A9;*/
    color:#1E222F; font-size:18px;  font-weight:600;
    background:#F5F9FC;
    cursor:pointer;
}

#tabs-menu ul {
    margin-bottom:unset;
}
#tabs-menu ul li {
    float:left;
    display:inline-block;
    margin:0; padding:0 30px;
    height:62px; line-height:54px;  color:#29A4A9; font-size:18px;  font-weight:600;
    background:none;
    cursor:pointer;
}
#tabs-menu ul li > img {  display:inline; vertical-align:middle; /** mateřský box musí mít stejné height:NN; i line- height:NN; */ }

#tabs-menu  ul li:hover,
#tabs-menu  ul li.selected {
    background:#F5F9FC;  color:#1E222F;
}

#tabs-menu.prodej-detail ul li,
#tabs-menu.prodej-detail #selected-tab { padding:0 14px; }


#tabs-content {
    background:#f7fafc;
    background:-moz-linear-gradient(top, #f7fafc 0%, #ffffff 100%);
    background:-webkit-gradient(left top, left bottom, color-stop(0%, #f7fafc), color-stop(100%, #ffffff));
    background:-webkit-linear-gradient(top, #f7fafc 0%, #ffffff 100%);
    background:-o-linear-gradient(top, #f7fafc 0%, #ffffff 100%);
    background:-ms-linear-gradient(top, #f7fafc 0%, #ffffff 100%);
    background:linear-gradient(to bottom, #f7fafc 0%, #ffffff 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fafc', endColorstr='#ffffff', GradientType=0 );
}
#tabs-content #tab-result {  position:relative;
    padding:18px 0 18px 0;
}
/*** pro verzi bez ajaxu
---------------------------------------------------------------*/
#tabs-content #tab-result .tab.on  {
    /*display:block;*/ height:auto;
}
#tabs-content #tab-result .tab.off  {
    /*display:none;*/ height:0; overflow:hidden;
}
#tabs-content.produkt #tab-result .baleni-box.on { display:block;  }
#tabs-content.produkt #tab-result .baleni-box.off { display:none; overflow:hidden; }

@media (max-width:1340px) {
    #tabs-menu ul li { padding:0 20px; font-size:16px; }
}

@media (max-width:1120px) {
    #tabs-menu ul li { padding:0 10px; }
}

@media (max-width:990px) {

    #tabs-menu-wrap {
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
    }

    #tabs-menu-wrap .menu-box {
        -ms-flex-preferred-size:100%; flex-basis:100%;
        -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2;
    }
    #tabs-menu-wrap .btn-box  {
        -ms-flex-preferred-size:100%; flex-basis:100%;  /*??? margin-left:0; margin-right:auto;*/
        -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1;
    }

    #tabs-menu { height:64px; line-height:64px; }

    #tabs-menu #selected-tab {
        display:inline-block;  min-width:200px;
        padding-right:40px;
        background-image:url(../css/imgs/lang-menu-down.png);
        background-position:90% center;
        background-repeat:no-repeat;
    }
    #tabs-menu.kontakt #selected-tab { min-width:200px; }

    #tabs-menu ul {
        width:200px;
        position:absolute; left:0; top:64px; z-index:2000; background:#ffffff;
        -webkit-box-shadow:0 10px 8px 0 rgba(0,49,98,0.2);
        -moz-box-shadow:   0 10px 8px 0 rgba(0,49,98,0.2);
        box-shadow:        0 10px 8px 0 rgba(0,49,98,0.2);
    }
    #tabs-menu.kontakt ul { width:220px; }

    #tabs-menu ul li {
        display:block; float:none; padding:0 10px;  font-size:18px;
        height:0; max-width:200px; overflow:hidden;
    }
    #tabs-menu #drop-box.on > ul li {
        height:64px; line-height:64px; padding:0 10px;
        border-bottom:1px dashed #E0E7EC;
        -webkit-transition:height .2s linear;
        -moz-transition:height .2s linear;
        -ms-transition:height .2s linear;
        -o-transition:height .2s linear;
        transition:height .2s linear;

    }
    #tabs-menu #drop-box.off > ul li { height:0; border-bottom:none; }
}

@media (max-width:870px) {
    #tabs-menu.kontakt ul li { padding:0 15px; }
}
@media (max-width:700px) {
    #tabs-menu.kontakt ul li { padding:0 8px; }
}
@media (max-width:450px) {
    a.btn-koupit.web { display:none; }
    a.btn-koupit.mobil { display:inline-block;  /*margin-right:10px; position:relative; top:10px;*/ margin:10px 10px 0 0;}
}



/*** MY LIGHT BOX
------------------------------------------------------------------------------*/
#my-light-box {
    position:fixed; top:0%; left:0%;
    width:100%; height:100%;
    text-align:center;
    background-color:rgba(27,43,58,0.8);
    -webkit-transition:all 0.4s ease-in;
    -moz-transition:all 0.4s ease-in;
    -ms-transition:all 0.4s ease-in;
    -o-transition:all 0.4s ease-in;
    transition:all 0.4s ease-in;
}
#my-light-box.fadeout {
    opacity:0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter:alpha(opacity=0); /* For IE8 and earlier */
    z-index:-10;
}

#my-light-box.fadein {
    opacity:0.8;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter:alpha(opacity=80); /* For IE8 and earlier */
    z-index:9000;
}

/*** ===========================================================================
.light-poppup pro single-produkt.php -  zvětšení obrázků
===============================================================================*/
.light-poppup {
    position:fixed; top:0px; left:0;
    width:100%; height:0;
    background:transparent; z-index:100000;
}
.light-poppup #popup-box {
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
    position:relative;
    margin:0 auto 0 auto;
    width:0px; padding:0; height:0px;
    background:#FFFFFF;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;
    overflow:hidden;
}
.light-poppup #popup-box.fadein {
    width:95%; height:100%; margin:4% auto 0 auto;  padding:1px;
    /*opacity:0.6;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter:alpha(opacity=60);
    background:#29A2A7;*/
    background:rgba(41, 162, 167, 1);  /*0.75*/
}
.light-poppup #popup-box.fadeout {
    width:0; height:0;  margin:0 auto 0 auto; padding:0;
    /*opacity:0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter:alpha(opacity=0);*/
    background:transparent;
}
#response-box {
    /**** v navigation.js měním výšku !
    ---------------------------------------*/
}
@media (max-width:900px) {
    .light-poppup #popup-box { overflow-y:scroll; }
}


.light-poppup .close-btn {
    position:absolute; top:10px; right:10px; z-index:99999;
    width:19px; height:20px;
    background:url(./imgs/close-kolo.png) center center no-repeat;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:40px;
    background-color:#13A6BA; border-radius:50%;
    width:40px; height:40px;
    cursor:pointer;
}

.light-poppup #popup-box #img-box {
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
    position:relative;
    height:100%; margin:0;
    text-align:center;
    background:#FFFFFF;
}

.light-poppup #popup-box #navig-line {
    position:absolute; top:43.9%; left:0;
    width:100%;
    background:lightcoral;
    clear:both;
}
.light-poppup #popup-box .btn {
    display:inline-block;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:46px;
    background-color:#13A6BA; border-radius:50%;
    width:46px; height:46px;
    cursor:pointer;
}
.light-poppup #popup-box .btn.prev {
    position:absolute; left:10px; top:0;
    background-image:url(./imgs/sipka-kolo-leva.png);
}
.light-poppup #popup-box .btn.next {
    position:absolute; right:10px; top:0;
    background-image:url(./imgs/sipka-kolo-prava.png);
}

/*** ===========================================================================
.light-poppup pro kompatibilitu
===============================================================================*/
.light-poppup #popup-kompatibl-box {
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
    position:fixed; top:0; left:0;
    margin:0 auto 0 auto;
    width:0px; padding:0; height:0px;
    background:#FFFFFF;
    overflow:hidden;
}
.light-poppup #popup-kompatibl-box.fadein {
    width:100%; height:100%;
    margin:0 auto;  padding:1px;
    background:rgba(41, 162, 167, 0);  /*0.75*/
}
.light-poppup #popup-kompatibl-box.fadeout {
    width:0; height:0;  margin:0 auto 0 auto; padding:0;
    background:transparent;
}

.popp-left {                                                            /*position:absolute; top:0; right:30%; width:70%;*/
    flex-basis:100%; /*flex-basis:calc(100% - 40px);*/
    height:100%;
    background:transparent;
}
.popp-right {                                                           /*position:absolute; top:0; left:70%; width:30%;*/
    flex-basis:0; /*flex-basis:40px;*/
    height:100%;

    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;
}
.popp-right.fadein { background:rgba(74, 175, 183, 1);  }
.popp-right.fadeout { background:rgba(74, 175, 183, 0); }


/*** ===========================================================================
.light-poppup pro SROVNÁVAČ
===============================================================================*/
#btn-screenshot {
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    display: inline-block;
    padding:0 20px;
    height: 50px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    color: #ffffff; text-align: center; font-weight: 600;
    border:none; border-radius: 3px;
    -webkit-box-shadow: 3px 0px 6px rgba(122,124,132,0.3);
    -moz-box-shadow:    3px 0px 6px rgba(122,124,132,0.3);
    box-shadow:         3px 0px 6px rgba(122,124,132,0.3);
    background-color: #29a3a9;
    cursor:pointer;
}

#srovnavac-produktu-btn-line { position:-webkit-sticky; position:sticky; top:0; padding:10px; text-align:right; background:#FFFFFF; z-index:1000; }
#srovnavac-produktu-btn-line.is-sticky {
    -webkit-box-shadow:-1px 3px 12px -2px rgba(115,115,115,0.75);
    -moz-box-shadow:-1px 3px 12px -2px rgba(115,115,115,0.75);
    box-shadow:-1px 3px 12px -2px rgba(115,115,115,0.75);
}
#srovnavac-produktu-btn-line .middle-btn {
    padding-right: 40px;
    background-image:url(./imgs/vahy-big-white.png);
    background-size: 16px;
    background-position:94% center;
    background-repeat:no-repeat;
}
#srovnavac-produktu-btn-line .middle-btn:disabled {
    padding-right: 40px;
    color:#FFFFFF;
    background-color: #C0C0C0;
    background-image:url(./imgs/vahy-big-white.png);
    background-size: 16px;
    background-position:94% center; /*5% 5px;*/
    background-repeat:no-repeat;
}

#srovnavac-produktu-btn-line.css--konf4 .middle-btn,
#srovnavac-produktu-btn-line.css--konf4 .middle-btn:disabled {
    padding-left: 40px; padding-right: 20px;
    background-position:20px center; /*5% 5px;*/
}

#srovnavac-produktu-box { /*display:none;*/ }
.srovnavac { text-align:right; }
.srovnavac__head {
    position:fixed; top:5%; bottom:0; left:0; right:0;
    margin:0 auto; padding:0;
    width:100%; max-width:1260px; height:60px; line-height:60px; text-align:center;
    background:#29A4A9;
    z-index:100000;
    -webkit-box-shadow:-1px 3px 12px -2px rgba(115,115,115,0.75);
    -moz-box-shadow:-1px 3px 12px -2px rgba(115,115,115,0.75);
    box-shadow:-1px 3px 12px -2px rgba(115,115,115,0.75);
}
.srovnavac__head.fadein  { display:block; }
.srovnavac__head.fadeout { display:none;}
.srovnavac__head h3  {display:inline-block; margin:0; padding:0 20px; color:#FFFFFF; }

.srovnavac__popup {
    /*** v ./js/srovnavac.js má nastaveno $("#srovnavac-popup").slideDown() .slideUp()
    -------------------------------------------------------------------------------------*/
    display:none;
    position:fixed; top:calc(5% + 60px); bottom:0; left:0; right:0; z-index:10000;
    margin:0 auto; padding:0;
    width:100%; max-width:1260px; height:80%;
    overflow:hidden; overflow-y:scroll; scrollbar-color:#AEB1C1 #F0F4F7; scrollbar-width:thin;
    background:#FFFFFF;
}

.srovnavac__obsah { display:block; width:100%; margin:0 auto; padding:15px 0 0 0; padding-top:0;/*???*/ background:#FFFFFF; /*background:#BBE3E3;*/ }

.srovnavac__obsah #ajaxIndicator   { margin:0 auto; padding:0; border:none; }
.srovnavac__obsah #ajaxIndicator.show   { display:inline-block; }
.srovnavac__obsah #ajaxIndicator.hide   { display:none; }
.srovnavac__obsah #srovnavac-vypis { padding:15px 10px 20px 10px; padding-top:0;/*???*/ }

/*--- srovnavac-table --------------------------------------------------------*/
.srovnavac-table-head {
    position:-webkit-sticky; position:sticky; top:0;    overflow: hidden; z-index: 190000;
    padding-top:10px; background:#FFFFFF;
    /*-webkit-box-shadow:-1px 3px 12px -2px rgba(115,115,115,0.75);
    -moz-box-shadow:-1px 3px 12px -2px rgba(115,115,115,0.75);
    box-shadow:-1px 3px 12px -2px rgba(115,115,115,0.75);*/
    -moz-box-shadow: 0 3px 3px rgba(115,115,115, 0.4);
    -webkit-box-shadow: 0 3px 3px rgba(115,115,115, 0.4);
    box-shadow: 0 3px 3px rgba(115,115,115, 0.4);

}
.srovnavac-table-body {margin-bottom:20px; }

.srovnavac__divider {
    padding:24px 10px 6px 11px; font-weight:600;
    font-size:18px; text-transform: uppercase; text-align:left; color:#1F787C; background: #FFFFFF;
}

/*--- srovnavac-grid -------*/
.srovnavac__grid {
    display:-ms-grid; display:grid; /*grid-column-gap:1.2%; grid-row-gap:13px;*/ /*grid-gap:10px;*/
    margin:-1px 0 0 0;
    color:#000000;
    background-color:#fff;
    border-top: 1px solid #CAD2E8; border-left: 1px solid #CAD2E8;
}

.srovnavac__grid--head {
    margin:0;
}
.srovnavac__grid--head .box--th { padding:10px; font-weight:600; background:#FFFFFF; z-index:10000; overflow:hidden; }
.srovnavac__grid--head .box--th  {  }
.srovnavac__grid--head .box--th a { display:block; color:#1D7478; text-decoration:underline; }
.srovnavac__grid--head .box--th a:hover { color:#1D7478; text-decoration:none; }
.srovnavac__grid--head .box--th a > span { display:block; }

.srovnavac__grid--head .box--btn {display:table; width:100%; height:100%; }
.srovnavac__grid--head .box--btn > div {display:table-cell; text-align:center !important; vertical-align: middle; }

.srovnavac__grid .box {
    position:relative;
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
    padding:4px 10px; text-align:center;
    border-bottom: 1px solid #CAD2E8; border-right: 1px solid #CAD2E8;
}
.srovnavac__grid .box,
.srovnavac__grid .box * { font-size:14px; }
.box--test,
.box--test * { font-style: italic; color:blue; background:#FFFFDF;}

.srovnavac__grid .box .help {
    position:absolute; top:1px; right:1px; margin:0; padding:0; width:16px; height:16px; line-height:12px; text-align:center;
    /*background-color:#D9F0F0;*/ /*border:1px solid #CAD2E8;*/ /*border-radius:50%;*/
    background: transparent;
    background-image:url(./imgs/otaznik-tooltip-2.png);
    background-position:top center;
    background-repeat:no-repeat;
    background-size: 14px;
    z-index:18000; cursor: pointer;
}

.srovnavac__grid .box--novalue { background:#EAEAEA; color:#787878; }
.srovnavac__grid .box__yes { position:relative; top:2px; color:#00974B; font-size:16px; font-weight:600; }
.srovnavac__grid .box__no  { position:relative; top:4px; color:#DD0000; font-size:22px; }

.srovnavac__grid .box .tooltip { display:none; position:absolute; padding:10px; background-color:rgba(255, 255, 221, 1.0); border:1px solid #CAD2E8; }
.srovnavac__grid .box .tooltip span { font-size:14px; display:inline-block; background-color:rgba(255, 255, 221, 1.0);}
.srovnavac__grid .box .tooltip span > p { margin-bottom:5px; }
.srovnavac__grid .box .tooltip span.ico-monitor {
    width:20px; height:16px; padding:0; margin:0; display:inline-block; position:relative; top:4px;
    background: transparent;
    background-image:url(./imgs/monitor-26.png);
    background-position:center -5px;
    background-repeat:no-repeat;
}
.srovnavac__grid .box .tooltip .box__yes { top:1px; font-size:16px;  }
.srovnavac__grid .box .tooltip .box__no  { top:3px; font-size:24px;  }

.srovnavac__grid .box .help:hover + .tooltip { display:block; right:14px; top:18px; min-width:250px; text-align:left; z-index:19000;  }
.srovnavac__grid .box .help--th:hover + .tooltip { display:block; left:292px; top:10px; min-width:300px; }

.srovnavac__grid--3cells { -ms-grid-columns:minmax(300px, 300px) 1fr 1fr;             grid-template-columns:minmax(300px, 300px) 1fr 1fr; }
.srovnavac__grid--4cells { -ms-grid-columns:minmax(300px, 300px) 1fr 1fr 1fr;         grid-template-columns:minmax(300px, 300px) 1fr 1fr 1fr; }
.srovnavac__grid--5cells { -ms-grid-columns:minmax(300px, 300px) 1fr 1fr 1fr 1fr;     grid-template-columns:minmax(300px, 300px) 1fr 1fr 1fr 1fr; }
.srovnavac__grid--6cells { -ms-grid-columns:minmax(300px, 300px) 1fr 1fr 1fr 1fr 1fr; grid-template-columns:minmax(300px, 300px) 1fr 1fr 1fr 1fr 1fr; }

.srovnavac__grid--3cells .box:nth-child(3n+1) { background:#D9F0F0; text-align:left; font-weight:600; white-space: nowrap; }
.srovnavac__grid--4cells .box:nth-child(4n+1) { background:#D9F0F0; text-align:left; font-weight:600; white-space: nowrap; }
.srovnavac__grid--5cells .box:nth-child(5n+1) { background:#D9F0F0; text-align:left; font-weight:600; white-space: nowrap; }
.srovnavac__grid--6cells .box:nth-child(6n+1) { background:#D9F0F0; text-align:left; font-weight:600; white-space: nowrap; }

@media only screen and (max-width:1340px) {
    .srovnavac__head,
    .srovnavac__popup { width:92%; }
}
@media only screen and (max-width: 1024px) {
    .srovnavac__grid--6cells .box:nth-child(6n+1) { grid-column:auto / span 5; text-align:center; }
    .srovnavac__grid--6cells                      { -ms-grid-columns:1fr 1fr 1fr 1fr 1fr; grid-template-columns:1fr 1fr 1fr 1fr 1fr; }
    .srovnavac__grid--6cells .box .help--th:hover + .tooltip { display:block; left:unset; right:14px; top:18px; max-width:90%; }
}

@media only screen and (max-width: 980px) {
    .srovnavac__grid--5cells .box:nth-child(5n+1) { grid-column:auto / span 4; text-align:center; }
    .srovnavac__grid--5cells                      { -ms-grid-columns:1fr 1fr 1fr 1fr; grid-template-columns:1fr 1fr 1fr 1fr; }
    .srovnavac__grid--5cells .box .help--th:hover + .tooltip { display:block; left:unset; right:14px; top:18px; max-width:90%; }
}

@media only screen and (max-width: 780px) {
    .srovnavac__grid--4cells .box:nth-child(4n+1) { grid-column:auto / span 3; text-align:center; }
    .srovnavac__grid--4cells                      { -ms-grid-columns:1fr 1fr 1fr; grid-template-columns:1fr 1fr 1fr; }
    .srovnavac__grid--4cells .box .help--th:hover + .tooltip { display:block; left:unset; right:14px; top:18px; max-width:90%; }
}

@media only screen and (max-width: 580px) {
    .srovnavac__grid--3cells .box:nth-child(3n+1) { grid-column:auto / span 2; text-align:center; }
    .srovnavac__grid--3cells                      { -ms-grid-columns:1fr 1fr; grid-template-columns:1fr 1fr; }
    .srovnavac__grid--3cells .box .help--th:hover + .tooltip { display:block; left:unset; right:14px; top:18px; min-width:200px; max-width:95%; }

    /*.srovnavac__grid--3cells .box--divider         { grid-column:auto / span 2; text-align:center; background: red; }*/
}

/*** ===========================================================================
pro statické stránky page-business.php a page-apple.php
===============================================================================*/
.bs-gallery {
    margin:0 auto;
    display:-webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display:-moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display:-ms-flexbox;      /* TWEENER - IE 10 */
    display:-webkit-flex;     /* NEW - Chrome */
    display:flex;
    -ms-flex-wrap:wrap; flex-wrap:wrap;
    /*-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;*/
    -ms-flex-pack:distribute; justify-content:space-around;
}
.bs-gallery__item {
    display:-webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display:-moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display:-ms-flexbox;      /* TWEENER - IE 10 */
    display:-webkit-flex;     /* NEW - Chrome */
    display:flex;
    -webkit-box-align:center; -ms-flex-align:center; align-items:center;
    -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;

    padding:5px;

    text-align:center;

    -ms-flex-preferred-size:auto; flex-basis:auto; flex-basis:auto;
    -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1;
}
.bs-gallery__item .item-wrap {}
.bs-gallery__item .img-box {}
.bs-gallery__item .title { font-size:16px; text-align:center; font-weight:600; }
.bs-gallery--title-top .title { margin-bottom:20px;  }

.bs-gallery p { margin:0; padding:0; }

/*** .bs-gallery--3-items
-------------------------------------------------------------------------------*/
.bs-gallery--3-items {-ms-flex-wrap:nowrap; flex-wrap:nowrap; }
.bs-gallery--3-items .bs-gallery__item  { padding:10px; }

@media only screen and (max-width: 860px) {
    .bs-gallery--3-items {
        -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;
        -ms-flex-wrap:wrap; flex-wrap:wrap;
    }
    .bs-gallery--3-items .bs-gallery__item {-ms-flex-preferred-size:100%; flex-basis:100%; flex-basis:100%; }
}


/*** ===========================================================================
Tooltip Styles
===============================================================================*/

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
    position:relative;
    z-index:2;
    cursor:pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
    visibility:hidden;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity:0;
    pointer-events:none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
    position:absolute;
    bottom:100%;
    left:50%;
    margin-bottom:5px;
    margin-left:-80px;
    padding:7px;
    width:160px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    background-color:#000;
    background-color:hsla(0, 0%, 20%, 0.9);
    color:#fff;
    content:attr(data-tooltip);
    text-align:center;
    font-size:14px;
    line-height:1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
    position:absolute;
    bottom:100%;
    left:50%;
    margin-left:-5px;
    width:0;
    border-top:5px solid #000;
    border-top:5px solid hsla(0, 0%, 20%, 0.9);
    border-right:5px solid transparent;
    border-left:5px solid transparent;
    content:" ";
    font-size:0;
    line-height:0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    visibility:visible;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity:1;
}


/*** select pro cform7
===============================================================================*/
.wpcf7__common-form { padding:0 40px; }
.wpcf7__common-form .uvodni-text { max-width: 1000px; margin:0 auto; }

.wpcf7__common-form table.kontakt-form { margin:30px auto 40px auto; }
.wpcf7__common-form table.kontakt-form td { vertical-align: middle; }
.wpcf7__common-form table.kontakt-form tr td:last-child { padding-left:20px; }

@media only screen and (max-width: 700px) {
    .wpcf7__common-form { padding:0 20px; }
}

/*** select pro cform7
===============================================================================*/
.wpcf7__common-form .td-select .wpcf7-form-control-wrap {
    display:block; position: relative; margin-bottom: 10px;
}

/*** pozadí a border šipky dolů
---------------------------------*/
.wpcf7__common-form .td-select .wpcf7-form-control-wrap:before {
    content: "";
    position: absolute; right: 1px; top: 1px;
    width:22px; height:48px; line-height:48px;
    background: -webkit-linear-gradient(#ffffff, #E5E5E5 90%, #E5E5E5);
    background: linear-gradient(#ffffff, #F4F4F4 95%, #E5E5E5);
    pointer-events: none;
}
.wpcf7__common-form .td-select .wpcf7-form-control-wrap.readonly:before { border-left: 1px solid #D2DAE5; }

/*** šipka dolů
---------------------------------*/
.wpcf7__common-form .td-select .wpcf7-form-control-wrap:after {
    position: absolute; right: 6px; top: 22px; content: "";
    width: 0; height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #29A3A9;
    pointer-events: none;
}
.wpcf7__common-form .td-select .wpcf7-form-control-wrap.readonly:after { border-top: 8px solid #D2DAE5; }

.wpcf7__common-form .td-select .wpcf7-form-control-wrap > select {
    -webkit-appearance: button;
    -moz-appearance: button;
    -ms-appearance: button;
    appearance: button;

    /** POZOR!! pokud není color: jiný než #ffffff, white, #000000, black*/
    color:#1E222F;
    /** BUDE POZADÍ ČERNÉ !!!!  */

    text-overflow: ellipsis;   white-space: nowrap;
    font-size: inherit;
    line-height: inherit;
    width: 100%; height:50px; line-height:50px; padding:0 30px 0 4px;
    background: -webkit-linear-gradient(#ffffff, #E5E5E5 90%, #E5E5E5);
    background: linear-gradient(#ffffff, #F4F4F4 95%, #E5E5E5);
    /*background: #ffffff;*/
    border: 1px solid #d2dae5;
    border-radius: 3px;
}

.wpcf7__common-form .td-select .wpcf7-form-control-wrap > select[readonly='readonly'],
.wpcf7__common-form .td-select .wpcf7-form-control-wrap > select[disabled='disabled'] {
    border: 1px solid #D2DAE5; color:#5F5F5F;
    cursor:initial;
}

/*** select pro cform7
===============================================================================*/
.wpcf7__common-form .td-checkbox .wpcf7-list-item { margin:0 0 10px 0; }
.wpcf7__common-form .td-checkbox .wpcf7-list-item label { cursor: pointer; }

@media only screen and (max-width: 760px) {
    .wpcf7__common-form input[type="search"],
    .wpcf7__common-form input[type="text"],
    .wpcf7__common-form input[type="password"],
    .wpcf7__common-form input[type="email"],
    .wpcf7__common-form input[type="confirm_email"],
    .wpcf7__common-form input[type="url"],
    .wpcf7__common-form input[type="tel"] { height:36px; line-height:36px; margin-bottom:14px; }

    .wpcf7__common-form table.kontakt-form tr { display:block; margin:0; padding:0; width:auto; }
    .wpcf7__common-form table.kontakt-form td { display:block; margin:0; padding:0 !important; width:auto; }

    .wpcf7__common-form .td-select .wpcf7-form-control-wrap { margin-bottom:15px; }

/*** pozadí a border šipky dolů
---------------------------------*/
    .wpcf7__common-form .td-select .wpcf7-form-control-wrap:before { height:34px; line-height:34px; }

    /*** šipka dolů
    ---------------------------------*/
    .wpcf7__common-form .td-select .wpcf7-form-control-wrap:after { top: 15px; }

    .wpcf7__common-form .td-select .wpcf7-form-control-wrap > select { height:36px; line-height:36px; }

    .wpcf7__common-form .td-checkbox .wpcf7-list-item { margin:0 0 15px 0; }
}

/*.td-checkbox .wpcf7-list-item {
    display:inline-block;
    width:100%;
    vertical-align:middle;
    white-space:nowrap !important;
}
.td-checkbox .wpcf7-list-item input[type="checkbox"] {
    display:none;
}

.td-checkbox .wpcf7-list-item label {
    display:inline-block;    position: absolute; left:60px;
    width:24px; height:24px;
    vertical-align:middle; text-align:center;
    white-space:nowrap !important;
    background:#FFFFFF;
    border:1px solid #29A4A9;
    border-radius: 4px;
    -webkit-box-shadow: 3px 0px 6px rgba(122,124,132,0.3);
    -moz-box-shadow:    3px 0px 6px rgba(122,124,132,0.3);
    box-shadow:         3px 0px 6px rgba(122,124,132,0.3);

}
.td-checkbox .wpcf7-list-item label:hover { background-color:#29A4A9; cursor: pointer; }

.td-checkbox .wpcf7-list-item input[type="checkbox"]:checked  label:parent {
    background-color:#29A4A9;
}
.td-checkbox .wpcf7-list-item input[type="checkbox"]:checked + label:parent:before {
    content:"\2713";
}*/

/*** PNS TABLE
--------------------------------------------------------------------------------
**** Ve stránkách se používá tabulka class="pns-table"
**** tato tabulka se v administraci v editoru upravuje přidáním css tříd přes menu editoru:
**** [Tabulky] -> Vlastnosti tabulky / Vlastnosti buňky => roleta [ Class ]
**** Ve footer.php je jQuery script, který upravuje pozadí buněk které obsahují:
**** <span class="box__no">×</span> (vkládá se přes Visual Editor Custom Buttons)
---------------------------------------------------------------------------------------------*/
.pns-table { width:100%; border-collapse: collapse; }
.pns-table td { padding:4px 10px; text-align:center; border:1px solid #CAD2E8; vertical-align: middle;  }

.pns-table tr:first-child td {  height: 50px; color:#FFFFFF; font-weight: 600; text-align: center; background: #29A4A9; }
.pns-table tr td:first-child { width:20%; white-space: nowrap !important;  text-align:left; font-weight: 600; background: #D9F0F0; }
.pns-table tr:first-child td:first-child { background: #FFFFFF; }

.pns-table td.pns__td-seda { background: #EAEAEA; }

.pns-table .box__yes { display:inline-block; position: relative; top: 1px; color: #00974B; font-size: 16px; font-weight: 600; line-height: 15px; }
.pns-table .box__no { display:inline-block; position: relative; top: 4px; color: #DD0000; font-size: 24px; line-height: 14px; }