/*
  Zakladni styly pro obsah stranek CMS.
*/
FONT-HELPER {
    font-family: 'Barlow', sans-serif;
}
A {
	text-decoration: none;
}
#content A {
	/* color:#337ab7; */
}
.no-uppercase {
	text-transform: none;
}
/* TABULKY */
.main TABLE {
    border-collapse: collapse;
    width: 80%;
}
.main .detail TABLE:not(.table) {
    border-top: 1px solid #DDDDDD;
}

.main TABLE:not(.table) > TBODY > TR:nth-child(odd) {
    background-color: #F9F9F9;
}
.main .detail TABLE:not(.table) > TBODY > TR:nth-child(odd) {
    background-color: transparent;
}

.main TABLE:not(.table) > THEAD > TR > TH {
    padding: 10px 10px;
    border-bottom: 2px solid #DDDDDD;
    border-right: 2px solid #DDDDDD;
}
.main TABLE:not(.table) > TBODY > TR > TH,
.main TABLE:not(.table) > TBODY > TR > TD {
    padding: 10px 10px;
    border-bottom: 1px solid #DDDDDD;
	border-right: 2px solid #DDDDDD;
}
.main TABLE:not(.table) > TBODY > TR > TH {
    background-color: #F9F9F9;
}
.main TABLE:not(.table) > TBODY > TR > TD.controls {
    width: 100px;
}

.main TABLE .sizeCol {
    text-align: right;
}


/* FILTR MODULU */
.filter {
    padding: 15px 0;
    background-color: #F9F9F9;
}

/* ODDELENE FIELDY */
.separatedValues {
    margin: 20px 0 0 0;
}
.separatedValues UL {
    margin-bottom: 20px;
}


.red {
    color:#e3001b!important;
}
.red-bg {
    background-color:#e3001b!important;
}
.green {
    color:#00a654!important;
}
.green-bg {
    background-color:#00a654!important;
}
.white-light-bg {
    background-color:#f7f7f7!important;
}
.blue {
	color:#1E77C7!important;
}
.blue-bg {
	background-color:#1E77C7!important
}






#homepage-cenik {
	position: absolute;
    z-index: 999;
    display: inline-block;
    content: 'CENÍK';
    font-size: 32px;
    line-height: 70px;
    font-weight: 600;
    background: url(../img/ikona-download.jpg) no-repeat center left 10px #e3001b;
    padding-left: 84px;
    color: white;
    height: 70px;
    width: 200px;
    margin-top: -30px;
	-webkit-box-shadow: 10px 10px 0px 0px rgba(216,202,204,0.3);
	-moz-box-shadow: 10px 10px 0px 0px rgba(216,202,204,0.3);
	box-shadow: 10px 10px 0px 0px rgba(216,202,204,0.3);
}

.carousel-holder {
	position: relative;
    background: #f9f9f9 url(../img/carousel/carousel-holder-bg.png) repeat-x;
	overflow: hidden;
}
@media(max-width: 767px) {
	.carousel-holder {
		margin-bottom: 20px;
	}
}

#hero-carousel {
    display: flex;
    flex-direction: row-reverse;
}
#hero-carousel .carousel-module-2-holder {
    width:100%;
	max-width: 1352px; /* zbytek do fullhd */
}
#hero-carousel .carousel-indicators {
	width: 553px;
    height: 514px;
    display: flex;
    flex-direction: column;
}
@media(max-width: 1400px) {
	#hero-carousel .carousel-indicators {
		width: 503px;
	}
}
@media(max-width:1199px) {
	#hero-carousel .carousel-indicators {
		width: 385px;
	}
}
@media (max-width:991px) {   
	#hero-carousel .carousel-indicators {
		width: 250px;
		height:400px;
	}	
}
#hero-carousel .carousel-indicators {
    list-style: none;
    padding: 0;
    user-select: none;
    /* reset bs indikatoru */
    position:relative;
    left:auto;
    bottom:auto;
    margin-left: 0;
	filter: drop-shadow(0px 3px 15px rgba(0, 0, 0, 0.44));
    /* !--reset bs indikatoru */
}
#hero-carousel .carousel-indicators LI {
    display: flex;
    flex-grow: 1;
    width:100%;
    justify-content: space-between;
    align-items: center;
    background:#e3e3e3;
    color:#1d3768;
    /* reset bs indikatoru */
    border-radius: 0;
    border:none;
    margin:0;
    text-indent: 0;
	padding:0 60px;
	opacity:1;
	box-sizing: inherit;
    /* !--reset bs indikatoru */
}
@media(max-width:1400px) {
	#hero-carousel .carousel-indicators LI {
		padding:0 0 0 40px;
	}
}
@media(max-width:1199px) {
	#hero-carousel .carousel-indicators LI {
		padding:0 40px 0 40px;
	}
}
@media(max-width:650px) {
	#hero-carousel .carousel-indicators LI {
		padding:0 0px 0 0px;
	}
}
#hero-carousel .carousel-indicators LI.active {
    background-color: #e3001b;
    color:white;
}
#hero-carousel .carousel-indicators LI.active::before {
    content:' ';
    background:url(../img/hero-indicator-active.png) no-repeat;
    height:117px;
    width:76px;
    display:block;
    position:absolute;
    margin-left:-113px;
	z-index:-1;
}
@media(max-width:1400px) {
	#hero-carousel .carousel-indicators LI.active::before {
		margin-left:-93px;
	}
}
#hero-carousel .carousel-indicators LI .indicator-text {
    font-size:32px;
    line-height: 32px;
    font-weight: 800; 
    min-width: 295px;
    max-width: 295px;
}
@media(max-width:1199px) {
	#hero-carousel .carousel-indicators LI .indicator-text {
		font-size:28px;
	}
}
@media(max-width:1199px) {
	#hero-carousel .carousel-indicators LI .indicator-text {
        min-width: 245px;
        max-width: 245px;
    }
}
@media(max-width:991px) {
	#hero-carousel .carousel-indicators LI .indicator-text {
        min-width: 190px;
        max-width: 190px;
        font-size:24px;
        line-height: 26px;
    }
}
#hero-carousel .carousel-indicators LI .indicator-text SPAN {
    display: block;
	font-size: 22px;
	line-height: 26px;
	text-decoration: none;
	font-weight: 400;
	max-width: 250px;
	margin-top:20px;
}
@media(max-width:1400px) {
	#hero-carousel .carousel-indicators LI .indicator-text SPAN {
		margin-top:10px;
		font-size: 18px;
	}
}
@media(max-width:991px) {
	#hero-carousel .carousel-indicators LI .indicator-text SPAN {
		font-size: 16px;
		line-height: 20px;
	}
}
#hero-carousel .carousel-indicators LI .indicator-obrazek {
    min-width: 140px;
    max-width: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media(max-width:1199px) {
	#hero-carousel .carousel-indicators LI .indicator-obrazek {
		min-width: 50px;
		max-width: 50px;
	}
	#hero-carousel .carousel-indicators LI .indicator-obrazek IMG {
		max-width: 100%;
		width:100%;
		height:auto;
	}
}
@media (max-width:991px) {   
    #hero-carousel .carousel-indicators LI .indicator-obrazek IMG {
        display: none;
    }
}
#hero-carousel .carousel-indicators LI .indicator-divider {
	height:60px;
	min-width:1px;
	background:#014380;
}
#hero-carousel .carousel-indicators LI.active .indicator-divider {
	background:#fff;
}
@media(max-width:1199px) {
	#hero-carousel .carousel-indicators LI .indicator-divider {
		display: none;
	}
}
#hero-carousel .carousel-indicators LI.active .indicator-obrazek IMG.invert {
    filter: invert(1) brightness(2) contrast(1);
}

#hero-carousel,
#hero-carousel .carousel-item,
#hero-carousel .inner {
    height: 514px;
	background-size:cover;
}
@media(max-width:991px) {
	#hero-carousel,
	#hero-carousel .carousel-item,
	#hero-carousel .inner {
		height: 400px;
	}
}
#hero-carousel .carousel-item A {
	text-decoration: none;
}
#hero-carousel .carousel-item A:hover { 
    text-decoration: none;
}
#hero-carousel .carousel-item .inner {
    display: flex;
    padding-left:105px;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}
@media(max-width:767px) {
	#hero-carousel .carousel-item .inner {
		padding-left:40px;
		padding-right:40px;
	}
}
@media(max-width:650px) {
	#hero-carousel .carousel-item .inner {
		text-align:center;
	}
}
#hero-carousel .carousel-item .inner .content {
	display: flex;
	flex-direction: column;
    justify-content: center;
    align-items: flex-start;
	max-width: 1030px;
    min-width: 1030px;
	padding-right:100px;
}
@media(max-width:1750px) {
	#hero-carousel .carousel-item .inner .content {
		max-width: 800px;
		min-width: 800px;
	}
}
@media(max-width:1400px) {
	#hero-carousel .carousel-item .inner .content {
		max-width: 100%;
		min-width: 100%;
	}
}
@media(max-width:767px) {
	#hero-carousel .carousel-item .inner .content {
		padding-right: 0;
	}
}
@media(max-width:650px) {
	#hero-carousel .carousel-item .inner .content {
		align-items: center;
	}
}
@media(max-width:767px) {
	#hero-carousel .carousel-item .inner .content {
		background-image:url(../img/carousel-text-background.png);
		background-size:contain;
		background-position: center bottom;
		background-repeat:no-repeat;
	}
}
#hero-carousel .carousel-item .inner .content .texty {
	padding: 100px 0 100px 0;
	margin-top:-80px;
	margin-bottom:-80px;
	background-image:url(../img/carousel-text-background.png);
	background-size:contain;
	background-repeat:no-repeat;
}
@media(max-width:767px) {
	#hero-carousel .carousel-item .inner .content .texty {
		background-image:none;
		padding:0;
		margin-top:0;
		margin-bottom:10px;
	}
}
#hero-carousel .carousel-item .inner .carousel-heading {
    color: white;
	font-size: 34px;
	line-height:41px;
	text-shadow: 0px 3px 29px #000;
	text-transform: uppercase;
    margin-bottom: 30px;
	font-weight: bold;
}
@media(max-width:991px) {
	#hero-carousel .carousel-item .inner .carousel-heading {
		font-size: 26px;
		line-height: 32px;
		margin-bottom: 30px;
	}
}
#hero-carousel .carousel-item .inner P {
    color: white;
    max-width: 820px;
	font-size: 26px;
	line-height: 32px;
}
@media(max-width:991px) {
	#hero-carousel .carousel-item .inner P {
		font-size: 20px;
		line-height: 26px;
	}
}
#hero-carousel .carousel-item .button {
	padding: 11px 35px!important;	
	text-transform: uppercase;
}
#hero-carousel .carousel-item .button,
.bonus-tlacitka #reg,
.bonus-tlacitka #login {
    font-size: 20px;
    display: inline-block;
    background: #00a654;
    padding: 15px;
    color: white;
}
.bonus-tlacitka #reg {
	background-color: #E3001B;
}

.produkt-detail {
    /*	padding-top:50px;*/
    padding-bottom:140px;
}
.produkt-detail-text {
    margin-top: 45px;
}
.static-page-text {
    margin-top: 5px;
}
.static-page-text H2 {
    margin-top: 30px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 38px;
    max-width: 700px;
}
/* toto formatuje nadpisy v plechova strecha ano ne */
.static-page-text H2 B {
    display: inline-block;
}
.produkt-detail-text H3,
.static-page-text H3,
.static-page-text .heading-3,
.produkt-detail-text .heading-3,
.prislusenstvi-list-wrap>H2 {
    margin-top: 40px;
    font-weight: 600;
}
.produkt-detail-text H3 A:active,
.produkt-detail-text H3 A:focus,
.produkt-detail-text H3 A:hover,
.produkt-detail-text H3 A {
	color: #333;
	text-decoration: none;
}
.prislusenstvi-list-wrap>H2 {
	margin-bottom:0;
	padding-left:15px;
}
.heading-3 {
	font-size: 24px;
}
.produkt-detail-text P,
.static-page-text P {
    margin-top: 15px;
    margin-bottom:20px;
    max-width: 600px;
}
.produkt-detail-text IMG:not(.objekt-img),
.static-page-text IMG{
    margin-right:15px;
    margin-bottom:15px;
    max-width:100%;
    height:auto;
}
.odstavec-s-obrazky {
	display:flex;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-top:30px;
}
.odstavec-s-obrazky IMG {
	max-width: 270px!important;
}

.static-page-text UL,
.produkt-detail-text UL {
  list-style: none; /* Remove default bullets */
  padding-left:20px;
  max-width: 650px;
}
.static-page-text UL LI::before,
.produkt-detail-text UL LI::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: red; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}


/*** Rozcestnik ***/
.rozcestnik-wrap {
	max-width: 1170px;
	margin-left:auto;
	margin-right:auto;
}
#rozcestnik-vystup .rozcestnik-holder {
    color: #fff;
    display: flex;
    justify-content: center;
    padding-bottom:40px;
}   
#rozcestnik-vystup .rozcestnik-obrazek-inner {
    transition: 350ms ease;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}
.rozcestnik-shadow {
    transition: 350ms ease;
    -webkit-box-shadow: 8px 8px 14px 0px rgba(0,0,0,0.22);
    -moz-box-shadow: 8px 8px 14px 0px rgba(0,0,0,0.22);
    box-shadow: 8px 8px 14px 0px rgba(0,0,0,0.22);
}
.rozcestnik-border-radius {
    transition: 350ms ease;
    border-bottom-right-radius: 20px 20px;
}
#rozcestnik-vystup .rozcestnik-nadpis {
/*    font-size: 24px;
    font-weight: bold;*/
    text-align: center;
}
#rozcestnik-vystup .rozcestnik-nadpis p {
    margin: 0px;
}
#rozcestnik-vystup .rozcestnik-nadpis h2 span {
    background-color: #e3001b;
    padding-left: 7px;
    padding-right: 7px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}
#rozcestnik-vystup .rozcestnik-nadpis h2 {
    margin: 0;
}
#rozcestnik-vystup .rozcestnik-popis,
.trapezove-plechy-rozcestnik P {
    text-align: center;
    text-shadow: 0px 0px 5px rgb(0, 0, 0);
} 
#rozcestnik-vystup .rozcestnik-obrazek {
    transition: 350ms ease;
    background-size: cover; 
    background-position: center center; 
    background-repeat: no-repeat;
    max-width: 389px;
    height: 345px;
    margin: auto;
    -webkit-box-shadow: 8px 8px 14px 0px rgba(0,0,0,0.08);
    -moz-box-shadow: 8px 8px 14px 0px rgba(0,0,0,0.08);
    box-shadow: 8px 8px 14px 0px rgba(0,0,0,0.08);
}
#rozcestnik-vystup .cely-radek .rozcestnik-obrazek {
    max-width:1253px;
}
#rozcestnik-vystup .cely-radek .rozcestnik-popis {
	max-width: 550px;
	margin: 0 auto;
}
#rozcestnik-vystup .male .rozcestnik-obrazek {
	height:250px;
}
#rozcestnik-vystup .male H2 SPAN {
	font-size: 22px;
    line-height: 26px;
}

#rozcestnik-vystup .rozcestnik-obrazek:hover {
    -webkit-box-shadow: 8px 8px 14px 0px rgba(0,0,0,0.22);
    -moz-box-shadow: 8px 8px 14px 0px rgba(0,0,0,0.22);
    box-shadow: 8px 8px 14px 0px rgba(0,0,0,0.22);
}
#rozcestnik-vystup .rozcestnik-tlacitko {
    color: #fff;
    padding: 11px 17px 11px 17px;
    text-transform: uppercase;
    background-color: #1d3768;
    margin: 0 auto;
    width: 150px;
    text-align: center;
}
#rozcestnik-vystup a {
    text-decoration: none;
    display: block;
    color: inherit;
}
#rozcestnik-vystup a .rozcestnik-tlacitko span {
    transition: 350ms ease-out;
    text-decoration: none;
    background-image: linear-gradient(#fff, #fff);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    padding-bottom: 2px;
}
#rozcestnik-vystup a:hover .rozcestnik-tlacitko span {
    background-size: 100% 1px;
}
.rozcestnik-xs {
    color: #333;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    background-color: #014380;
}
.rozcestnik-obrazek-xs {
    transition: 350ms ease;
    background-size: cover; 
    background-position: center center;
    background-repeat: no-repeat;
    min-width: 175px;
    min-width: 175px;
    height: 175px;  
    filter: grayscale(100%);
}
.rozcestnik-nadpis-xs {
    color: #FFF;
    font-size: 24px;
    padding-left: 20px;
    text-transform: uppercase;
}
.rozcestnik-nadpis-xs H2 {
	margin:0;
	font-size: 22px;
}
.rozcestnik-nadpis-xs p  {
    margin: 0;
}

