/*

Custom css - docasne kvuli stare HP, ktera byla prenesena 1:1 z OG

*/

@media (max-width: 479px) {
	.o2-btn--small-sm {
		font-size: 12px !important;
	}
}
.hp-feed-carousel-price,
.hp-feed-carousel-price-common {
	white-space: nowrap;
}

.hp-feed-carousel a:link,
.hp-feed-carousel a:visited,
.hp-feed-carousel a:hover {
	text-decoration: none;
}

.hp-h-left {
	margin: 48px 0 16px;
}
.hp-h-right {
	margin: 16px 0 0;
}
@media (min-width: 992px) {
	.hp-h-left {
		margin: 0 -220px 0 0;
	}
	.hp-h-center {
		margin: 80px -220px 0;
	}
	.hp-h-right {
		margin: 0 0 0 -220px;
	}
}

.hp-phones-layout .o2web-layout__width {
	padding-top: 48px !important;
	padding-bottom: 36px !important;
}
@media (max-width: 991px) {
	.o2-phones-carousel {
		margin-top: -48px;
	}
}

.hp-carousel-title {
	color: black !important;
}

.hp-guru-video-carousel .o2-box.o2-box {
	padding-top: 10px !important;
	padding-bottom: 50px !important;
}
.hp-guru-video-carousel .o2-box:hover .o2-box__inner {
	box-shadow: 0px 40px 30px -30px rgba(0, 0, 0, 0.2);
    top: -10px;
}
.hp-guru-video-carousel .o2-box__inner.o2-box__inner {
	padding-bottom: 20px !important;
	transition: top 0.5s, box-shadow 0.3s;
}
.hp-guru-video-carousel .hp-carousel-button:after {
	content: " ";
	overflow: hidden;
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	margin-left: 12px;
	background-size: cover;
}

.hp-carousel-button {
	opacity: 0.5;
	transition: opacity 0.3s ease;
}

.hp-carousel-button:hover {
	opacity: 1;
}

.o2-phones-carousel__label {
	z-index: 10;
}
.hp-phones-item.hp-phones-item.hp-phones-item.hp-phones-item {
	padding-bottom: 20px;
    transition: all 0.3s;
}
.hp-phones-item.hp-phones-item.hp-phones-item:hover {
    background-color: #f2f2f2 !important;
}
.hp-phones-image {
    transition: all 0.3s;
}
.hp-phones-item:hover .hp-phones-image {
    transform: scale(1.05);
}


.hp-feed-title {
    font-weight: 300 !important;
    font-size: 20px !important;
    line-height: 30px !important;
    text-align: center;
}
.hp-feed-title strong {
    font-weight: 700 !important;
}
.hp-feed-title a {
    color: inherit;
    font-weight: 700 !important;
    border-bottom: 3px solid #fff;
    text-decoration: none !important;
}
@media (min-width: 600px) {
    .hp-feed-title {
        font-size: 30px !important;
        line-height: 40px !important;
    }
    .hp-feed-title strong {
        display: block;
    }
}


