@media(min-width:1400px) {
	HTML {
		padding: 0 15px;
		background-color: #fff;
	}
	BODY {
		max-width: 1400px;
		margin:0 auto;
	}
}
@media(min-width:1400px) and (max-width:1450px) {
	.l-header {
		max-width: 97.8%!important;
	}
}
body, body table {
    font-size:13px;
	margin:0 auto; 
	font-family: sans-serif!important;
}

h1 {
    color:#004386;
	font-weight:bold!important;
}
form { 
    
} 
.cleaner {
    clear:both;
}



/* alvaris styles override */
.l-header {
	top:0;
}
#original-content {
		margin-top: 80px;
}
@media (min-width:1000px) {
	#original-content {
		margin-top: 80px;
		box-shadow: 3px 1px 20px 5px rgba(0,0,0,.13);
	}
}
.block.block-views.block-views-fusszeile-block {
	float:right;
	left:0!important;
}
.l-footer div.cleaner {
	display: block;
}
.l-footer.panel.row {
	max-width: 100%;
}


#original-content * {
	font-family: 'Overpass', sans-serif!important;
}



#progressBar {
    display:block;
    border-bottom:solid 2px #004386;
    
}
.progressStep {
    display:inline-block;
    padding: 10px 13px 10px 13px;
    background: #dfdfdf;
    color:#c3c3c3;
    border-top:solid 2px #c0c0c0;
    cursor:not-allowed;
	box-shadow: 3px -2px 5px 0px rgba(50, 50, 50, 0.15);
	font-size: 12px;
}
.progressStep.enabled {
    cursor:pointer;
    background: #f3f3f3;
    border-top:solid 2px #9BB3CB;
    color:#424242;
}
.progressStep.active {
    color:#004386;
    border-top:solid 2px #004386;
    font-weight:bold;
}
.progressStep.enabled.active {
    background: white;
}
.step {
    display:none;
    background:white;
    padding:10px;
    border: solid 1px #959595;
	box-shadow: 0px 1px 5px 0px rgba(181, 181, 181, 0.75);
	margin-bottom: 70px;
}

#recapBanner {
    position:absolute;
    z-index: 9999;
    right: 130px;
    display:none;
    background:#004386;
    margin: 20px 20px 20px 20px;
    padding:5px 25px 5px 25px;
    color:white;
    font-size: 15px;
    font-weight:bold;
    line-height:26px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-shadow: 0px 0px 5px 3px rgba(255, 255, 255, 0.9);
	-moz-box-shadow:    0px 0px 5px 3px rgba(255, 255, 255, 0.9);
	box-shadow:         0px 0px 5px 3px rgba(255, 255, 255, 0.9);
}
#recapBanner .recapBanner {
	color:white;
}
#recapBanner .recapBanner.disabled {
    display:none;
}
#recapBanner .recapBanner span:hover {
    text-decoration: underline;
    cursor: pointer;
}
#recapBanner span {
    color:#FFD105;
}
#recapBanner1 span>div {
    display:none;
    color:#FFD105;
}


.kostka {
    border: solid 1px #e3e3e3;
    min-width:350px;
	max-width: 500px;
    min-height:80px;
    padding:10px;
    margin-bottom:5px;
    cursor:pointer;
	display: flex;
	justify-content: space-between;
}
.kostka-kratka {
	min-width: 250px;
}
.kostka.kostka-hlavicka {
	border:none;
	min-height:30px;
	height:50px;
	justify-content: flex-end;
	padding-right:27px;
}
.kostka.typSpoje {
	cursor:default;
}
.kostka STRONG {
	font-weight: bold;
}
.kostka .texty {
	min-width: 150px;
}
.kostka .texty>DIV {
	/*nadpis*/
	font-weight: bold;
	color:#003f80;
	margin-bottom:5px;
}
.kostka:not(.typSpoje):not(.dvere-hlavicka):not(.dvere):hover,
.kostka.active {
    outline:solid 2px #0c6ba2;
}
.kostka.active {
    font-weight:bold!important;
}
.kostka IMG {
    width:80px;
	align-self: center;
}
.kostka span:not(.technicke-param-skryto) {
	margin-right:5px;
    display:block;
    float:left;
}