.videa-homepage-holder {
	display: flex;
	flex-wrap: wrap;
	gap:30px;
	justify-content: space-between;
	padding-left:30px;
	padding-right:30px;
}
.videa-homepage-holder .item {
    width: calc(50% - 15px);
	height: 434px;
	position: relative;
	text-decoration: none;
	display: block;
	background-size:cover;
}
.videa-homepage-holder .item.empty {
	height:0;
}
@media(max-width:1199px) {
	.videa-homepage-holder .item {
		height: 300px;
	}
}
@media (max-width: 850px) {
    .videa-homepage-holder .item {
        height: 250px;
    }
}
@media (max-width: 767px) {
    .videa-homepage-holder .item {
		width: calc(100%);
        height: 300px;
    }
}
.videa-homepage-holder .item .text {
    background:#1D3768;
	padding:15px 50px 25px 50px;
	position: absolute;
	top: 0;
	left: 0;
	width: 510px;
	max-width: 100%;
	color: #fff;
}
@media(max-width:1199px) {
	.videa-homepage-holder .item .text {
		padding: 15px 25px 20px 25px;
		width:100%;
	}
}
@media (max-width: 850px) {
	.videa-homepage-holder .item .text {
		padding: 10px 15px 10px 15px;
	}
}
@media (max-width: 767px) {
	.videa-homepage-holder .item .text {
		padding: 15px 25px 20px 25px;
		width:100%;
	}
}
.videa-homepage-holder .item .text .video-nadpis {
	font-weight: bold;
	font-size: 39px;
	margin-bottom:5px;
}
@media(max-width:1199px) {
	.videa-homepage-holder .item .text .video-nadpis {
		font-size: 28px;
	}
}
@media (max-width: 850px) {
	.videa-homepage-holder .item .text .video-nadpis {
		font-size: 26px;
	}
}
@media (max-width: 767px) {
	.videa-homepage-holder .item .text .video-nadpis {
		font-size: 28px;
	}
}
.videa-homepage-holder .item .text .video-popis {
	font-size: 22px;
	margin-bottom:0;
}
@media(max-width:1199px) {
	.videa-homepage-holder .item .text .video-popis {
		font-size: 18px;
	}
}
@media (max-width: 767px) {
	.videa-homepage-holder .item .text .video-popis {
		font-size: 18px;
	}
}
.videa-homepage-holder .item .play-holder {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../img/play.svg);
	background-repeat: no-repeat;
	background-position: center top 200px;
}
@media(max-width:1199px) {
	.videa-homepage-holder .item .play-holder {
		background-size: 50px;
		background-position: center top 160px;
	}
}
@media (max-width: 850px) {
	.videa-homepage-holder .item .play-holder {
		background-position: center top 120px;
	}
}
@media (max-width: 767px) {
	.videa-homepage-holder .item .play-holder {
		background-size: 50px;
		background-position: center top 160px;
	}
}


/*** aktuality ***/
.aktuality-wrapper {
	max-width: 1170px;
	margin-left:auto;
	margin-right:auto;
}
.aktuality-odkaz {
	text-decoration: none;
}
.aktuality-odkaz:hover,
.aktuality-odkaz:focus,
.aktuality-odkaz:active {
    text-decoration: none;
}
.aktuality-inner {
    background-color: #fff;
    text-align: left;
    max-width: 390px;
    min-height: 550px;
    margin: auto;
    color: #333;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: 350ms ease;
    -webkit-box-shadow: 8px 8px 14px 0px rgba(0,0,0,0.08);
    -moz-box-shadow: 8px 8px 14px 0px rgba(0,0,0,0.08);
    box-shadow: 8px 8px 14px 0px rgba(0,0,0,0.08);
    position: relative;
}
.aktuality-shadow {
    transition: 350ms ease;
    -webkit-box-shadow: 8px 8px 14px 0px rgba(0,0,0,0.22);
    -moz-box-shadow: 8px 8px 14px 0px rgba(0,0,0,0.22);
    box-shadow: 8px 8px 14px 0px rgba(0,0,0,0.22);
}
.aktuality-obrazek {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.aktuality-obrazek img {
    display: block;
    max-width: 100%;
    height: auto;
}
.aktuality-datum {
    color: #e3001b;
    font-weight: 600;
    padding: 15px 20px 0 20px;
}
.aktuality-detail-datum {
    color: #e3001b;
    font-weight: 600;
    /*padding-top: 15px;*/
}
.aktuality-nadpis {
    font-size: 26px;
    line-height: 30px;
    font-weight: 600;
    padding: 15px 20px 0 20px;
}
.aktuality-detail-nadpis {
    font-size: 26px;
    line-height: 30px;
    font-weight: 600;
}
.aktuality-perex {
    padding: 15px 20px 15px 20px;
}
.aktuality-detail-perex {
    padding-top: 15px;
}
.aktuality-detail-perex P,
.aktuality-detail-text P,
.aktuality-detail-text LI {
    font-size: 17px;
    line-height: 28px;
}
.aktuality-detail-text UL,
.aktuality-detail-text OL {
	margin-bottom: 17px;
}
.aktuality-vice {
    text-transform: uppercase;
    font-weight: 600;
    text-align: right;
    padding: 15px 20px 15px 20px;
}
.aktuality-odkaz SPAN,
.aktuality-vice-main-link a SPAN,
.pobocky-kde-nakoupite-holder .pobocka .mapa SPAN,
.povrchove-upravy-prehled .povrchova-uprava .popis .tlacitko SPAN {
    transition: 350ms ease-out;
    text-decoration: none;
    background-image: linear-gradient(#333, #333);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    padding-bottom: 2px;
}
.aktuality-odkaz:hover .aktuality-vice SPAN,
.pobocky-kde-nakoupite-holder .pobocka .mapa:hover SPAN,
.aktuality-vice-main-link a:hover SPAN,
.povrchove-upravy-prehled .povrchova-uprava:hover .tlacitko SPAN {
    background-size: 100% 1px;
}
.aktuality-vice-main-link A,
.pobocky-kde-nakoupite-holder .pobocka .cislo {
    text-transform: uppercase;
    color: #e3001b;
    font-weight: 600;
    font-size: 20px;
    padding: 15px;
}
.aktuality-vice-main-link a SPAN {
    background-image: linear-gradient(#e3001b, #e3001b);
}

.aktuality-zpet  {
    padding-top: 50px;
}
.aktuality-zpet a {
    text-transform: uppercase;
    font-weight: 600;
    text-align: left;
    padding: 15px 20px 15px 0px;
}
.aktuality-zpet a  {
    text-decoration: none;
}
.aktuality-zpet a span {
    color: #333;
    transition: 350ms ease-out;
    text-decoration: none;
    background-image: linear-gradient(#333, #333);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    padding-bottom: 2px;
}
.aktuality-zpet a:hover  span {
    background-size: 100% 1px;
}


.aktuality-border-radius {
    border-bottom-right-radius: 20px 20px;
}
.aktuality-detail-zpet {
    padding-top: 25px;
}

.cms-module--aktuality-vystup-stranka-cs .cms-module-detail,
.cms-module--aktuality-vystup-stranka-sk .cms-module-detail,
.cms-module--aktuality-vystup-stranka-cs .cms-module-list,
.cms-module--aktuality-vystup-stranka-sk .cms-module-list,
.cms-module--blog-vystup-stranka .cms-module-list {
    background-color:#f7f7f7!important;
}
.aktuality-detail-obrazek {
    padding-right:30px;
}
.aktuality-detail-obrazek img {
    max-width: 100%;
    height:auto;
}
.aktuality-vice-xs {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #e3001b;
    color: #fff;
    font-weight: 600;
    padding: 1px 7px 1px 7px;
}

/*** masonry aktuality ***/
.aktuality-stranka .masonry-aktuality {
    margin: auto;
	max-width: 1300px;
}
.aktuality-stranka .masonry-aktuality .col-12 {
    padding-top: 50px;
}
.aktuality-stranka masonry-aktuality-item A {
    display: block;
}



/*** masonry rozcestnik ***/

.rozcestnik-matros {
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 280px;
    /* max-width: 410px; */
    margin: auto;
    position: relative;
}
.rozcestnik-matros .masonry-rozcestnik-nadpis {
	display: block;
    text-align: center;
    font-size: 40px;
    color: #FFF;
    font-weight: 700;
    padding: 15px;
}
.rozcestnik-matros .masonry-rozcestnik-popis {
	display: block;
	text-shadow: 0px 0px 5px rgb(0, 0, 0);
	text-align: center;
    color: #FFF;
	padding: 0px 20px 20px 20px;
	position: relative;
    z-index: 1;
}
.masonry-rozcestnik-ikona {
	position: absolute;
    bottom: 7px;
    right: 7px;
	color: #FFF;
    font-size: 24px;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.rozcestnik-matros .masonry-rozcestnik-nadpis-text {
	display: block;
    position: relative;
    z-index: 10;
    text-shadow: 0px 0px 20px rgba(0,0,0,0.75);
}
.rozcestnik-matros .masonry-rozcestnik-nadpis-line {
	height: 11px;
    width: 250px;
    position: absolute;
    bottom: 13px;
    z-index: -1;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.masonry-rozcestnik-al {
    background-image: url(../img/rozcestnik-al.jpg);
}
.masonry-rozcestnik-fe {
    background-image: url(../img/rozcestnik-fe.jpg);
}
.rozcestnik-matros .masonry-rozcestnik-ikona-fe {
    background-color: rgba(30, 119, 199, 0.65);
}
.rozcestnik-matros .masonry-rozcestnik-ikona-al {
    background-color: rgba(227, 0, 27, 0.65);
}
.rozcestnik-matros .masonry-rozcestnik-nadpis-line {
    background-color: rgba(30, 119, 199, 1);
}
.masonry-rozcestnik-al .masonry-rozcestnik-nadpis-line {
    background-color: rgba(227, 0, 27, 1);
}




.aktuality-stranka .masonry-rozcestnik {
    margin: auto;
}
.aktuality-stranka .masonry-rozcestnik .col-3 {
    padding-top: 50px;
}
.aktuality-stranka masonry-rozcestnik-item A {
    display: block;
}
.masonry-rozcestnik-item {
    margin-top: 25px;
	position: relative;
}
.masonry-rozcestnik-item a {
    display: block;
    text-decoration: none;
}
.strechy-rozcestnik-odkaz {
    display: block;
    max-width: 360px;
    transition: 350ms ease;
    border: 1px solid #fff;
}
.strechy-rozcestnik-odkaz:hover,
.strechy-rozcestnik-odkaz:focus,
.strechy-rozcestnik-odkaz:active {
    text-decoration: none;
    border: 1px solid #1d3768;
}
.strechy-rozcestnik-inner {
    background-color: #ececec;
    min-height: 321px;
}
.strechy-rozcestnik-obrazek {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}
.strechy-nadpis-rozcestniku {
	text-align: center;
    font-size: 21px;
    line-height: 26px;
    font-weight: 500;
    padding-top: 30px;
    text-shadow: 0px 0px 20px rgba(0,0,0,0.5);
}
.strechy-nadpis-rozcestniku-jine {
    color:#333;
}
.strechy-nadpis-rozcestniku-hlinik {
    color:#e3001b;
}
.strechy-nadpis-rozcestniku-ocel {
    color:#1E77C7;
}   
.strechy-rozcestnik-inner p {
    margin: 0;
}
.strechy-perex {
    text-align: center;
    font-size: 12px;
    color: #333;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
}
.strechy-perex div {
    background-color: #FFF;
    padding: 2px;
}
.strechy-rozcestnik-label {
	position: absolute;
    right: 0;
    bottom: 0;
	padding-left:10px;
	padding-right:10px;
    height: 25px;
    display: flex;
	justify-content: center;
    align-items: center;
    color: #FFF;
    font-size: 16px;
}
.strechy-rozcestnik-label-hlinik {
    background-color: #E3001B;
}
.strechy-rozcestnik-label-hlinik:after {
    content: "Hliník";
}
.strechy-rozcestnik-label-ocel {
    background-color: #1E77C7;
}
.strechy-rozcestnik-label-ocel:after {
    content: "Ocel";
}


.heading {
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(226 226 226) 100%);
    min-height:180px;
    padding: 30px 15px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
BODY[class^=body-produkt] .heading {
	background:#DCDCDC;
	min-height:140px;
}
@media(max-width:991px) {
	BODY[class^=body-produkt] .heading-holder {
		display:none;
	}
}
.heading H1 {
    font-size:56px;
    line-height: 64px;
    color:#000000;
    font-weight: 800;
    text-transform: uppercase;
    margin:0!important;
    position: relative;
    z-index: 1;
}
BODY[class^=body-produkt] .heading .product-title {
	font-weight: normal;
	font-size: 42px;
	color: #bbb;
}
.heading-image {
    position: absolute;
    width: 100%;
    margin-top: -180px;
    text-align: center;
}
.heading-image IMG {
    width:200px; 
}





/*** product detail ***/
.produkt-wrap {
	padding-top:100px;
	margin-top:-100px;
}
.produkt-wrap.stresni,
.produkt-wrap.stenove,
.produkt-wrap.konstrukcni {
	margin-bottom:30px;
}
.produkt-detail-2 .produkt-wrap {
	/* produkty > stresni krytiny > trapez */
	padding-top:0;
	margin-top:100px;
}
.detail-nadpis,
.detail-nadpis H2,
.trapez-detail-nadpis H2 {
    font-size: 36px;
    font-weight: 600;
}
.detail-nadpis .ocel {
    color: #024280!important;
    height: 0px;
}
.detail-nadpis .hlinik {
    color: #e3001b!important;
    height: 0px;
}
.detail-nadpis-border {
    border-top: 4px solid;
    color: #e3001b;
    margin-top: -7px;
}
  
.stresni .trapez-detail-nadpis .detail-nadpis-border {
	color: #e3001b;
}
.stenove .trapez-detail-nadpis .detail-nadpis-border {
	color: #014380;
}
.konstrukcni .trapez-detail-nadpis .detail-nadpis-border {
	color: #1fad61;
}
.trapez-detail-nadpis H2 SPAN:not(.text) {
	font-weight:300;
}


#stresni-krytiny-vystup-detail .carousel-indicators {
    bottom: 5px;
}
.detail-carousel img {
    margin: auto;
}
.detail-carousel .carousel-inner {
    background-color: #f5f5f5;
}
.detail-carousel .item {
    padding: 50px;
}
.detail-carousel .carousel-indicators li {
    background-color: rgba(241,169,173,0.5);
    border: 1px solid rgba(241,169,173,0.5);
    margin: 0 3px 0 3px;
    width: 10px;
    height: 10px;
}
.detail-carousel .carousel-indicators .active {
    background-color: rgba(230,0,29,1);
    border: 1px solid rgba(230,0,29,1);
}
.detail-carousel .carousel-control.left,
.detail-carousel .carousel-control.right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: 250ms ease;
    background-image: none;
    opacity: 0.75;
}
.detail-carousel .carousel-control.left:hover,
.detail-carousel .carousel-control.right:hover {
    opacity: 1;
}
.detail-carousel .arrow-left-carousel,
.detail-carousel .arrow-right-carousel {
	width: 43px;
    height: 43px;
}
.detail-carousel .arrow-left-carousel {
    background-image: url(../img/arrow_left.png);
}
.detail-carousel .arrow-right-carousel {
    background-image: url(../img/arrow_right.png);
}

.detail-flex-wrapper {
    display: flex;
    padding-top: 20px;
}
.detail-flex-wrapper .detail-parametry-flex-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.detail-parametry-holder {
    padding: 0px;
    background-color: #fff;
}
.detail-parametry-wrapper {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: 0px;
}
.detail-parametry-item {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #333;
    font-size: 13px;
    line-height: 22px;
}
.detail-parametry-item:last-of-type {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #f5f5f5;
}
.detail-parametry-item .detail-parametry-item-nadpis {
    font-weight: 700;
    width: 45%;
    border-right: 1px solid #333;
    padding-left: 5px;
}
.detail-parametry-item .detail-parametry-item-popis {
    width: 55%;
    padding-left: 15px;
    font-weight: 600;
}

.parametry-vykres {
	margin-top:20px;
	margin-bottom:20px;
}

.stresni-krytiny-povrchy {
	margin-top:25px;
}

/* custom tabulky parametru */
#content .produkt-detail .table-parametry,
#content .detail-trapez-parametry TABLE {
    width: 100%!important;
    font-size: 13px;
}
#content .produkt-detail .table-parametry .border-right,
#content .produkt-detail .table .border-right,
#content .detail-trapez-parametry TABLE .border-right {
    border-right: 1px solid #333!important;
}
#content .produkt-detail .table-parametry tr,
#content .produkt-detail .table tr,
#content .detail-trapez-parametry TABLE TR {
    background: none!important;
}
#content .produkt-detail .table-parametry tr td,
#content .produkt-detail .table tr td,
#content .detail-trapez-parametry TABLE TR TD {
    border-bottom: 1px solid #333!important;
    padding-top: 2px!important;
    padding-bottom: 2px!important;
    padding-left: 5px!important;
    padding-right: 5px!important;
	min-width: 60px;
}
#content .produkt-detail .table-parametry tr:last-of-type td,
#content .produkt-detail .table tr:last-of-type td,
#content .detail-trapez-parametry TABLE TR:last-of-type TD {
    border-bottom: none!important;
}
#content .produkt-detail .table-text-90 {
    transform: rotate(90deg);
}
#content .produkt-detail .table-parametry td:last-child,
#content .detail-trapez-parametry TABLE TD:last-child {
    max-width: 60%;
    min-width: 50%;
}
#content .produkt-detail .table-parametry-wrap td {
    white-space: normal;
}
#content .produkt-detail .table-parametry-wrap td:last-child {
    width: auto;
}
    
