.roh {
    width: 400px;
    height: 200px;
    border-style: solid;
    border-width: 200px 300px 0 0;
    border-color: #007bff transparent transparent transparent;
}

/*** linky na stránky
-------------------------------------------------------------------------------*/
.hp-pages {
    margin:14px auto 0 auto;
}
.hp-pages__links { margin-bottom:12px; }
.hp-pages__links:lasst-child { margin-bottom:0; }

.hp-pages__link { display:block; float:left; position:relative; }

.hp-pages__link img { display: block; }
.hp-pages__links .ilu-desktop-ds { display: block; }
.hp-pages__links .ilu-tablet-ds  { display: none; }
.hp-pages__links .ilu-mobil-ds  { display: none; }

.hp-pages__links .ilu-desktop { display: block; }
.hp-pages__links .ilu-tablet  { display: none; }
.hp-pages__links .ilu-mobil  { display: none; }

.hp-pages__link:visited, .hp-pages__link:hover { text-decoration: none; }
.hp-pages__link:last-child { margin-right:0; }
.hp-pages__link_1 { width:100%; }
.hp-pages__link_2 { width:49.53%; margin-right: 0.94%; }
.hp-pages__link_3 { width:32.71%; margin-right:0.935%; }


.hp-pages__title-wrap {
    position:absolute; top:0; left:0; right:0; bottom:0; z-index: 1000;
    -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;
    /*-webkit-box-align: center; -ms-flex-align: center; align-items: center; /* vertikální */
    -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;   /*bottom*/
    -ms-flex-wrap:wrap; flex-wrap:wrap;
}
.hp-pages__link-title {
    -ms-flex-preferred-size:auto; flex-basis:auto; flex-basis:auto;
    -webkit-box-flex:0; -ms-flex-positive:0; flex-grow:0;
    display:block; /*height:53px; line-height:53px;*/ padding:12px 15px;
    font-size:26px; line-height:26px;
    color:#FFFFFF; text-transform: uppercase;
    background-color: #4AAFB7;
}

.hp-pages__link:hover .hp-pages__title-wrap { background-color: rgba( 64, 150, 157, 0.4); }
.hp-pages__link:hover .hp-pages__link-title { background-color: #40969D;}

.hp-pages__link-title.ds-desktop { display:block; }
.hp-pages__link-title.ds-mobil { display:none; }

/* ????
---------------------------------------------------------------------------------------------
@media only screen and (max-width: 1280px) {
.hp-pages__link_3 { width:49.53%; margin-right: 0.94%; }
.hp-pages__link_3:nth-child(2) { margin-right:0; }
.hp-pages__link_3:nth-child(3) { float: none; width:49.53%; margin:12px auto; }
}
-------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 1280px) {
    .hp-pages__link-title { /*height:50px; line-height:50px;*/ font-size:24px; line-height:24px;  }
}
@media only screen and (max-width: 1024px) {
    .hp-pages__link-title { /*height:45px; line-height:45px;*/ font-size:22px;  line-height:20px;}
}

@media only screen and (max-width: 960px) {
    .hp-pages__link-title { /*height:40px; line-height:40px;*/ font-size:19px; }
}

@media only screen and (max-width: 785px) {
    .hp-pages__links { margin-bottom:0; }
    .hp-pages__links:first-child { margin-bottom:0; }

    .hp-pages__links .ilu-desktop { display: none; }
    .hp-pages__links .ilu-mobil  { display: block; }

    .hp-pages__links .ilu-desktop-ds { display: none; }
    .hp-pages__links .ilu-tablet-ds  { display: block; }
    .hp-pages__links .ilu-mobil-ds  { display: none; }


    .hp-pages__link { float:none; width:100%; margin-right:0; margin-bottom:0; }
    .hp-pages__title-wrap { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; /* vertikální */ }



}
@media only screen and (max-width: 560px) {
    .hp-pages__links .ilu-tablet  { display: none; }
    .hp-pages__links .ilu-mobil  { display: block; }

    .hp-pages__links .ilu-desktop-ds { display: none; }
    .hp-pages__links .ilu-tablet-ds  { display: none; }
    .hp-pages__links .ilu-mobil-ds  { display: block; }

    .hp-pages__link-title.ds-desktop { display:none; }
    .hp-pages__link-title.ds-mobil { display:block; }

}