.moznost-row {
	display:flex;
	height:40px;
	align-items: center;
	padding:0 15px;
	cursor:pointer;
}
.typSpoje .moznost-col:not(.short) {
	min-width: 85px;
}
.kostka-hlavicka .moznost-col,
.dvere-hlavicka>DIV {
	min-width:70px;
	max-width:70px;
	font-size: 11px;
	line-height: 15px;
	padding-right: 10px;
}
.input-group-nazev SMALL {
	font-size: 11px;
	line-height: 15px;
}
.margin-top-10 {
	margin-top:10px;
}
.blue {
	color: #0c6ba2;
}
.typSpoje .moznost-col.short {
	min-width: 20px;
}
.kostka-hlavicka .moznost-col.short {
	min-width:20px;
	max-width:20px;
}
.moznost-row .input {
	background-color:#f0f0f0;
	border:solid 1px #0c6ba2;
	width:15px;
	height:15px;
	border-radius:20px;
	margin-bottom:0;
	cursor:pointer;
	position: relative;
	top:-2px;
}
.moznost-row.active .input {
	background-color:#0c6ba2;
}

.group-horizontal {
	display: flex;
}
.group-horizontal>DIV {
	margin-right:5px;
}
.group-horizontal .input-group-hodnota INPUT,
.group-horizontal .input-group-hodnota SELECT {
	width: 90px!important;
}





.pohonPasovehoDopravniku, .pohonModularnihoDopravniku, .pohonRemenovehoDopravniku, .pohonRetezovehoDopravniku, .pohonValeckovehoDopravniku {
    float:left;
}
#step2 .pohon td {
    
}
.pohonPopis {
    width:300px;
    padding:10px;
    border: solid 1px #e3e3e3;
}
.pohonHodnoty {
    width:70px;
    padding:0;
}
.pohonPopis span {
    display:inline-block;
    min-height: 62px;
}
.pohonImg {
    display:inline-block;
}
.pohonRadio {
	padding:0 10px 0 0 ;
}
.pohonRadioInput {
    cursor:pointer;
	position: relative;
    top: 7px;
}
.pohonHodnoty label {
    cursor:pointer;
	padding:10px;
}
.pohonHodnoty.active {
    font-weight:bold;
}
.pohonPopis.active {
    outline:solid 2px #0c6ba2;
}
.pohonPopis.active.selected {
    font-weight:bold;
}

.pohon.pohonPasovehoDopravniku.pohonZatacka .pohonHodnoty,
.pohon.pohonPasovehoDopravniku.pohonZatacka .pohonRadio {
	background:white;
}

.nextStep.disabled {
    display:none; 
}

.stepLeft, .stepMiddle, .stepRight {
    float:left;
}
.stepLeft,
.stepMiddle{
    margin-right:40px;
}

.input-group, 

.provedeniDopravniku, .podstava, .kontakt {
    min-height:80px;
    padding:10px;
    border: solid 1px #e3e3e3;
    width:300px;
    margin-bottom:5px;
}
.dopravovanyVyrobekHodnota, .provedeniDopravnikuHodnota, .podstavaHodnota, .kontaktHodnota {
    float:left;
}

.input-group-hodnota input[type="text"],
.input-group-hodnota input[type="number"],
.input-group-hodnota select,

.provedeniDopravnikuHodnota input[type="text"], .podstavaHodnota input[type="text"], .kontaktHodnota input[type="text"],
.dopravovanyVyrobekHodnota input[type="number"], .provedeniDopravnikuHodnota input[type="number"], .podstavaHodnota input[type="number"],
.dopravovanyVyrobekHodnota select, .provedeniDopravnikuHodnota select, .podstavaHodnota select  {
    width:150px;
	margin-top:5px;
}
SELECT[name="toleranceTyp"] {
	width:75px;
	float: left;
}
INPUT[name="toleranceHodnota"] {
	width:65px!important;
	margin-left:5px!important;
}


.sirsi INPUT,
.sirsi SELECT {
	width:220px!important;
}
INPUT[name="jinyUcelOploceni"],
INPUT[name="jinaBarvaPanelu"],
INPUT[name="jinaBarvaSloupu"],
INPUT[name="jinyUcelOploceni"],
.jiny-ucel-oploceni.before-arrow,
.jina-barva-sloupu.before-arrow,
.jina-barva-panelu.before-arrow {
	display:none;
}
.before-arrow {
	position: relative;
}
.before-arrow {
	left:26%;
}
.sirsi .before-arrow {
	left:40%;
}