/* kde nakoupite */
.kde-nakoupite .produkt-detail-banner-nadpis {
    text-transform: none;
    text-align: center;
    padding-top: 15px;
}
.kde-nakoupite  .produkt-detail-banner-ikona-wrapper {
    display: none;
}

/*** adddescr ***/
.additional-info-nadpis {
    color:#e3001b;
    font-size: 48px;
    line-height: 44px;
    font-weight: 700;
    margin-top: 0;
	padding-top:10px;
	padding-bottom:30px;
}    
.additional-info-text {
    font-size: 17px;
    line-height: 28px;
}  
.additional-info-text P {
    max-width: 800px;
	margin-left:auto;
	margin-right:auto;
}  
.additional-info-text A {
    font-weight: 800;
    text-decoration: underline;
    color:#030916;
}  
.additional-info-text A:hover,
.additional-info-text A:focus,
.additional-info-text A:active {
    text-decoration: none;
}  
.additional-info-icons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
	gap:15px;
}
.additional-info-icons img {
    padding-top: 15px;
    padding-left: 5px;
    padding-right: 5px;
}  

/*** pravy sloupec detail produktu ***/
.produkt-detail-banner-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.produkt-detail-banner {
    background-position: center center;
    background-size: cover;
    height: 260px;
    color: #FFF;
    position: relative;
    width: 100%;
    max-width: 410px;
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-shadow: 8px 8px 14px 0px rgba(0,0,0,0.08);
    -moz-box-shadow: 8px 8px 14px 0px rgba(0,0,0,0.08);
    box-shadow: 8px 8px 14px 0px rgba(0,0,0,0.08);
}
.produkt-detail-banner.height-auto {
	height:auto;
}
.produkt-detail-banner.banner-navrhar {
	height: 187px;
	background-size:contain;
	background-repeat: no-repeat;
}
.produkt-detail-banner a {
    display: block;
    height: 100%;
    color: #FFF;
    transition: 350ms ease;
}
.produkt-detail-banner a:hover {
    text-decoration: none;
    -webkit-box-shadow: 8px 8px 14px 0px rgba(0,0,0,0.22);
    -moz-box-shadow: 8px 8px 14px 0px rgba(0,0,0,0.22);
    box-shadow: 8px 8px 14px 0px rgba(0,0,0,0.22);
}
.produkt-detail-banner-inner {
    padding: 15px;
}
.produkt-detail-banner.height-auto .produkt-detail-banner-inner {
	padding: 15px 15px 40px 15px;
}
.produkt-detail-banner-inner.no-uppercase .produkt-detail-banner-nadpis  {
	text-transform: none;
}
.produkt-detail-banner-nadpis,
.trapezove-plechy-rozcestnik H2 {
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
    text-transform: uppercase;
    text-shadow: 0px 0px 20px rgba(0,0,0,0.75);
}
.produkt-detail-banner-popis {
    padding-top: 10px;
    font-size: 12px;
    text-shadow: 0px 0px 20px rgba(0,0,0,0.75);
    font-size: 14px;
    max-width: 350px;
}
.produkt-detail-banner-tlacitko {
    position: absolute;
    bottom: 10px;
    right: 10px;
    padding: 5px 10px 5px 10px;
    color: #333;
    font-size: 12px;
    font-weight: 700;
    background-color: #FFF;
}
.produkt-detail-banner-tlacitko SPAN {
    transition: 350ms ease-out;
    background-image: linear-gradient(#333, #333);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    padding-bottom: 2px;
}
.produkt-detail-banner a:hover .produkt-detail-banner-tlacitko SPAN {
    background-size: 100% 1px;
}
.produkt-detail-banner-ikona-wrapper {
    padding-top: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.produkt-detail-banner-ikona-text {
    padding-left: 5px;
    text-transform: uppercase;
    font-size: 13px;
}
.produkt-detail-banner-ikona-nadpis {
    background-color: #e3001b;
	border-radius: 100px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-style: italic;
    padding-right: 2px;
}
.produkt-detail-nadpis-sekce {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}
.produkt-detail-nadpis-sekce .produkt-detail-nadpis-text {
	/* pozor, jei v kontaktech - pravy sloupec nadpis */
    font-size: 30px;
    font-weight: 600;
    padding-left: 10px;
}
.produkt-detail-nadpis-sekce .produkt-detail-nadpis-obrazek {
    padding-top: 5px;
    max-width: 40px;
}
.produkt-detail-nadpis-sekce .produkt-detail-nadpis-obrazek img {
    width: 100%;
}

/* barevne provedeni */
.barevne-provedeni .produkt-detail-banner-ikona-wrapper {
    display: none;
}
.barevne-provedeni .produkt-detail-banner-nadpis {
    text-align: center;
    padding-top: 15px;
}
.barevne-provedeni .produkt-detail-banner-popis {
    text-align: center;
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
    margin-left:auto;
    margin-right:auto;
} 


.detail-kalkulace-zdarma-wrapper {
    width: 100%;
    max-width: 410px;
	background-color: #e65667;
	margin-left: auto;
    margin-right: auto;
}
.detail-kalkulace-zdarma {
    background-image: url(../img/kalkulace_zdarma_large.png);
	background-position: right;
    background-size:cover;
    width: 100%;
    height: 150px;
    transition: 350ms ease;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.detail-kalkulace-zdarma:hover {
        -webkit-box-shadow: 8px 8px 14px 0px rgba(0,0,0,0.22);
        -moz-box-shadow: 8px 8px 14px 0px rgba(0,0,0,0.22);
        box-shadow: 8px 8px 14px 0px rgba(0,0,0,0.22);
}
.detail-kalkulace-zdarma-odkaz {
    transition: 350ms ease;
    display: block;
	color:white;
}
.detail-kalkulace-zdarma:hover,
.detail-kalkulace-zdarma:focus,
.detail-kalkulace-zdarma:active {
    text-decoration: none;
	color:white;
}
.detail-kalkulace-zdarma-inner {
    font-size: 36px;
    padding: 10px 25px;
    text-transform: uppercase;
    color: #fff;
    line-height: 40px;
    text-shadow: 0px 0px 20px rgba(0,0,0,0.75);
}
.detail-kalkulace-zdarma-inner p {
    margin: 0;
}
#page-239 .cms-item-buttons, 
#page-2 .cms-item-buttons {
    display: none;
}


#strechy-ano-ne-reportaz {
    padding-top:40px;
}

.produkt-detail-doplnky,
.produkt-detail-modifikace {
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow:hidden;
    transition: 400ms all;
}
#klempirske-doplnky-detail-holder.active .produkt-detail-doplnky {
    max-height:9999px;
    transition: 400ms all;
}

#klempirske-doplnky-detail-holder:not(.active) .produkt-detail-doplnky {
    max-height:150px;
}



/*** rozcestnik-stresni-krytiny ***/
/*#rozcestnik-stresni-krytiny:not(.active) .rozcestnik-stresni-krytiny-wrapper {
    flex-wrap: wrap;
    transition: 400ms all;
}*/
#rozcestnik-stresni-krytiny.active .rozcestnik-stresni-krytiny-wrapper {
    max-height:9999px;
    transition: 400ms all;
}
/*#rozcestnik-stresni-krytiny:not(.active) .rozcestnik-stresni-krytiny-sub-wrapper {
    max-height:660px;
    overflow:hidden;
    transition: 400ms all;
}*/
/*#rozcestnik-stresni-krytiny.active .objekt-gradient-overlay {
    display:none;
}
#rozcestnik-stresni-krytiny.active .switch-arrow>SPAN {
    transform: rotate(0deg);
    padding: 10px;
    transition: 200ms;
}*/
/* .rozcestnik-stresni-krytiny-wrapper .leva {
	padding-left: 0px;
}
.rozcestnik-stresni-krytiny-wrapper .prava {
	padding-right: 0px;
} */
 @media(max-width: 480px) {
	.rozcestnik-stresni-krytiny-wrapper .masonry-rozcestnik-item {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

/*#klempirske-doplnky-detail-holder.active .switch-arrow>SPAN, 
#klempirske-doplnky-detail-holder.active .switch-arrow-heading,*/
#klempirske-doplnky-detail-holder.active .objekt-gradient-overlay {
    display:none;
}

#rozcestnik-stresni-krytiny .objekt-gradient-overlay {
    margin-top:-77px;
}
.objekt-gradient-overlay {
    height:80px;
    margin-top:-80px;
    background: url(../img/gradient-overlay.png) repeat-x;
    position: relative;
}
#klempirske-doplnky-detail-holder.active .switch-arrow>SPAN {
    transform: rotate(0deg);
    padding:10px;
    transition: 200ms;
}

.produkt-detail-doplnky .doplnek ,
.produkt-detail-modifikace .modifikace {
    min-width:19%;
    max-width:19%;
    background:white;
    padding:10px;
    margin-bottom:20px;
}
.produkt-detail-modifikace-holder {
	max-width: 100%;
}
@media(max-width:1300px) {
	.produkt-detail-modifikace-holder {
		max-width: 900px;
	}
}
@media(max-width:900px) {
	.produkt-detail-modifikace-holder {
		max-width: 700px;
	}
}
.produkt-detail-modifikace .modifikace {
	min-width:15%;
    max-width:15%;
}
@media(max-width:1300px) {
	.produkt-detail-modifikace .modifikace {
		max-width: 24%;
		min-width: 24%;
    }
}
@media(max-width:900px) {
	.produkt-detail-modifikace .modifikace {
		max-width: 49%;
		min-width: 49%;
    }
}
@media(max-width:575px) {
	.produkt-detail-modifikace .modifikace {
		margin-left: auto;
		margin-right: auto;
		max-width: 300px;
		min-width: 300px;
    }
}
.produkt-detail-doplnky .doplnek:empty,
.produkt-detail-modifikace .modifikace:empty {
    padding:0;
    width:0;
    margin:0;
    height: 0;
}
.produkt-detail-doplnky .doplnek H3,
.produkt-detail-modifikace .modifikace H3 {
    color: black;
	font-weight: 600;
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.produkt-detail-doplnky .doplnek-img-holder,
.produkt-detail-modifikace .modifikace-img-holder {
    height:130px;
    display: flex;
    justify-content: center;
    align-items: center;
    background:#f0f0f0;
    padding:10px;
	margin-bottom:10px;
}
.produkt-detail-modifikace P {
    padding-right: 30px;
	font-size: 13px;
	line-height: 18px;
}
.produkt-detail-modifikace .modifikace-img-holder {
	height:160px;
}
.produkt-detail-doplnky .doplnek-img-holder IMG,
.produkt-detail-modifikace .modifikace-img-holder IMG {
    mix-blend-mode: multiply;
}

.produkt-highlights-rozcestnik {
    display: flex;
    flex-flow:row wrap;
    justify-content: space-around;
    border-top: solid 3px #e7e7e7;
    border-bottom: solid 3px #e7e7e7;
    padding-top:20px;
    padding-bottom:20px;
    transition:all 200ms;
    background: white;
}
.produkt-highlights-rozcestnik-compensate:not(.pinned) {
    max-height:0;
}
.produkt-highlights-rozcestnik-compensate.pinned {
    max-height: 500px;
}
.produkt-highlights-rozcestnik.pinned {
    position: fixed;
    top: 80px;
    padding: 10px 30px 0px 30px;
    transition: all 20ms;
    background: #eeeeee;
    width: calc(100vw - 15px);
    z-index: 999;
    margin-left: -15px;
    max-width: 940px;
}

.produkt-highlights-rozcestnik .rozcestnik {
    background:url(../img/fajfka.png) no-repeat left 5px center;
    padding: 5px 5px 5px 56px;
    min-width: 32%;
    max-width: 32%;
    min-height:60px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 13px; 
    font-weight: 600;
    color:black;
    transition: 20ms all;
}
.produkt-highlights-rozcestnik.pinned .rozcestnik {
    padding: 0px 20px 0px 32px;
    margin-bottom:10px;
    min-height:40px;
    background-size: 20px;
    transition: 200ms all;
}

.produkt-highlights-rozcestnik .rozcestnik:hover,
.produkt-highlights-rozcestnik .rozcestnik:active,
.produkt-highlights-rozcestnik .rozcestnik:focus {
    color:black;
    background-color:#F9F9F9;
    transition: 200ms all;
}
.produkt-highlights-rozcestnik .rozcestnik:empty {
	height: 0!important;
    overflow: hidden;
    min-height: 0!important;
    padding: 0;
}
.produkt-highlight H4 {
    text-transform: uppercase;
    font-size:15px;
    font-weight: 600;
    margin-top:35px;
    display:flex;
    align-items: center;
    background:url(../img/fajfka.png) no-repeat left center;
    padding-left: 60px;
    height:50px;
}
.produkt-highlight IMG {
    max-width: 100%;
    height:auto;
}

.pobocky-kde-nakoupite-holder .pobocka {
    padding:15px;
    background: white;
    padding:15px;
    margin-top:15px;
    margin-bottom:25px;
}
.pobocky-kde-nakoupite-holder .pobocka .mesto,
.cms-module--pobocky-vystup-kontakty .pobocka .pobocka-mesto-nadpis {
    font-size: 26px;
    line-height: 30px;
    font-weight: 600; 
}
.pobocky-kde-nakoupite-holder .pobocka .mapa {
    display: block;
    text-align: left;
    padding:10px 0;
    text-transform: uppercase;
    text-decoration: none;
    color: #030916;
}
.pobocky-kde-nakoupite-holder .pobocka .cislo {
    display: block;
    padding: 15px 0 10px 0;
}
.cms-module--pobocky-vystup-kontakty .pobocka,
#vedeni-spolecnosti-vystup-kontakty .vedeni-spolecnosti,
#centrala-vystup-kontakty .centrala {
    margin-top:30px;
    padding: 30px 15px;
    background: #f4f4f4;
}
@media(max-width:767px) {
	.cms-module--pobocky-vystup-kontakty .pobocka {
        margin-top: 15px;
    }
}
.cms-module--pobocky-vystup-kontakty .pobocka:last-of-type {
    margin-bottom: 80px;
}
@media(max-width:767px) {
	.cms-module--pobocky-vystup-kontakty .pobocka:last-of-type {
        margin-bottom: 40px;
    }
}
.cms-module--pobocky-vystup-kontakty .pobocka A,
#centrala-vystup-kontakty .centrala A,
#vedeni-spolecnosti-vystup-kontakty .vedeni-spolecnosti A {
    text-decoration: underline;
}