.hp-feed {
    display: block;
    background-color: #000033;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.hp-feed-heading {
    position: relative;
}
.hp-feed-logo {
    display: block;
    margin: 0 auto;
    padding: 25px 0;
}
.hp-feed-title {
    font-weight: 300;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
}
.hp-feed-title strong {
    font-weight: 700;
}
.hp-feed-title a {
    color: inherit;
    font-weight: 700;
    border-bottom: 3px solid #fff;
}
.hp-feed-action {
    display: block;
    margin-bottom: 20px;
    text-align: center;
}
.hp-feed-button {
    display: inline-block;
    margin-bottom: 5px;
    margin-left: 10px;
    padding: 0 20px;
    font-size: 14px;
    line-height: 43px;
    border: 1px solid;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    transition: 0.16s;
}
.hp-feed-button-transparent {
    color: #fff;
    border-color: transparent;
    box-shadow: inset 0 0 0 1px #fff;
    opacity: 0.8;
}
.hp-feed-button-transparent:hover {
	color: #fff;
	border-color: #fff;
	opacity: 1;
}
.hp-feed-button-transparent:focus {
	box-shadow:  0 0 0 1px #ffd666, inset 0 0 0 1px #fff;
}
.hp-feed-button-transparent:active {
	background-color: rgba(255,255,255,0.15);
}
.hp-feed-button-white {
	color: #0077cc;
    background-color: #fff;
    border-color: transparent;
}
.hp-feed-button-white:hover {
	color: #0077cc;
	box-shadow: 0 0 0 1px #fff;
}
.hp-feed-button-white:focus {
	box-shadow:  0 0 0 1px #ffd666;
}
.hp-feed-button-white:active {
	background-color: #e7f6fd;
}
.hp-feed .text-underline {
	text-decoration: underline;
}
.hp-feed .mobile-text {
	font-weight: 300;
	border: 0;
}
/*
.hp-feed-carousel {
    padding: 0 25px 0 25px;
}
*/
.hp-feed-carousel-link {
    margin: 0 10px;
    overflow: hidden
}
.hp-feed-carousel-image img {
    width: auto;
    transform-origin: center center;
    transition: all 0.3s ease;
}
.hp-feed-carousel-link:hover img {
	 transform: scale(1.05);
}
.hp-feed-carousel-image {
    position: relative;
    height: 250px;
}
.hp-feed-carousel-image-play {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50px;
	height: 50px;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAEmUlEQVRo3u2ZXUsjVxjHnzlnJi9g1F3r1LJShGxgodkQdq9y0SBYWO/yAXxBkeQL+Dm86K1STVTIdQQhe+FFs5RctYQorRgCrWwxjEWNI8Rl5pzTi+ZkJ9m8zJkkXUrzv0oykznPb/7PmfPMcwBGGmmkkUb6DJIGfD2lx3FjWCDyIIP3eDzubic+Pj4ODcqpI58ETwjxNiI0DG/TyYpS458xxrU61IdBQjkBUTgAD54HjjEeT6fTT8Ph8DRCaFZV1TGfz6cAAOi6bmia9kApfV8oFK6XlpZ+wxjXLEB9wYiCKFYHDMPwYozHAQCSyeRCLBZrBN5Luq4blUrlPBQKvQVoOOQYxi5IkwtWgHQ6/XRxcfFbuwDtgLLZ7LvV1dVf+nHHNkgrBGNsMpVKvV5eXn7i9C5aVSqVTkOh0FunztgBaQtxcXHx2u/3DwSCq1wu3waDwR+cwCAnEKlUauAQAAB+v/9JsVh8U5+HQqnaDaRxISvExsbGN4NKp3YKBAIv9/f3X7XG0EvdUqvhBqX0S8bYJEJo4ubmJux0YtuVruuGqqrfi6RY19TiKQUAgBCa2Nvbez5sCAAAn8+nFIvFNyL/6QTSWC94SgEAxGKxsWFDcM3MzLwQmStdHbG6sb6+PiviRiKRuNJ13fEC5/P5FMtccQ7Cyw/uRjQa9YgEcnBw8EFV1T8PDw9vncKEw+HpfkCa0goAQJbl6UgkIhSEaZrXpmlex+Pxqtfr/b1cLgsDIYRm7aZXr3UEEEITAACqqgrND0pplVJa5UDBYLAqmm4iY3YEaS3FRZ9WkiTdSZJ0xxj7gwOJppvImD0dcSpCyD0h5L7dsXg8Xk0kEleDHM/2G6Ku64aTNYQQco8xBkopmKYJsixP7+zsTNipDkTS0LYjmqY9OLlTfB3ij3BN057ZLXFExuzoiKIoNUrpOP+ez+fB7/cLAVi/n5+fPxctNCml7+2e29MRSmkVACCXyz32vtxHMcYmGWOTyWRygRDynZNquVAoXNs9t1PRqCiKMmkYhhch9DVCaEKW5WlN057ZnSeJROJqa2vri37eHKemprYNw7gDG4VjR0d4t0OSpDv+WyaTsZ2z29vbX/VTYFYqlXMegx11dKRdCS/qilNxNyxdFseOGLwRQAi5t7qyubn51zAhAACy2ew7ALHOCu52zOVyMUmSgDE2xhiTGGPk7OzMPTc3x0KhkNfOAKIqlUqnCwsLP2OMa6ZpEgCgfYOYpklcLhczDAMhhBiHOT4+xsOAKZfLt4FA4MTlcumW1lDfIBQAsCzLsiRJYJomHSZMqVQ6DQQCJ4qi1BBCZt0N2ys77nGcmqbJeIq1g7m8vKzNz8973G53r2u1la7rxtHR0Y/RaPRXRVFqIhPcqr4adLzE5/WTaMs0k8k8rK2tnRBC7vuBEAIBaN8ybQVaWVlxR6NRTyQSgXZN7Hw+D7lc7nF3d/cngH+eii0QMEyQJmfqAXwCBPDxRaxVvNThj3IrAMC/18Tu6A5A87ZCtz/y9xO+X/I5txWaYDhQPcj/3EZPT6hOGnTwgwZpC9VBQ9sMHWmkkf4n+hs238fekveO7gAAAABJRU5ErkJggg==');
	z-index: 1;
}
.hp-feed-carousel-image-big {
    width: 100%;
    height: 331px;
}
.hp-feed-carousel .hp-extra-slick .hp-feed-carousel-image-big {
	max-width: 100%;
	height: 178px;
}
.hp-feed-carousel-image img {
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: 100%;
    height: auto
}
.hp-feed-carousel-title {
    padding: 15px 0;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    opacity: 0.8;
}
.hp-feed-carousel-link:hover .hp-feed-carousel-title {
	opacity: 1;
}
.hp-feed-carousel-link-with-logo {
    position: relative;
    max-width: 195px;
}
.hp-feed-carousel .hp-extra-slick .hp-feed-carousel-link-with-logo {
	max-width: 95%;
}
.hp-feed-carousel-link-with-logo .hp-feed-carousel-title {
    padding-right: 70px;
}
.hp-feed-carousel .hp-extra-slick .hp-feed-carousel-link-with-logo .hp-feed-carousel-title {
	font-size: 22px;
    padding-right: 110px;
}
.hp-feed-carousel .hp-extra-slick .hp-feed-carousel-link-with-logo .hp-feed-carousel-title .hp-feed-carousel-subtitle {
	font-size: 16px;
	font-weight: 400;
	color: #a3a3a3;
	margin: 10px 0 0;
}
.hp-feed-carousel-link-with-logo .hp-feed-carousel-logo {
    position: absolute;
    right: 14px;
    top: 2px;
    width: 50px;
    height: auto;
}
.hp-feed-carousel .hp-extra-slick .hp-feed-carousel-link-with-logo .hp-feed-carousel-logo {
	width: 83px;
}
.hp-feed-carousel-price,
.hp-feed-carousel-price-common {
    padding: 5px 13px;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    font-weight: 600;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: inset 0 0 0 1px #fff;
    opacity: 0.8;
}
.hp-feed-carousel-price-common {
    box-shadow: none;
    font-weight: 400;
    text-decoration: line-through;
}
.hp-feed-carousel-link:hover .hp-feed-carousel-price {
	opacity: 1;
	box-shadow:  0 0 0 1px #fff, inset 0 0 0 1px #fff;
}
.hp-feed-carousel-price:focus {
	box-shadow:  0 0 0 1px #ffd666, inset 0 0 0 1px #fff;
}
.hp-feed-carousel-price:active {
	background-color: rgba(255,255,255,0.15);
}
.hp-feed-carousel .hp-feed-carousel-item {
    width: auto;
}
.hp-feed-carousel .slick-prev {
    left: -20px;
}
.hp-feed-carousel .slick-next {
    right: -20px;
}
.hp-feed-inverted {
    background-color: #fff;
}
.hp-feed-inverted .hp-feed-title {
    color: #000000;
}
.hp-feed-inverted .hp-feed-carousel-title {
	color: #000;
}
.hp-feed-inverted .hp-feed-button-transparent {
    color: #0088cc;
    border-color: transparent;
    box-shadow: inset 0 0 0 1px #0088cc;
}
.hp-feed-inverted .hp-feed-button-transparent:hover {
	color: #0088cc;
	border-color: #0088cc;
}
.hp-feed-inverted .hp-feed-button-transparent:focus {
	box-shadow:  0 0 0 1px #ffd666, inset 0 0 0 1px #0088cc;
}
.hp-feed-inverted .hp-feed-button-transparent:active {
	background-color: rgba(0,136,204,0.15);
}