.barvaRal OPTION[value="1018"] {
	background-color:#faca30;
}
.barvaRal OPTION[value="9005"] {
	background-color:#0e0e10;
	color:white;
}
.barvaRal OPTION[value="7035"] {
	background-color:#C7CBC9;
}
OPTION[disabled] {
	background-color:#999999;
}

.before-arrow {
	display: block;
	background-image: url('../img/before-arrow.svg'); 
	background-repeat: no-repeat;
	background-position: center;
	width: 10px;
	height: 18px;
	margin-top:-7px;
}

.podstavaLeft, .kontaktLeft {
    float:left;
    margin-right:20px;
}
.kontakt.zprava, kontakt.adresa {
    height:auto;
}
.kontaktHodnota.zprava, .kontaktHodnota.adresa {
    width:100%;
}
.kontaktHodnota.zprava textarea, .kontaktHodnota.adresa textarea {
    width:100%;
    min-height:100px;
}
.kontaktNazevHodnoty.zprava, .kontaktNazevHodnoty.adresa {
    width:100%;
    margin-bottom: 10px;
    
}
.nextStep {
    position: relative;
    left: 50px;
    cursor: pointer;
    float: left;
}
#step2 .nextStep {
    position:relative;
    top:-55px;
}
#step6>h2 {
    float:left;
}
.nextStep IMG {
    width:50px;
    height:60px;
}
.nextStepPlaceHolder {
    height:62px;
    padding:10px 0 10px 10px;
    width:310px;
    margin-bottom:5px;
}
.rekapitulace {
    line-height: 21px;
    padding:0px 0 10px 10px;
    width:310px;
    margin-bottom:5px;
    margin-right:20px;
    float: left;
    border: solid 1px #e3e3e3;
}
.rekapitulace h2 {
    text-decoration: underline;
    cursor:pointer;
}
.rekapitulace h2:hover {
    text-decoration: none;
}
.rekapitulaceHodnota {
    font-weight:bold;
}

.send {
    position:relative;
    left:20px;
    width:250px;
    cursor:pointer;
}
.send img {
    width:140px;
}
#provedeniDopravnikuElektrickeZapojeniJine {
        display:none;
        width:100%;
        min-height:100px;
}

 
#overlay {
        position:fixed;
        background:rgba(0,0,0,0.5);
        display:none;
        z-index:100;
        width:100%;
        height:100%;
        margin-top:-8px;
        margin-left:-8px;
}
#popup {
        color:black;
        background:white;
        display:none;
        width:300px;
        height:150px;
        margin-left:-150px;
        left:50%;
        margin-top:-25px;
        top:50%;
        position:absolute;
        padding:30px;
        line-height: 25px;
        color:darkgreen;
        text-align:center;
}

#polohaPohonu, #umisteniPohonu, #captcha {
        height:auto;
}
#polohaPohonu img, #umisteniPohonu img {
        width:120px;
        margin-top: 8px;
        /*float:right;*/
}
/*input[name=captcha] {
        margin-top:10px;
}
#captchaResult {
            display: block;
    margin-top: 10px;
    color:red;
}*/




.row {
	max-width: inherit!important;
}
#mobile-navigation {
	z-index:9999!important;
}
.banner {
	width:100%;
	background: url(../img/banner-homepage.png) no-repeat center;
	height:400px;
	background-size:cover;
	display: flex;
	justify-content: center;
	align-items: center;
} 
.banner-motto {
	text-align: center;
    display: block;
    font-size: 35px;
    line-height: 40px;
	background-color: white;
	background-color: rgba(255,255,255,0.95);
	font-weight: normal;
    color: #003f80;
	text-transform: uppercase;
	padding: 20px;
}
.banner-cta {
    position: absolute;
    right: 100px;
    margin-top: 180px;
    z-index: 1000;
    display: flex;
	flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #3da0ff;
    width: 150px;
    height: 150px;
    border-radius: 200px;
    text-align: center;
}