.cms-module--pobocky-vystup-kontakty .pobocka .pobocka-mesto-nadpis SPAN {
    font-weight:600;
}
.cms-module--pobocky-vystup-kontakty .pobocka .pobocka-mesto-nadpis {
    font-weight:300;
    display:inline;
    border-bottom:  solid 4px #1e77c7;
    line-height: 40px;
}
.cms-module--pobocky-vystup-kontakty .pobocka .pobocka-obsah {
    margin-top:25px;
}
.cms-module--pobocky-vystup-kontakty .pobocka-obsah-sekce {
    border-bottom: 1px solid #AAB1B9;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-left: 0;
    margin-right: 0;
}
@media(max-width:767px) {
	.cms-module--pobocky-vystup-kontakty .pobocka .pobocka-obsah {
		margin-top:0;
	}
}
.cms-module--pobocky-vystup-kontakty .pobocka-obsah-sekce:last-of-type {
    border-bottom: none;
}
.cms-module--pobocky-vystup-kontakty .pobocka-obsah-sekce>.col-sm-6,
.cms-module--pobocky-vystup-kontakty .pobocka-obsah-sekce>.col-sm-12,
.cms-module--pobocky-vystup-kontakty .pobocka-obsah-sekce>.col-xs-12 {
    padding-left: 0px;
    padding-right: 0px;
}
@media(max-width:767px) {
	.cms-module--pobocky-vystup-kontakty IFRAME,
	.pobocka-obsah-sekce IFRAME {
		margin-top:25px;
	}
}
.a-pobocka,
.a-prislusenstvi-item {
	margin-top:-100px;
	padding-top:100px;
}

#vedeni-spolecnosti-vystup-kontakty .vedeni-spolecnosti,
#centrala-vystup-kontakty .centrala {
    margin-bottom:80px;
}
/* ======= ZÁRUKA - START ======= */

#napiste {
	margin-top:20px;
}
#napiste INPUT[type=text] {
	max-width: 350px;
}

.zaruka-label-form-group {
    font-family: 'Barlow', sans-serif;
    color: #E3001B;
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    margin-bottom: 20px;
}

.zaruka-label-input,
.newsletter-label-input {
    font-family: 'Barlow', sans-serif;
    font-size: 13px;
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #000000;
}
#zarukawidget INPUT[type=text] {
	font-size:17px;
}
#zarukawidget .form-check {
	margin-top: 16px;
}
.zaruka-info {
    margin-top: 10px;
}

#zaruka-submit {
    background-color: #E3001B;
    color: #FFFFFF;
    padding: 20px 120px;
    text-transform: uppercase;
    font-size: 20px;
}

#zaruka-update-info {
    color: #E3001B;
}

.table-responsive .table,
.table-parametry.table TD {
	margin-bottom:0;
	border-top:none!important;
}

.table-responsive .table-zaruka {
    border: 1px #ddd solid!important;
}

.table-zaruka .table-zaruka-head {
   vertical-align: middle; 
}

.table-zaruka .table-zaruka-head IMG.more-lines {
    float: left;
}
.table-zaruka .table-zaruka-head DIV {
    float: left;
    text-align: left;
}


.table-zaruka .surface-icon {
    margin-right: 20px;
}



/* ======= ZÁRUKA - END ======= */

/* ======= ODHLÁŠENÍ Z NEWSLETTERU - START ======= */


#newsletter #success {
    font-size: 20px;
}

/* ======= ODHLÁŠENÍ Z NEWSLETTERU - END ======= */

#napiste INPUT[type='text'],
#napiste TEXTAREA,
#zarukawidget INPUT[type='text'],
#katalogy INPUT[type='text'], 
#katalogy SELECT {
    border-radius: 0;
}

.rozcestnik-pills {
    margin-top:10px;
    margin-bottom:30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;  
}
.rozcestnik-pills A {
    display: inline-block;
    background:white;
    padding:10px 15px;
    color:#E3001B;
    border:solid 1px #e3001b;
    margin:0 15px 15px 0;
    text-transform: uppercase;
    text-decoration: none;
    transition: 400ms;
}
.rozcestnik-pills A:hover,
.rozcestnik-pills A.active {
    text-decoration: none;
    background:#E3001B;
    color:white;
    transition: 400ms;
}
.rozcestnik-pills A.blue-bg {
    border-color: #014380;
    background: #014380;
    color:white;
}
.rozcestnik-pills A.green-bg {
	border-color: #02783e;
	color:#fff;
}
.rozcestnik-pills A.green-bg:hover,
.rozcestnik-pills A.blue-bg:hover {
    background:white!important;
    color:#014380;
}

.faq-holder .faq p {
    margin-bottom:35px;
}
.faq-holder .faq:first-of-type H2 {
    margin-top:0;
}

.komiksova-bublina {
    display:flex;
    flex-direction: column;
    align-items:center;
    justify-content: center;
    color:white;
    text-align:center;
    text-transform: uppercase
}
.komiksova-bublina-text H2 {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin:0 0 6px 0;
}
.komiksova-bublina-text P {
    font-size: 11px;
    line-height: 18px;
    margin:0;
}
.komiksova-bublina-text {
    width:218px;
    height:137px;
    background:url(../img/komiksova-bublina-text.png) no-repeat;
    padding:15px 25px 0 57px;
}
.komiksova-bublina-ano,
.komiksova-bublina-ne {
    width:82px;
    height:49px;
    padding:0 10px 0 26px;
    position: relative;
    top:-4px;
}
.komiksova-bublina-ano {
    background:url(../img/komiksova-bublina-ano.png) no-repeat;
}
.komiksova-bublina-ne {
    background:url(../img/komiksova-bublina-ne.png) no-repeat;
}
.komiksova-bublina-ano>SPAN,
.komiksova-bublina-ne>SPAN {
    font-size:19px;
    font-weight:900;
    height:19px;
}



.povrchove-upravy-prehled {
    border-top: solid 3px #e7e7e7;
    border-bottom: solid 3px #e7e7e7;
    background: #eeeeee;
}
.povrchove-upravy-prehled .nazev-s-ikonou {
	margin-top:0;
}
.povrchove-upravy-prehled A.povrchova-uprava {
	color:#030916;
	text-decoration: none;
	display:flex;
	align-items:flex-start;
	padding: 20px;
	border-bottom: solid 1px #d9d9d9;
}
.povrchove-upravy-prehled .nazev-s-ikonou STRONG {
	font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    position: relative;
    top: 4px;
}
.povrchove-upravy-prehled .popis .tlacitko {
	color:#E3001B;
}
.povrchove-upravy-prehled .popis .tlacitko SPAN {
	background-image: linear-gradient(#E3001B, #E3001B)!important;
}
.povrchove-upravy-prehled .povrchy {
	min-width: 250px;
    max-width: 250px;
    margin-left: 45px;
	margin-top:3px;
}
.povrchove-upravy-prehled .povrchy STRONG {
	display: block;
	margin-bottom:20px;
}
.povrchove-upravy-prehled .povrchy .povrch {
	margin-bottom:15px;
}
.povrchove-upravy-prehled A:hover>P>STRONG,
.povrchove-upravy-prehled A:focus>P>STRONG,
.povrchove-upravy-prehled A:active>P>STRONG {
	text-decoration: underline;
}
.povrchove-upravy-prehled A:hover .ikona,
.povrchove-upravy-prehled A:focus .ikona,
.povrchove-upravy-prehled A:active .ikona {
	text-decoration: none;
}



.povrchove-upravy-tridy {
	margin-top:60px
}

.povrchove-upravy-tridy .povrchove-upravy-trida {
	margin-bottom:50px;
}
.trapez-povrchy .povrchove-upravy-trida {
	margin-bottom:20px;
}
.povrchove-upravy-tridy .povrchove-upravy-trida .detail-nadpis {
	margin-bottom:15px;
}
.povrchove-upravy-tridy .povrchove-upravy-trida  .detail-nadpis H2 {
	margin-bottom:11px!important;
}
.povrchove-upravy-tridy .povrchove-upravy-trida-obsah  {
	display: flex; 
	align-items: flex-start;
	margin-bottom:30px;
}
.povrchove-upravy-tridy .ikona,
.povrchove-upravy-prehled .ikona,
.produkt-detail-2 .povrch .ikona,
.trapez-strecha .povrch .ikona{
    border-radius: 100px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600; 
    padding-right: 2px;
	margin-right:20px;
}
.povrchove-upravy-tridy .ikona ,
.povrchove-upravy-prehled .ikona {
	color:white;
	background-color: #e3001b;
	min-width: 40px; 
    min-height: 40px;
	max-width: 40px; 
    max-height: 40px;
	font-style: italic; 
}
.povrchove-upravy-tridy .povrchy-holder {
	display: flex;
	margin-bottom: 20px;
	flex-direction: column;
}
.povrchove-upravy-povrchy .ikona,
.povrchove-upravy-prehled .povrchy .ikona,
.produkt-detail-2 .povrch .ikona,
.trapez-strecha .povrch .ikona {
	color:#000;
	background-color: #FFB404;
	font-size: 17px;
	font-weight: 600;
	min-width: 52px; 
    min-height: 52px;
	max-width: 52px; 
    max-height: 52px;
	margin-right: 20px;
	font-style: normal; 
	padding-left: 3px;
}
.povrchove-upravy-povrchy .ikona SUP,
.povrchove-upravy-prehled .povrchy .ikona SUP,
.produkt-detail-2 .povrch .ikona,
.trapez-strecha .povrch .ikona{
	color:black;
	font-weight: 600;
}
.produkt-detail-2 .povrchy-holder,
.trapez-strecha .povrchy-holder {
	display:flex;
	flex-wrap: wrap;
}
.produkt-detail-2 .povrchy-holder {
	max-width: 950px;
	margin-bottom:100px;
}
.trapez-strecha .povrchy-holder {
	margin-bottom:0px;
}
.produkt-detail-2 .povrch,
.trapez-strecha .povrch {
	margin-top:15px;
	margin-right:15px;
	color:#030916;
	text-decoration: none;
	padding:4px 15px 4px 4px;
	border:solid 1px #043866;
	border-radius:100px;
}
.produkt-detail-2 .povrch {
	min-width: 300px;
	text-decoration: underline;
	font-weight: 600;
	cursor: pointer;
}
.produkt-detail-2 .povrch:hover,
.produkt-detail-2 .povrch:active,
.produkt-detail-2 .povrch:focus,
.trapez-strecha .povrch:focus,
.trapez-strecha .povrch:active,
.trapez-strecha .povrch:hover {
	background-color:#f5f5f5;
	color:#fff;
	transition: 200ms;
	background: #043866;
}
.povrchove-upravy-tridy .obsah .perex P {
	margin-top:0;
	font-size:17px;
	margin-bottom:7px;
}

.povrchove-upravy-povrchy .povrchova-uprava {
	margin-bottom:60px;
}
.trapez-povrchy .povrchova-uprava {
	margin-bottom:0;
}
.povrchove-upravy-povrchy .nadpis {
	margin-top:45px;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
}
.trapez-povrchy  {
	margin-top:0;
}
.trapez-povrchy .nadpis {
	margin-top:20px;
}
.povrchove-upravy-povrchy .nadpis .ikona {
	position: relative;
	top:-3px;
}
.povrchove-upravy-povrchy .nadpis H3 {
	display:inline-block;
	margin-top:0;
	margin-bottom:0;
	border-bottom: solid 3px #024280;
}
.povrchove-upravy-povrchy .nadpis.hlinik H3 {
	border-color: #E3001B;
}
.povrchove-upravy-povrchy .nadpis .parametry,
.povrchove-upravy-povrchy .nadpis .material {
	display:inline-block;
	margin-left:5px;
	font-size: 15px;
}
.povrchove-upravy-povrchy .nadpis .material {
	text-transform: uppercase;
	font-weight: 700;
	color: #024280;
}
.povrchove-upravy-povrchy .nadpis.hlinik .material {
	text-transform: uppercase;
	color: #E3001B;
}
.povrchove-upravy-povrchy .nadpis .zaruka {
	color:#E3001B;
	font-weight: 700;
	display:block;
	font-size: 15px;
	margin-left:45px;
	flex-basis: 100%;
}
.povrchove-upravy-povrchy .popis {
	margin-top:15px;
}
.povrchove-upravy-povrchy .strechy .list {
	display:flex;
	align-items: flex-start;
	flex-wrap: wrap;
}
.povrchove-upravy-povrchy .strechy .list A {
	display:block;
}
/* tyto dva povrchy nemaji trapez, ktery je u ostatnich manualne pridan */
.povrchove-upravy-povrchy .strechy.strechy-af-stucco .manualne-pridano-v-tisku-log,
.povrchove-upravy-povrchy .strechy.strechy-af .manualne-pridano-v-tisku-log,
.povrchove-upravy-povrchy .strechy.strechy-plx .manualne-pridano-v-tisku-log {
	display:none;
}

.povrchove-upravy-povrchy .barvy-a-obrazky {
	display:flex;
	margin-top:15px;
}
.povrchove-upravy-povrchy .obrazky {
	margin-top:20px;
	margin-right:20px;
}
.povrchove-upravy-povrchy .obrazky A {
	display:block;
	position:relative;
}
.povrchove-upravy-povrchy .obrazky A::after {
	content: ' ';
	width:23px;
	height:23px;
	position: absolute;
	bottom:5px;
	right:5px;
}
.povrchove-upravy-povrchy .obrazek A::after {
	background:url(../img/lupa-povrch.png);
}
.povrchove-upravy-povrchy .vrstvy A::after {
	background:url(../img/lupa-vrstvy.png);
}
.povrchove-upravy-povrchy .obrazky A IMG {
	display:block;
	margin-right:0;
	margin-bottom:20px;
	max-height:100px;
	max-width: 126px;
}
.povrchove-upravy-povrchy .vrstvy A IMG {
	border:solid 1px gray;
}
 
.povrchove-upravy-povrchy .barvy {
	flex-grow:1;
	margin-top: 20px;
    padding: 20px;
    background: #eeeeee;
    border-top: solid 4px #e7e7e7;
    border-bottom: solid 4px #e7e7e7;
	background-size: cover;
}
.trapez-barvy {
	margin-bottom: 40px;
}
.povrchove-upravy-povrchy .barvy .barvy-holder,
.trapez-barvy .barvy-holder,
.prislusenstvi-list-holder .barvy-holder {
	margin-top:20px;
	display: flex;
	flex-wrap:wrap;
}
.trapez-barvy .barvy-holder {
	margin-top: 10px;
}
.prislusenstvi-list-holder .barvy-holder {
	margin-top:0;
}
.povrchove-upravy-povrchy .barvy .barvy-holder .barva {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	margin-right:12px;
	margin-bottom:25px;
	max-width: 120px;
    min-width: 120px;
}
.trapez-barvy .barvy-holder .barva,
.prislusenstvi-list-holder .barvy-holder .barva {
	display:flex;
	align-items: center;
	margin-right: 10px;
	min-width: 120px;
}
.prislusenstvi-list-holder .barvy-holder .barva {
	min-width: initial;
	margin-bottom:5px;
}
.povrchove-upravy-povrchy .barvy .barvy-holder .barva .nazev {
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	font-size: 12px;
}
.povrchove-upravy-povrchy .barvy .barvy-holder .barva .ukazka,
.trapez-barvy .barvy-holder .barva .ukazka,
.prislusenstvi-list-holder .barvy-holder .barva .ukazka {
	min-width:50px;
	max-width:50px;
	height:50px;
	border-radius: 100px;
	/*border: solid 1px #d4cfcf;*/
	margin-top:8px;
	margin-bottom:8px;
}
.trapez-barvy .barvy-holder .barva .ukazka,
.prislusenstvi-list-holder .barvy-holder .barva .ukazka {
	min-width: 25px;
	max-width: 25px;
	height:25px;
	margin-right:8px;
}
.prislusenstvi-list-holder .barvy-holder .barva .ukazka {
	margin-bottom: 0px;
	margin-top: 3px;
}
.povrchove-upravy-povrchy .barvy .barvy-holder .barva .kod {
	font-weight: 600;
}
.povrchove-upravy-povrchy .barvy .barvy-holder .barva .kod SPAN {
	font-weight: 400;
}

.okna-ikony-holder {
	display:flex;
	flex-wrap:wrap;
}
.okna-ikony-holder .ikona {
	background:#014380;
	color:white;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-right:15px;
	margin-bottom:15px;
	padding-bottom: 10px;
	font-size: 12px;
}
.okna-ikony-holder .ikona .img {
	margin: 5px 5px 15px 5px;
	background:white;
}
.okna-ikony-holder .ikona .img IMG,
.okna-ikony-holder .ikona .text {
	max-width: 100px;
	min-width: 100px;
	min-height: 100px;
	max-height: 100px;
}
.okna-ikony-holder .ikona .text {
	min-height: inherit;
	max-height: inherit;
	text-align: center;
}
.okna-ikony-holder .ikona .text {
	text-transform: uppercase;
	font-weight: 600;
}
.obrazek-s-tabulkou {
	margin-top:30px;
	padding-top:15px;
	padding-bottom:15px;
	background:#f5f5f5;
}

.ucx-sestavy {
	float:left;
	margin-bottom:30px;
}
.ucx-sestavy .popover {
	min-width: 250px;
	max-width: 320px;
}
.ucx-sestavy .ucx-col-1,
.ucx-sestavy .ucx-col-2 {
	padding-left:15px;
	padding-right:15px;
	position: relative;
    min-height: 1px;
	float: left;
}
.ucx-sestavy .ucx-col-1 {
	width:140px;
}
.ucx-sestavy .ucx-col-2 {
	width:200px;
}
.ucx-sestavy .ucx-col-1 SPAN {
	border: 3px solid rgb(227, 207, 135);
	padding: 5px 5px 5px 5px;
	text-align: center;
	/*display:inline-block;*/
	margin-right:4px;
}
.ucx-sestavy .ucx-col-1,
.ucx-sestavy .ucx-col-2 {
	line-height: 40px;
}
.ucx-sestavy .ucx-col-2 SPAN {
	cursor: help;
	text-decoration: underline;
	text-decoration-style: dashed;
}

.trapezove-plechy-rozcestnik {
	height: 270px;
	background-size:cover;
	color:white;
	padding: 5px 15px 5px 15px;
	transition: 400ms;
}
.trapezove-plechy-rozcestnik H2 {
	text-align: center;
	margin-top:20px;
}
.trapezove-plechy-rozcestnik.stresni {
	background-image: url(../img/trapezy-stresni.jpg);
	background-color: #6e000d;
}
.trapezove-plechy-rozcestnik.konstrukcni {
	background-image: url(../img/trapezy-konstrukcni.jpg);
	background-color: #2c5b3e;
}
.trapezove-plechy-rozcestnik.stenove {
	background-image: url(../img/trapezy-stenove.jpg);
	background-color: #0d2b45;
}

.trapezove-plechy-rozcestnik.expanded {
	transition: 400ms;
	background-image: none;
}

.trapez-detail-wrap {
	padding-top: 20px;
}
.detail-trapez-obrazky {
	background: #f5f5f5;
	padding: 35px 15px;
}
.detail-trapez-obrazky IMG {
	margin-top:30px;
	margin-bottom:30px;
}
.detail-trapez-obrazky.ceska-kvalita {
	background: #f5f5f5 url(../img/ceska-kvalita.jpg) no-repeat top 15px left 15px;
}
.detail-trapez-obrazky .legenda {
	width:220px;
	margin-left:auto;
	margin-right:auto;
}
.detail-trapez-obrazky .legenda>DIV {
	display: flex;
}
.detail-trapez-obrazky .legenda>DIV .ikona {
	display:inline-block;
	background:black;
	color: white;
	font-weight:bold;
    width: 16px;
    height: 18px;
	margin-right: 10px;
	text-align: center;
}
.detail-trapez-obrazky .legenda>DIV .popis {
	text-transform: uppercase;
}

.detail-trapez-parametry,
.detail-trapez-vykres {
	background: #f5f5f5;
	padding:15px;
}
.vice-tabulek .detail-trapez-parametry-wrap {
	margin-top:30px;
}
#content .detail-trapez-parametry {
	text-align: center;
}
#content .detail-trapez-parametry .table-caption {
	text-align: center;
	display:inline-block;
	margin:0 auto;
	background: #f5f5f5;
	padding:5px;
	position: relative;
	top: -3px;
	line-height: 20px;
    /* margin-top: -5px; */
	font-weight: 600;
}
#content .detail-trapez-parametry TABLE {
	border: solid 1px #333;
	font-size: 12px;
	margin-top:-20px;
	margin-bottom:20px;
	max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}