@media (min-width: 600px) {
    .hp-feed-logo {
        position: absolute;
        margin: 0;
        padding: 0;
        top: 35px;
        left: 35px;
    }
    .hp-feed-title {
        font-size: 30px;
        line-height: 40px;
    }
    .hp-feed-title strong {
        display: block;
    }
    .hp-feed-action {
        position: absolute;
        top: 35px;
        right: 35px;
    }
    .hp-feed-button {
        margin-left: 15px;
        padding: 0 30px;
    }
    .hp-feed-carousel {
        padding-bottom: 60px;
    }
    .hp-feed-carousel .hp-feed-carousel-item {
        margin: 0 12px;
        width: 238px;
    }
	.hp-feed .mobile-text {
		font-weight: 700;
		border-bottom: 3px solid #fff;
	}
}
@media (min-width: 1424px) {
	.hp-feed-carousel-image {
	    height: 350px;
	}
}
.elements-guru .video-block .video__box-img img,
.elements-guru .article__box-img {
	max-height: 130px;
	width: auto;
    margin: 0 auto;
}
.elements-guru .video-block .video__box-img .overlay {
	display: none;
}
@media (min-width: 1052px) {
	display: block;
}
.elements-guru .spinner-wrapper {
	width: 96%;
}
.article__box-img img {
	width: 100%;
	height: auto;
}