.banner-cta span {
	display: block;
	font-weight: 700;
	color:white; 
	margin-top: 3px;
	font-size:18px;
	line-height: 25px;
}
.banner-cta IMG {
	display: block; 
	width: 50px;  
} 

.text-1 {
	padding-top:60px;
	width:93%;
	margin: 0 auto;
}
.text-1 H1 {
	font-weight:bold;
}
.text-1 STRONG {
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 700;
	padding: 10px 0px 20px 0; 
	display: block;
}


#homepage-changing-content {
	display:flex;
	justify-content: space-around;
	width:93%;
	margin: 40px auto 80px auto;
}
#right-content {
	width:70%;
	overflow:auto;
}
#hlavni-prednosti {
	margin-top:45px; 
}
#hlavni-prednosti H2 {
	font-weight:bold;
}

.selectors { 
	width:30%;
}
.selector { 
	width: 100%; 
	height: auto;
	padding-bottom: 25px; 
}  
.selector UL {
	display: block;
	border:solid 1px #c0c0c0;
	padding-top:25px;
	padding-bottom:25px;
	margin-left: 0;
	margin-bottom: 0;
}
/*.selectors .selector:not(:last-of-type) UL {
	margin-right: 20px; 
}*/
.selectors .selector UL {
	margin-right: 20px; 
}
.selector UL LI {
	margin-left: 30px;
	cursor: pointer;
	color:#004386;
	text-decoration: underline;
}
.selector UL LI:hover {
	text-decoration: none;
}
.selector STRONG {
	display: block;
	text-transform: uppercase;
	font-weight: bold;
	padding:16px;
	background:url(../img/background.jpg) no-repeat top left -700px;
	color: black;
}
/*.selectors .selector:not(:last-of-type) STRONG {
	margin-right: 20px; 
}*/
.selectors .selector STRONG {
	margin-right: 20px; 
}
	
.changers {
	display: flex;
	border:solid 1px #c0c0c0;
	min-height: 250px;
	padding: 25px;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
.changer {
	display: flex;
	flex-wrap:wrap;
	flex-direction: column; 
	max-width: 100%;
}
.changer:not(:first-of-type) {
	display: none;
}
.changer-inner {
	display: flex;
	
}
.changer .changer-img {
	min-width: 160px;
	max-width: 160px;
	margin-right: 35px;
}
.changer .changer-text .changer-nadpis {
	font-weight: bold;
}
.changer .changer-text .changer-popis {
	margin-bottom:0;
	margin-right: 80px;
	line-height:23px; 
}

.btn-konfigurator {
	display: inline-block;
    width: 160px;
    text-align: center;
	font-weight: bold;
	padding: 20px 17px;
	color:white!important;;
	background: #004386; 
	height: 55px;
	margin:0 auto;
	margin-top:45px;
}

.changers STRONG {
	font-weight:bold;
}




#konfigurator {
	padding-top: 60px;
    width: 93%;
    margin: 0 auto;
}
#konfigurator TABLE,
#konfigurator TBODY,
#konfigurator TR,
#konfigurator TD {
	box-sizing: content-box!important;
	margin:0;
}
#konfigurator H2 {
	font-weight: bold!important;
	text-transform: none!important;
	margin-top:15px; 
	font-size: 21px;
	margin-bottom:10px;
}


.checkbox-label.first {
	margin-top:15px;
}
.checkbox-label {
	padding:5px 0;
}
.checkbox-label INPUT {
	position: relative;
	top:2px;
	margin-right:4px;
	margin-bottom:0;
}

.dvere,
#tolerance,
.bezLayoutu,
.rozmer,
.zadani-vykres,
#toStep5 {
	display:none;
}


/* uploady vykresu */
#f1_upload_process{
	z-index:100;
	position:absolute;
	visibility:hidden;
	text-align:center;
	width:400px; 
	margin:0px;
	padding:0px;
	background-color:#fff;
	border:1px solid #ccc;
}
#upload-status {
    margin-bottom: 0px;
}

#upload-status LABEL,
.pridat-dvere {
    cursor: pointer;
    font-weight: 300;
    text-transform: uppercase
}

#upload-status LABEL SPAN {
    color: #0C3387;
    margin-right: 8px
}