#content .detail-trapez-parametry TABLE THEAD {
	border: solid 1px #333;
}
#content .detail-trapez-parametry TABLE THEAD TR TD {
	height:18px;
	padding-top:5px;
	padding-bottom:5px;
}
#content .no-td-height TD {
	line-height: 0 !important;
}
#content .detail-trapez-parametry TABLE.prazdna THEAD TR TD {
    text-align: center;
    vertical-align: middle;
    padding: 10px!important;
}
#content .detail-trapez-parametry TABLE TR TD.longer {
	min-width: 125px;
}
#content .detail-trapez-parametry TABLE TR TD DIV {
	display:inline-block;
	width:47%;
	/*min-width: 51px;*/
	position:relative;
}
#content .detail-trapez-parametry TABLE TR TD DIV.top-left {
	border-right: solid 1px #333;
	border-bottom: solid 1px #333;
	left:1px;
}
#content .detail-trapez-parametry TABLE TR TD DIV.top-right {
	border-bottom: solid 1px #333;
	left:-2px;
}
#content .detail-trapez-parametry TABLE TR TD DIV.bottom-right {
	border-left: solid 1px #333;
	left:-2px;
}

#content #stresni-krytiny-vystup-detail .parametry-min-w {
	min-width: 35px;
}
#content .detail-trapez-parametry .parametry-min-w {
	min-width: 60px!important;
}

.volitelne-upravy {
	display:flex;
	justify-content: flex-start;
	margin-top:50px;
}
.volitelne-upravy .uprava {
	max-width: 280px;
	text-align: center;
	font-weight:bold;
}
.volitelne-upravy .uprava:first-of-type {
	margin-right:60px;
}


.trapezove-plechy-rozcestnik-holder {
	padding-left:3px;
	padding-right:3px;
}
.trapezove-plechy-rozcestnik-holder:first-of-type {
	padding-left:0px;
}
.trapezove-plechy-rozcestnik-holder:last-of-type {
	padding-right:0px;
}
.trapezove-plechy-rozcestnik {
	display:flex;
	flex-direction: column;
	justify-content: space-between;
}
.trapezove-plechy-volba-profilu  {
	background: white;
    padding: 5px;
    width: 100%;
    list-style-type: none;
    min-height: 34px;
    cursor: pointer;
    transition: 200ms;
	position: relative;
	z-index: 1;
}
.trapezove-plechy-rozcestnik.expanded .trapezove-plechy-volba-profilu {
	background: url(../img/product-side-menu-arrow-down.png) left 28px top 26px no-repeat;
	transition: 200ms;
}
.trapezove-plechy-rozcestnik.expanded.stresni .trapezove-plechy-volba-profilu {
	background-color: #e3001b;
}
.trapezove-plechy-rozcestnik.expanded.konstrukcni .trapezove-plechy-volba-profilu {
	background-color: #1fad61;
}
.trapezove-plechy-rozcestnik.expanded.stenove .trapezove-plechy-volba-profilu {
	background-color: #014380;
}

.trapezove-plechy-volba-profilu LI:not(:first-of-type) {
    height: auto;
    max-height: 0;
    overflow: hidden;
    transition: 200ms;
} 
.trapezove-plechy-volba-profilu LI:first-of-type {
	background: white;
    text-transform: uppercase;
    height: 30px;
    display: flex;
    align-items: center;
    font-weight: 600;
    padding: 0px 10px;
    color: black;
	background-image: url(../img/product-side-menu-arrow-down-black.png);
	background-position: right 15px top 10px;
	background-repeat: no-repeat;
	background-size:10px;
}
.trapezove-plechy-rozcestnik.expanded .trapezove-plechy-volba-profilu LI {
    max-height: 100px;
    transition: 200ms;
    padding: 0px 10px;
	margin-bottom: 10px;
}
.trapezove-plechy-volba-profilu LI A {
    display: block;
    color: black;
    padding: 0px 10px;
    transition: 200ms;
}
.trapezove-plechy-rozcestnik.expanded .trapezove-plechy-volba-profilu LI A {
    padding: 5px 10px;
    transition: 200ms;
}
.trapezove-plechy-rozcestnik.expanded .trapezove-plechy-volba-profilu LI A.vyrabi-satjam {
    color:yellow!important;
}
.trapezove-plechy-rozcestnik.expanded .trapezove-plechy-volba-profilu LI:first-of-type {
    margin-bottom:20px;
	background-image:url(../img/product-side-menu-arrow-up-black.png);
	transition: 500ms;
}
.trapezove-plechy-rozcestnik.expanded .trapezove-plechy-volba-profilu LI:not(:first-of-type) A {
    color:white;
	font-weight: 600;
}

.povrchova-uprava.apm-stucco .manualne-pridano-v-tisku-log,
.povrchova-uprava.pmb .manualne-pridano-v-tisku-log {
	display:none!important;
}

.trapezove-plechy-povrchove-upravy-rozcestnik {
	position: relative;
}
.trapezove-plechy-povrchove-upravy-rozcestnik .rozcestnik-trapez-vice-informaci {
	position: absolute;
	right:0;
	bottom: 50px;
	font-weight: 600;
	text-transform: uppercase;
	color: black;
	display: inline-block;
	padding: 15px 10px 15px 30px;
	background:url(../img/arrow-right-red.jpg) no-repeat left 10px center #f9f9f9;
}
.trapezove-plechy-povrchove-upravy-rozcestnik .povrchy-holder {
	display: flex;
	flex-wrap:wrap;
	margin-top:30px;
}
.trapezove-plechy-povrchove-upravy-rozcestnik .povrchy-holder .povrch {
	margin-right: 80px;
	display:flex;
	flex-direction: column;
	align-items: center;
	margin-bottom:25px;
}
.trapezove-plechy-povrchove-upravy-rozcestnik .povrchy-holder .povrch .ikona {
	display: block;
    width: 80px;
    height: 80px;
    background: white;
    border-top: solid 22px;
    border-bottom: solid 22px;
    border-right: solid 12px;
    border-left: solid 12px;
    border-color: #e3001b;
    text-align: center;
    font-size: 23px;
    color: #e3001b;
}
.trapezove-plechy-povrchove-upravy-rozcestnik.volitelne-upravy-rozcestnik .povrchy-holder .povrch  .ikona{
	background:#014380;
	border:none;
	display:flex;
	align-items: center;
	justify-content: center;
}
.trapezove-plechy-povrchove-upravy-rozcestnik .povrchy-holder .povrch .ikona IMG {
	margin-right: 0;
	margin-bottom: 0;
}
.trapezove-plechy-povrchove-upravy-rozcestnik .povrchy-holder .povrch .ikona SUP {
	color:#024280;
	font-weight: 600;
}
.trapezove-plechy-povrchove-upravy-rozcestnik .povrchy-holder .povrch SPAN {
	/*text-transform: uppercase;*/
    color: #e3001b;
    display: flex;
    max-width: 70px;
    justify-content: center;
    text-align: center;
    line-height: 16px;
    padding-top: 5px;
}


.ikonymapa {
	position:absolute;
	top:30px;
	right:30px;
	width:170px;
	
}
.ikonymapa DIV {
	margin-bottom:8px;
	display: flex;
}
.ikonymapa DIV SPAN:first-of-type {
	width: 40px;
}


.trapez-side-menu-holder.v-pravem-sloupci {
	margin-bottom: 30px;
}
.trapez-side-menu-holder A {
	display:flex;
	height: 65px;
	text-decoration: none;
	margin-bottom:5px;
	max-width: 410px;
    margin-left: auto;
    margin-right: auto;
}
.trapez-side-menu-holder A SPAN:first-of-type {
	min-width:65px;
	max-width:65px;
	height: 65px;
	display: flex;
	align-items: center;
	justify-content: center;
	background:#90794f;
}
.trapez-side-menu-holder A SPAN:last-of-type {
	height: 65px;
	width:100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	background:#e4e4e4;
	color:#90794f;
	padding-left: 20px;
	padding-right:20px;
	text-transform: uppercase;
	transition: 100ms;
}
.trapez-side-menu-holder A:hover SPAN:last-of-type {
	background:#90794f;
	color:#e4e4e4;
	transition: 200ms;
}

.ke-stazeni-holder {
	margin-top:20px;
	margin-bottom:50px;
}
.ke-stazeni-holder A {
	display:flex;
	align-items: center;
	justify-content: space-between;
	max-width: 740px;
	padding:20px;
	border-bottom: solid 1px #f1f1f1;
	color:#333333;
	font-weight: bold;
	text-decoration: none;
}

.ke-stazeni-holder .row:nth-of-type(odd) A {
	background: #f8f8f8;
}
.stahnout-btn {
	display:block;
	padding:5px 20px;
	background:#014380;
	color:white;
	text-transform: uppercase;
	min-width: 105px;
	max-width: 105px;
	margin-left:40px;
	font-weight: normal;
}
.ke-stazeni-holder A.zvyrazneni {
	color:#fff;
	text-transform: uppercase;
}
.ke-stazeni-holder A.zvyrazneni .stahnout-btn {
	font-weight: 700;
    background-color: #fff!important;
    color: #E3001B; 
}
.ke-stazeni-holder .row:last-of-type A {
	border:none;
}

.reference-info-o-strese-top .reference-info-o-strese P {
	text-align: center;
}
.reference-info-o-strese-top .reference-info-o-strese .rozcestnik-pills {
	justify-content: center;
}
.reference-info-o-strese-top .reference-info-o-strese .vice {
	margin-right:0;
}
.reference-info-o-strese-top .reference-info-o-strese .zpet {
	display:none;
}
.reference-info-o-strese-bottom .reference-info-o-strese .rozcestnik-pills {
	justify-content: center;
	margin-bottom:20px;
	margin-top:25px;
}
.reference-info-o-strese-bottom .reference-info-o-strese P {
	display:none;
}

.reference-share {
	margin-top:0;
	margin-bottom:40px;
}
.reference-share IMG {
	mix-blend-mode:unset;
}

.sendvicovy-panel {
	margin-top:25px;
	margin-bottom:45px;
}
.sendvicovy-panel .detail-nadpis {
	margin-bottom:20px;
}
.sendvicovy-panel .detail-parametry-wrapper {
	max-width: 600px;
}
.sendvicovy-panel .parametry TABLE TR TD:first-of-type {
	max-width: 200px;
}
.sendvicovy-panel .obrazek-holder {
	margin-top:30px;
	margin-bottom: 30px;
}
.img-text-vedle-sebe {
	display:flex;
	/*flex-wrap: wrap;*/
	align-items: flex-start;
}
.img-text-vedle-sebe .img {
	max-width: 150px;
	min-width: 50px;
	margin-right:25px;
	margin-top:0px;
}