.hp-promo p {
	margin-bottom: 18px;
}
.hp-promo {
	margin-top: -67px;

    position: relative;
    display: block;
    height: 425px;
    background-color: #000066;
    background-repeat: no-repeat;
    background-position: center top;
}
.hp-promo-narrow {
    height: 320px;
}
.hp-promo .o2-btn {
	position: relative;
	z-index: 1;
}
.hp-promo-inner {
    position: relative;
    display: block;
    box-sizing: border-box;
    margin: 0 auto;
    padding-top: 70px;
    max-width: 1440px;
    height: 410px;
}
.hp-promo-narrow .hp-promo-inner {
    height: 320px;
}
.hp-promo-inner-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.hp-promo-cta {
    text-align: center;
    padding: 0 10px;
}
.hp-promo-title {
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
}
.hp-promo-perex {
    display: none;
    color: #fff!important;
    font-size: 16px;
    line-height: 25px!important;
}
.black-text .hp-promo-title,
.black-text .hp-promo-perex {
	color: #000 !important;
}
.center-text .hp-promo-cta {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	text-align: center;
}

.hp-moje-o2-wrapper {
	position: relative;
    margin: 0 auto;
    max-width: 1440px;
    z-index: 2;
}
.hp-moje-o2 {
    position: absolute;
    top: auto;
    right: 0;
    top: 310px;
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    z-index: 1;
}
.hp-moje-o2-head {
    display: block;
    background-color: #fff;
    /*border-bottom: 1px solid rgba(0,0,0,0.1);*/
    transition: 0.16s;
    color: #07c;
}
.hp-moje-o2-head:hover {
	background-color: #C7ECFF;
}
.hp-moje-o2-title {
    position: relative;
    padding: 19px 0;
    color: #07c;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}
.hp-moje-o2-title-logged-in:before {
    content: '';
    position: absolute;
    top: 16px;
    left: 15px;
    width: 28px;
    height: 28px;
    background-image: url('data:image/png;base64,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');
    background-size: 28px;
}
.hp-moje-o2-title:after {
    content: '';
    position: absolute;
    top: 16px;
    right: 15px;
    width: 20px;
    height: 25px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAyCAYAAAAus5mQAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAC1UlEQVRYw+3ZX2jNYRzH8fcsi+JGuUDELohbqccVsWalZyQk01qoJSk36GmjXOjRLtRIWv60hCxKPC5cWBkuHikkRVJEkT+LRVupNRfPs1o/z2nPOef32+9cnO/dOZ9znvPq+f1+3/M9vwPVqpYrqe2MPD63JgK2CrgO1AP3gRajxLepAk6LeM1FjwNoAB5IbedVEnB+4vFyj1xYKcDewHNLgQGp7eJKAB4pgFzikfURa2QHNEqMAruBnkC8CHgotV2WG9Ajx4B9wJlAvAB3Tq7IAjhpm0mW1LYLOBSIvgONRokXaQKjdnBiGSUOAycC0VygX2q7MlegR3YCnYFojkeuTgtY9CGeWFLbQ0BXIPoNbDRKPMoV6JEHgO7AWsNAs1GiP1egR7YD5wLrjQBbjBL3cgV6ZBtwAahNRH+BbUaJO7kCPXIncLkAssUocTNXoEduBa4CdYloFGg1SlzLFeiRzcCNAsi9RoneXIEe2QTcApKT+BjQbpQ4H7NOSY06pvyV24xrN8lN6ZHa7o9ZJ7MdHC+p7RrgLjArEUXtZGY7OF5GiQGgCRgKbM7Ryd6fOdDXbP6/YMC1n3yB/oq+DcxMRKNAR65A3xMLtZtWo0TfZGtk2WZS+VbJqlG3kdL3cuqH2E82lwK4EWBTsUNDqkA/G4bGrmFAljJ2pQb00/XpAO4P0FTq4JoKUGrbQXj0H/K4kkf/NEb+48CxQPQT2GCUeFrO+uX+aDqJuzWSrB+438jPy92AkoBS2xrgFHAwEH8FGowSr8rFlQT0uLO4WyHJ+gysN0q8SQNXNFBqW4u7ibQnEH/0uHdp4YoCelwvsCsQvwfWGSU+pImLBkptpwNXgO2B+C3unPuUNi4KKLWtA/qAzYH4Ne6wfskCB3GNursA7iWwNktcLHBH4LlnuHMu878jYoDJq/IJ7rAOZo2LBbYCj4FB3ADaaJT4NRW4alWrEuofzpvhmmWDIjcAAAAASUVORK5CYII=');
    background-size: 20px;
}
.hp-moje-o2-title-logged-in:after {
	top: 16px;
}
.hp-moje-o2-note {
    display: block;
    padding-top: 3px;
    padding-left: 10px;
    font-weight: 300;
}
.hp-moje-o2-links {
    position: relative;
    margin: 0;
    padding-bottom: 20px;
    white-space: nowrap;
    overflow-x: scroll;
}
ul.hp-moje-o2-links.hp-moje-o2-links {
	padding: 0;
	margin: 0;
}
.hp-moje-o2-links li {
    display: inline-block;
    margin-left: 17px;
    padding: 13px 0;
}
.hp-moje-o2-links li:last-child {
    margin-right: 17px;
}
.hp-moje-o2-link {
    display: block;
    padding: 6px 0;
    font-size: 14px;
    color: #0077cc;
    transition: 0.16s;
}
.hp-moje-o2-link:hover {
	color: #0077cc;
	text-decoration: underline;
}
.hp-moje-o2-foot {
    display: none;
    border-top: 1px solid #d1e3f1;
}
.hp-moje-o2-foot .hp-moje-o2-link {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    padding: 20px 0;
    text-align: center;
}
.hp-moje-o2-foot .hp-moje-o2-link:first-child {
    /*border-right: 1px solid #d1e3f1;*/
}
.hp-moje-o2-foot .hp-moje-o2-link-strong {
    font-weight: 600;
}
#moje-o2-nav {
    display: none;
}
.hp-moje-o2 .js-atg-header {
	background-color: transparent;
	border: 0;
}
.hp-moje-o2 .white-background {
	background: #fff;
	overflow: auto;
}
.hp-moje-o2 .msg {
	display: none;
}
@media (min-width: 992px) {
	.hp-moje-o2 .js-atg-header {
		margin-top: 30px;
	}
	.hp-moje-o2 .white-background {
		overflow: visible;
		border-radius: 4px;
	}
	.hp-moje-o2-link-separate {
    	border-bottom: 1px solid #b1def2; 
    	padding-bottom: 18px;
    margin-bottom: 11px;
    }
}
@media (min-width: 600px) {
    .hp-promo {
        height: 638px;
    }
    .hp-promo-narrow {
        height: 480px;
    }
    .hp-promo-inner {
        padding-top: 112px;
        height: 638px;
    }
    .hp-promo-narrow .hp-promo-inner {
        height: 480px;
    }
    .hp-promo-cta {
        position: absolute;
        top: 110px;
        left: 40px;
        width: 40%;
        max-width: 380px;
        text-align: left;
    }
    .hp-promo-title {
        font-size: 28px;
        line-height: 38px;
    }
    .hp-moje-o2 {
    	top: 478px;
    }
    .hp-moje-o2-title {
        padding: 20px 0 20px 85px;
        text-align: left;
    }
    .hp-moje-o2-title:before {
        top: 5px;
        left: 30px;
        width: 50px;
        height: 50px;
        background-size: 50px;
    }
    .hp-moje-o2-title:after {
        top: 17px;
        right: 30px;
    }
    .hp-moje-o2-title-logged-in:after {
    	top: 17px;
    }
    .hp-promo-perex {
        display: block;
    }
    .hp-moje-o2-note {
    	line-height: 1;
        display: inline-block;
        position: absolute;
        right: 60px;
        padding-top: 0;
    }
    ul.hp-moje-o2-links.hp-moje-o2-links {
   		padding-bottom: 20px;
    	line-height: 1.45;
        margin: 20px 20px 0;
        white-space: normal;
        text-align: center;
        overflow-x: visible;
    }
    .hp-moje-o2-links li {
        margin-left: 0;
        padding: 0;
        width: 30%;
    }
    .hp-moje-o2-links li:last-child {
        margin-right: 0px;
    }
    #moje-o2-nav {
        display: block;
    }
    #moje-o2-mobile-nav {
        display: none;
    }
}
@media (min-width: 768px) {
    .hp-promo {
		margin-top: -107px;
    }
	.hp-promo-cta {
		top: 140px;
	}
}
@media (min-width: 992px) {
    .hp-promo {
		margin-top: -107px;
        height: 480px;
    }
    .hp-promo-inner {
        height: 480px;
    }
    .hp-promo-cta {
        position: absolute;
        top: 107px;
        left: 40px;
        width: 50%;
        max-width: 330px;
    }
    .hp-promo-title {
        font-size: 38px;
        line-height: 48px;
    }
    .hp-moje-o2 {
        top: 97px;
        right: 20px;
        bottom: auto;
        width: 24%;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        border-bottom: 0;
    }
    .hp-moje-o2-title {
        padding: 20px 60px 21px 18px;
    }
    .hp-moje-o2-head {
    	position: relative;
        border-radius: 4px 4px 0 0;
        -webkit-border-radius: 4px 4px 0 0;
    }
    .hp-moje-o2-head:after {
    	content: '';
	    position: absolute;
	    top: -10px;
	    right: 32px;
	    width: 20px;
	    height: 20px;
	    background-color: inherit;
	    transform: rotate(45deg);
	    border-radius: 3px 0 0 0;
    }
    .hp-moje-o2-head--no-arrow {
    	border-radius: 0 0 4px 4px;
    }
    .hp-moje-o2-head--no-arrow:after {
    	display: none;
    }sl
    .hp-moje-o2-note {
        display: block;
        position: static;
        padding-top: 3px;
        padding-left: 0;
    }
    .hp-moje-o2-title {
        text-align: left;
    }
    .hp-moje-o2-title:before {
        display: none;
    }
    .hp-moje-o2-title:after {
        top: 17px;
        right: 15px;
    }
    .hp-moje-o2-title-logged-in:after {
    	top: 27px;
    }
    .hp-moje-o2-link-mobile {
        display: none!important;
    }
    ul.hp-moje-o2-links.hp-moje-o2-links {
    	background-color: #f2fbff;
    margin: 0;
    padding: 17px 20px;
    text-align: left;
    }
    .hp-moje-o2-links li {
        display: block;
        width: auto;
    }
    .hp-moje-o2-foot {
        display: block;
    }
}
@media (min-width: 1024) {
    .hp-moje-o2 {
    	width: 24%;
	}
}
@media (min-width: 1250px) {
    .hp-moje-o2-title {
        padding: 16px 60px 16px 20px;
    }
    .hp-moje-o2-title-logged-in {
    	padding: 20px 60px 21px 75px;
    }
    .hp-moje-o2-title:before {
        display: block;
        top: 15px;
        left: 18px;
    }
}
@media (min-width: 1281px) {
	.hp-promo-cta {
		top: 140px;
		left: 87px;
	}
}
@media (min-width: 1440px) {
    .hp-moje-o2 {
        width: 290px;
    }
    .hp-promo-title {
    	font-size: 44px;
    	line-height: 52px;
    }
    .hp-moje-o2-title-logged-in {
        padding: 20px 75px 21px 85px;
    }
    .hp-promo-cta {
        max-width: 400px;
    }
}
@media (min-width: 1921px) {
	.hp-promo {
		background-color: #f2f2f2;
	}
}
@media (max-width: 599px) {
	.sso-user-logged .hp-promo {
		height: 443px !important;
	}
}