#prilohy UL {
    text-align: left;
    list-style: none;
    padding-left: 0;
	margin-left: 0;
}

#prilohy UL LI {
    padding-bottom: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

#prilohy UL LI .remove-priloha {
    cursor: pointer;
    color: #950303;
    display: block;
    padding: 5px
}
.remove-priloha {
	padding:5px;
	cursor: pointer;
}
#upload-status LABEL IMG,
.pridat-dvere IMG {
	position: relative;
	top:-1px;
	margin-right:10px;
}

#result {
	margin-top:10px;
}
.contact-form-message {
    font-size: 16px;
    font-weight: 400
}

.contact-form-message.error {
    color: #fff;
}

.contact-form-message.success {
    color: #0a6700
}

.dvere-hlavicka>DIV {
	text-align: center;
	font-weight: bold;
}
.kostka.dvere,
.dvere-hlavicka {
	min-width: 600px;
	max-width: initial;
	cursor:initial;
	justify-content: flex-start;
	align-items: center;
}
.dvere-hlavicka {
	justify-content: flex-start!important;
}
.kostka.dvere .pozice,
.dvere-hlavicka .pozice {
	min-width: 40px;
	max-width: 40px;
}
.dvere-hlavicka .pozice>DIV {
	margin-bottom: 0;
}
.kostka.dvere SELECT,
.kostka.dvere .pozice INPUT {
	margin-top:0;
	margin-bottom:0;
	width:260px;
}
.kostka.dvere .pozice INPUT {
	color:#004386;
	font-weight:bold;
	max-width: 40px;
}
.kostka.dvere .typ-dveri,
.dvere-hlavicka .typ-dveri {
	min-width: 260px;
}
.kostka.dvere .obrazek,
.dvere-hlavicka .obrazek {
	min-width:80px;
	margin-left:10px;
	margin-right:10px;
}
.kostka.dvere .obrazek IMG:not(.dvere-1-1) {
	display: none;
}
.kostka.dvere .sirka-dveri,
.dvere-hlavicka .sirka-dveri,
.kostka.dvere .sirka-dveri,
.dvere-hlavicka .sirka-dveri {
	max-width:100px;
	margin-right:10px;
}
.kostka.dvere .sirka-dveri SELECT,
.kostka.dvere .vyska-dveri SELECT {
	max-width:80px;
	margin-top:0;
	margin-bottom:0;
}
/*.kostka.dvere .sirka-dveri SELECT OPTION:not(.base):not([data-dvere-1-1]) {
	display: none;
}*/

.bez-layoutu-no-dvere U {
	color:#004386;
	text-decoration: underline;
	cursor:pointer;
}

.pridat-dvere {
	display:none;
	margin-top:30px;
	padding:20px 15px 18px 10px;
	border:solid 1px #f0f0f0;
	transition: .3s;
	width: 160px;
}
.pridat-dvere:hover {
	background:#f0f0f0;
	transition: .3s;
}
.odstranit-dvere {
	width:33px;
	height:33px;
	margin-left:10px;
	padding:10px;
	cursor: pointer;
}



@media (max-width:1199px) {
	.changer .changer-text .changer-popis {
		margin-right: 0;
	}
}


@media (max-width:767px) {
	.hidden-xs {
		display:none;
	}
	#homepage-changing-content {
		flex-direction: column; 
	}
	.selectors {
		width:100%;
	}
	.selector UL,
	.selector STRONG {
		margin-right: 0!important;
	}
	.selector {
		padding-bottom:10px;
		cursor:pointer;
	}
	.selector STRONG::after {
		content: ">"; 
		position: absolute;
		margin-top: 0px;
		right: 40px;
		transform: scale(1,0.5) rotate(90deg);
		font-size: 36px;
		font-weight: bold;
		color: #2b2b2b;
		transition: 100ms;
	}
	STRONG.otevreny::after {
		transform: scale(1,0.5) rotate(270deg);
	}
	.selector UL {
		display: none;
	}
	#right-content {
		width:100%;
	}
}


.img-responsive {
	height:auto;
	max-width: 100%;
}



.gradient-effect {
    background: radial-gradient(circle, rgba(255,255,255,1) 45%, rgba(241,241,241,1) 60%);
    background-size: cover; 
    background-position: center center;
}