/*** linky na aplikace
-------------------------------------------------------------------------------*/
.hp-apps {
    margin:18px auto 45px auto;
}
.hp-apps__link,
.hp-apps__link:visited,
.hp-apps__link:hover { text-decoration:none; }

.hp-apps__link {                                                                /*border:1px dashed red;  */
    display:block; float:left; position:relative;
    width:25%;
    background-color:#F8FCFD !important; /*background-color:#F0F9FF !important;*/
    border-right: 4px solid #ffffff;
}
.hp-apps__link:last-child { border-right: none; }

.hp-apps__link img { display: block; }

.hp-apps__link { background-repeat: no-repeat !important; }
.hp-apps__link:hover { background-color:#F0F9FF !important; /*background-color:#D7EFFF !important;*/ }

.hp-apps__title-wrap {
    position:absolute; top:0; left:0; right:0; bottom:0; z-index: 1000;
    -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* vertikální */
    -ms-flex-wrap:wrap; flex-wrap:wrap;
}

.hp-apps__link-title {
    -ms-flex-preferred-size:auto; flex-basis:auto; flex-basis:auto;
    -webkit-box-flex:0; -ms-flex-positive:1; flex-grow:1;
    display:block; padding: 0 20px 0 100px;
    /*font-size: calc(22px + 1 * ((100vw - 400px) / 1600)); */
    font-size: 23px; line-height:23px;
    font-weight: 400;
    color:#24A3A7; /*text-transform: uppercase;*/
    background: transparent;
}

.hp-apps__link.konfigurator {
    background-image: url(../css/imgs/rozdelovnik-hp/Configurator-3.png);       /* configurator.png */
    background-size:64px; /*background-size:16.0%;*/
    background-position:45px center;
}
.hp-apps__link.konfigurator .hp-apps__link-title { padding-left:117px; }

.hp-apps__link.kompatibilita {
    background-image: url(../css/imgs/rozdelovnik-hp/Compatibility-3.png);      /*ruka-komp.png*/
    background-size:56px; /*background-size:14.0%;*/
    background-position:45px center;
}
.hp-apps__link.kompatibilita .hp-apps__link-title { padding-left:115px; }

.hp-apps__link.univerzita {
    background-image: url(../css/imgs/rozdelovnik-hp/Technical-support-3.png);  /*univerzita.png*/
    background-size:56px; /*background-size:14.0%;  */
    background-position:25px center;
}
.hp-apps__link.univerzita .hp-apps__link-title { padding-left:90px;}

.hp-apps__link.slevomat {
    background-image: url(../css/imgs/rozdelovnik-hp/Special-price-3.png);      /*specialprice.png*/
    background-size:77px;  /*background-size:19.50%; */
    background-position:45px center;
}
.hp-apps__link.slevomat .hp-apps__link-title { padding-left:136px; }

@media only screen and (max-width: 1280px) {
    .hp-apps__link-title { /*font-size: calc(20px + 1 * ((100vw - 400px) / 1600));*/ font-size: 21px; line-height:21px; }

    .hp-apps__link.konfigurator  {  background-size:60px; background-position:35px center; }
    .hp-apps__link.konfigurator .hp-apps__link-title { padding-left:100px; }

    .hp-apps__link.kompatibilita { background-size:50px; background-position:35px center; }
    .hp-apps__link.kompatibilita .hp-apps__link-title { padding-left:100px; }

    .hp-apps__link.univerzita    { background-size:50px; background-position:20px center; }
    .hp-apps__link.univerzita .hp-apps__link-title { padding-left:85px;}

    .hp-apps__link.slevomat      { background-size:70px; background-position:35px center;  }
    .hp-apps__link.slevomat .hp-apps__link-title { padding-left:115px; }

}
@media only screen and (max-width: 1024px) {
    .hp-apps__link-title { /*font-size: calc(20px + 1 * ((100vw - 400px) / 1600));*/ font-size: 19px; line-height:19px; }

    .hp-apps__link.konfigurator  { background-size:50px; background-position:30px center; }
    .hp-apps__link.konfigurator .hp-apps__link-title { padding-left:90px; }

    .hp-apps__link.kompatibilita { background-size:45px; background-position:30px center; }
    .hp-apps__link.kompatibilita .hp-apps__link-title { padding-left:90px; }

    .hp-apps__link.univerzita    { background-size:45px;  background-position:15px center; }
    .hp-apps__link.univerzita .hp-apps__link-title { padding-left:70px;}

    .hp-apps__link.slevomat      { background-size:70px;  background-position:30px center; }
    .hp-apps__link.slevomat .hp-apps__link-title { padding-left:110px; }

}

@media only screen and (max-width: 900px) {
    .hp-apps__link { width:50%; border-bottom: 4px solid #ffffff; }
    .hp-apps__link:nth-child(2) { border-right: none;}
    .hp-apps__link img { max-height: 110px; }

    .hp-apps__link-title { /*font-size: calc(22px + 1 * ((100vw - 400px) / 1600)); */ font-size: 23px; line-height:23px; }


    .hp-apps__link.konfigurator  {  background-size:60px; background-position:30px center; }
    .hp-apps__link.konfigurator .hp-apps__link-title { padding-left:100px; }

    .hp-apps__link.kompatibilita { background-size:55px; background-position:30px center; }
    .hp-apps__link.kompatibilita .hp-apps__link-title { padding-left:110px; }

    .hp-apps__link.univerzita    { background-size:50px; background-position:30px center; }
    .hp-apps__link.univerzita .hp-apps__link-title { padding-left:100px;}

    .hp-apps__link.slevomat      { background-size:65px; background-position:30px center;  }
    .hp-apps__link.slevomat .hp-apps__link-title { padding-left:110px; }

}

@media only screen and (max-width: 600px) {
    .hp-apps__link { float:none; width:100%;  border-right: none; }
    .hp-apps__link img { max-height: 100px; }

    .hp-apps__link.konfigurator { background-size:64px; background-position:45px center; }
    .hp-apps__link.konfigurator .hp-apps__link-title { padding-left:130px; }

    .hp-apps__link.kompatibilita { background-size:56px; background-position:45px center; }
    .hp-apps__link.kompatibilita .hp-apps__link-title { padding-left:130px; }

    .hp-apps__link.univerzita { background-size:56px; background-position:45px center; }
    .hp-apps__link.univerzita .hp-apps__link-title { padding-left:130px;}

    .hp-apps__link.slevomat { background-size:70px; background-position:45px center; }
    .hp-apps__link.slevomat .hp-apps__link-title { padding-left:130px; }
}


@media only screen and (max-width: 460px) {
    .hp-apps__link-title { /*font-size: calc(20px + 1 * ((100vw - 400px) / 1600));*/ font-size: 21px; line-height:21px; }

    .hp-apps__link.konfigurator  {  background-size:60px; background-position:35px center; }
    .hp-apps__link.konfigurator .hp-apps__link-title { padding-left:115px; }

    .hp-apps__link.kompatibilita { background-size:50px; background-position:35px center; }
    .hp-apps__link.kompatibilita .hp-apps__link-title { padding-left:115px; }

    .hp-apps__link.univerzita    { background-size:50px; background-position:35px center; }
    .hp-apps__link.univerzita .hp-apps__link-title { padding-left:115px;}

    .hp-apps__link.slevomat      { background-size:64px; background-position:35px center;  }
    .hp-apps__link.slevomat .hp-apps__link-title { padding-left:115px; }
}

@media only screen and (max-width: 360px) {
    .hp-apps__link-title { /*font-size: calc(20px + 1 * ((100vw - 400px) / 1600));*/ font-size: 19px; line-height:19px; }

    .hp-apps__link.konfigurator  { background-size:50px; background-position:30px center; }
    .hp-apps__link.konfigurator .hp-apps__link-title { padding-left:105px; }

    .hp-apps__link.kompatibilita { background-size:45px; background-position:30px center; }
    .hp-apps__link.kompatibilita .hp-apps__link-title { padding-left:105px; }

    .hp-apps__link.univerzita    { background-size:45px;  background-position:30px center; }
    .hp-apps__link.univerzita .hp-apps__link-title { padding-left:105px;}

    .hp-apps__link.slevomat      { background-size:60px;  background-position:30px center; }
    .hp-apps__link.slevomat .hp-apps__link-title { padding-left:105px; }
}


/***----------------------------------------------------------------------------*/

.hp-products-wrap { padding:20px 40px; }
.hp-products-wrap h1 { position:relative; font-size:34px; line-height:38px; color:#1E222F; text-align: center; font-weight: 400; }
.hp-products-wrap h1:after { content:""; display:block; position:absolute; left:0; right:0; bottom:-6px; margin:0 auto; width:13%; min-width:150px; height:2px; background:#189DA2; z-index:1500;}
/*.hp-products-wrap h1 > span { padding:10px 50px; background-color: #D6D7D9; }*/

.hp-products {
    /*-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;*/
    -ms-flex-pack:distribute; justify-content:space-around;
    -ms-flex-wrap:wrap; flex-wrap:wrap;
    margin:0 auto 40px auto;  max-width: 1400px;
}
.hp-product-link  {
    display:block; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
    -ms-flex-preferred-size:172px; flex-basis:172px;
    -webkit-box-flex:0; -ms-flex-positive:0; flex-grow:0;
    margin:0 0 10px 0;
    text-decoration: none;
}
.hp-product-link:hover { background-color:#F0F9FF; }
.hp-product-link:visited,
.hp-product-link:hover {text-decoration: none;}

.hp-product-link__ico  { display:block; padding:0 20px; }
.hp-product-link__ico img { display: block; margin: 0 auto; max-width: 132px;}
.hp-product-link__title  { display: block; padding:0 15px 10px 15px; font-size:20px; line-height:22px; font-weight: 400; text-align:center; text-transform: uppercase; }


@media only screen and (max-width: 900px) {
    .hp-products-wrap { padding:20px 20px; }
    .hp-products-wrap h1 { font-size:30px; line-height:32px; }
    .hp-products { margin:0 auto 20px auto; }
    .hp-product-link  { -ms-flex-preferred-size:152px; flex-basis:152px; margin:0 0 6px 0; }
    .hp-product-link__title  { padding:0 10px 10px 10px; font-size:18px; line-height:20px; }
}

/*** NEW FOOTER
-------------------------------------------------------------------------------*/
.footer { padding:54px 0 50px 0; background: #6b7c94;}
.footer .box-1180 { }
.footer a,
.footer a:visited,
.footer a:hover { color:#FFFFFF; text-decoration: none; }
.footer a:hover { text-decoration: underline; }

.footer__logo-wrap { float: left;  }
.footer__items-wrap   { float: right; width:80%;  }
.footer__items-wrap li {margin-bottom: 14px; }

.footer__menu-items { float: left; width:81%; }
.footer__menu-box   { float: left; width:33%; }

.footer__social-items { float: right; width:19%; }

.footer__social-items li  { text-align: right; }
.footer__social-items li a {
    display: inline-block; text-align: right; margin-left:auto;
    padding:0 40px 0 10px; height: 27px;
    background-repeat: no-repeat;
    background-position:right center;
    background-size: 26px 26px;
}
.footer__social-items li.linkedin a { background-image: url(../css/imgs/rozdelovnik-hp/linkedin.png); }
.footer__social-items li.facebook a { background-image: url(../css/imgs/rozdelovnik-hp/facebook.png); }
.footer__social-items li.instagram a { background-image: url(../css/imgs/rozdelovnik-hp/instagram.png); }
.footer__social-items li.youtube a  { background-image: url(../css/imgs/rozdelovnik-hp/youtube.png); }

@media only screen and (max-width: 1024px) {
    .footer__menu-box   { float: left; width:50%; }
}

@media only screen and (max-width: 900px) {
    .footer__items-wrap   { float: right; width:70%;  }
    .footer__menu-box   { float: left; width:100%; }
    .footer__social-items { float: left; width:100%;  }
    .footer__social-items li { text-align: left; }
    .footer__social-items li a {
        text-align: left;
        padding:0 10px 0 40px;
        background-position:left center;
    }
}

@media only screen and (max-width: 600px) {
    .footer { padding:54px 0 50px 30px; }
    .footer__logo-wrap { float:none;  }
    .footer__items-wrap   { float:none; margin-top:20px; width:100%;  }
    .footer__menu-box   { float:none; width:100%; }
    .footer__social-items { margin-top:20px; /*float:none;*/ width:100%;  }
}


.footer__lang-wrap { margin-top:10px; }
.footer__lang-wrap td { color:#FFFFFF; vertical-align: middle; height: 30px; }
.footer__lang-wrap td:first-child { padding-right: 30px; }
.footer__lang-wrap ul { position: relative; top:10px; }
.footer__lang-wrap ul li { display:inline-block; margin-right: 10px;}
.footer__lang-wrap ul li img { width:auto; }