.o2-box--plain {
	box-shadow: none !important;
	border: 0 !important;
	background: transparent none !important;
	border-radius: 0 !important;
}
.o2-box--plain .o2-box__container,
.o2-box--plain .o2-box__inner {
	padding: 0 !important;
}

@media (max-width: 767px) {
	.slick-slide {
		/*opacity: 0.3;*/
	}
	.slick-slide.slick-current {
		opacity: 1;
	}
}
@media (max-width: 991px) {
	.hp-moje-o2-head {
		background-color: #dcf2fd;
	}
	.hp-moje-o2-title {
		text-align: left;
    	padding-left: 16px;
	}
	.hp-moje-o2-head--no-arrow {
		display: none;
	}
}
/* 4 promo boxes */
.cols-4 {
    display: flex;
}
.col {
    text-align: center;
    position: relative;
    width: 25%;
    margin: 0;
    display: inline-block;
    font-size: 10px;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 240px;
    text-align: center;
    color: #000;
    background-color: #fff;
    border-left: 1px solid #d8d8d8;
    -webkit-transition: opacity 0.1s ease;
    transition: opacity 0.3s ease;
    overflow: hidden;
}
@media (min-width: 992px) {
.col--last {
		border-right: 1px solid #d8d8d8;
	}
}
a.col:hover {
    text-decoration: none;
}
a.col:hover .small-promo-img {
    transform: scale(1.1);
    transition: 0.3s;
}
.sifr-16b {
    line-height: 1.3em;
    font-weight: 300;
    color: #000;
    font-size: 20px;
    margin-top: 0;
}
.small-promo-img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: auto 160px;
}

@media screen and (min-width: 992px) {
    .cols-4 {
        border-bottom: 1px solid #d8d8d8;
    }
}

@media screen and (max-width: 767px) {
    .cols-4 {
        display: block;
    }
    .col {
        display: block;
        border: none;
        border-bottom: 1px solid #d8d8d8;
        width: 100%!important;
        height: 100px;
    }
    .sifr-16b {
        width: 60%;
        font-size: 14px;
        font-weight: 400;
        text-align: left;
    }
    .small-promo-img {
        left: 60%;
        background-size: cover;
        background-position: center center;
    }
}

@media screen and (max-width: 991px) {
	.cols-4 {
	    display: block;
	}
    .col {
        width: 50%;
        border-bottom: 1px solid #d8d8d8;
        display: block;
        float: left;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .small-promo--2,
    .small-promo--4 {
    	border-right: 1px solid #d8d8d8;
    }
}
/* Prodejny block */
.img-hover img {
	transition: all 0.3s ease;
	overflow: hidden;
}
.img-hover:hover img {
	transform: scale(1.05);
}
a.no-underline:hover div,
a.no-underline:hover {
	text-decoration: none!important;
}

/*! __ETN_.O.K.__ */