.obrazek-s-popiskem IMG {
	margin-top: 30px;
	margin-left:auto!important;
	margin-right:auto!important;
	display:block;
}
.obrazek-s-popiskem SMALL {
	display: block;
	margin-left:auto!important;
	margin-right:auto!important;
	max-width: 300px;
	text-align: center;
}

.bonus-wrap {
	position: relative;
}
.bonus-holder {
	background: url(/doc/cms_library/bonus_satjam-324.png) no-repeat top center;
	min-height:692px;
	position: absolute;
	top: 0;
    width: 100%;
    z-index: -1;
}
.bonus-content {
	margin-top: 100px;
	margin-bottom: 100px;
}
BODY.body-bonus #content {
	margin-top:0;
}
.bonus-overlay {
	position: absolute;
	z-index: -1;
	height:100%;
	width:100%;
	background:#fefefe;
	background:#fefefea6;
}
.b-popup {
	background: #f7cb14;
	margin-top:50px;
	padding:40px;
}
.bonus-overlay .b-popup .d-flex {
	display:flex;
	justify-content: space-between;
	align-items:  center;
}

.ekokom {
	min-height: 120px;
}
.ekokom .produkt-detail-banner-tlacitko {
	background: #e3001b; 
	color:white;
}
.produkt-detail-banner a:hover .ekokom .produkt-detail-banner-tlacitko SPAN {
	background:none;
}

.kariera-item {
	padding:30px;
}
.kariera-item:nth-of-type(odd) {
	background:#f7f7f7;
}
.kariera-item H3 {
	margin-top:25px;
	margin-bottom:15px;
}
.kariera-item .kontakt P {
	margin-bottom:5px;
	margin-top:5px;
}

.rotate-90 {
	transform: rotate(90);
}

.prepinani {
	padding:15px 10px;
	background: #f5f5f5;
	align-items: center;
	transition: 600ms;
	max-width: 1100px;
}
.prepinani:hover,
.prepinani:active,
.prepinani:focus {
	text-decoration: none;
	background: #e5d8d8;
	transition: 200ms;
}
.prepinani IMG {
	margin-top:0;
	margin-bottom:0;
}
.prepinani .text SPAN {
	display: block;
	font-weight: 600;
	color:#030916;
}
.prepinani .nadpis {
	font-size: 24px;
	margin-top: 0;
	margin-bottom: 10px;
}
.prepinani .popis {
	margin-top: 10px;
	margin-bottom: 0px;
}

.aktuality-detail-text IMG {
	max-width: 100%!important;
	height:auto!important;
}


/* --- PRISLUSENSTVI ROZCESTNIK --- */
.prislusenstvi-prepinac-wrap {
	display:inline-block;
	background-color:#ea2426;
	padding:8px 30px;
	border-bottom-right-radius: 20px;
}
.prislusenstvi-prepinac {
	display:block;
	background: none;
    border: none;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: bold;
    font-size: 18px;
    color: white;
    margin-bottom: 15px;
}
.prislusenstvi-prepinac:hover,
.prislusenstvi-prepinac:focus,
.prislusenstvi-prepinac:active {
	outline:none;
	color:white;
	text-decoration: none;
}
.prislusenstvi-prepinac::before {
	content:' ';
	display: inline-block;
	margin-right:10px;
	width:35px;
	height:34px;
	background:url(../img/prislusenstvi-prepinac.jpg);
	position: relative;
	top:10px;
}
.prislusenstvi-prepinac.active::before {
	background:url(../img/prislusenstvi-prepinac-active.jpg)
}
 
#prislusenstvi-rozcestnik-grid-wrap {
	display:none;
}
#prislusenstvi-rozcestnik-strecha-wrap {
	width:100%;
	height:1040px;
	margin-top:60px;
	margin-bottom:80px;
	position:relative;
	display: flex;
    justify-content: center;
}
#prislusenstvi-rozcestnik-strecha {
	width:1300px;
	height:581px;
	background:url(../img/prislusenstvi-rozcestnik-strecha.jpg) no-repeat center center;
	background-size:contain;
	position:absolute;
	top: 60%;
	margin-top:-150px;
}

.prislusenstvi-box,
.prislusenstvi-grid {
	display:flex;
	position:absolute;
	z-index: 9;
	text-decoration: none;
}

.prislusenstvi-box:hover,
.prislusenstvi-box:active,
.prislusenstvi-box:focus,
.prislusenstvi-grid:hover,
.prislusenstvi-grid:active,
.prislusenstvi-grid:focus {
	text-decoration: none;
}
.prislusenstvi-box .img-holder,
.prislusenstvi-grid .img-holder {
	display:flex;
	align-items: flex-start;
	justify-content:center;
	min-width:80px;
	max-width:80px;
	min-height:80px;
	max-height:80px;
	border: solid 3px #000000;
	margin-right:3px;
	overflow: hidden;
}
.prislusenstvi-box .text-holder,
.prislusenstvi-grid .text-holder {
	min-width: 215px;
	max-width: 215px;
	position: relative;
	border-bottom-right-radius: 20px;
	padding: 8px 10px 0px 8px; 
}
.prislusenstvi-box .text-holder .connection-anchor-box,
.prislusenstvi-grid .text-holder .connection-anchor-box {
	position: absolute;
    top: 0;
    left: -83px;
    width: 298px;
    height: 80px!important;
	cursor:pointer!important;
}
.prislusenstvi-box .text-holder H2,
.prislusenstvi-grid .text-holder H2 {
	font-weight: 400;
    font-size: 17px;
    color: white;
	margin-top:0;
	margin-bottom:3px;
}
.prislusenstvi-box .text-holder P,
.prislusenstvi-grid .text-holder P {
    font-size: 14px;
    color: white;
	margin-bottom:0px;
}
.connection-anchor-strecha {
	border-radius: 100px;
	border-width: 3px;
	border-style: solid;
	width:1px;
	height:1px;
	position:absolute;
}

#prislusenstvi-rozcestnik-grid-wrap {
	/* na desktopu jsou rozcestniky v gridu skryty */
	margin-top:40px;
}
.prislusenstvi-rozcestnik-grid-holder {
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
}
.prislusenstvi-grid {
	position: relative;
	max-width: calc(50% - 30px);
	margin-bottom:30px;
	margin-left:15px;
	margin-right:15px;
}


/* --- PRISLUSENSTVI DETAIL --- */
.prislusenstvi-list-holder {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	margin-bottom:80px;
}
.prislusenstvi-list-holder>H2 {
	flex-grow: 1;
	width:100%;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
}
.prislusenstvi-list-holder>H2:not(.first) {
	margin-top: 70px;
}
.prislusenstvi-item {
	margin-top:45px;
	min-width:calc(50% - 30px);
	max-width:calc(50% - 30px);
	padding:15px;
	background: #fafafa;
}
.prislusenstvi-item.empty {
	padding:0;
	height:0;
}
.prislusenstvi-item .nazev H2 {
	text-transform: uppercase;
	font-size: 24px;
    line-height: 28px;
	font-weight: 900;
	color: #e3001b!important;
	margin-top:0;
	margin-bottom:5px;
}
.prislusenstvi-item .nazev H2 SPAN {
	text-transform: none;
	color:#000000;
	white-space: nowrap;
}
.prislusenstvi-item .nazev .podnazev {
	font-size:16px;
	display:inline-block;
}
.prislusenstvi-item .nazev .podnazev:not(:last-of-type)::after {
	content:'•'; 
	font-weight: normal;
	display:inline-block;
	margin-left:8px;
	margin-right:8px;
}

.prislusenstvi-item .obsah {
	display:flex;
	align-items: flex-start;
	margin-top:20px;
}
.prislusenstvi-item .img-holder {
	border-radius: 100px;
	border:dotted 2px black;
	min-width:120px;
	max-width:120px;
	min-height:120px;
	max-height:120px;
	margin-right:20px;
	background-repeat: no-repeat;
	background-size: contain;
	background-color:#ffffff;
}


/* --- vnitrek kategorie prislusenstvi (animovane obrazky)--- */
.prislusenstvi-animace-wrap {
	padding:20px;
	background:#ececec
}
.prislusenstvi-animace-uvod {
	margin-bottom: 20px;
}
.prislusenstvi-animace-uvod H2,
#blog-vystup-stranka .aktuality-detail-text H2 {
	text-transform: uppercase;
    font-size: 24px;
    line-height: 28px;
    font-weight: 900;
    color: #000000!important;
    margin-top: 0;
    margin-bottom: 10px;
}
.prislusenstvi-animace-uvod P {
    margin-top: 10px;
    margin-bottom: 0px;
}
.prislusenstvi-animace,
.prislusenstvi-animace-inner {
	position:relative;
}
.prislusenstvi-animace IMG {
	border: dotted 2px black;
	border-radius: 20px;
	background-color: #fafafa;
	width: 100%;
}
.prislusenstvi-animace .connection-anchor-animace {
	position:absolute;
	border-radius: 100px;
    border-width: 3px;
    border-style: solid;
    width: 1px;
    height: 1px;
}
.prislusenstvi-animace-popis UL {
	list-style-type: none;
	margin-top:10px;
	padding:15px 10px;
	background-color: #fafafa;
}
.prislusenstvi-animace-popis {
	text-transform: uppercase;
	font-weight: 600;
}
.prislusenstvi-text {
	text-transform: uppercase;
    font-size: 18px;
    line-height: 30px;
    font-weight: 900;
	padding-left:10px;
    color: #e3001b!important;
}
.prislusenstvi-text SPAN {
	text-transform: none;
	position: relative;
    top: -10px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
	padding-left:10px;
    color: #000000;
}

/* --- ! vnitrek kategorie prislusenstvi (animovane obrazky)--- */

.prislusenstvi-item .text-holder>DIV:not(:last-of-type) {
	margin-bottom:15px;
}
.prislusenstvi-item .text-holder .barvy-holder {
	margin-top:-7px;
}
.prislusenstvi-item H3 {
	margin-top:0px;
	text-transform: uppercase;
	font-size:18px;
	font-weight: 600;
	margin-top:5px;
}
.prislusenstvi-item H3:not(:first-of-type) {
	margin-top:20px;
}
.prislusenstvi-item .strechy {
	text-transform: uppercase;
}
.prislusenstvi-item .materialy A {
	white-space: nowrap;
}
.prislusenstvi-item TABLE {
	width:100%;
}
.prislusenstvi-item TABLE THEAD TD {
	font-weight: 600;
	border-bottom:solid 1px #e5162e;
	/*background:white;*/
	padding: 5px 10px 5px 0;
}
.prislusenstvi-item TABLE TBODY TR, 
.prislusenstvi-item TABLE TBODY TR TD {
	border:none!important;
	background:none!important;
	padding: 5px 0 !important;
	text-align:center;
}
.prislusenstvi-item TABLE TBODY TR:first-of-type TD {
	padding-top:10px!important;
} 

.perovka-holder IMG {
	margin-top: 30px;
}


/* --- sATJAM ALUMAT --- */
.hlinikova-strecha {
	margin-bottom:80px;
}
.hlinikova-strecha H2 {
	margin-top:50px;
	font-weight:900; 
	font-size:24px;
	color:#E3001B;
}
.hlinikova-strecha-item {
	text-decoration: none;
	display:flex;
	margin-top:40px;
}
.hlinikova-strecha-item:hover,
.hlinikova-strecha-item:active,
.hlinikova-strecha-item:focus {
	text-decoration: none;
}
.hlinikova-strecha-item .img {
	margin-right:20px;
}
.hlinikova-strecha-item H3 {
	font-weight:900; 
	font-size:22px;
	margin-top:0;
	text-transform: uppercase;
	color:#000000;
}
.hlinikova-strecha-item P {
	color:#000000;
}
/* --- ! SATJAM ALUMAT --- */

.popis-pod-nadpisem {
	margin-top:-30px;
}
.popis-pod-nadpisem .inner {
	padding:15px;
	background:#014380;
	text-align:center;
	color:white;
	text-transform: uppercase;
	margin-bottom: -20px;
}

.strecha-link-na-prislusenstvi {
	color:white;
	margin-bottom:35px;
	display: flex;
}
.strecha-link-na-prislusenstvi:hover, 
.strecha-link-na-prislusenstvi:active,
.strecha-link-na-prislusenstvi:focus {
	text-decoration: none;
}
.strecha-link-na-prislusenstvi .produkt-detail-prislusenstvi-holder {
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	height: 276px;
    overflow: hidden;
    padding-bottom: 10px;
	gap:20px;
	max-width: calc( 6*128px + 5*20px);
	/* max-width: calc( 6*128px + 5*20px); */
}
.strecha-link-na-prislusenstvi .produkt-detail-prislusenstvi-holder>DIV {
	display: flex;
    align-items: center;
    justify-content: center;
    min-width: 128px;
    max-width: 128px;
    min-height: 128px;
    max-height: 128px;
    border: solid 1px #AEAEAE!important;
    overflow: hidden;
	background:white;
}
.strecha-link-na-prislusenstvi .produkt-detail-prislusenstvi-holder>DIV IMG {
	margin:0!important;
}
.strecha-link-na-prislusenstvi .produkt-detail-prislusenstvi-holder>DIV:empty {
	min-height:0!important;
	max-height:0!important;
	border:none!important;
}
.produkt-detail-nadpis-prislusenstvi {
	margin-top:40px;
	margin-bottom:25px;
}
.produkt-detail-nadpis-prislusenstvi A {
	color:#404040!important;
}
.strecha-link-na-prislusenstvi .link-do-prislusenstvi {
	font-weight: normal;
	text-decoration: underline;
	font-size: 22px;
	color: #043866;
	/* padding-left:25px; */
	margin-top:37px;
	position: relative;
}
.strecha-link-na-prislusenstvi .link-do-prislusenstvi::before {
	content: ' ';
	display: inline-block;
	width: 13px;
	height: 11px;
	background:url(../img/strecha-link-na-prislusenstvi.svg) no-repeat center center;
	/* position: absolute; */
	margin-right:10px;
}
.strecha-link-na-prislusenstvi:hover *,
.strecha-link-na-prislusenstvi:active *,
.strecha-link-na-prislusenstvi:focus * {
	text-decoration: none;
}

@media(max-width:1330px) {
    .produkt-detail,
    .breadcrumbs/*,
    .rozcestnik-pills*/ {
        padding-left:15px;
        padding-right:15px;
    }
	#prislusenstvi-rozcestnik-strecha {
		width:1100px;
		height:491px;
		top: 60%;
		/*margin-top:-290px;*/
	}
	.produkt-detail-2 .breadcrumbs {
		padding-left:0;
		padding-right:0;
	}
}
@media(max-width:1250px) {
    .trapezove-plechy-povrchove-upravy-rozcestnik .povrchy-holder .povrch {
		margin-right: 60px;
	}
}