.sekce-obrazek-text H2 {
	margin-bottom:20px;
}
.sekce-obrazek-text .btn {
	margin-top:20px;
	display: inline-block;
	background: #003f80;
	
	padding:10px 20px 8px 20px;
	font-weight: bold;
	text-transform: uppercase;
}
.sekce-obrazek-text .btn SPAN {
	color:#fff!important;
}
.sekce-obrazek-text,
.sekce-odsazeni {
	padding-top:120px;
	padding-bottom:120px;
}
.sekce-obrazek-text,
.sekce-stridat-barvy,
.white-bg {
	background:#ffffff;
	background-repeat:no-repeat;
}
.sekce-obrazek-text .gradient-effect,
.sekce-stridat-barvy .gradient-effect,
.white-bg .gradient-effect {
	background-image: none;
}
.sekce-obrazek-text:nth-of-type(4n+1) {
	background-image: url(../img/logo/logo-pozadi-sekce.png);
	background-position: left -200px bottom -200px;
}
.sekce-obrazek-text:nth-of-type(4n+3) {
	background-image: url(../img/logo/logo-pozadi-sekce.png);
	background-position: right -200px bottom -200px;
}
.sekce-obrazek-text:nth-of-type(even),
.sekce-stridat-barvy:nth-of-type(even),
.gray-bg {
	background-color:#f1f1f1;
}
.sekce-obrazek-text:nth-of-type(even) .gradient-effect,
.sekce-stridat-barvy:nth-of-type(even) .gradient-effect,
.gray-bg .gradient-effect {
	background-repeat:no-repeat;
	background-image: radial-gradient(circle, rgba(255,255,255,1) 45%, rgba(241,241,241,1) 60%);
    background-size: cover; 
    background-position: center center;
}
@media (max-width:1440px) {
	.sekce-obrazek-text,
	.sekce-odsazeni {
		padding-top:100px;
		padding-bottom:100px;
	}
}
@media (max-width:991px) {
	.sekce-obrazek-text,
	.sekce-odsazeni {
		padding-top:70px;
		padding-bottom:90px;
	}
}
.sekce-obrazek-text .container {
	padding-left:45px;
	padding-right:45px;
}
.sekce-obrazek-text .holder {
	display:flex;
	align-items: center;
}
.sekce-obrazek-text:nth-of-type(odd) .holder {
	flex-direction: row-reverse;
}
.sekce-obrazek-text.text-vlevo .holder {
	flex-direction: row;
}
.sekce-obrazek-text.text-vpravo .holder {
	flex-direction: row;
}

.sekce-obrazek-text .texty {
	max-width: 680px;
	min-width: 680px;
}
@media (max-width:1199px) {
	.sekce-obrazek-text .texty {
		max-width: 520px;
		min-width: 520px;
	}
}
@media (max-width:991px) {
	.sekce-obrazek-text .texty {
		max-width: 100%;
		min-width: 100%;
	}
}
@media (max-width:767px) {
	.sekce-obrazek-text .obrazek {
		display: none;
	}
}

.sekce-obrazek-text:nth-of-type(odd) .obrazek,
.sekce-obrazek-text.text-vpravo .obrazek,
.sekce-obrazek-text:nth-of-type(even) .texty,
.sekce-obrazek-text.text-vlevo .texty {
	/* odsazeni levych sekci */
	padding-right:45px;
}
.sekce-obrazek-text:nth-of-type(even) .obrazek,
.sekce-obrazek-text.text-vlevo .obrazek,
.sekce-obrazek-text:nth-of-type(odd) .texty,
.sekce-obrazek-text.text-vpravo .texty {
	/* odsazeni pravych sekci */
	padding-left:45px;
}
@media (max-width:991px) {
	.sekce-obrazek-text .obrazek,
	.sekce-obrazek-text .texty {
		padding-left: 0!important;
		padding-right: 0!important;
	}
}



.technicke-param-skryto {
	display:none;
}
.technicke-param-odkryt {
	text-transform: uppercase;
	color:#a9a9a9;
	text-decoration: underline;
	text-decoration-style: dotted;
	cursor:pointer;
}
.technicke-param-test,
.technicke-param-test *
{
	color:#a9a9a9!important;
}