@media(max-width:1199px) {
    
    .detail-flex-wrapper {
        display: block;
    }

    .produkt-detail-doplnky .doplnek {
        min-width:24%;
        max-width:24%;
        margin-bottom:15px;
    }
    .produkt-highlights-rozcestnik.pinned {
        max-width: 717px;
    }
    #rozcestnik-vystup .rozcestnik-holder {
        padding-bottom:30px;
    }   
    #rozcestnik-vystup .rozcestnik-obrazek {
        height:auto;
        height: 360px;
    }
	
	.povrchove-upravy-prehled .povrchy {
		min-width: 200px;
		max-width: 200px;
	}
	.trapezove-plechy-rozcestnik {
		height: 295px;
	}
	.prislusenstvi-item {
		min-width: calc(50% - 15px);
		max-width: calc(50% - 15px);
	}
}
@media (max-width:1100px) {
	.trapezove-plechy-rozcestnik {
		height: 330px;
	}
}
@media (max-width:991px) {
	/* .rozcestnik-stresni-krytiny-wrapper .leva {
		padding-right: 0px;
	} */
    .aktuality-stranka .masonry-aktuality {
        max-width: 900px;
    }
    .aktuality-detail-obrazek {
        padding-right: 15px;
    }
    #strechy-ano-ne-reportaz {
        margin-top:40px;
        background:#f5f5f5;
        padding-bottom: 20px;
        padding-top:30px;
    }
    .produkt-detail-doplnky .doplnek {
        min-width:24%;
        max-width:24%;
    }
    .produkt-highlights-rozcestnik.pinned {
        max-width: 100%;
    }
    #rozcestnik-vystup .rozcestnik-holder {
        padding-bottom:0px;
    }   
    #rozcestnik-vystup .cely-radek .rozcestnik-obrazek {
        max-width:389px;
    }
	
	.produkt-detail-banner-wrapper .produkt-detail-banner {
		max-width: calc(50% - 13px);
		width:100%;
		margin-left:0;
		margin-right:0;
	}
	.produkt-detail-banner-wrapper .produkt-detail-banner:nth-of-type(even) {
		margin-left:12px;
	}
	.produkt-detail-banner-wrapper .produkt-detail-banner:nth-of-type(odd) {
		margin-right:12px;
	}
	.produkt-detail-banner.height-auto {
		height:260px;
	}
	.produkt-detail-banner.height-auto .produkt-detail-banner-inner {
		padding: 15px;
	}
	
	.trapezove-plechy-rozcestnik {
		height: 280px;
	}
	
	.trapez-side-menu-holder:not(.v-pravem-sloupci) {
		margin-top:5px
	}
	
	.produkt-detail-nadpis-sekce .produkt-detail-nadpis-text {
	/* pozor, je i v kontaktech - pravy sloupec nadpis */
		font-size: 24px;
	}
	.produkt-detail-nadpis-sekce .produkt-detail-nadpis-obrazek {
		/* pozor, je i v kontaktech - pravy sloupec nadpis */
		padding-top: 0px;
		max-width: 40px;
	}

	#kontaktyMapa {
		transform: scale(0.78);
		position: relative;
		top: -30px;
		left: -60px;
	}
	
	.trapezove-plechy-povrchove-upravy-rozcestnik  {
		padding-right: 50px;
	}
    /* .rozcestnik-stresni-krytiny-wrapper .prava {
		padding-left: 0px;
    } */
	.bonus-holder {
		background-position: top left;
	}
	
	#prislusenstvi-rozcestnik-strecha-wrap {
		/* na telefonech jsou rozcestniky pouze v gridu */
		display:none;
	}
	#prislusenstvi-rozcestnik-grid-wrap {
		/* na telefonech jsou rozcestniky pouze v gridu */
		display:block;
	}
	.prislusenstvi-item {
		margin-top: 15px;
		min-width: calc(50% - 15px);
		max-width: calc(50% - 15px);
	}
	.prislusenstvi-item .img-holder {
		min-width: 90px;
		max-width: 90px;
		min-height: 90px;
		max-height: 90px;
	}
	.prislusenstvi-item .text-holder .barvy-holder {
		margin-top: 0;
		max-width: 315px;
	}
	.prislusenstvi-text {
		font-size: 14px;
		line-height: 22px;
		font-weight: 700;
	}
}

@media (max-width:900px) {
	.ikonymapa {
		top: 310px;
		left: 18px;
		display: flex;
		width:auto;
	}
	.ikonymapa DIV {
		margin-right:50px;
	}
}

#hero-cenik {
	position: absolute;
    bottom: 35px;
    right: 55px;
    z-index: 2;
    background: #000;
    color: #fff;
    display: flex;
    justify-content: center;
    gap: 15px;
    padding: 13px 22px 16px 25px;
    text-transform: uppercase;
}
@media (max-width:650px) {
    #hero-carousel .carousel-indicators {
        position: absolute;
        bottom: 0px;
        left: 50%;
        z-index: 15;
        width: 60%;
        padding-left: 0;
        margin-left: -30%;
        text-align: center;
        list-style: none;
    }
    #hero-carousel .carousel-indicators LI {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        cursor: pointer;
        background-color: white;
        border: 1px solid #fff;
        border-radius: 10px;
        height:17px;
        width:17px;
        margin:2px;
    }
    #hero-carousel .carousel-indicators LI.active {
        background-color: #e3001b;
        border: 1px solid #e3001b;
    }
    #hero-carousel .carousel-indicators LI * {
        display: none!important;
    }
    #hero-carousel .carousel-module-1-holder {
        width: auto;
        display: block;
    }
    #hero-carousel .carousel-module-1-holder, 
    #hero-carousel .carousel-indicators {
        display:block;
        height:auto;
    }
    #hero-carousel .carousel-module-2-holder {
        width:100%;
    }
    #hero-carousel .carousel-module-2-holder .item .inner>*:not(.carousel-heading) {
        display:none;
    }
    #hero-carousel .carousel-indicators LI.active::before {
        display: none;
    }
}

@media (max-width:767px) {
	.main TABLE {		
        width: 100%;
    }		

    .aktuality-inner {
        justify-content: flex-start;
        min-height: fit-content;
    }
    .aktuality-obrazek {
        display: none;
    }
    .aktuality-border-radius {
        border-bottom-right-radius: 0;
    }
    .aktuality-detail-obrazek {
        padding-right: 0px;
        padding-bottom: 40px;
    }
	.heading {
		min-height: 130px;
	}
    .heading H1 {
        font-size: 36px;
        line-height: 48px;
    }
    #rozcestnik-vystup .rozcestnik-holder {
        justify-content: left;
    }
    #strechy-ano-ne-reportaz {
        padding-top:0px;
    }
    .produkt-detail-doplnky .doplnek {
        min-width:32%;
        max-width: 32%;
    }

    .produkt-highlights-rozcestnik .rozcestnik {
        min-width: 49%;
        max-width: 49%;
    }
    .rozcestnik-pills {
        justify-content: center;  
    }
    .pobocky-kde-nakoupite-holder .mapa {
        display: none!important;
    }
    .pobocky-kde-nakoupite-holder .mesto {
        font-size: 20px!important;
    }
    .pobocky-kde-nakoupite-holder .cislo {
        font-size: 18px!important;
    }
    .pobocky-kde-nakoupite-holder .pobocka {
        margin-bottom: 15px!important;
    }
	
	.produkt-detail-banner-wrapper .produkt-detail-banner {
		max-width: calc(50% - 8px);
		margin-top:15px;
	}
	.produkt-detail-banner-wrapper .produkt-detail-banner:nth-of-type(even) {
		margin-left:7px;
	}
	.produkt-detail-banner-wrapper .produkt-detail-banner:nth-of-type(odd) {
		margin-right:7px;
	}
	
	.obrazek-s-tabulkou {
		padding-top:0;
		background:white;
	}
	.obrazek-s-tabulkou .col-img {
		padding-bottom:15px;
	}
	
	.trapezove-plechy-rozcestnik-holder {
		padding-left:15px!important;
		padding-right:15px!important;
		max-width: 350px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom:15px;
	}
	.trapezove-plechy-rozcestnik {
		height: auto;
	}
	.trapezove-plechy-volba-profilu {
		max-width: 200px;
		margin-left: auto;
		margin-right: auto;
	}
	.trapezove-plechy-rozcestnik .texty {
		max-width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
	.trapezove-plechy-rozcestnik H2 {
		margin-top:10px;
	}
	.rozcestnik-pills {
		/* pozor, je i v kontaktech */
		margin-bottom:0;
	}
	
	.trapezove-plechy-povrchove-upravy-rozcestnik  {
		padding-right: 0px;
	}
	.trapezove-plechy-povrchove-upravy-rozcestnik .rozcestnik-trapez-vice-informaci {
		position: relative;
		margin-bottom:50px;
		top:inherit;
		bottom:inherit;
		left:inherit;
		right: inherit;
	}
	.masonry-rozcestnik-al {
		height: auto;
	}
	.masonry-rozcestnik-fe {
		height: auto;
	}

	/*** Rozcestnik XS ***/
	#rozcestnik-vystup .rozcestnik-holder {
		color: #fff;
		display: flex;
		justify-content: center;
		padding-left:0;
		padding-right:0;
	}   
	#rozcestnik-vystup .cely-radek .rozcestnik-obrazek {
		max-width: 100%;
	}
	#rozcestnik-vystup .rozcestnik-obrazek-inner {
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		background-color: #014380;
	}
	#rozcestnik-vystup .rozcestnik-nadpis {
		padding-right:15px;
	}
	#rozcestnik-vystup .rozcestnik-nadpis h2 span {
		background-color: #014380;
		padding-left: 0px;
		padding-right: 0px;
		font-weight: normal;
		text-transform: uppercase;
	}
	#rozcestnik-vystup .rozcestnik-nadpis h2 {
		font-weight: normal;
		text-align: left;
		padding-left: 20px;
	}
	#rozcestnik-vystup .rozcestnik-nadpis {
		font-size: 24px;
		font-weight: bold; 
		text-align: center;
	}
	#rozcestnik-vystup .rozcestnik-obrazek,
	#rozcestnik-vystup .male .rozcestnik-obrazek {
		max-width: 100%;
		height: auto;
		margin: auto;
	}
	#rozcestnik-vystup .male .rozcestnik-popis {
		text-align: left;
		padding-left:20px!important;
		padding-top:10px!important; 
		padding-bottom:10px!important; 
	}
		
	.b-popup {
		margin:40px;
	}	
		
	.prislusenstvi-rozcestnik-grid-holder {
		margin-bottom: 50px;
	}
	
	.prislusenstvi-list-holder {
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.prislusenstvi-item {
		min-width:320px;
		max-width:450px;
		border-left: solid 5px #1c588e;
		margin-top:25px;
	}
	
	.prislusenstvi-animace-inner {
		max-width: 450px;
		position: relative;
		margin-bottom:30px;
		margin-left:auto;
		margin-right:auto;
	}
	.prislusenstvi-animace-popis .connection-anchor-text {
		display:inline-block;
		padding:8px!important;
	}
	.prislusenstvi-animace-popis .connection-anchor-text A {
		text-decoration: none;
		padding-left:0;
		text-transform: none;
		font-weight: 600;
	}
	.masonry-rozcestnik-ikona {
		display:none;
	}
}
 
@media (max-width:675px) {
	.prislusenstvi-grid {
		max-width: 100%;
	}
	.prislusenstvi-prepinac {
		font-size: 14px;
		margin-bottom: 5px;
		text-align: left;
		font-weight: normal;
	}
	.prislusenstvi-prepinac-wrap {
		padding: 0px 20px 8px 10px;
	}
	.prislusenstvi-prepinac::before,
	.prislusenstvi-prepinac.active::before {
		background-size: 20px;
		background-repeat: no-repeat;
		top: 10px;
		width: 22px;
		height: 25px;
	}
}

@media (max-width:650px) {
	.produkt-detail-banner-wrapper .produkt-detail-banner,
	.product-side-menu {
		max-width: 340px;
		margin-left:auto!important;
		margin-right:auto!important;
		width:100%;
	}
	.produkt-detail-banner.height-auto {
		height:auto;
	}
	.produkt-detail-banner.height-auto .produkt-detail-banner-inner {
		padding: 15px 15px 40px 15px;
	}

	.povrchove-upravy-prehled A.povrchova-uprava {
	    flex-direction: column;
	}
	.povrchove-upravy-prehled A.povrchova-uprava .povrchy {
	    margin-left:0px;
		margin-top:20px;
		max-width: 100%;
	}
	.povrchove-upravy-prehled A.povrchova-uprava .povrchy-holder {
	    display:flex;
		flex-wrap: wrap;
	}
	.povrchove-upravy-prehled A.povrchova-uprava .povrchy-holder .povrch {
	    margin-right: 20px;
	}
	.povrchove-upravy-povrchy .povrchova-uprava {
		margin-left:-60px;
	}
	.trapez-povrchy .povrchova-uprava {
		margin-left:0;
	}
	.povrchove-upravy-povrchy .nadpis {
		flex-wrap: wrap;
	}
	.povrchove-upravy-povrchy .nadpis .zaruka,
	.povrchove-upravy-povrchy .nadpis .material {
		flex-basis: 100%;
		margin-left: 45px;
	}
	
	.ucx-sestavy .ucx-col-1 {
		/*float:none;*/
	}
}

@media (max-width:575px) {
	#homepage-cenik {
		right:0;
		background-size:35px;
		height:55px;
		font-size: 22px;
		line-height: 54px;
		width:140px;
		padding-left:65px;
		background-image: url(../img/ikona-download-mala.jpg);
	}
    #rozcestnik-vystup .rozcestnik-obrazek-xs {
        min-width: 140px;
		max-width: 140px;
		height: 140px;
    }
    #rozcestnik-vystup .rozcestnik-nadpis {
        padding-left: 10px;
    }
    #rozcestnik-vystup .rozcestnik-nadpis h2 {
        padding-left: 0px;
        line-height: 20px;
    }
    #rozcestnik-vystup .male .rozcestnik-popis {
		padding-left:10px!important;
	}
    #rozcestnik-vystup .rozcestnik-nadpis h2 span {
        font-size: 20px;
    }
    .produkt-detail-doplnky .doplnek {
        min-width:49%;
        max-width: 49%;
    }
    
    .produkt-highlights-rozcestnik.pinned {
        padding: 0 10px;
        border-bottom:none;
    }
    .produkt-highlights-rozcestnik.pinned .rozcestnik {
        margin-bottom:5px;
    }
    
	
	.prislusenstvi-item {
		min-width: 100%;
		max-width: 100%;
		border-left: none;
		border-bottom: solid 5px #1c588e;
	}
	.prislusenstvi-item .obsah {
		text-align:center;
		flex-direction: column;
		align-items:center;
	}
	.prislusenstvi-item .obsah .img-holder {
		margin-top:25px;
		margin-bottom:25px;
		margin-right:0;
	}
	.prislusenstvi-item .img-holder {
		min-width: 120px;
		max-width: 120px;
		min-height: 120px;
		max-height: 120px;
	}
	.prislusenstvi-item .text-holder .barvy-holder {
		justify-content: center;
	}
	.hlinikova-strecha-item {
		display:flex;
		flex-direction: column;
		align-items:center;
		text-align: center;
	}
	.hlinikova-strecha-item .img,
	.hlinikova-strecha-item .img IMG {
		margin-right:0px!important;
		margin-bottom:15px;
	}
	.hlinikova-strecha-item .texty {
		max-width: 320px;
	}
	.hlinikova-strecha-item .stahnout-btn {
		margin-left:auto!important;
		margin-right:auto!important;
	}
	
	.prislusenstvi-animace-popis UL {
		display:flex;
		flex-direction: column;
		align-items:center;
	}
	.prislusenstvi-animace-popis UL LI {
		display:inline-block;
		flex-direction: column;
	}
	
}
@media (max-width:500px) {
	.povrchove-upravy-povrchy .barvy-a-obrazky {
		flex-direction: column;
	}
	.povrchove-upravy-povrchy .obrazky {
		display: flex;
		margin-right:0;
		flex-wrap: wrap;
	}
	.povrchove-upravy-povrchy .obrazky .obrazek,
	.povrchove-upravy-povrchy .obrazky .vrstvy {
		margin-right:20px;
		margin-bottom:20px;
	}
	.povrchove-upravy-povrchy .obrazky A {
		height: 100px;
	}
	.povrchove-upravy-povrchy .obrazky A IMG {
		height: 100%;
		max-width: 100%;
	}
	.povrchove-upravy-povrchy .barvy {
		margin-top:0;
	}
	.volitelne-upravy {
		flex-direction: column;
		align-items: center;
	}
	.volitelne-upravy .uprava {
		margin-right:0!important;
		margin-bottom: 30px;
	}
	#kontaktyMapa,
	.ikonymapa {
		display: none;
	}
	
	.b-popup .r,
	.b-popup .img-holder {
		display: none;
	}
	.bonus-tlacitka {
		flex-direction: column;
	}
	.bonus-tlacitka A {
		flex-direction: column;
		margin-top:20px;
		width:  150px;
	}
	
}
@media (max-width:485px) {
	.povrchove-upravy-povrchy .barvy,
	.povrchove-upravy-povrchy .barvy .barvy-holder {
		text-align: center;
		justify-content: center;
	}
	.povrchove-upravy-povrchy .nadpis .parametry {
		flex-basis: 100%;
		margin-left: 45px;
	}
	.trapezove-plechy-povrchove-upravy-rozcestnik .povrchy-holder  {
		/*justify-content: space-between;*/
	}
	.trapezove-plechy-povrchove-upravy-rozcestnik .povrchy-holder .povrch {
		margin-left: 0px;
		margin-right: 35px;
	}
}
@media (max-width:460px) {
    .detail-nadpis h2 {
        font-size: 26px;
    }
    .rozcestnik-nadpis-xs {
        font-size: 16px;
    }
    .produkt-highlights-rozcestnik .rozcestnik {
        min-width: 100%;
        max-width: 100%;
    }
	.ke-stazeni-holder A {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-align: center;
	}
	.ke-stazeni-holder A .stahnout-btn {
		margin-left:0;
		margin-top:15px;
	}

	.min-w-null {
		min-width: 1px!important;
	}
    #rozcestnik-vystup .rozcestnik-obrazek-xs {
        min-width: 120px;
	max-width: 120px;
	height: 120px;
    }
    #rozcestnik-vystup .rozcestnik-nadpis h2 span {
        font-size: 18px;
    }    
	.b-popup {
		margin:15px;
	}
}
@media (max-width:460px) and (max-height:750px) {
	/* rozcestnik highlights u strech zabiral tak moc mista, ze malomobilnici nevideli nic jineho */
	.produkt-highlights-rozcestnik.pinned {
		display:none;
	}
}
@media (max-width:400px) {
    #hero-carousel .carousel-item .inner .carousel-heading {
        font-size:36px;
        line-height: 36px;
    }
    .produkt-detail-doplnky {
        justify-content: center;
    }
    .produkt-detail-doplnky .doplnek {
        min-width:220px;
        max-width: 220px;
    }
    .masonry-rozcestnik-nadpis-line {
        width: 220px!important;
    }
}
@media (max-width:376px) {
    .ucx-sestavy .thead .ucx-col {
		line-height: 20px;
	}
    .ucx-sestavy .ucx-col-1 {
		padding-right:6px;
		width: 100px;
	}
    .ucx-sestavy .ucx-col-2 {
		padding-left:6px;
	}
	.ucx-sestavy .ucx-col-1 SPAN {
		border: 2px solid rgb(227, 207, 135);
		padding: 1px 3px 1px 3px;
		margin-right: 2px;
	}
	#content .detail-trapez-parametry TABLE {
		font-size: 10px;
	}
        
	#zaruka-submit {
		padding: 20px 80px;
	}
}


.body-overlay {
	position: fixed;
	background:#000000e0;
	top:0;
	left:0;
	width:100vw;
	height:100%;
	z-index:2000;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pop-up {
	display:block;
	position: relative;
	max-height: 100vh;
}
.pop-up A {
	display:block;
}
.pop-up IMG {
	max-width: 100%;
	height:auto;
}
.close-popup {
	position: absolute;
	top:0;
	right:0;
	width:50px;
	height:50px;
	background:white;
	content: ' ';
	display: block;
	background-image: url(../img/close.png);
	background-size:30px;
	background-position: center;
	background-repeat:no-repeat;
	cursor:pointer;
	border:solid 3px #e3001b;
	box-shadow: 0px 0px 16px 9px #0000008a;
}

.akcni-nabidka-holder {
	display: flex;
	flex-wrap: wrap;
	margin-top:50px;
	margin-bottom: 50px;
	gap:40px;
}
.akcni-nabidka-holder .akce {
	display: flex;
	flex-direction: column;
	gap:20px;
	align-items:center;
	justify-content: flex-start;
}
.akcni-nabidka-holder .akce A {
	text-align: center;
	display: block;
	text-decoration: none;
}
.akcni-nabidka-holder .akce A:hover,
.akcni-nabidka-holder .akce A:focus,
.akcni-nabidka-holder .akce A:active {
	text-decoration:none;
}
.akcni-nabidka-holder .akce IMG {
	max-height: 250px;
	max-width: 100%;
}
.akcni-nabidka-holder .akce SPAN:not(.stahnout-btn) {
	font-size: 18px;
	font-weight: 700;
	display: block;
	margin-bottom: 10px;
}
.akcni-nabidka-holder .akce .stahnout-btn {
	text-decoration: none;
	margin-left:auto;
	margin-right:auto;
}

#blog-vystup-stranka .aktuality-detail-perex {
	margin-bottom: 30px;
}
#blog-vystup-stranka .aktuality-detail-text IMG {
	padding-top:20px;
	padding-bottom:20px;
}

.povrchova-uprava .content-css-pe25-25 {
	/* uprava na seznamu barevnosti */
	font-size: 12px;
    line-height: 12px;
    font-weight: 600;
}
.trapezove-plechy-povrchove-upravy-rozcestnik .content-css-pe25-25 {
	/* uprava na seznamu v trapezech */
	font-size: 15px;
    line-height: 18px;
    font-weight: 600;
} 

.skryte-kotveni::after {
    content: ' ';
    display: block;
    background: url(../img/skryte-kotveni.png) no-repeat center center / contain;
    height: 50px;
    width: 50px;
    position: absolute;
    top: 1px;
    /* left: 20px; */
}



/* produkt detail 2026 */
.produkt-detail-2 {
	font-size:18px;
	line-height: 36px;
	padding-bottom:120px;
	padding-left:15px;
	padding-right:15px;
}
.ocel H1 {
	color: #043866;
}
.hlinik H1 {
	color: #E2001A;
}
.info-uvod {
	display: flex;
	gap:80px;
}
@media(max-width:1199px) {
	.info-uvod {
		flex-direction: column;
		gap:60px;
		align-items:stretch;
	}
}
.info-uvod .texty {
	max-width: 600px;
}
@media(max-width:1199px) {
	.info-uvod .texty {
		max-width: 100%;
	}
}
.info-uvod .texty H1 {
	font-weight: bold;
	font-size: 42px;
}
.info-uvod .texty .druhy-typ {
	color:#7D7D7D;
	margin-top: 22px;
}
.ocel .info-uvod .texty .druhy-typ A {
	color:#E2001A;
}
.info-uvod .texty .popis {
	position: relative;
}
.info-uvod .texty .popis::before {
	width:55px;
	content:' ';
	display: block;
	height: 1px;
	background-color: #707070;
	margin-top:30px;
	margin-bottom:30px;
}
.info-uvod .obrazky {
	max-width: 632px;
	min-width: 632px;
	max-height: 422px;
	min-height: 422px;
	position: relative;
}
@media(max-width:1199px) {
	.info-uvod .obrazky {
		height:422px;
	}
}
@media(max-width:991px) {
	.info-uvod .obrazky {
		max-width: 100%;
		min-width: 100%;
		max-height: initial;
		min-height: initial;
		height:initial;
		aspect-ratio: 4 / 3;
	}
}
.info-uvod .obrazky::before,
.info-uvod .obrazky::after {
	content: ' ';
	width:55px;
	height:55px;
	position: absolute;
	z-index: -1;
}
.info-uvod .obrazky::before {
	top:-3px;
	left:-3px;
}
.info-uvod .obrazky::after {
	bottom:-3px;
	right:-3px;
}
.ocel .info-uvod .obrazky::before,
.ocel .info-uvod .obrazky::after {
	background-color:#014481;
}
.hlinik .info-uvod .obrazky::before,
.hlinik .info-uvod .obrazky::after {
	background-color:#E2001A;
}
.info-uvod .obrazky .carousel,
.info-uvod .obrazky .carousel-inner,
.info-uvod .obrazky .carousel-inner .carousel-item {
	width:100%;
	height:100%;
	background-size:cover;
}

.popis-2 {
	margin-top:50px;
	margin-bottom:90px;
}
.popis-2 IMG {
	margin-right:10px;
	margin-bottom:20px;
}
.strecha-rozcestnik {
	display: flex;
	flex-wrap:wrap;
	gap:25px;
	
	margin-bottom:90px;
}
.strecha-rozcestnik A {
	display: inline-block;
	background:#DCDCDC;
	padding:10px 20px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	color:#000;
	transition: .2s;
}
.strecha-rozcestnik A:hover,
.strecha-rozcestnik A:active,
.strecha-rozcestnik A:focus {
	text-decoration: none;
	transition: .2s;
	background:#565656;
	color:#fff
}

.produkt-detail-2 H2,
.produkt-detail-2 H3 {
	display: flex;
	font-weight: bold;
	font-size: 28px;
	color: #404040;
	margin-bottom:40px;
	position: relative;
	gap:30px;
}

@media(max-width:767px) {
	.produkt-detail-2 H2,
	.produkt-detail-2 H3 {
		background:none;
	}
}
.produkt-detail-2 H2 .text {
}
.produkt-detail-2 H2 .tecky,
.produkt-detail-2 H3 .tecky {
	flex-grow:1;
	background-image: url(../img/produkt-detail-h2-bg.svg);
	background-position: bottom 13px left;
	background-repeat: repeat-x;
}
.produkt-detail-2 .trapez-detail-nadpis H2 .tecky,
.produkt-detail-2 .trapez-detail-nadpis H3 .tecky {
	background-position: bottom 24px left;
}
.produkt-detail-2 H2 SPAN,
.produkt-detail-2 H3 SPAN {
	display: inline-block;
	background: #fff;
	padding: 0 0px 10px 0px;
}
.produkt-detail-2 H2 IMG,
.produkt-detail-2 H3 IMG {
	position: absolute;
	top:-2px;
}
.produkt-detail-2 H2 IMG+SPAN,
.produkt-detail-2 H3 IMG+SPAN {
	padding-left:50px;
}
.povrchy-popis UL {
	padding-left:20px;
	margin-bottom: 50px;
}
.povrchy-popis-poznamka {
	margin-top:50px;
}
.povrchy-popis-poznamka B {
	color: #E2001A;
}

.barvy-popis-poznamka {
	background: #FBD6D6;
	position: relative;
	border-radius:100px;
	margin-top:60px;
	display: inline-block;
	padding: 0px 40px 0px 50px;
	line-height: 35px;
}
.barvy-popis-poznamka B {
	display: inline-block;
    position: absolute;
    left: 0;
    color: #707070;
    border: 2px solid #707070;
    border-radius: 100px;
    padding: 0px 0 0 13px;
    width: 35px;
    height: 35px;
    background: #fff;
    font-size: 24px;
    line-height: 30px;
}
.barvy-popis-poznamka A {
	color:#E2001A;
	text-decoration: underline;
}

.barvy-stresni-krytiny {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap:40px 20px;
	margin-top:40px;
	margin-bottom:70px;
}
@media(max-width:1199px) {
	.barvy-stresni-krytiny {
		gap:20px;
	}
}
.barvy-stresni-krytiny LI {
	display: none;
	flex-direction: column;
	align-items:center;
	gap:17px;
	opacity:1;
	min-width:120px;
}
.barvy-stresni-krytiny LI.active {
	display:flex
}
.barvy-stresni-krytiny LI SPAN.nazev-barvy {
	font-size: 18px;
	line-height: 26px;
	color: #000;
	text-transform: uppercase;
}
@media(max-width:1199px) {
	.barvy-stresni-krytiny LI SPAN.nazev-barvy {
		font-size: 14px;
		line-height: 20px;
	}
}
.barvy-stresni-krytiny LI SPAN.obrazek-barvy {
	width: 80px;
	height: 80px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	border-radius:100px;
}
@media(max-width:1199px) {
	.barvy-stresni-krytiny LI SPAN.obrazek-barvy {
		width: 65px;
		height: 65px;
	}
}

.divider-2 {
	background:url(../img/divider-2.svg);
	background-repeat: no-repeat;
	height:1px;
	max-width: 664px;
}
.divider-2.long {
	max-width: calc(100% - 40px);
	background-repeat: repeat;	
}

.strecha-technicke-parametry {
	margin-top: 50px;
	margin-bottom: 50px;
	display: flex;
	gap:50px;
}
@media(max-width:1199px) {
	.strecha-technicke-parametry {
		flex-direction: column-reverse;
		gap:40px;
	}
}
.strecha-technicke-parametry .tabulka {
	max-width: 500px;
}

.produkt-detail-2 .table-parametry {
	max-width: 500px;
	min-width: 500px;
}
.produkt-detail-2 .table-parametry TR {
	background:none!important;
}
.produkt-detail-2 .table-parametry TD {
	background:none;
	border-bottom: 1px solid #000!important;
	border-right:none!important;
	font-weight:600;
	padding: 5px 0 5px 20px!important;
}
.produkt-detail-2 .table-parametry TD.border-right {
	border-right: 1px solid #000!important;
}
.produkt-detail-2 .table-parametry TR:last-of-type TD {
	border-bottom: none!important;
}

.soft-line {
	background:url(../img/soft-line.png) no-repeat top right;
	padding-right:220px;
	min-height:147px;
}
@media (max-width:767px) {
	.soft-line {
		background-position: top left;
		padding-right:0;
		padding-top: 140px;
	}
}

.produkt-detail-2 .zpet {
	border:solid 1px #DCDCDC!important;
	margin-top:70px;
}

.produkt-detail-2 .zpet:hover,
.produkt-detail-2 .zpet:focus,
.produkt-detail-2 .zpet:active {
	border:solid 1px #000000!important;
	background:#DCDCDC;
	color:#000!important;
}
.produkt-detail-2 .zpet IMG {
	position: relative;
	margin-right:10px;
	top:-2px;
}

.mohlo-by-vas-zajimat-wrap {
	display: flex;
	justify-content: space-around;
	align-items: stretch;
	flex-wrap:wrap;
	gap:29px;
	margin-top:50px;
	margin-bottom:50px;
}
@media(max-width:1199px) {
	.mohlo-by-vas-zajimat-wrap {
		justify-content: center;
	}
}
.mohlo-by-vas-zajimat-wrap .item {
    flex-basis: calc(33% - 29px);
    background: url(../img/mohlo-by-vas-zajimat.svg), linear-gradient(#043866 0%, #0b508d 100%);
    border-left: solid 17px #E2001A;
    border-radius: 6px;
    padding: 21px 21px 26px 100px;
    background-repeat: no-repeat;
    background-position: left 26px top 25px, left top;
    text-decoration: none;
}
@media(max-width:1199px) {
	.mohlo-by-vas-zajimat-wrap .item {
		flex-basis: calc(50% - 29px);
	}
}
@media(max-width:850px) {
	.mohlo-by-vas-zajimat-wrap .item {
		flex-basis: calc(80%);
	}
}
@media(max-width:700px) {
	.mohlo-by-vas-zajimat-wrap .item {
		flex-basis: calc(100%);
	}
}
.mohlo-by-vas-zajimat-wrap .item.empty {
	padding:0;
	height:0;
}
.mohlo-by-vas-zajimat-wrap .item .nadpis {
	color: #fff;
	font-size: 28px;
	font-weight:700;
	text-decoration: underline;
	text-transform: uppercase;
	display: block;
	margin-bottom: 14px;
}
.mohlo-by-vas-zajimat-wrap .item .text {
	color: #fff;
	font-size: 22px;
	line-height: 27px;
	font-weight:500;
	display: block;
}

.carousel-pre-2025 .carousel-item {
	/* okna atp */
	text-align:center;
}

.webinar-holder .item {
	margin-bottom:70px;
}
.webinar-holder .item H2 {
	font-weight: 700;
	color:#E2001A;
	margin-bottom:20px;
}
.webinar-holder .item IFRAME {
	margin-top:20px;
	margin-bottom:20px;
	max-width:100%;
}