@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Sans:300,400,500,600&display=swap');
@font-face{
    font-family: 'Hrot Basic Medium';
    src: url('../fonts/HrotBasic-Medium.woff2') format('woff2'), url('../fonts/HrotBasic-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
			}
@font-face{
    font-family: 'Hrot Basic SemiBold';
    src: url('../fonts/HrotBasic-SemiBold.woff2') format('woff2'), url('../fonts/HrotBasic-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
html {
  font-size: 100%;
}

h1{
	font-size: 2.25rem !important;
	line-height: normal !important

}

h2{
	font-size: 1.25rem !important;	
    line-height: 1.95rem; 
}

h3{
	    font-size: 1rem !important;
    line-height: 1.5rem !important;
}
span{font-size: initial;}
[type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after {
font-family: "FontAwesome";
color: #fff;
content: "\f00c";
top: 2px !important;
left: 2px !important;
line-height: 14px;
}

@supports (-webkit-touch-callout: none) {
  [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after {
content: "\f00c";
left: 2px !important;
top: 1px !important;
}
}
body,
table,
option,
button {
    font-family: 'IBM Plex Sans', Arial, sans-serif !important;
}
#sptnav a{
        font-family: 'Hrot Basic Medium', Arial, sans-serif !important;
        font-weight: 600 !important;
}
h1,h2,h3{
        font-family: 'IBM Plex Sans', Arial, sans-serif !important;

}
p, th, td, select, input{
    font-family: 'IBM Plex Sans', Arial, sans-serif !important;
    font-size: 0.875rem !important;
    line-height: 1.3125rem;
    color: #4d4d4d;
    border-radius: 0px !important;
}
* {
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'IBM Plex Sans', Arial, sans-serif;  
}

/*media queries EDGE*/
@supports (-ms-ime-align:auto) {

    .faq-sidebar span {
        width: auto;
        height: auto;
    }

    .config .tabform .wovat .price span, 
    .config .tabform .wvat .price span{
        text-align: center !important;
    }
 	
 	.config-info .availability .yes{
   		width: 65% !important;
   		margin: 0 auto;
   		float: unset;
   		padding: 0 0 0 15px;
	}

 	.config-info .availability .no{
   		width: 90% !important;
   		margin: 0 auto;
   		float: unset;
   		padding: 0 0 0 15px;
	}

	[type='checkbox']:not(:checked) + label::after, 
	[type='checkbox']:checked + label::after{
    	top: 0px !important;
    	left: 0px !important;
	}
}
	/*safari*/
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {

    .boxcont.configuration table tr.title, 
    .boxcont.configuration table tr.info {
        position: relative !important;
        top: 0 !important;;

    }
}
 
/*mozzila*/


/*.highlighted{
border-left: 2px solid #e83e49 !important;
}*/

@media (min--moz-device-pixel-ratio:0) and (min-width: 1200px){
	.config .config-detail .config-info.half.float-right{
        /*transform: translateX(294%) !important;*/
    }  
}
  
@media (-ms-high-contrast: none), (-ms-high-contrast: active){
    .config-info .availability .yes{
   		width: 100% !important;
   		margin: 0 auto;
   		float: unset;
   		padding: 0 0 0 35px;
	}

 	.config-info .availability .no{
   		width: 100% !important;
   		margin: 0 auto;
   		float: unset;
   		padding: 0 0 0 15px;
	}
    
    .config .price input {
        width: 155px;
    }
    
    .config .greenloancalc .grenkeKalkulackaBlock .block-title {
        background-image: none !important;
        /*height: 1.5rem !important;*/
        text-align: left !important;
        width: auto !important;
        margin-left: 0px !important;
    }

    .stoitem .stiinfo .cnt .greenloancalc .grenkeKalkulackaBlock .block-title {
        background-image: none !important;
        height: 1.5rem !important;
        text-align: right !important;
        width: auto !important;
        margin-left: 0px !important;
    }

    .config .greenloancalc th {
        visibility: visible !important;
        word-spacing: normal !important;
        letter-spacing: normal !important;
        padding: 5px 5px 5px 0 !important;
    }

    .greenloancalc .label {
        visibility: visible !important;
        word-spacing: normal !important;
        letter-spacing: normal !important;
        padding: 5px 5px 5px 0 !important;
    }

    .config .greenloancalc th:before {
        display: none !important;
    }

    .greenloancalc .label:before {
        display: none !important;
    }

    .tabform th:not(:empty):not(.notdeliv):after {
        visibility: visible !important;
        word-spacing: normal !important;
        letter-spacing: normal !important;
    }

    .rowbox :not(:empty).label::after {
        display: inline-block !important;
    }

    .greenloancalc .label:after {
        content: ":" !important;
        margin: 0 0 0 -4px;
        display: none !important;
    }

    .stoitem .stiinfo .cnt .greenloancalc .grenkeKalkulackaBlock .block-title span {
        content: "" !important;
        display: block !important;
    }

    .config .greenloancalc .grenkeKalkulackaBlock .block-title span {
        display: inline-block !important;
    }
}
/*min 1400px jen pro menu*/
@media screen and (min-width: 1400px){
    #sptnav .level3 li:nth-child(1) .level6>li:nth-child(5) a{
    height: 80px !important;
    display: block !important;
    padding: 25px 0 0 0 !important;
}
	#footercont .companycontact{
	grid-column: 3;
    grid-row-start: 3;
    grid-row-end: 4;
}
	#footercont .companyinfo {
    grid-column: 5;
    grid-row-start: 1;
    grid-row-end: 3;
}
	footer .boxcont.navi .cnt nav{
       grid-column-start: 2;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 3;
}
footer .boxcont.navi>.cnt {
    display: grid;
    grid-template-columns: 20% 20% 20% 20% 20%;
    grid-template-rows: 33% 13% 54%;
}
.mobileColumnGroup{
	display: none;
}

#stinotecmtblock_info .text_pic{
	                	display: none;
	                }

			.orders #contentcont .document.moredetails, 
	.orders #contentcont .document.half, 
	.orders #contentcont .document.float-half, 
	.iisutil #contentcont .document.moredetails, 
	.iisutil #contentcont .document.half, 
	.iisutil #contentcont .document.float-half{
		    width: calc(100%/3) !important;
    margin-top: 10px;
    height: 330px;
    margin-bottom: 10px;
	}
	.ordbaskets #centercont, .orders #centercont{
	padding-top: 106px !important;
	}		
/*	.modal-popup{
		bottom: unset;
		width:10% !important;
	}*/
	.modal-popup.modal-pf2020 .pf2020 p {

    font-size: 6.6rem !important;

	}

	#sptnav ul li .sptnavsub{
        padding: 0 100%;
    	top: 35px;
    	width: 300%;
    	transform: translateX(-50%);
    	left: 50%;
	}
}

@media screen and (min-width: 1200px){

    #sptnav .level3 li:nth-child(1) .level6>li:nth-child(5) a{
    height: 80px !important;
    display: block !important;
    padding: 25px 0 0 0 !important;
}
    .googlehvezdyuvodka{
    margin: 90px 0 60px 60px;
    background: #fff;
    padding: 20px;
    float: left;
    max-width: 400px;
    border-bottom: 2px solid #E6E6E6;
}

    #googlehvezdy {
    float: left;
    clear: left;
    grid-column: 1;
    grid-row: 3;
    margin-right: 25px;
}
	#footercont .companycontact{
	grid-column: 5;
        grid-row-start: 2;
        grid-row-end: 4;
}
	#footercont .companyinfo {
    grid-column: 5;
    grid-row-start: 1;
    grid-row-end: 3;
}
	footer .boxcont.navi .cnt nav{
       grid-column-start: 2;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 3;
}
	footer .boxcont.navi>.cnt {
    display: grid;
    grid-template-columns: 22% 20% 20% 20% 17%;
    grid-template-rows: 200px 10% 0%;
}
.NBD_cnt .column1, .NBD_cnt .column2, .NBD_cnt .column3, .NBD_cnt .column4{
    width: 200px;
}
.faq-sidebar_kontakty.cenik {
	background: url(../img/kontakt_gallery/kontakt_3.jpg) no-repeat center !important;
	background-position: -110px -50px;
    background-size: 613px !important;
}

.mobileColumnGroup{
	display: none;
}
#stinotecmtblock_info .text_pic{
	                	display: none;
	                }
.boxcont.basketadd .stiplname{
	width: 70% !important;
	    padding: 0 !important;
    height: 70px;
}
.popupcont.basketadd{
	top: 96px !important;
    z-index: 1000;
    right: 50%;
    left: 50% !important;
    width: 390px;
    min-width: unset;
    position: fixed !important;
    border-radius: 0px;
    transform: translateX(210px);
}

#sptnav .sptnavsub .level6>li>.categories>a{
		/*padding: 15px 0px 15px 15px !important;*/
	}
	.step_3 #contactdatacont_1, .step_3 #contactdatacont_2, .step_3 #contactdatacont_3, .step_3 #contactdatacont_4, .step_3 #contactdatacont_5, .step_3 #contactdatacont_6, .step_3 #contactdatacont_1_log, .step_3 #contactdatacont_2_log, .step_3 #contactdatacont_4_log {
    background: #ffffff !important;
    background: #ffffff !important;
        margin: 0 10px 0 0;
    width: calc(100% / 5 - 10px);
    padding: 0 10px;
    clear: none;
}

	.boxcont.config-detail{
	display: grid;
    grid-template-rows: auto auto;
}

	.boxcont.config-detail .cnt form {
            display: grid;
        order: 2;
        grid-column-start: 1;
        grid-column-end: 5;
        grid-row-start: 1;
        grid-row-end: 4;
        grid-template-rows: 50px 360px auto auto 30px;
}
.boxcont.config-detail>.cnt {
    display: grid;

    grid-column-start: 1;
    grid-column-end: 5;
    grid-template-rows: auto auto;
}
	.boxcont.config-detail, .boxcont.config-detail .cnt form,.boxcont.config-detail>.cnt {
    grid-template-columns: 37% 34% 3% 26%;
}
	#filterstiparinfcont .cnt form div[data-cpaid="1633"] .hdr p {
        color: #fff !important;
        border-bottom: none;
        padding: 5px 0px 5px 0 !important;
        margin: 10px 15px 10px 0 !important;
        width: 100%;
        background: #21378a;
        text-align: center;
        font-size: 0.875rem !important;
        font-family: 'Hrot Basic Medium', Arial, sans-serif !important;
        text-transform: uppercase;
        font-weight: normal;
}

    #filterstiparinfcont .cnt form div[data-cpaid="1633"] .hdr:after{
        content: "" !important;
    }
	/*.boxcont.compare.prodlist{
		margin: 25px 10px 0 0;
	}*/
	#headercont .basket,.boxcont.compare.prodlist{
    margin: 15px 10px 0 0;
    padding: 5px !important;
}
		#prodlistanchor .prodbox {
    width: calc(100% / 4);
}
	.subcats ul li {
    width: calc(25% - 5px);
}
.subcats ul li:nth-child(4n) {
    margin-right: 0;
    margin-left: 5px;
    clear: initial;
}
	.news li .img {
        width: 100% !important;
    height: 100px !important;
    overflow: hidden;
}
	.carousel .owl-item{
	    width: 32% !important;
    margin: 0;
    display: none;
}
	.boxcont.basket {
    margin: 25px 15px 0 0;
}
	.search {
    transform: translateY(40px);
}
	#footercont footer .boxcont.navi .cnt nav ul{
	width: 100%;
	padding: 35px 0 0 0;
}
	#footercont .companycontact{
		padding: 35px 0 0 0;
	}
	/*.homepage .news li:nth-child(2) {
    padding-right: 20px;
    padding-left: 20px;*/
}
	#centercont {
    padding: 148px 0 0 0 !important;

}

.config #centercont {
    padding: 170px 0 0 0;
}

	.sekundarni_lan_adaptery .configinput input[type=checkbox] + label {
    order: 2;
    width: 100% !important;
    padding: 0px 0 0px 60px !important;
    margin: 0 0 0 -50px;
    height: fit-content;
}

#basketsumtab tr:last-child th {
    font-size: 1.5rem;
    min-width: 117.61px !important;
    padding: 5px 3px !important;
}
	#gdprcont {
        width: 45%
}
	#customsignordercont{
width: 30%;
}

	#deliverycont, #paywaycont{
	width: 30%;
}
	#contactdatacont_4_log ~ .boxcont.products.noedit{
    width: 100%;
}
	.cont.contentcont.ordbaskets .boxcont.products.noedit{
    width: 100%;

}
	#logincontactcont .cnt form .tabform tbody tr:nth-child(3) td ul li:nth-child(1){
    padding-bottom: 30px;
}
	.cont.contentcont.ordbaskets #logincontactcont{

    margin: 0 auto;
    float: unset;
}

	.boxcont.logincontact.ds_none + form .boxcont.products.noedit{
    /*width: 40%;*/
}

		.cont.contentcont.ordbaskets form
	#contactdatacont_1, 
	#contactdatacont_2, 
	#contactdatacont_3, 
	#contactdatacont_4,	#contactdatacont_1_log, 
	#contactdatacont_2_log, 
	#contactdatacont_4_log{
	    float: left !important;
	}
	.iisutil #centercont,.ordbaskets #centercont, .orders #centercont{
	padding-top: 100px !important;
	}		

	.modal-popup.modal-pf2020 .pf2020 .btn.btn-close{
	margin: 0px 0px;
	}
	.modal-popup.modal-pf2020 .pf2020 p {
        font-size: 4.5rem;
    min-width: 350px;
	}
   .boxcont.webnews .prodbox h2 {
    	font-size: 1.5rem;
    	color: #204471; 
    	text-align: left;
    	padding: 5px 0;
	}
	.boxcont.news h2 {
 font-size: 1.125rem !important;
    line-height: 1.6875rem;
    padding: 0px 0;
    color: #21378a;
    width: 100%;
    display: block;
    float: left;
    position: relative;
	}
.text-block h2{
	padding:  0 !important
}
	.boxcont.webnews.news .hdr {
	background: #fff;
    padding: 30px 30px 5px 30px;

	}

    #headercont .basket .price {
    	margin: 0px;
    	padding: 5px 0 0 20px;
	}

    #headercont .logo a {
      background: url(../img/logo_CS.png) no-repeat !important;
    background-size: 100% !important;
    margin: 0;
    width: 180px;
    height: 65px !important;
	}
	#footercont .footerlogo{
	margin: 40px 0 0 0;
    width: 80%;
    height: inherit;
    grid-column: 1;
    grid-row: 1;
    display: block;
    max-width: 194px;
	}

	#footercont .boxcont.footerlogo a{
	background: url(../img/logo_CS.png) no-repeat !important;
    background-size: 92% !important;
    width: 184px;
    height: 58px;
    color: transparent;
    float: left;
    background-position: -14px -3px !important;
	}

	/*.ordbaskets #headercont .logo a{
    	    margin: 20px 0 !important;
	}*/

    /*.homepage .boxcont.webnews .boxcont.news ul li {
        width: 50%;
	    display: block;
	    height: 240px;
	    float: left;
	    clear: right;
	    padding: 0;
	    margin-top: 2%;
    }*/

    .news li .hdr a {
    	font-size: inherit;
	}

    .prodbox .btn-config, .prodbox .btn-buy{
	    float: right !important;

	    margin: 0 !important;
	    font-size: 1rem;
	    color: #fff !important;
    }

    .prodbox .btn-config, .prodbox .btn-buy {
    background: #152654 !important;
        border-radius: 0px !important;
	}

    #stepscont{
    position: fixed;
    z-index: 200;
    transform: translateY(-95px);
    max-width: 100px;
    left: 50%;
	}
    
    .ordersteps table .step .num:before{
    	font-size: 2.5rem;
	}
	.ordersteps table .step {
    padding: 18px 0;
}
    /*.owl-carousel .owl-item{
        width: 25% !important;
    }*/

	.config-info .order{
	    display: block;
	    z-index: 99;
	    order: 3;
	   	width: 100%;
	    padding: 0px 25px 0 25px;
	}

	.stoitem .boxcont.half.stiimg {
	    width: 100%;
    display: grid;
    grid-column-start: 1;
    grid-column-end: 3;
    background: #fff;
    grid-template-columns: 100%;
    grid-row-start: 1;
    grid-row-end: 3;
	}

	.boxcont.half.float-right.stiinfo {
width: 100%;
    border-radius: unset;
    background: transparent;
    grid-column-start: 4;
    grid-column-end: 4;
    height: fit-content;
    grid-row-start: 1;
    grid-row-end: 3;
    padding: 0;
    transform: translateY(-144px);
	   }

	.config-info .tabform .availability{
	 order: 5;
    width: 60%;
    display: inline-block;
    padding: 25px 25px 0 0;
	}
.config-info .tabform .classname{
}
	#config_selected, #config_selected_services{
background-color: white;
    float: left;
    width: 100%;
    display: block;
    padding: 10px;
    margin-top: 5px;
    width: 100%;
    height: auto;
 box-shadow: 0px 2px 0px 0px rgb(221 221 221);
    z-index: 99;
     margin-bottom: 3px;
	}

    #config_selected_services table{
        width: 100%;
    }
#config_selected table{
    overflow-y: auto;
    overflow-x: clip;
    max-height: unset;
    display: block;
    height: auto;
}
#config_selected_services table{
    overflow-y: auto;
    overflow-x: clip;
    max-height: 10vh;
    display: block;
    height: auto;
        min-height: 2rem;
}
#config_selected::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
}

#config_selected::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgb(21 38 84);
}
#config_selected::-webkit-scrollbar-button:vertical:start:decrement {
	width:15px;
	display: block;
    background:
        linear-gradient(120deg, #ffffff 40%, rgba(0, 0, 0, 0) 41%),
        linear-gradient(240deg, #ffffff 40%, rgba(0, 0, 0, 0) 41%),
        linear-gradient(0deg, #ffffff 30%, rgba(0, 0, 0, 0) 31%);
    background-color: #152654;
}

#config_selected::-webkit-scrollbar-button:vertical:end:increment {
	width:15px;
	display: block;
    background:
        linear-gradient(300deg, #ffffff 40%, rgba(0, 0, 0, 0) 41%),
        linear-gradient(60deg, #ffffff 40%, rgba(0, 0, 0, 0) 41%),
        linear-gradient(180deg, #ffffff 30%, rgba(0, 0, 0, 0) 31%);
        background-color: #152654;
    }

	.config-info .tabform tbody{
		display: flex;
		flex-flow: row wrap;
	    max-width: 310px;
	}

	.config-info .tabform .wovat, .rowbox.wovat{
	        order: 1;
    width: 100%;
    padding: 0 0 0 0px;
    border-top: none;
    border-bottom: none;
    display: block;
    grid-column-start: 1;
    grid-column-end: 3;
	}

	.config-info .tabform .wvat, .rowbox.wvat{
	    order: 2;
    width: 100%;
    padding: 0 0 15px 0;
    display: block;
    grid-column-start: 1;
    grid-column-end: 3;
	}
	  
	  .config-info .tabform .wovat{
	  	padding-top: 0px !important;
	  }

	  .config-info .tabform .wvat{
	  	padding-left: 0px !important;
	  }


	html[lang="cs"] #config_selected:before{
	    font-family: 'IBM Plex Sans', Arial, sans-serif;
	    content: "Upravená konfigurace";
	    width: 100%;
	    display: block;
	    font-size: 1.15rem;
	    font-weight: 600;
	    color: #21378a;
	    padding: 5px 0px 0px 10px;
	 	text-align: left;
	}

    html[lang="cs"] #config_selected_services:before{
        font-family: 'IBM Plex Sans', Arial, sans-serif;
        content: "Záruky a služby";
        width: 100%;
        display: block;
        font-size: 1.15rem;
        font-weight: 600;
        color: #21378a;
        padding: 5px 0px 0px 10px;
        text-align: left;
    }

	html[lang="sk"] #config_selected:before{
	    font-family: 'IBM Plex Sans', Arial, sans-serif;
	    content: "Upravená konfigurácia";
	    width: 100%;
	    display: block;
	    font-size: 1.15rem;
	    font-weight: 600;
	    color: #21378a;
	    padding: 5px 0px 0px 10px;
	 	text-align: left;
	}



	.config .title span{
    font-size: 1.5rem !important;
    position: relative;
    color: #152654;
    font-weight: 400;
    text-align: left;
    margin: 30px 0px 10px 0px;
    display: block;
    border-bottom: 0px dotted #4D4D4D;
    width: fit-content;
    line-height: 1.6875rem;
    position: relative;
    z-index: 100;
    height: 42px;
	}
	    /*úprava produktová stránka s konfigurátorem*/
	        /*.config .configinput label .configname {
	            width: 73%;
	        }*/

/*	.config-detail .status {
	    margin: 100px 0 0 0;
	    position: relative;
	}
*/
	.config .config-detail .hdr h1 {
	  padding: 15px 25px;
	}
    .config .ui-widget-header{
        display: none !important;
    }
	.config #tabs {
    display: flex;
    margin: 30px 0;
    grid-row-start: 4;
    grid-row-end: 4;
    grid-column-start: 1;
    grid-column-end: 3;
    flex-direction: column-reverse;
    	}   

	.configuration{
	    width: 100% !important;
	    background: #f9f9f9;
	    order: 6;
	}

	.config .config-detail .config-info.half.float-right{

	    width: 310px;
	}

	        /*.config-detail .cnt .boxcont.config-img.half, .config-detail .boxcont.note{
	            margin: 100px 0 0 0;
	        }*/

	       

	        /*.config .config-detail>.hdr {
	            width: 100%;
	            height: 6.5em;
	            margin: -1px 0 0 0;
	        }*/

	        /*.configuration > .cnt > .tabform tr{
	        padding: 2px 0 2px 0;
	        display: table-row;
	        width: -webkit-fill-available;
	        }*/

	        /* .config .configinput {
	        float: right !important;
	        clear: right !important;
	        width: 68% !important;
	        margin: -3px 12% 0 0 !important;
	        border-left: 1px solid #c8d6e4 !important;
	        padding: 0;
	        }*/

	        /* .config-detail .cnt .boxcont.config-img.half{
	                border-right: 1px solid #e7e7e7;
	        }*/
	        /*.configuration > .cnt > .tabform {
	        padding-top: 0px;
	        margin: -20px 0px 0px -30px;
	        }*/
	        /*úprava produktová stránka s konfigurátorem*/
	        /*úprava produktová stránka s konfigurátorem*/
	        




	        
	.config-detail .cnt form .boxcont.config-info.half.float-right .cnt .hdr.hdr-config-info {
	    width: 100%;
	    display: none;

	}

	.config-detail .cnt .boxcont.config-img.half, .config-detail .boxcont.note{
	    width: 100%;
		background: #fff;
		padding: 0 25px 17px 25px; 
	} 
	.config .config-detail .boxcont.tools {
        box-shadow: 0px 2px 0px 0px rgb(221 221 221);
	        height: 56px;
    background: #fff;
    margin: 0;
    padding: 0px 15px 0 15px;
    border-top: 0 solid #fff;
    border-bottom: 0px solid #fff;
	}
	.config-detail .boxcont.note{
	    width: 32%;
	    padding: 0 20px;
	    height: 210px;
	}
	    
	.config .config-detail>.hdr {
	    width: 72%;
        height: 124px;
    display: table;
	}
	        
	.subcats ul li {
	   	height: 45px;
	}

	      /*  .config .config-detail .configuration .hdr:before {
	    content: "Upravit konfiguraci podle potřeb";
	    display: block;
	    color: #3b608a;
	    width: 100%;
	    font-weight: 400;
	    padding: 5px 0px 5px 0px;
	    margin: 0px 0 0px 0px;
	    font-size: 1.4em;
	    
	    text-align: center;
	    background-image: url(../img/gearwheel.svg);
	    background-position: 68% 3px;
	    background-repeat: no-repeat;
	    background-size: 20px;
	    }*/
	.config div.configinput {
	    background: white;
	    display: flex;
	    float: right !important;
	    clear: right !important;
	    width: 100% !important;
	    margin: 0 !important;
	    font-weight: 400;
	}
    .config div.configinput,
    .configuration .tabform tr>td>span{
        padding: 0 30px;
    }

	.configuration .cnt .tabform .serverove_disky td>span,
    .configuration .cnt .tabform .operacni_pamet_ram td>span, 
	.configuration .cnt .tabform .serverove_diskove_ramecky td>span,
	.configuration .cnt .tabform .lan_adaptery_ethernet td>span,
	.configuration .cnt .tabform .serverove_operacni_systemy td>span,
	.configuration .cnt .tabform .adaptery_fibre_channel td>span,
	.configuration .cnt .tabform .sekundarni_lan_adaptery_ethernet_do_pcie_slotu td>span,
	.configuration .cnt .tabform .primarni_lan_adapter_na_zakladni_desce td>span,
	.configuration .cnt .tabform .sekundarni_lan_adaptery td>span,
	.configuration .cnt .tabform .lan_adaptery td>span,
	.configuration .cnt .tabform .housing_v_datovem_centru td>span,
	.configuration .cnt .tabform .instalace_os td>span{
	    width: 100% !important;
	    color: #4D4D4D;
	    background: rgba(255, 255, 255, 1) !important;
	    font-style: normal !important;
	    text-align: left;
	    font-weight: 600 !important;
	    padding: 10px 0 5px 0px;
	    font-size: 1rem;
	    font-family: 'IBM Plex Sans', Arial, sans-serif;
        position: relative;
        z-index: 95;
	}

	.config .configinput label{
	    order: 2;
	    width: 100% !important;
	    padding: 0 0 0 40px;
	    margin: 0 0 0 -30px;
	    height: fit-content;
            border-top: 1px solid #F2F2F2;
	}

    .config .operacni_pamet_ram .configinput label{
            border-top: 0px solid #F2F2F2;
    }

.config .configinput label.third-item{
	padding: inherit;
}
	/*.boxcont .note .cnt .note p:nth-child(2){
	  	padding: 20px 0;
	}*/

	/*.config-detail .cnt form .note .hdr-note h2:before{
	    content: "Možnosti konfigurace:";
	    width: 100%;
	    display: block;
	    font-size: 1.2em;
	    font-weight: 600;
	    color: #3b608a;
	    padding: 0 0 5px 0;
	    text-align: left;   
	}*/

	.config-info .tabform .availability.inet {
	    width: 100%; 
	    padding: 0 !important;
	}

	            /*.level6 li .categories{
	                    height: 1px;
	                    background: #bccada;
	            } */

	.level9 li .categories{
/*	    height: 40px !important;*/
	    background-color: transparent;
	    padding: 0px;
	    border: 0px solid transparent;
	    float: left;
	    } 

	    .modal-popup{
	width: 100%;
    z-index: 500;
	}
}
@media screen and (max-height: 670px){
#config_selected{
    /*max-height: 200px;*/
	}
}
@media screen and (min-height: 800px){
.config .config-detail .config-info.half.float-right{
position:relative;}
}

@media screen and (min-height: 900px){
.config .config-detail .config-info.half.float-right{
position:sticky;
top: 270px;
}
#config_selected table {

    max-height: 35vh;
}

}
@media screen and (min-height: 1000px){
/*#config_selected{
        max-height: 680px;
        position: absolute;
}*/
}


/*#gdprcont [type="checkbox"]:checked + label:after{
        top: 4px !important;
}*/
/*SERVERY*/
/*
    a[data-strid='8764596'] {
    background-image: url(../img/icons/CS_RACK_ICON_white.svg);
    background-position: 0px -1px;
    background-repeat: no-repeat;
    background-size: 37px 37px;
    padding: 7px 6px 7px 45px !important;
    margin: 7px;
    }
    .act a[data-strid='8764596'] {
    background-image: url(../img/icons/CS_RACK_ICON_black.svg);
    background-position: 0px -1px;
    color: #204471;
    }*/
/*STORAGE*/
/*    a[data-strid='5807392'] {
    background-image: url(../img/icons/CS_STORAGE_ICON_white.svg);
    background-position: 0px -1px;
    background-repeat: no-repeat;
    background-size: 37px 37px;
    padding: 7px 6px 7px 45px !important;
    margin: 7px;
    }
    .act a[data-strid='5807392'] {
    background-image: url(../img/icons/CS_STORAGE_ICON_black.svg);
    background-position: 0px -1px;
    }*/
/*PAMETI*/
/*    a[data-strid='84'] {
    background-image: url(../img/icons/CS_RAM_ICON_white.svg);
    background-position: 0px -1px;
    background-repeat: no-repeat;
    background-size: 37px 37px;
    padding: 7px 6px 7px 45px !important;
    margin: 7px;
    }
    .act a[data-strid='84'] {
    background-image: url(../img/icons/CS_RAM_ICON_black.svg);
    background-position: 0px -1px;
    }*/
/*DISKY*/
/*    a[data-strid='99'] {
    background-image: url(../img/icons/CS_DISK_ICON_white.svg);
    background-position: 0px -1px;
    background-repeat: no-repeat;
    background-size: 37px 37px;
    padding: 10px 6px 7px 45px !important;
    margin: 7px;
    }
    .act a[data-strid='99'] {
    background-image: url(../img/icons/CS_DISK_ICON_black.svg);
    background-position: 0px -1px;
    }*/
/*KOMPONENTY*/
/*    a[data-strid='83'] {
    background-image: url(../img/icons/CS_KOMPONENTY_ICON_white.svg);
    background-position: 0px -1px;
    background-repeat: no-repeat;
    background-size: 37px 37px;
    padding: 10px 6px 7px 39px !important;
    margin:7px;
    }
    .act a[data-strid='83'] {
    background-image: url(../img/icons/CS_KOMPONENTY_ICON_black.svg);
    background-position: 0px -1px;
    }*/
/*WORKSTATION*/
/*  a[data-strid='4992329'] {
    background-image: url(../img/icons/CS_WORKSTATION_ICON_white.svg);
    background-position: 0px -1px;
    background-repeat: no-repeat;
    background-size: 37px 37px;
    padding: 10px 6px 7px 45px !important;
    margin: 7px;
    }
    .act a[data-strid='4992329'] {
    background-image: url(../img/icons/CS_WORKSTATION_ICON_black.svg);
    background-position: 0px -1px;
    }*/
/*SOFTWARE*/
/*    a[data-strid='228'] {
    background-image: url(../img/icons/CS_SOFTWATE_ICON_white.svg);
    background-position: 0px -1px;
    background-repeat: no-repeat;
    background-size: 37px 37px;
    padding: 7px 6px 7px 45px !important;
    margin: 7px;
    }
    .act a[data-strid='228'] {
    background-image: url(../img/icons/CS_SOFTWATE_ICON_black.svg);
    background-position: 0px -1px;
    }*/
/*konec ikony 1.uroven menu*/
/*zacatek ikony 2.uroven menu*/
/*RACK hpe PROLIANT*/
/*    .level3 li:nth-child(1) div ul li:nth-child(1) img {
    background-image: url(../img/icons/CS_ICON_hpe_logo.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*RACK hpe PROLIANT*/
/*TOWER hpe PROLIANT*/
/*    .level3 li:nth-child(1) div ul li:nth-child(2) img {
    background-image: url(../img/icons/CS_ICON_hpe_TOWER.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*TOWER hpe PROLIANT*/
/*BLADE hpe PROLIANT*/
/*    .level3 li:nth-child(1) div ul li:nth-child(3) img {
    background-image: url(../img/icons/CS_IBM_logo.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*BLADE hpe PROLIANT*/
/*RACK DELL PROLIANT*/
/*    .level3 li:nth-child(1) div ul li:nth-child(4) img {
    background-image: url(../img/icons/CS_FJ_logo.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*RACK DELL PROLIANT*/
/*TOWER DELL PROLIANT*/
/*    .level3 li:nth-child(1) div ul li:nth-child(5) img {
    background-image: url(../img/icons/CS_ICON_DELL_TOWER.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*TOWER DELL PROLIANT*/
/*BLADE DELL PROLIANT*/
/*    .level3 li:nth-child(1) div ul li:nth-child(6) img {
    background-image: url(../img/icons/CS_ICON_DELL_BLADE.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*BLADE DELL PROLIANT*/
/*IBM*/
/*    .level3 li:nth-child(1) div ul li:nth-child(7) img {
    background-image: url(../img/icons/CS_ibm_logo.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*IBM*/
/*FUJITSU*/
/*    .level3 li:nth-child(1) div ul li:nth-child(8) img {
    background-image: url(../img/icons/CS_FJ_logo.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*FUJITSU*/
/*SUN*/
/*    .level3 li:nth-child(1) div ul li:nth-child(10) img {
    background-image: url(../img/icons/CS_SUPERMICRO_logo.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*SUN*/
/*SUPERMICRO*/
/*    .level3 li:nth-child(1) div ul li:nth-child(9) img {
    background-image: url(../img/icons/CS_SUN_logo.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*SUPERMICRO*/
/*STORAGE hpe*/
    /*.level3 li:nth-child(2) div ul li:nth-child(1) img {
    background-image: url(../img/icons/CS_ICON_hpe_STORAGE.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*STORAGE hpe*/
/*STORAGE DELL*/
   /* .level3 li:nth-child(2) div ul li:nth-child(2) img {
    background-image: url(../img/icons/CS_ICON_DELL_STORAGE.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*STORAGE DELL*/
/*STORAGE DELL*/
    /*.level3 li:nth-child(2) div ul li:nth-child(3) img {
    background-image: url(../img/icons/CS_ICON_FUJ_STORAGE.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*STORAGE DELL*/
/*RAM 1.*/
    /*.level3 li:nth-child(3) div ul li:nth-child(1) img {
    background-image: url(../img/icons/);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*RAM 1.*/
/*RAM 2.*/
    /*.level3 li:nth-child(3) div ul li:nth-child(2) img {
    background-image: url(../img/icons/);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*RAM 2.*/
/*RAM 3.*/
    /*.level3 li:nth-child(3) div ul li:nth-child(3) img {
    background-image: url(../img/icons/);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*RAM 3.*/
/*RAM 4.*/
    /*.level3 li:nth-child(3) div ul li:nth-child(4) img {
    background-image: url(../img/icons/);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*RAM 4.*/
/*RAM 5.*/
    /*.level3 li:nth-child(3) div ul li:nth-child(5) img {
    background-image: url(../img/icons/);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*RAM 5.*/
/*RAM 6.*/
    /*.level3 li:nth-child(3) div ul li:nth-child(6) img {
    background-image: url(../img/icons/);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*RAM 6.*/
/*RAM 7.*/
    /*.level3 li:nth-child(3) div ul li:nth-child(7) img {
    background-image: url(../img/icons/);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*RAM 7.*/
/*HDD SAS 2.5*/

/*.level3 li:nth-child(4) div ul li div ul {
    padding: 0 0px 0px 75px !important;
    background-size: 3% !important;
    background-position: 8px -3px !important;
    margin: -10px 0 0 0;
    }

    .level3 li:nth-child(4) div ul li:nth-child(1) div ul {
    background: url(../img/icons/CS_HDD_2.5_SAS_ICON.svg) no-repeat !important;
    }*/
/*HDD SAS 2.5*/
/*HDD SAS 3.5*/
/*    .level3 li:nth-child(4) div ul li:nth-child(2) div ul {
    background: url(../img/icons/CS_HDD_3.5_SAS_ICON.svg) no-repeat !important;
    }*/
/*HDD SAS 3.5*/
/*HDD SATA 2.5*/
/*    .level3 li:nth-child(4) div ul li:nth-child(3) div ul {
    background: url(../img/icons/CS_HDD_2.5_SATA_ICON.svg)  no-repeat !important;
    }*/
/*HDD SATA 2.5*/
/*HDD SATA 3.5*/
/*    .level3 li:nth-child(4) div ul li:nth-child(4) div ul{
    background: url(../img/icons/CS_HDD_3.5_SATA_ICON.svg) no-repeat !important;
                }*/
/*HDD SATA 3.5*/
/*HDD FC*/
/*    .level3 li:nth-child(4) div ul li:nth-child(5) div ul {
    background: url(../img/icons/CS_HDD_FC_ICON.svg) no-repeat !important;
    }*/
/*HDD FC*/
/*HDD SCSI*/
/*    .level3 li:nth-child(4) div ul li:nth-child(6) div ul {
    background: url(../img/icons/CS_HDD_SCSI_ICON.svg) no-repeat !important;
    }*/
/*HDD SCSI*/
/*SSD SATA*/
/*    .level3 li:nth-child(4) div ul li:nth-child(7) div ul{
    background: url(../img/icons/CS_SSD_SATA_ICON.svg) no-repeat !important;
    }*/
/*SSD SATA*/
/*SSD SAS*/
/*    .level3 li:nth-child(4) div ul li:nth-child(8) div ul{
    background: url(../img/icons/CS_SSD_SAS_ICON.svg) no-repeat !important;
    }*/
/*SSD SAS*/
/*RAMECEK*/
  /*  .level3 li:nth-child(4) div ul li:nth-child(9) div ul {
    background: url(../img/icons/CS_RAMECEK_ICON.svg) no-repeat !important;
    }*/
/*RAMECEK*/
/*LAN*/
/*    .level3 li:nth-child(5) div ul li:nth-child(1) img {
    background-image: url(../img/icons/CS_LAN_ICON.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*LAN*/
/*ZDROJE*/
/*    .level3 li:nth-child(5) div ul li:nth-child(2) img {
    background-image: url(../img/icons/CS_ZDROJ_ICON.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*ZDROJE*/
/*RADIC*/
/*    .level3 li:nth-child(5) div ul li:nth-child(3) img {
    background-image: url(../img/icons/CS_RADIC_ICON.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*RADIC*/
/*BATERIE&CACHE*/
 /*   .level3 li:nth-child(5) div ul li:nth-child(4) img {
    background-image: url(../img/icons/CS_BATERIE&CACHE_ICON.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*BATERIE&CACHE*/
/*ZAKLADNI_DESKA*/
/*    .level3 li:nth-child(5) div ul li:nth-child(5) img {
    background-image: url(../img/icons/CS_ZAKLADNI_DESKA_ICON.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*ZAKLADNI_DESKA*/
/*CPU*/
/*    .level3 li:nth-child(5) div ul li:nth-child(6) img {
    background-image: url(../img/icons/CS_CPU_ICON.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*CPU*/
/*BACKPLANE*/
/*    .level3 li:nth-child(5) div ul li:nth-child(7) img {
    background-image: url(../img/icons/CS_BACKPLANE_ICON.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*BACKPLANE*/
/*RISER*/
/*    .level3 li:nth-child(5) div ul li:nth-child(8) img {
    background-image: url(../img/icons/CS_RISER_ICON.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*RISER*/
1263/*VRM_MODUL*/
/*    .level3 li:nth-child(5) div ul li:nth-child(9) img {
    background-image: url(../img/icons/CS_VRM_MODUL_ICON.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*VRM_MODUL*/
/*MANAGMENT*/
/*    .level3 li:nth-child(5) div ul li:nth-child(10) img {
    background-image: url(../img/icons/CS_MANAGMENT_ICON.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*MANAGMENT*/
/*CHLAZENI*/
/*    .level3 li:nth-child(5) div ul li:nth-child(11) img {
    background-image: url(../img/icons/CS_CHLAZENI_ICON.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*CHLAZENI*/
/*LIZINY*/
/*    .level3 li:nth-child(5) div ul li:nth-child(12) img {
    background-image: url(../img/icons/CS_LIZINY_ICON.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*LIZINY*/
/*OPTICKE*/
/*    .level3 li:nth-child(5) div ul li:nth-child(13) img {
    background-image: url(../img/icons/CS_OPTICKE_ICON.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*OPTICKE*/
/*PASKOVE*/
 /*   .level3 li:nth-child(5) div ul li:nth-child(14) img {
    background-image: url(../img/icons/CS_PASKOVE_ICON.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*PASKOVE*/
/*SKRINE*/
/*    .level3 li:nth-child(5) div ul li:nth-child(15) img {
    background-image: url(../img/icons/CS_SKRINE_ICON.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*SKRINE*/
/*KABELY*/
/*    .level3 li:nth-child(5) div ul li:nth-child(16) img {
    background-image: url(../img/icons/CS_KABELY_ICON.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*KABELY*/
/*SD*/
/*    .level3 li:nth-child(5) div ul li:nth-child(17) img {
    background-image: url(../img/icons/CS_SD_ICON.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*SD*/
/*OSTATNI*/
/*    .level3 li:nth-child(5) div ul li:nth-child(18) img {
    background-image: url(../img/icons/.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*OSTATNI*/
/*WORKSTATION hpe*/
/*    .level3 li:nth-child(6) div ul li:nth-child(1) img {
    background-image: url(../img/icons/CS_WORKSTATION_DELL_ICON.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/
/*WORKSTATION hpe*/
/*WORKSTATION DELL*/
 /*   .level3 li:nth-child(6) div ul li:nth-child(2) img {
    background-image: url(../img/icons/CS_WORKSTATION_hpe_ICON.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    text-align: right;
    background-position: left;
    padding: 39px 0px 6px 45px !important;
    }*/

    .config-detail .tabinfo {
        border: none;
    }

    .config .configinput label.first-item {
        width: 100% !important;
    }
/*WORKSTATION DELL*/
/*NEVIM*/
/*
.fa.fa-cog:before {
    display: none;
}
*/
/*
.webmenu.menuid_2 .down {
    line-height: 1.5em;
    margin-top: 10px;
}
*/
/*
.prodbox .sts_img {
    right: 40px;
}

*/
/*

.sippriceord td {
    color: transparent;
}

.sippriceord .price {
    display: none;
}

.sippriceord td span {
    color: black;
}
*/

/*
#stiysttable tr .name {
    border-left: transparent;
}
*/


.boxcont .recommended {
    display: none;
}


/*
.boxcont .products .noedit {
    width: 100%;
}
*/

/*NEVIM*/
/*.boxcont.config-detail>.cnt{
	display: flex;
	flex-flow: wrap;
}*/
/*.boxcont.config-detail .cnt form{
	    display: grid;
    order: 2;
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 2;
    grid-row-end: 4;
    grid-template-rows: 477px;
}*/
#sptnav .level3>li:nth-child(1) .level6 .level9 .categories a{
	    text-align: center !important;
    font-size: 0.875rem !important;
    margin: 0;
    position: relative;
    z-index: 100;
    mix-blend-mode: multiply;
    background-color: transparent !important;
    padding-top: 0px;
    background-position: 50% 0px;
    overflow: hidden;
    background-size: 130px;
	}
	#sptnav .level3>li:nth-child(1) .level6 .level9 .categories a+span{
		z-index: 100;
    position: relative;
    color: transparent;
    background: transparent;
	}
	#sptnav .level3>li:nth-child(1) .level6 .level9>li:hover .categories a+span{
		color: initial !important;
		 background: #fff;
         position: relative;
         z-index: 50;
         	}
/*hpe*/
	
/*check boxy*/
.configinput [type="checkbox"]:checked + label:after{
   top: 8px;
    left: 12px !important;
}

[type="checkbox"]:checked + label:before {
    background: #224AAB
}
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
    border: 1px solid #C0C0C0;
    top: 1px !important;
    border-radius: 0;
}   
/*check boxy*/

/*radiobuttny*/
.config [type="radio"]:not(:checked) + label:after,.config [type="radio"]:checked + label:after {
    background: radial-gradient(circle, rgba(255,255,255,1) 35%, #224AAB 38%);
    border: 1px solid #477fc1;
    content: '';
    top: 0px;
    left: 10px;
    width: 14px;
    height: 14px;
    transition: all 0.2s;
    font-weight: 600;
    border-radius: 15px;
    border: 1px solid #224AAB;
}
/*radiobuttny*/

/*zápatí*/
btn-icon:before,
.fa:before {
   
    top: inherit;
    font-size: 16px !important;

}


.footerinfo .cnt .copyright {

    text-align: center !important;
}

.footerinfo .cnt .company {
    display: none;
}
 #footercont .newsletterbox {
    border-top: 1px solid #d1d7de;
    background: #e4ebf3 !important;
    display: none;
}

#footercont .footerinfo {
    border-top: 0px solid #e2e2e2;
    background: rgb(20 38 84) !important;
    font-size: 0.75rem;
}

#footercont .navi {
    padding: 0 10px 150px 10px;
    border-top: 1px solid #e2e2e2;
    background: #152654 !important;
}
#footercont .companyinfo p, #footercont .companycontact p a, #footercont .companycontact p span, #footercont .companycontact p{
    color: #ffffff;
}
#footercont .webmenu li ul a, #footercont .navi .cnt{
    color: #ffffff;
}

#footercont .webmenu li a {
    color: #ffffff;
}

html[lang="cs"] .boxcont.footerlogo:after{
	 content: "kvalitní repasované servery se zárukou 2 roky";
    font-size: 1rem;
    display: block;
    margin: 66px 2px 0 0;
    padding: 10px 0px 0 0;
    border-top: 2px solid #224AAB;
    font-family: 'IBM Plex Sans', Arial, sans-serif !important;
    font-weight: 400;
    width: 91%;
}

html[lang="sk"] .boxcont.footerlogo:after{
	content: "kvalitné repasované servery so zárukou 2 roky";
    font-size: 1rem;
    display: block;
    margin: 66px 2px 0 0;
    padding: 10px 0px 0 0;
    border-top: 2px solid #224AAB;
    font-family: 'IBM Plex Sans', Arial, sans-serif !important;
    font-weight: 400;
    width: 91%;
}

/*zápatí*/

/*záhlaví*/

.boxcont.basket{
    margin: 25px 15px 0 0;
    padding: 0 !important;
    border-bottom: 1px solid #FA4047;
    width: auto;
    float: right;
    clear: right;
}
.boxcont.compare.prodlist{
/*    padding: 0 !important;*/
    border-bottom: 1px solid #FA4047;
    width: 50px;
}
/*.prodlist .hdr .btn{
	padding: 0 0 5px 5px;
}*/
.search {
    display: block;
    padding: 0 !important;
    margin: 0 auto !important;
    float: left;
    width: 35%;
    z-index: 100;
    position: absolute;
    left: 40%;
}
#headercont, .scroll {
    /* z-index: 200; */
    /* margin: 0 auto; */
    /* float: none; */
    /* max-width: 1180px; */
    background: #152654 !important;
    position: fixed !important;
    transition-duration: 1s;
    transition-property: margin-top;
}

#headercont #sptnav{
/*	position: absolute;*/
/*    top: 80px;*/
}

#headercont {
    background: #152654 !important;
    z-index: 101;
    border-top: 5px solid #FA4047 !important;
    display: block;
    height: 147px;
    top: 0;

}
.ordbaskets #headercont,
.iisutil #headercont/*,
.orders #headercont*/{
  height: auto;
      max-height: 102px;
}

#sptnav ul {
        background: #152652;
        max-width: 1200px;
    display: block;
    margin: 0 auto;
    float: unset;
}
        


#sptnav .boxcont > ul > li {
	height: 50px;

       border-right: 0px solid #e6E6e6 !important;
    border-left: 0px solid #e6E6e6 !important;
}

/*.level3 li:nth-child(7) {

    border-right: 0px solid #A6A6A6 !important;
}*/

/*SVISLA CARA MENU*/


.menuid_1 li ul li a {
    border-bottom: none;
}

#headercont .webmenu li ul li:before {
   /* content: "•";
    float: left;
    padding: 0 5px 0 0;
    color: #bb3539;*/
}

#headercont .webmenu > li > a {
    font-size: 1.6rem;
    color: black;
}

.credit {
    font-size: 1.6rem;
    color: black !important;
}

#headercont .logged .cnt .inner .cnt {
    border: none !important;
    padding-bottom: 4px !important;
    width: 100%;
}

#headercont .logged .cnt {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    padding: 0 !important;
    border: 1px solid #C0C0C0 !important;
    right: 64px;
    z-index: 101;
    top: 30px;
    border-radius: 0px;
}

#headercont .login ul li label{
        float: unset;
    margin: 5px auto;
    display: block;
    width: fit-content;
}

#headercont .login ul li {
    padding: 5px 0 5px 0;
    width: 100%;
}

#headercont .login .btn {

        float: unset;
    margin: 5px auto;
    display: block;
}

#headercont .logged .cnt .inner .hdr {
    border-color: #ddd;
    padding: 10px;
}
.inner .ds_block {
    box-shadow: none !important;
}
#headercont .credit span {
    float: unset !important;
}

.credit span {
    float: left !important;
}
.prodlist .count, #headercont .basket .btn .count{
	font-size: 0.75rem;
    right: -12px;
    top: -5px;
    font-weight: normal;
    padding: 3px;
    width: 1.5rem;
    height: 1.5rem;background: #fa4047 !important;
}

#headercont .basket .btn .count{
	background: #fa4047 !important;
}

}
/*#headercont .basket .btn .count {
    top: -16px !important;
    right: -23px !important;
}*/

header .boxcont.top nav {
    display: none;
}

/*#headercont .basket .price {
    float: none !important;
    border: 2px solid white !important;
    padding: 7px 10px 3px 10px !important;
}*/
#headercont .logged ul li a span {
    display: inline-block;
}


/*#sptnav ul li .sptnavsub .level6 > li:nth-child(5n+1) {
    clear: none;
}
*/
#sptnav ul li .sptnavsub ul li {

    float: left !important;
    display: block;
    padding: 0 !important;
}



#sptnav ul li .sptnavsub ul li a,
#sptnav ul li .sptnavsub ul li p {
    border: none;
}
#sptnav ul li .sptnavsub .level9 li a{
    border-radius: 3px;
    font-weight: 400 !important;
    font-size: 0.875rem !important;
    font-family: 'IBM Plex Sans', Arial, sans-serif !important;
    text-align: left;
    width: 100%;
    line-height: 1.3125rem;

}
#sptnav ul li .sptnavsub .level9 li a:hover{
    font-weight: 600 !important;
}

#sptnav ul li .sptnavsub .level9 li a:after{
    display: none;

}

#sptnav .level3 li:nth-child(1)  .level6>li{
    padding: 0;
/*    min-height: 3.5rem;*/
    width: 100% !important;
    clear: unset !important;
}

#sptnav .level3 li:nth-child(2) .level6>li{
display: flex;

width: 100%;
}
/*Dell servery*/#sptnav .level3 li:nth-child(1) .level6>li:nth-child(1){
	grid-row-start: 1;
    grid-row-end: 9;
    grid-column-start: 1;
    grid-column-end: 1;

    
}

/*HPE ProLiant*/
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(2){
	border-right: 1px solid #e6e6e6;
    grid-row-start: 1;
    grid-row-end: 8;
    grid-column-start: 2;
    grid-column-end: 2;
    border-left: 1px solid rgb(215, 215, 215);
}
/*IBM/Lenovo*/
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(3){
grid-row-start: 7;
    grid-row-end: 7;
    grid-column-start: 2;
    grid-column-end: 2;
    border-top: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    padding: 0 10px;
}
/*Storage, disková pole*/
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(4){
    grid-row-start: 8;
    grid-row-end: 8;
    grid-column-start: 2;
    grid-column-end: 2;
    border-top: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}
/*Databázové servery*/
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(5){
	    grid-row-start:1;
    grid-row-end: 3;
    grid-column-start: 3;
    grid-column-end: 3;
    background: #e8ecf6;
}
/*Úložiště a zálohování*/
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(6){
	grid-row-start: 3;
    grid-row-end: 3;
    grid-column-start: 3;
    grid-column-end: 3;
    background: #e8ecf6;
}

#sptnav .level3 li:nth-child(1) .level6>li:nth-child(6) a,
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(7) a,
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(8) a,
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(9) a{
    font-size: 0.875rem !important;
    font-weight: normal !important;
}
/*Virtualizace a Docker*/
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(7){
    grid-row-start: 4;
    grid-row-end: 4;
    grid-column-start: 3;
    grid-column-end: 3;
background: #e8ecf6;
}
/*ZFS (Proxmox, TrueNAS, FreeBSD, ap.)*/
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(8){
    grid-row-start: 5;
    grid-row-end: 5;
    grid-column-start: 3;
    grid-column-end: 3;
background: #e8ecf6;

}
/*Účetnictví, ERP do kanceláře*/
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(9){
    grid-row-start: 6;
    grid-row-end: 6;
    grid-column-start: 3;
    grid-column-end: 3;
    background: #e8ecf6;

}
/*Výprodej*/
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(10){
    grid-row-start: 7;
    grid-row-end: 7;
    grid-column-start: 3;
    grid-column-end: 3;

}
/*Úsporné servery*/
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(11){
    grid-row-start: 8;
    grid-row-end: 8;
    grid-column-start: 3;
    grid-column-end: 3;

}
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(4) .categories{
	height: 100%;
}

#sptnav .sptnavsub .level6>li>.categories>a{
	position: relative;
    margin: 0;
    padding: 0 !important;
    z-index: 1;
    width: 100% !important;
    background-blend-mode: multiply;
    font-weight: 600;
    font-family: 'IBM Plex Sans', Arial, sans-serif !important;
    font-size: 1.125rem;
}
/*#sptnav .level3 li:nth-child(1) .level6>li:nth-child(4) a{
	     border-left: 1px solid #d7d7d7;
}*/
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(5) a{

    font-weight: normal !important;
    font-size: 0.875rem !important;
    flex-direction: column;
}


#sptnav .level3 li:nth-child(1) .level6>li:nth-child(1)>.categories>a,
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(2)>.categories>a,
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(3)>.categories>a{
    width: fit-content;
    margin: 0 auto;
    padding: 17px 0 0 0 !important;
}
#sptnav .level3 li .level6>li>.categories>a:hover:after,
#sptnav .level3 li .level6>li>.categories>a:hover:after,
#sptnav .level3 li .level6>li>.categories>a:hover:after{
	content: "_";
	position: absolute;
	color: #fa4047;
}
#sptnav .level3 li .level6>li>.categories>a:hover{
	color: #224AAB !important;
}
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(5) .categories,
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(6) .categories,
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(7) .categories,
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(8) .categories,
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(9) .categories{
	height: 100%;
}

#sptnav .level3 li:nth-child(1) .level6>li:nth-child(10) a{

    flex-direction: column;
    background-size: 30%;
    background-image: url(../img/Vyprodej_menu.svg);
    background-color: #fafafa;
    background-blend-mode: multiply;
    background-position: center 40px;
    background-repeat: no-repeat;
    height: 100% !important;
    border-bottom: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
        padding: 10px 0 0 0 !important;
}

#sptnav .level3 li:nth-child(1) .level6>li:nth-child(11) a{
height: 100%;
   
   height: 100%;
    flex-direction: column;
    background-size: 40%;
    background-image: url(../img/servery/banner_nav2.jpg);
    background-color: #fafafa;
    background-blend-mode: multiply;
    background-position: center 5px;
    background-repeat: no-repeat;
    height: 100% !important;
        padding: 10px 0 0 0 !important;

}

#sptnav .level3 li:nth-child(1) .level6>li:nth-child(5) a:before{

}


/*html[lang="cs"] #sptnav .level3 li:nth-child(1) .level6>li:nth-child(5) a:after,
html[lang="cs"] #sptnav .level3 li:nth-child(1) .level6>li:nth-child(6) a:after{
	content: "Vybrat server";
    display: block;
    width: 50%;
    background: #fa4047;
    color: #fff;
    padding: 0px;
    position: absolute;
    bottom: 10px;
    margin-right: 25%;
    margin-left: 25%;
    font-size: 0.85rem;
}

html[lang="sk"] #sptnav .level3 li:nth-child(1) .level6>li:nth-child(5) a:after,
html[lang="sk"] #sptnav .level3 li:nth-child(1) .level6>li:nth-child(6) a:after{
	content: "Vybrať server";
    display: block;
    width: 50%;
    background: #fa4047;
    color: #fff;
    padding: 0px;
    position: absolute;
    bottom: 10px;
    margin-right: 25%;
    margin-left: 25%;
    font-size: 0.85rem;
}*/

/*html[lang="cs"] #sptnav .level3 li:nth-child(1) .level6>li:nth-child(11) a:before{
content: "s nízkými náklady na elektřinu";
    order: 2;
    display: block;
    width: calc(100% - 20px);
    font-size: 0.85rem;
    text-align: center;
    margin: 3px auto 0px auto;
    font-weight: 400;
    line-height: 1.3125rem;
}

html[lang="sk"] #sptnav .level3 li:nth-child(1) .level6>li:nth-child(11) a:before{
content: "s nízkymi nákladmi na elektrickú energiu";
    order: 2;
    display: block;
    width: calc(100% - 20px);
    font-size: 0.85rem;
    text-align: center;
    margin: 3px auto 0px auto;
    font-weight: 400;
    line-height: 1.3125rem;
}*/
/*
html[lang="cs"] #sptnav .level3 li:nth-child(1) .level6>li:nth-child(5) a:before{
    content: "s vysoce efektivními procesory";
    order: 2;
    display: block;
    width: calc(100% - 50px);
    font-size: 0.85rem;
    text-align: center;
    margin: 3px auto 0px auto;
    font-weight: 400;
    line-height: 1.3125rem;
}
*/

/*
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(5) a:hover:after,
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(4) a:hover:after,
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(6) a:hover:after{
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}*/
/*#sptnav .level3 li:nth-child(1) .sptnavsub .level9 li:hover span,
#sptnav .level3 li:nth-child(2) .sptnavsub li:hover span{
	display: block;
    transform: translateY(-45px);
    margin: 2px auto;
    float: unset;
    clear: unset;
    text-align: center;
    font-size: 0.85rem;
    font-weight: 600;
    color: #333;
    background: #ffffffd1;
    position: relative;
    z-index: 10;
    width: 100%;
    font-weight: normal;
    font-size: 0.75rem;
    visibility: visible;
}*/

.prodbox:nth-child(3n){
	border-right: 1px solid;
}

#sptnav .level3 li:nth-child(3) .level6>li{
      width: 100%;
    clear: initial;
    display: flex;
    flex-direction: row;
}

#sptnav .level3 li:nth-child(5) .level6>li{
  width: 100% !important;
    display: flex;
}
#sptnav .level3 li:nth-child(5) .sptnavsub .level9 li a:after{
	content: "| ";
}
#sptnav .level3 li:nth-child(4) .level6>li{
   width: 100%;
 display: flex;
}
#sptnav .level3 li:nth-child(6) .level6>li{
      width: 100%;
    display: flex;
}
/*#sptnav .level3 li:nth-child(4) .level6>li img{
	display: none;
}*/
#sptnav ul li img{
	margin-right: 15px;
}
#sptnav .level3>li:nth-child(3) .level6>li:nth-child(5){
	clear: left;
}
/*#sptnav .level3>li:nth-child(3) .level6>li:nth-child(8){
    margin-right: 5%;
}*/
#sptnav .level3 li:nth-child(5) .sptnavsub .level9 li:hover,
#sptnav .level3 li:nth-child(4) .sptnavsub .level9 li:hover,
#sptnav .level3 li:nth-child(3) .sptnavsub .level9 li:hover{
	background: transparent;
}


#sptnav .level3 li:nth-child(3) .sptnavsub .level9 li,
#sptnav .level3 li:nth-child(2) .sptnavsub .level9 li{
        width: calc(100% / 1) !important;
    padding: 0 !important;
    margin: 0 auto !important;
    display: block;
    text-align: center;
}

#sptnav .level3 li:nth-child(4) .sptnavsub .level9 li{
    width: calc(100% / 1) !important;
    padding: 0 !important;
    clear: none !important;
}

#sptnav .level3 li:nth-child(5) .sptnavsub .level9 li,
#sptnav .level3 li:nth-child(6) .sptnavsub .level9 li{
/*    width: calc(100% / 1) !important;*/
    padding: 0px 5px 0 0px !important;
    margin: 0 auto !important;
    display: block;
    text-align: center;
}
#sptnav .level3 li:nth-child(5) .sptnavsub .level9 li:after,
#sptnav .level3 li:nth-child(6) .sptnavsub .level9 li:after{
	content: " | ";
	    padding: 0 0px 0 5px;
}
/*.level3 .sptnavsub li:nth-child(3n+1) {
    clear: left;
}*/

#sptnav .level3 li:nth-child(5) .sptnavsub .level9 li:hover .categories a{
	font-weight: 600 !important;
}
#headercont .top {
    margin: 5px 15px 0 0px;
    background: #152654 !important;
    padding: 0;
    width: auto;
    float: right;
}
/*.sptnavsub > ul > li {
    padding: 15px 0 0 0 !important;
}*/

#sptnav ul>li {
    padding: 0;
    width: calc(100% / 5);
    border-right: 1px solid #ffffff;
}
#headercont .logged {
    margin: 0;
}

#sptnav .level3>li:nth-child(1) img,
#sptnav .level3>li:nth-child(2) img{
   max-width: unset !important;
    max-height: unset !important;
    width: 120px;
}

/*#sptnav .level3>li:nth-child(3) img{
	width: 100%;
	margin: 0;
	max-width: unset;
	max-height: unset;
}*/
.sptnavsub .categories{
	text-align: center;
    height: 100%;
    display: table;
    width: 100%;
}
#sptnav ul li .sptnavsub .level3 li img{
	display: block !important;
}
#sptnav ul li:nth-child(1) .sptnavsub .level6 li img{
    display: block !important;
    width: 120px;
/*    height: 55px;
    transform: translateY(-10px);*/
    mix-blend-mode: multiply;
    float: unset;
    clear: none;
    margin: 0 auto;
}
#sptnav ul li:nth-child(1) .sptnavsub .level6>li:nth-child(1)>img,
#sptnav ul li:nth-child(1) .sptnavsub .level6>li:nth-child(2)>img,
#sptnav ul li:nth-child(1) .sptnavsub .level6>li:nth-child(3)>img{
	display: none !important;
}
.level9 .categories span{
	display: none;
}

.level3>li:nth-child(1) .level9 .categories span{
    display: block !important;
}

#headercont .webmenu ul {
    background: #FFFFFF;

}

nav .webmenu li {
    text-align: left;
}

/*nav .webmenu li a:hover {
    color: #072E5C;
    background-color: #FFFFFF;
}*/

nav .webmenu li a {
    width: 100%;
    padding: 5px 10px 6px 10px;
}

#headercont .webmenu ul {
    box-shadow: 4px 4px 5px #031223;
    border: 1px solid #072E5C;
    border-top: 1px solid white;
    border-top-left-radius: 0px;
    left: 0;
    box-shadow: none;
    width: 100%;
    padding: 0 10px 10px 10px !important;
}

#headercont .webmenu ul li a {
    color: #072E5C;
    text-align: left;
    padding: 0px 10px 10px 10px;
    width: 100%;
    font-size: 1rem !important;
}

nav .webmenu li:after {
    display: none;
}

#sptnav ul li > a {
    display: block;
    float: none !important;
    font-weight: normal !important;
    text-transform: uppercase;
    font-size: 0.875rem;
    text-align: center;
    padding: 10px 0 10px 0;
    position: relative;
    z-index: 99;
}

.sptnavsub ul li a {
    color: #152652 !important;
    font-size: 1.3125rem;
    text-transform: none !important;
}
.boxcont.compare.prodlist .cnt form ul{
    padding: 0 5px;
}
.cnt #whisperinput{
   padding: 20px 5px 5px 10px !important;
    border: none !important;
    margin: 0 !important;
        border-radius: unset !important;
        font-size: 1rem;
        width: calc(100% - 60px);
}
.search .btn-search, #headercont .basket .btn.btn-buy{
	padding: 0;
	background: #152654 !important;
    color: #fff !important;
}

.search .btn-search{
        height: 46px;
    padding: 0;
    background: #21378A !important;
    width: 60px;
}

#headercont .basket .cnt{
    padding: 0 !important;
}
.whisper {
    top: 0px;
}
.level6 li > .categories > a {
    font-weight: 400 !important;
}
/*header.btn.btn-comp.btn-second:before {
    background-size: 26px;
    padding: 11px 13px;
}
*/

.basket .price {
    color: #FFF;
    background-color: #152654;
}

#headercont .i18n {
margin: 0 0 0 20px;
    width: 50px;
}

#sptnav .boxcont > ul > li:last-child {
        /* border: transparent !important; */
    border-right: 1px solid transparent;
}


#sptnav .boxcont {
       width: 100%;
    display: table;
    background: #21378A;
    max-width: initial;
        border-top: 1px solid #224AAB;
        display: block;
        height: 38px;
}

    /*porovnávač v menu*/
        .prodlist{
               padding: 0 !important;
    margin: 5px;
        }
    /*porovnávač v menu*/
/*záhlaví*/

/*drobečková navigace*/

/*drobečková navigace*/

/*stránka s texty - podminky, o nas,...*/
/*.wnnote h2 {
margin-top: 10px;
}
*/
.article p,
.wnnote p,
.wnnote li{
    line-height: 1.8rem;
	font-size: 1rem !important;
	color: #4d4d4d;

	text-align: left;


}

.contentcont .boxcont.article{
	width: 100%;
	    margin: 0 0 0px 0;
}

u {
/*text-decoration: underline;*/
}
.contentcont .boxcont.article a {
    color: #21368a;
    text-decoration: underline;
}
.article .anotation{
	font-weight: normal;
    font-size: 1rem;
    padding: 0;
    margin: 0;
    color: #152654;
    line-height: 1.5rem;
}

.content ol, .content li{
    color: #4d4d4d;
}
/*.content ol{
    padding: 10px 0px 10px 20px;
    margin: 0;
}*/

.content li{
    padding: 0;
    font-size: 0.875rem;
    line-height: 1.3125rem;
    float: left;
    clear: left;
}

.article .content ul {
/*    padding: 0 0 0 20px;*/
    margin: 0;
}
.boxcont.article h1{

    color: #142654;
    font-weight: 400;
    font-family: 'Hrot Basic Medium', Arial, sans-serif !important;
    text-transform: uppercase;
}
.article h3{
	color: #142654;
	padding: 15px 0 0 0;
	text-align: left;

}

.article h4{
    padding-top: 5px;
	font-size: 1rem;
	line-height: 1.5rem;
	font-weight: 400;
	color: #142654;

}
/*.boxcont.webnews.news>.hdr>p{
    padding: 20px 0px;
}*/
/*.boxcont.webnews.news>.cnt>.wntext>p{
	    font-size: 1rem !important;
    line-height: 1.5rem !important;
}*/
.buttons .btn.btn-comp.btn-second {
       margin: 0;
    padding: 11px 0 7px 0;
    min-width: unset;
    width: 100%;
    height: 100%;
}
.stitable .buy .btn-config{
	float: unset;
}
/*.buttons .btn.btn-comp.btn-second:hover{
border: 1px solid #3D608C;
}*/
.buttons .btn.btn-comp.btn-second.remove{
        background: #152654 !important;
    border-left: 1px solid #fff !important;
}
.spresenttrees .prodbox .price .wovat span{
	float: right;
}
.prodbox .buttons {
	height: min-content;
    display: block;
    z-index: 2;
    margin: 0;
    position: relative;
    order: 3;
    top: unset;
    right: unset;
    background: #ffffff;
    height: inherit;
    width: 34px;
}
.boxcont.compare.prodlist>.cnt{
	top: 0px;
    width: 450px;
    z-index: 101;
}
.article h2 {
    color: #142654;

}
/*stránka s texty - podminky, o nas,...*/


/*.config .configinput label.third-item{
    padding: 3px 0 !important;
}
*/


/*dostupnost - cenovka - detail, výpis produktů*/
.order th {
    font-size: 1.5rem;
}
/*.boxcont.half.float-right.stiinfo */.stock.yes:before, .tabform .stock.yes:before{
 content: "";
     /*float: none;*/
}

.spresenttrees .availability .no:before {
    float: none;
}

.tabform .stock.yes:before{
    top: 0px;
}

.rowbox.wovat .text.price, .rowbox.wvat .text.price {
    font-size: 2.5rem;
    font-weight: 600;
    float: unset;
    margin: 0 auto;
}
.rowbox.order{
    width: 100%;
}
.rowbox.order .inputs{
        margin: 0 auto;
    float: unset;
    
}

.rowbox.order .inputs .buybox{
    width: 97%;
        padding: 0 15px 0 15px;
}

.qtybox.icon .up:before, .qtybox.icon .down:before{
	    margin: 0 auto;
    width: auto;
    left: 0;
    float: unset;
    clear: unset;
    display: block;
    position: relative;
}
.rowbox.wovat .label {
    padding: 19px 5px 19px 0 !important;
}
/*dostupnost - cenovka - detail, výpis produktů*/
/*košík*/
/* 4.krok kosiku*/


.orbitem.orbstiidpackitem td,
.orditem.oristiidpackitem td{
    border-top: none !important;
    font-size: 1.1rem !important;
    font-weight: normal !important;
    text-align: left;
    padding-top: 0px;
}


.orbstiidpack td {
    border-bottom: none !important;
}

.orders .tabinfo.hor.stitable{
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
}

#dempaytotalprice {
/*    font-size: 1.5rem;*/
        /*min-width: 120px;*/
}

.tabinfo.hor th {
    border-bottom: none;
}

#ordproductscont .tabinfo.hor td {
    padding:0;
    border-bottom: 0px;
    background: #fff;
}

#ordproductscont .tabinfo.hor.stitable tr:last-child td {
/*    border-bottom: 1px solid #cccccc !important;*/
    border-radius: 2px;

}


/* 4.krok kosiku*/

/* skryt legendu v kosiku */


.orders .table-scroll table tr td:first-child,
.iisutil .table-scroll table tr td:first-child{
    text-align: center;
}

.orders .table-scroll table tr td:first-child a,
.iisutil .table-scroll table tr td:first-child a{
    width: 100%;
    margin: -7% 0;
}

.orders .table-scroll table tr td:nth-child(3),
.iisutil .table-scroll table tr td:nth-child(3){
    /* text-align: left; */
}

.orders .table-scroll table tr td:nth-child(4) span,
.iisutil .table-scroll table tr td:nth-child(4) span {
    float: right;
}

.orders .table-scroll table tr td:nth-child(5) span,
.iisutil .table-scroll table tr td:nth-child(5) span {
    /* float: right; */
}
/* skryt legendu v kosiku */
#ordproductscont .name {
    border-left: none;
    border-top-left-radius: 0px;
}


.step_1 #ordproductscont{
grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 1;
}

.step_1 #contactdatacont_4_log ~ #ordsumtabcont {

    grid-row-start: 2;
}

.cont.contentcont.ordbaskets.step_1  form .buttons{
	    grid-row-start: 3;
    grid-column-start: 1;
    grid-column-end: 4;
        background: #f2f2f2;
        margin: 0 0 30px 0;}
#ordproductscont {
        padding: 0;
}

#ordproductscont div {
    padding: 0 !important;
}

.ordbaskets .contentcont .boxcont {
    border: none;
}

#ordproductscont div table .img {
    display: none;
}

.step_1 #ordproductscont div table .img {
    display: table-cell !important;
    width: 120px !important;
}
/*.rowbox .text > * {
    display: initial !important;
}
*/

.rowbox .label {
    font-weight: 400 !important;
    text-align: left;
}
.noedit .tabinfo.hor tr:first-child .total {
    border-top-right-radius: 0px;
}

.noedit .tabinfo.hor tr:last-child .totalprc {
    border-bottom-right-radius: 0px;
}
/*.ordbaskets .contentcont .boxcont .cnt p {
    width: fit-content;
    padding: 0 5px;
    margin: 12px 0px -8px 11px !important;
    background: white;
    min-width: unset;
    position: relative;
    color: #afafaf;
}*/

#addbynumcont {
    display: none;
}

.ordbaskets .contentcont .boxcont .hdr:not(:empty) {
    border-bottom: none;
    background: none;
    padding: 0px;
}

.ordbaskets .boxcont.products .qtybox .up,
.down {

}

.ordbaskets .boxcont.products .qtybox .down {
    padding: 0 !important;
}

.ordbaskets .contentcont .boxcont .hdr p {
   padding: 0;
    margin: 0;
    color: #152654;
    font-weight: 400;
    font-size: 1.25rem !important;
    padding: 10px 0 5px 0px !important;
    text-align: left;
    background: transparent;
}

/*.ordbaskets .comshipto .hdr span {
    margin: 0 auto;
    float: unset;
    width: 100%;
    display: block;
    padding: 0;
}
*/
#itemsintoexistorder {
    padding: 0px;
}

#itemsintoexistorder .boxcont {
    padding: 0px;
    border: none !important;
}

#itemsintoexistorder .boxcont .tabinfo.hor tr td:first-child {
    border-left: none;
}

#contactdatacont_3 .rowbox .inputs{
    width: min-content;
    float: unset;
    margin: 0 auto 0 0 !important;

}

.orders .document,
.iisutil .document {
    border: 0px solid #C0C0C0;
}
#contactdatacont_3 .rowbox .inputs .payvat {
    color: #152654;
    width: 100%;
    padding-top: 2px;
    margin: 0 !important;
    font-size: 1.25rem;
    padding-bottom: 0 !important;
}

#itemsintoexistorder .boxcont .tabinfo.hor tr th:first-child {
    border-left: none;
}


.ordbaskets .rowbox {
/*    display: grid;
    width: 40%;
    margin: auto;
    float: none;*/

}


/*#contactdatacont_1 .rowbox p {
    margin-left: 10px;
}

#contactdatacont_2 .rowbox p {
    margin-left: 10px;
}

#contactdatacont_3 .rowbox p {
    margin-left: 10px;
}

#contactdatacont_4 .rowbox p {
    margin-left: 13px;
}*/

/*.ordbaskets .buyasfirm.data_3 .cnt {
    display: block;
}*/

.buyasfirm [type="checkbox"]:checked + label:after {
    line-height: 16px;
    left: 1px !important;
    font-size: 14px;
}
.stitable .price.wovat {
/*    border-left: 1px solid rgba(233, 233, 233, 1);*/
}

.stitable .totalprc.wvat {
    border-left: 1px #e9e9e9;
}

.ordbaskets #contactdatacont_4 [type="radio"]:not(:checked) + label:before, 
.ordbaskets #contactdatacont_4 [type="radio"]:checked + label:before, 
.ordbaskets #contactdatacont_4 [type="radio"]:checked + label:after{
	margin: 2px 0;
}


.delivmode [type="radio"]:checked + label:after, 
.paywaymode [type="radio"]:checked + label:after{
	top:  2px !important;
	    font-size: 15px;
}

.stitable .buyout {
    /*border-right: 1px solid #ddd !important;*/
    width: 5% !important;
}
.orbstiidpack .btn.btn-delete {
    background: none !important;
    border: none;
    margin: 0 auto;
    float: none;
    width: 50px;
    display: block;

}
.stitable .ordcount input {
            min-width: 35px !important;
    padding-right: 20px;

}

.boxcont.products.noedit .stitable .ordcount input {
    min-width: 15px !important;
    margin-right: 3px !important;
        height: 16px !important;
}

.ordbaskets .boxcont.products .qtybox .up,
.ordbaskets .boxcont.products .qtybox .down {
    color: #f2f2f2;
    background: transparent;
}

#gdprcont {
    float: left;
    clear: left;
}

.ds_hide {
    display: initial;
}

.ordersteps table .step.act .num:before {
    color: #152654;
}

#bsktfailure .boxcont.table-scroll {
    padding-left: 0px;
    padding-right: 0px;
}

#bsktfailure > .cnt {
    padding-left: 0px;
    padding-right: 0px;
}

#bsktfailure {
    padding-left: 0px;
    padding-right: 0px;
}
html[lang="cs"] #payid_7:checked ~ .price:after{
content: "Zboží bude vyexpedováno po připsání platby na účet.";
}
html[lang="sk"] #payid_7:checked ~ .price:after{
content: "Tovar bude odoslaný po pripísaní platby na účet.";
}
#trippleswitchcont {
   /* min-height: 75px;*/
}
.noedit .stitable tr:last-child td {
    border-bottom: none;
}

/*.step_1 .orders .table-scroll table tr:last-child,
.step_1 .products .stitable tr:last-child,
.step_1 .noedit .stitable tr:last-child {
    display: table-row !important;
}*/

#discoupons {
    display: none;
}
.document {
    /*border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;*/
}

.msgbox.success {
    /* margin-top: 20px; */
}


.btn-pdf {
    background: transparent !important;
}
.stitable .ordcount .qtybox {
    margin: 15px auto 0 auto;
}
.step_2 .stitable .ordcount .qtybox {
    width: auto;
    float: none;
    margin: 15px 0 0 0;
}
.stitable .ordcount {
    min-width: 50px !important;
        line-height: 2.6rem;
}

/*vyskakovací okno po vložení do košíku*/
.buttons.popup {
    display: none !important;
}
/*vyskakovací okno po vložení do košíku*/
/*košík*/

/*tlačítka - detail - porovnat, tisk, doporučit - zrušeno*/
.boxcont.tools .btn.btn-comp.btn-second.comp:before{
    background-image: url(../img/icons/CS_arrow_down_left_blue.svg);
    background-position: initial;
    background-repeat: no-repeat;
    background-size: 13px;
    padding: 6px 7px;
    content: "";
    opacity: 0.8;
}
.boxcont.tools .btn.btn-comp.btn-second{
    padding:5px 7px;
        padding: 5px 7px;
    float: left;
    background: white !important;
    color: #142654 !important;
    border: 1px solid #142654;
        margin: 0 0 0 10px;
        float: right;
}
.boxcont.tools .btn.btn-comp.btn-second.remove{
background: #152654 !important;
    color: #fff !important;
}
.btn-comp.remove:before {
       background-image: url(../img/icons/CS_arrow_down_left.svg) !important;
}
.config .boxcont .tools{
    width: 100% !important;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 3;
    z-index: 9;
}

/*#centercont .boxcont.tools .btn.btn-watchdog.btn-second.watchdog,
#centercont .boxcont.tools .btn.btn-print.btn-second.print {
    color: #152654 !important;
    border: 1px solid #152654 !important;
    background-color: transparent !important;
    float: right;
    margin: 0 3px;
    display: inline-block;
    width: 24%;
}*/
/*tlačítka - detail - porovnat, tisk, doporučit -  zrušeno*/
/*porovnávač*/
.stiparcomp .cnt table td img{
    max-width: 230px;
    margin: -60px 0 -10px -11px;
}
/*porovnávač*/


.boxcont.webnews.news>.cnt{


}

/*detail nekonfigurovatelného produktu*/
.stoitem .stiinfo .cnt .order .label {
    color: #3c608a;
    font-size: 1.5em !important;
    padding: 35px 10px !important;
    margin: 0px 1px 1px 1px !important;
}

#stitable tr td {
    border-left: 1px solid #f5f5f5;
    background-color: #ffffff;
    height: 5rem;
    padding: 0px 5px;
        border-bottom: 1px solid #f5f5f5;
}

#stitable .img {
    
}

#stitable tbody tr>.stock {
	display: none;
    min-width: 140px;
    padding: 0;
    color: transparent !important;
    line-height: 0;
}

#stitable tbody tr:nth-child(1)>.stock:before{
    content: "Centrála";
    color: black;
    width: 50%;
    display: inline-block;
    float: left;
}

#stitable tbody tr:nth-child(1)>.stock:after{
	content: "Logistika";
    color: black;
    width: 50%;
    display: inline-block;
    float: right;
}

.tabinfo .btn span{
	/*color: #fff;*/
}
#stiparsets .cnt .tabinfo.hor th {
    border-left: none;
}
#stiparsets .cnt .tabinfo.hor th p{
   /*border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;*/
   text-align: left;
}
.config .tabs ul.ui-tabs-nav .ui-state-active{
    border-color: #e9e9e9;
    padding: 0;
}

.stoitem .stiinfo .cnt .rowbox .text {
   width: fit-content !important;
    text-align: left;
    padding: 0px;
    color: #4D4D4D;

}
.rowbox.leasingrowfl .text,
.rowbox.leasingrowol .text{
float: right;
}
.config .tabs ul.ui-tabs-nav li a {
    color: #4D4D4D !important;
    font-size: 1rem;
}
.stoitem .stiinfo .cnt .buybox .btn-buy {
 font-size: 1rem !important;
    padding: 10px 0 10px 0px;
    width: calc(100% - 50px);
    float: right;
    margin: 0 0 0 10px;
    background: #fa4047 !important;
    color: #fff !important;
    height: 45px;
}

.stoitem .stiinfo .cnt .buybox  .qtybox {
     position: relative;
    float: left;
    width: 40px;
   
}

.stoitem .stiinfo .cnt .buybox .qtybox.icon .qty{
	    height: 45px;
    border-right: 1px solid #c0c0c0;
    border-radius: 0px !important;
    width: 40px;
    min-width: unset;
    margin: 0 !important;
}
.stoitem .stiinfo .cnt .rowbox .label {
    min-width: unset;
    padding:0px 5px 0 0px;
    color: #4D4D4D;
    width: unset;
}
/*.rowbox.code .text p,.rowbox.code .label{
	height: 20px;
	line-height: 1.5rem !important;
	font-size: 0.75rem !important;
}*/
.rowbox .label:not(:empty):after{
	content: "";
}
/*.stoitem .stiinfo .cnt .rowbox .label:after {
content: ": ";
}*/
.stiparsets .tabinfo {
    border-top-left-radius: 0px;
     box-shadow: 0px 2px 0px 0px rgb(221 221 221);
}
.stoitem .tabs .tabpage {
    border: none !important;
}
/*.boxcont.half.float-right.stiinfo>.cnt{
    margin: 0 auto;
    width: fit-content;
    float: none;
}
*/
.rowbox.wovat .text.price{
	color: #FA4047 !important;
}
/*.stoitem .stiinfo .cnt .rowbox.code .label {

    padding: 0px 7px 0 0px;

}*/


.stoitem .stiinfo .cnt .buybox .qtybox .qty {
    padding: 11px 7px 11px 7px;
    width: 60%;


}


.stoitem .stiinfo .cnt .buybox .qtybox.icon .up,
.stoitem .stiinfo .cnt .buybox .qtybox.icon .down {
       background: #d6d6d6;
    width: 25%;
    height: 23px;
    display: none;
}

.stoitem .stiinfo .cnt .buybox .qtybox.icon .up:before,
.stoitem .stiinfo .cnt .buybox .qtybox.icon .down:before {
        padding: 5px 0 !important;
    display: grid;
    margin: auto;
    position: relative;
    width: fit-content;
}

.rowbox.wvat .text.price {
    font-size: 0.9rem;
    font-weight: 400 !important;
    color: #4d4d4d !important;
}
/*detail nekonfigurovatelného produktu*/
/*detail konfigurovatelného produktu*/
.config .tabform .btn-buy:before, .buybox form .btn-buy:before{
    display: none;
}

.order .config .btn span{
    text-align: center;

    font-weight: 600;
}
.cont.contentcont.config{
    padding: 0 !important; 
}
/*kalkulacka*/
.stoitem .stiinfo .cnt .greenloancalc .grenkeKalkulackaBlock {
    width: 100%;
}



/*.config .greenloancalc .grenkeKalkulackaBlock .block-title {
    background-image: url(../img/icons/calculator.svg) !important;
    background-repeat: no-repeat;
    background-position-x: -7px;
    background-size: contain;
    height: 3em !important;
    margin: 0;
}*/ 

/*.stoitem .stiinfo .cnt .greenloancalc .grenkeKalkulackaBlock .block-title {
        border: 0px solid #b1b1b1;
    background: #fa4047;
    border-radius: 5px;
    margin: 0;
    padding: 2px !important;
    color: white;
    text-align: center;
    border-radius: unset !important;
}*/

.config .greenloancalc th {
    visibility: hidden;
    word-spacing: -999px;
    letter-spacing: -999px;
    /*padding: 13px 19px 5px 0px !important;*/
    display: table;
}

.greenloancalc .label {
    visibility: hidden;
    word-spacing: -999px;
    letter-spacing: -999px;
    padding: 13px 7px 5px 0px !important;
}

html[lang="cs"] .config .greenloancalc th:before {
    content: "Koupit na splátky";
    visibility: visible;
    word-spacing: normal;
    letter-spacing: normal;
}

html[lang="sk"] .config .greenloancalc th:before {
    content: "Kúpiť na splátky";
    visibility: visible;
    word-spacing: normal;
    letter-spacing: normal;
}

.config .greenloancalc .grenkeKalkulackaBlock .block-content table th:before {
    content: "";
}

.config .greenloancalc .grenkeKalkulackaBlock .block-content table th {
    visibility: visible !important;
    word-spacing: normal !important;
    letter-spacing: normal !important;
    display: inline-block;
    width: auto !important;
    text-align: left !important;
}

.config .greenloancalc .grenkeKalkulackaBlock .block-content table tr {
    display: inline-block;
    width: 100%;
}

.config .greenloancalc .grenkeKalkulackaBlock .block-content table td {
    display: inline-block;
    width: 33%;
    text-align: left;
}

/*.greenloancalc .label:before {
    content: "Koupit na splátky";
    visibility: visible;
    word-spacing: normal;
    letter-spacing: normal;
}
*/
.greenloancalc .label:after {
    /*content: "Koupit na splátky:" !important;*/
    visibility: visible !important;
    word-spacing: normal !important;
    letter-spacing: normal !important;
}

.grenkeKalkulacka-input input {
    float: none;

}

.stoitem .stiinfo .cnt .greenloancalc .grenkeKalkulackaBlock .block-title span {
    display: none;
}

.config .greenloancalc .grenkeKalkulackaBlock .block-content {
    /*          margin: 0px;
    background: #efefef;
    display: block;
    padding: 10px;
        transform: translateY(10px);
    width: 100%;
    z-index: 1;
    left: 0%;*/
/*        position: absolute;
    margin: 0 auto;
    background: #fff;*/
    display: block;
}
.config .greenloancalc .grenkeKalkulackaBlock .block-content .grenkeKalkulacka-tabs p,
.config .greenloancalc .grenkeKalkulackaBlock .block-content .grenkeKalkulacka-tabs ol,
.config .greenloancalc .grenkeKalkulackaBlock .block-content .grenkeKalkulacka-tabs table{
	display: none;
}

.config .greenloancalc .grenkeKalkulackaBlock .block-content .grenkeKalkulacka-tabs a{
    visibility: hidden;
    float: unset;
    transform: translateY(-30px);
    display: block;
    height: 0;
    margin: 0 0 25px 0;
}

/*.config .greenloancalc .grenkeKalkulackaBlock .block-content .grenkeKalkulacka-tabs a:after{
	     content: "[více info]";
    visibility: visible;
    display: block;
    text-align: right;
        padding: 0 25px 0 0;
}*/

.config .greenloancalc .grenkeKalkulackaBlock .block-content .grenkeKalkulacka-input,
.config .greenloancalc .grenkeKalkulackaBlock .block-title{
	display: none !important;
}
 .config .greenloancalc .grenkeKalkulackaBlock .block-content table{
    	width: 100%;
    }
/*.config .greenloancalc .grenkeKalkulackaBlock {
    width: 50px;
    position: relative;
    left: 0%;
}*/

/*kalkulacka*/


.config th {
    width: auto !important;
    /* display: inline-table;*/
    font-weight: 400;
    color: #3c608a;
    text-align: center !important;
    background: transparent !important;
    padding: 0px;
}

.config-info td {
  
    padding: 0px; 

}

.config #config_selected table td.tablesel_qty,
.config #config_selected_services table td.tablesel_qty{
    width: 1% !important;
}

/*.configinput {
    padding-left: 20px;
}*/


select {
    font-size: 0.85rem !important;
}
.config .tabs .tabpage {
    border: none;
}
.config .order input {
 	padding: 8px;
    width: 20%;
    margin: 0 3% 0 0;
    border-radius: 0px;
}
.listpage .cnt .nextpage .btn {
    border: 1px solid #152654;
}
.config-detail .tools .btn {
    border: 1px solid;
    color: #152654 !important;
    background: #fff !important;
    margin: 0;
    float: right;
}
.config-detail .tools .btn span{
    font-size: 0.875rem !important;
}
.config .config-info {
/*    border: 0px solid #C0C0C0;
    margin: 0;
    background: transparent !important;
        padding: 0px;    /*border: 1px solid #C0C0C0;
    background: linear-gradient(to bottom, white 30%, #F0F0F0 95%) !important;*/
}
/*poslat info*/
.sendmail .hdr {
    float: left !important;
    clear: left !important;
    right: 0px !important;
    top: 0px !important;
}

.sendmail .hdr p {
    text-align: center !important;
    padding-top: 20px;
    padding-bottom: 20px;
}

.sendmail form{
        width: 300px;
    margin: 0 auto;
    float: unset;
}


/*poslat info*/
.config-detail .cnt .boxcont.config-img.half .boxcont.gallery.owl-carousel.owl {
    border-top: 0px solid #C0C0C0;
    grid-row-start: 2;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 1;
}


/*.stiparsets .paramvalue {
    border-right: 1px solid #cccccc !important;
}*/
.configuration {
    width: 100% !important;
    background: #fff !important;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 6;
    grid-row-end: 7;

}


.configinput {
    /* padding-left: 2px !important; */
}

#stiparsets .cnt .tabinfo.hor tr:nth-child(2n+1) td {
    background: transparent !important;
}
#stiparsets .cnt .tabinfo.hor td, .datasheet tr td {
    border-bottom: 1px solid #c0c0c05c;
    padding:5px 0;

}

.config td select {
    padding: 0px 0px 0px 20px;
    z-index: 0;
    max-width: unset;
    font-size: 1.3rem;
    background: #f4f6fb;
    width: auto;
}

/*.config .tabs .tabpage {
    border-bottom: 1px solid #cccccc !important;
    border-right: 1px solid #cccccc !important;
    border-left: 1px solid #cccccc !important;
}
*/


/*.tabform .order > td {
    padding: 30px 0;
}*/

table th,
table td {
    background: transparent;
}


.config .configinput label .configname {
        width: auto;
            padding: 8px 0 10px 10px;
                z-index: 99;
    max-width: 88%;
    font-size: 0.875rem;
            }

  .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 0px;

}
.paramclass p {
    float: unset !important;
    color: black;
}
.stitable .name.font-italic, .stitable .stiidpacktitle{
	display: none;
}
.tabform .btn-buy {
    width: 77%;
    padding: 9px !important;
    font-size: 1rem;
            background: #fa4047 !important;
    color: #fff !important;
}

.cont.contentcont.iisutil .ordtbl .orditem .name{
	pointer-events: none;
	font-weight: 600;
}
.btn {
    font-weight: 400 !important;
        border-radius: unset !important;
            font-size: 1rem;

}
/*tabulka parametrů*/
/*.tabinfo.hor .paramname {
    border-left: 1px solid #cccccc;

}*/

.iisutil .tabinfo.ordtbl {

}

.ordbaskets .tabinfo.hor td,
.orders .tabinfo.hor td,
.anonymousbuy .tabinfo.hor td{

/*    border-left: 1px solid #dadada !important;*/
    font-size: 0.875rem !important;
/*    color: black !important;*/
}

.anonymousbuy .tabinfo.hor tr:last-child td{
    border-bottom: 0px solid #cccccc !important;
    border-radius: 0px;
}

#stiparsets .cnt {
    padding: 0;
}
/*tabulka parametrů*/
.config .config-info .cnt .tabform tr th {
    text-align: left !important;
    min-width: auto;
    width: auto !important;
    float: left;
    /*padding: 3px 2px 3px 0px;*/
}
.boxcont.navbar {
    margin: 0 !important;
    border: none;
    /*z-index: 120;*/
    position: relative;
    margin: 10px 0 10px 0px !important;
    padding: 0;
}

/*.config .config-detail .cnt form .configuration .hdr {
    top: 0;
    width: 100%;
    margin: inherit;
    position: relative;
    float: left;
    clear: left;

}*/

.navbar {
    width: auto !important;
    z-index: 4;
    border-bottom: none;
    font-size: 1rem;
}
.config .boxcont.navbar {

    margin: 20px 0 20px 25px;

}
.listpage .cnt .pagetext .recordcount{
	font-size: 0.875rem;
    color: #4D4D4D;
    margin: -5px 0 0px 0;
}
.navbar ul li p:before, .navbar ul li a:before{
	font-size: 1.3rem;
}
.boxcont.tools .cnt {
    width: 100%;
    float: right !important;
}
/*.config .config-detail .configuration .hdr p {
    display: none;
}*/



/*.config .config-detail .boxcont.legend {
    display: none;
    border: none;
    position: absolute;
    top: 17%;
    left: 67.5%;
}*/



/*.boxcont.i18n.lng .icons li .en {
    display: none;
}*/

.config-detail .owl-pagination {
    top: initial;
    position: initial;
    transform: translateY(-30px);
}
/*.config .config-img a img{
    mix-blend-mode: multiply;
    image-rendering: pixelated;
}*/

/*#centercont .order .btn,
.btn-config,
.tools .btn,
.tools_undertabs .btn {
    background: #152654 !important;
}*/

.config_option option {
    width: 100%;
}

.config_option {
    width: 100%;
}

/*.tabinfo tr:first-child th {
    min-width: 130px;
}*/

.owl-pagination {
    bottom: 10px;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
   /*padding: .5em .5em !important;*/
}

/*.config .configinput label.first-item{
    padding: 3px 0px !important;
}*/

/*.config-img .intel_ssd_img span img,
.config-img .win_2012_img span img,
.config-img .win_2016_img span img {
    max-width: 130px;
    margin-right: 50px;
}

.prodbox .intel_ssd_img,
.prodbox .win_2012_img,
.prodbox .win_2016_img {
    visibility: hidden;
}*/

.boxcont.config-detail .ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header, .boxcont.stoitem .ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header {
    display: block;
}
.wvat input{
        font-weight: 400 !important;
    color: #4D4D4D !important;
        text-align: right;
    padding: 0 3px 0 0 !important;
    font-size: 0.85rem !IMPORTANT;
}
html[lang="cs"] .config .tabform .leasingrowol th:not(:empty):not(.notdeliv):after,
html[lang="cs"] .rowbox.leasingrowol .label:not(:empty):after,
html[lang="cs"] .rowbox.leasingrowfl .label:not(:empty):after{
    content: "Leasing (36 splátek):";
    font-size: 0.85rem;
    color: #4d4d4d;
}

html[lang="sk"] .config .tabform .leasingrowol th:not(:empty):not(.notdeliv):after,
html[lang="sk"] .rowbox.leasingrowol .label:not(:empty):after,
html[lang="sk"] .rowbox.leasingrowfl .label:not(:empty):after{
    content: "Leasing (36 splátok):";
    font-size: 0.85rem !important;
    color: #4d4d4d;
}

/*detail konfigurovatelného produktu*/
/*výpis produktů*/

.boxcont.stinote .img img {
    width: 500px;
    float: right;
    margin: 0px 0 0 10px;

}
.config .greenloancalc .grenkeKalkulackaBlock .block-content .grenkeKalkulacka-tabs{
	display: none;
}
.boxcont.paramitem.act .hdr,
.boxcont.paramitem .hdr {
    padding:0 !important;
    border: none !important; 
}

.boxcont.paramitem p {
    padding:0 5px 0 0;
    margin-bottom: 0;
}

.stiparinf .param label {
    padding: 0 5px 0 25px !important;
    width: auto;
}

/*.boxcont.filter.store,
.boxcont.filter.status {
    display: none !important;
}*/
.orderby .btn:before {
color: #fff;
}
/*dostupnost*/
.availability .store {
   margin: 0 !important;
    width: auto;
    padding: 0;
    float: left;
    clear: left;
}
/*dostupnost*/
#filterstorecont, #filterprcrangecont, #filterstiparinfcont{
    padding: 2px !important;
}

.prcrange .from input,
.prcrange .to input {
    max-width: 80px !important;
}
.tabinfo.hor .wovat,
.tabinfo.hor .wvat,
.tabinfo.hor .qtyprice,
.tabinfo.hor .total{
    text-align: center !important;
        color: #fa4047;
/*            width: 8%;*/

}
.listpage {
    border-bottom: 0px solid #C0C0C0 !important;
    padding: 15px !important;
}

.listpage.btm {
    border-top: 0px solid #C0C0C0;

}
.product .price.wvat {
    text-align: right;
}

.product .price.wovat {
    text-align: right;
}
/*.product .price.wvat span {
    font-size: 1.2rem;
    font-weight: 400;
    text-align: right;
    color: grey;
}*/
.product .price.wovat span {
    font-size: 1rem;
    font-weight: 600;
}
.prodbox .wovat p {
    display: none;
}

/*.prodbox .hdr h2 {
	height: 4.3em;
    font-weight: 400;
    height: 2.3em; 
    width: 100%;
}*/
#filterstatuscont>.cnt{
    margin: 0 auto;
    width: 65%;
    float: none;
}
.filter label {
    margin: 3px 0 !important;
}

#contentcont .filter {
    padding: 0;
    margin: 0 0 0 0 !important;
}
.stiparinf > .cnt .hdr p{
    display: unset;
    padding: 0px 0 0 0 !important;
    color: #152654;
}
.btn-config:before {
    display: none !important;
}

.stiparinf .paramitem:last-child div {
    border-bottom: 0px solid #C0C0C0;
}
.subcats ul li .count {
    display: none;
}

.subcats ul li .name {
    width: 100%;
    color: white;
}

.contentcont .boxcont .hdr > p {
    float: initial;
    color: #152654;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    background: transparent;

}
#leftcont .boxcont {
    margin: 0 0 0 0 !important;
}
.boxcont .hdr .date span{
	    font-size: 0.875rem;
    font-weight: 400;
}
#filterstiparinfcont>.cnt form .boxcont{
    margin: 3px 0;
    border-bottom: 1px solid #C0C0C0;
    padding: 10px 5px !important;
}

.filter,
.stiparinf {
    background-color: white !important;
}
/*možno odstranit - styluje skrytou sekci - .ds_none, .ds_hide*/
.boxcont .stocks .cnt label {
    width: 25%;
    position: relative;
    margin: 5% 0 0 0;
    left: 22%;
    padding-left: 22px;
    cursor: pointer;
    padding: 0 23% 0 18%;
    float: left;
}
/*možno odstranit - styluje skrytou sekci - .ds_none, .ds_hide*/
.listpage .cnt .pagenav .page a {
    font-size: 1.2em !important;
    font-weight: 400;
    margin: 0;
}

.listpage .cnt .pagenav .page a {
    float: left;
    padding: 5px 8px !important;
    color: #152654;
}

.listpage .next a:before,
.listpage .last a:before,
.listpage .first a:before,
.listpage .prev a:before {
    font: normal bold normal 1em/1 FontAwesome;
    font-size: 1.5em;
    line-height: .8em;
}


/*tabulkovy vypis produktu*/


.stock .availability .isbundle a {
    color: transparent;
}
.stock .availability .isbundle:hover:before {
    content: "";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    color: #55a43c;
}

.stock .availability .isbundle :after {
    content: "";
    color: #55a43c;

}
#prodlistanchor .stitable .wovat {
    width: 13%;

}

.stitable .img,
.thimg {
    border-left: none !important;

}

.stitable .img img {
    max-width: 90px;
    mix-blend-mode: multiply;
    margin: 0 auto;
    display: block;

}

/*a.stiplname{
	font-size: 1.5rem !important;
	font-weight: 400;
}*/
.stitable .description {
    width: 30% !important;


}

.stitable .buy {
    width: 15% !important;
    min-width: 120px !important;
    text-align: center;

}

.stitable .buy .btn-config {
    margin: auto !important;

}




.boxcont.listpage {
margin: 0;}



.stitable .buy .buybox .btn {
    margin: 0;
    top: 6px;
    padding: 6px 6px;
    float: initial;
    background: #152654 !important;
    color: #fff;
}
#stitable .qtybox{
	display: none;
}
.stitable .buy .buybox .btn:before {
    display: none;
}

.stitable .product .price.wovat span {
    /*margin: 0 auto;*/
    /*font-size: 2rem;*/
    /* text-align: -webkit-auto; */
    /*position: relative;*/
    /*display: table;*/
    /*margin:0;*/

}



.stitable .buy .btn-buy u {
    border-left: none;
    margin: 0 -1px 0 6px;
    padding: 0;
}

.stitable .buy .btn-buy u:before {
    display: none;
}



.iframe > div {
    border: none !important;
}


/*odstranění řádkového výpisu*/
.listpage .cnt .showstyle .list a:before {
    display: none;
}
/*odstranění řádkového výpisu*/
/*.prodbox.list .wovat span {
    font-size: 2.4rem;
    font-weight: 400;
}

.prodbox.list .wovat p {
    font-size: 1.2rem;
    font-weight: 400;
    display: none;
}

.prodbox.list .wvat span {
    font-size: 1.2rem;
    font-weight: 400;
}

.prodbox.list .wvat p {
    font-size: 1.2rem;
    font-weight: 400;
}

.prodbox.list .hdr H2 {
    font-size: 1.2em;
    font-weight: 600;
    text-align: left;
    max-width: calc(100% - 165px);
}

.prodbox.list .hdr {
    margin: 0 0 0 0;
    width: 100%;
}

.prodbox.list .hdr h2 a {
    font-size: 1.4em !important;
}

.prodbox.list .img {
    width: 22%;
    margin: -5% 0 0 0;
}

.prodbox.list .note {
    width: 50%;
    margin: 0 0 1% 2%;
}

.prodbox.list .status {
    top: 15%;
    left: 1%;
}

.prodbox.list .price {
    margin: -8% 0 0 0;
}


.prodbox.list .wovat span {
    font-size: 3rem;
}*/

/*.listpage .cnt .paging .cnt p{
        padding: 5px 10px 0 0;
}*/

/*.listpage .cnt .paging .cnt .pagesize{
    width: 40px;
}*/
.listpage .cnt .showstyle .styletab:first-child {
    margin-left: 10px;
}

.listpage .cnt .showstyle .styletab {
    margin: 0 !important;
}

/*tabulkovy vypis produktu*/
.stitable .code {
    display: none;

}

/*.stitable .thimg {
    width: 15% !important;
    padding: 0% 2% 0 2%;

}*/

.stitable .name {
    width: 65% !important;

}

.orbstiidpack .name{
    font-size: 1.8rem !important;
}

/*navigace pres kategorie ve vypisu produktu*/
.subcats ul li .name {
            font-family: 'IBM Plex Sans', Arial, sans-serif !important;
            font-size: 1rem;
            font-weight: 600;
            margin: auto auto;
            color: #152654;
            float: unset;
            /*line-height: 1.6rem;*/
            padding: 0;
            display: table-cell;
            vertical-align: middle;
}

/*[type="radio"]:not(:checked) + label, [type="radio"]:checked + label{
    font-family: 'Nunito Sans', sans-serif;

}*/
.subcats ul li .name.noCount {
    width: 100% !important;

}

.subcats ul li {
    /*background-color: #f5f5f5; */
    /* border: 1px solid #15265447 !important; */
    text-align: center;
    float: left !important;
    border-radius: 0;
    margin: 5px 0 0 5px !important;
    clear: initial !important;
    padding: 0 !important;
    border: none;
}

.subcats ul li:hover {
    border: 0px;
    background-color: #ffffff;
}

/*navigace pres kategorie ve vypisu produktu*/
#prodlistanchor .boxcont.table-scroll table#stitable.tabinfo.hor.stitable {
    border: 1px solid #f5f5f5 !important;
        border-bottom: none !important;
}
.listpage .cnt .pagenav .page:not(.num) {
    font: normal bold normal 1em/1 FontAwesome !important;
    padding: 0 !important;
        background: #152654;
}
.webnews .tabs ul.ui-tabs-nav li {
    margin: 0px .5% 0px 0% !important;
    border-color: #E9E9E9 !important;
}
.listpage.btm .pagenav {
    position: relative !important;
    width: auto !important;
    float: right;
}
.listpage .cnt .pagenav .page{
    box-shadow: none;
    margin: 0 5px 0 0 !important;
    border-radius: 0px;
}
.listpage .cnt .pagenav .page:hover{
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.boxcont.listpage{
    padding: 0;
    background-color: #ffffff;
} 
.boxcont.stinote>.hdr p{
    padding: 15px 15px 25px 14px;

}
.boxcont.stinote>.cnt{
    padding: 0;
}
html[lang="cs"] .spresenttrees .isbundle:after,
html[lang="cs"] .sptnavigator .isbundle:after{
  content: "Ihned k odběru";
    transform: translateY(10px);
    color: #55a43c;
    font-weight: 600;
    display: block;
    float: left;
}

html[lang="sk"] .spresenttrees .isbundle:after,
html[lang="sk"] .sptnavigator .isbundle:after{
  content: "K dispozícii ihneď";
    transform: translateY(10px);
    color: #55a43c;
    font-weight: 600;
    display: block;
    float: left;
}

.spresenttrees .isbundle a,
.sptnavigator .isbundle a{
   display: none;
}
.prodbox .buttons .btn.btn-comp.btn-second:before {
    background-image: url(../img/icons/CS_arrow_down_left_blue.svg);
width: 32px !important;
    height: 100% !important;
}

.prodbox .buttons .btn.btn-comp.btn-second.remove:before {
    background-image: url(../img/icons/CS_arrow_down_left.svg) !important;

}
/*.stiplname {
    position: relative;
    z-index: 2;
}
*/

#productlistjx .boxcont.legend {
    display: none;
}

#productlistjx .boxcont.legend .cnt ul li .partly,
#productlistjx .boxcont.legend .cnt ul li .stock{
    display: none;
}

#productlistjx .boxcont.legend .cnt ul li .stock.out,
#productlistjx .boxcont.legend .cnt ul li .stock.yes,
#productlistjx .boxcont.legend .cnt ul li .stock.no{
    display: block;
}

#productlistjx .boxcont.legend .cnt ul:nth-child(1),
#productlistjx .boxcont.legend .cnt ul:nth-child(3),
#productlistjx .boxcont.legend .cnt ul:nth-child(2) li:nth-child(1),
#productlistjx .boxcont.legend .cnt ul:nth-child(2) li:nth-child(2){
    display: none;
}

#prodlistanchor .prodbox .wvat u {
    /* font-size: 1.4rem; */
    color: #656565 !important;
}
/*výpis produktů*/
/*úvodní stránka*/
.owl-wrapper-outer .discount {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}
/*.boxcont.news li h2 a {
    padding-top: 0px;
    font-size: 1.7rem;

}*/

.boxcont.news li h2{
        font-family: 'IBM Plex Sans', Arial, sans-serif !important;
        font-weight: 500;
    
}

/*.boxcont.news .date {
    display: none;
}*/

/*.boxcont.news .img {
    margin-top: -50px;
}*/

.carousel .prodbox {
    width: 100% !important;
    /* background: linear-gradient(to bottom, white 80%, #F0F0F0 88%) !important; */
}
.carousel .prodbox .price {
    width: fit-content;
    float: left;
    padding: 0px !important;
    margin: 0 !important;
}

.carousel .prodbox .price .wvat {
    margin: 0 !important;
    width: auto;
}

.carousel .prodbox {
    border-radius: 0px;
    /* background: linear-gradient(to bottom, white 82%, #F0F0F0 95%); */
}

.boxcont.webnews .hdr p {
    color: rgb(33 55 138);
    font-weight: 400;
    font-size: 1.875rem !important;
    width: 80%;
    float: left;
    line-height: 1.3;
}
/*.boxcont.news .cnt .boxcont .hdr {
    display: block !important;
    border-bottom: 0px !important;
    background: #7aa0c533;
    width: 65%;
    float: right;
}
*/
/*.boxcont.news .cnt .boxcont .cnt .note{
	float: right;
    width: calc(100% - 210px);
}*/
/*.prodbox .tools {
        min-height: unset !important;
    height: 40px;
}*/

.prodbox .price {
    width: auto;
    margin: 5px 0 10px 0 !important;
    float: right;
    clear: both;
}
.prodbox .tools .buybox > form > .qtybox {
    display: none;
}
/*.price .wvat {
   padding-top: 2px;
    font-size: .8em !important;
}*/
.prodbox .price .wovat {
    font-size: 1rem;
}
.boxcont.product.carousel.ui-tabs-panel.ui-corner-bottom.ui-widget-content {
    border: none;
    /* border-bottom: none; */
    display: block !important;
    margin: 0px 0;
}
.homepage .owl-next:before, 
.homepage .owl-prev:before{
    display: none;
}
.carousel .owl-prev,
.carousel .owl-next {
    background-image: url(../img/icons/navigate.svg) !important;
    background-position: -30px -1px !important;
    background-repeat: no-repeat !important;
    background-size: 100px 100px !important;
    height: 100px !important;
    opacity: 0.3;

}

.carousel .owl-next {
    transform: rotate(180deg);

}

.carousel .owl-prev:hover,
.carousel .owl-next:hover {
    box-shadow: none !important;
    background-image: url(../img/icons/navigate.svg) !important;
    background-position: -30px -1px !important;
    background-repeat: no-repeat !important;
    background-size: 100px 100px !important;
    height: 100px !important;
    opacity: 1;

}

.carousel .owl-next,
.carousel .owl-prev {
    background-color: transparent !important;
    width: 40px !important;
    padding: 4px 0px;
    margin-top: 0px;
}

/*#wnCarousel9 .tools .sts.sts13,
#wnCarousel9 .tools .sts.sts_new.news {
    display: none;
}*/
.owl-item .prodbox{
    border:none;
}

.ui-corner-bottom {
    border-radius: 0px;
}

.carousel .prodbox .status .sts {
    border-radius: 0px;
	margin: 3px 5px;
}

.boxcont.news {
    margin-top: 20px;
}
.news li .hdr .date {
    display: none;
}

.boxcont.news .note p{
   display: block;
    line-height: 1.3125rem;
    text-align: left;
    font-size: 0.875rem !important;
    max-height: 7.875rem;
    overflow: hidden;
    padding: 0 !important;
    width: 100% !important;

}
.news .detwn .moredet {
    
}
.wnnote a:hover{
	text-decoration: underline;
}
.wnnote a{
	float: unset;
}

html[lang="cs"] .homepage.sptnavigator #centercont #contentcont .webnews .boxcont.banner #wn5:before{
	content: "Hlavní výhody pro vás";
    font-family: 'Hrot Basic Medium';
    font-size: 22px;
    color: #142654;
    padding: 30px 0 30px 0;
    display: block;
    text-align: center;
}

html[lang="sk"] .homepage.sptnavigator #centercont #contentcont .webnews .boxcont.banner #wn5:before{
	content: "Hlavné výhody pre vás";
    font-family: 'Hrot Basic Medium';
    font-size: 22px;
    color: #142654;
    padding: 30px 0 30px 0;
    display: block;
    text-align: center;
}


.owl-wrapper-outer .owl-item li a img {
    max-width: 1200px;
    max-height: 250px;
}
.boxcont.banner .owl-item > li > img {
    max-width: 1200px;
    max-height: 250px;
}
#wntabs {
    margin: 0px 0 0px 0;
}

.owl-theme .owl-controls .owl-page span {
    margin: 8px 4px 0px 7px !important;
}

.boxcont.banner {
    margin: 0 0 0px 0 !important;
}
/*.news li .img {
    height: 180px;
    display: block;
    overflow: hidden;
}*/
/*.news li:nth-child(3) .img{

    margin-top: -30px;
}*/

/*.news li:nth-child(4) .img,
.news li:nth-child(6) .img {

    margin-top: -90px;
}*/

.news .detwn a{
    float: right;
    font-weight: 400;
}

.news .detwn a:after{
    content: " >";
}

.news li .hdr {
    border-bottom: none !important;
}
.banner .owl-item img {

    padding: 0 !important;
    /*    image-rendering: -webkit-crisp-edges;
    image-rendering: pixelated;*/

}

#wn5 {
    border: 0px solid #204471;
    border-radius: 5px;
    width: 100%;
}
.owl-wrapper-outer .note p {
    text-align: center;
}
/*#wntabs .sts3,
#wntabs .sts1,
#wntabs .sts13 {
    display: block;
}*/

.ui-widget {
    font-family: 'IBM Plex Sans', Arial, sans-serif !important;
    font-size: 1rem !important;
}
.ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header {
    display: none;
}
.carousel > .cnt {
        border: none;
}
.ui-widget-content a {
    color: #204471 !important;
    float: none;
}

.carousel .prodbox .status .sts,
.carousel .prodbox .status .discount {
    /* display: block; */
    width: fit-content;
}

.owl-wrapper .tools .status {
    left: 20px;
    top: 60px
}

.wvat span {
    color: #000000 !important;
    font-size: 0.875rem;
    font-weight: normal !important;
}

.prodbox .wvat p {
    color: #656565;
    font-weight: 400;
    font-size: .875rem !important;
    font-family: 'IBM Plex Sans', Arial, sans-serif !important;
    line-height: initial;
}
.owl-item .prodbox {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}
/*úvodní stránka*/


/*#prodlistanchor>.cnt{
        border: 1px solid #eeeeee;
}*/


/*box s produktem - úvodní stránka, výpis produktů, ...*/
.prodbox {
    background: #ffffff;
    border: 1px solid;
    border-top: 0;
    border-right: 0;
    margin: 0;
}
.stirelation .prodbox{
	border-bottom: 1px solid;
}
.prodbox:last-child {
   border-right: 1px solid;
    border-bottom: 1px solid;

}
.prodbox .status {
    position: absolute;
    top: 88px !important;
    left: 10px;
    z-index: 99;
}
.prodbox:nth-child(1),
.prodbox:nth-child(2),
.prodbox:nth-child(3){
	border-top: 1px solid #eeeeee !important;
}
.prodbox .img a {
    height: auto;
}

.homepage .prodbox .img a {
    height: 175px;
}

/*lottie-player{
	width: 236px !important;
    height: auto !important;
    margin: 0 auto;

}*/
.prodbox .comp {
    /*z-index: 10;*/
    background: transparent !important;
    color: #3D608C;
    border-top-right-radius: 2px;
    /* transform: perspective(1px) rotateX(1deg); */
    border-bottom-right-radius: 2px;
}
.prodbox {
    background-color: #FFFFFF !important;
    padding:10px;
    /* background: none !important;*/
}
/*.stiparinf .paramitem .hdr:after {
    margin: 10px 0 0px 0;
}*/
/*NAHLEDOVÉ OBRÁZKY*/

/*.prodbox .img {
    max-width: 250px;
    float: initial !important;
    margin: -30px auto 0 auto;
    position: relative;
    z-index: 1;
}*/


/*.prodbox .img img {
    width: 100% !important;
    max-width: 200px !important;
    mix-blend-mode: multiply;
    image-rendering: auto;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
}*/

/*NAHLEDOVÉ OBRÁZKY*/
.btn {
	background: #fff;
	box-shadow: none !important;
    color: #152654;
}
header .btn.btn-comp.btn-second{
	background: transparent !important;
    padding: 0;
    width: 100%;
    height: 32px;
}
.boxcont .cnt{
    padding: 0 !important;
}
#prodlistanchor .prodbox {
    border-color: #eeeeee !important;
        margin-top: 0;
            width: calc(100% / 3);

}

.spresenttrees .prodbox {

            height: 535px;
}

/*box s produktem - úvodní stránka, výpis produktů, ...*/
/*uživatelská sekce - úvodní stránka*/
.logbusinfo .cnt table td.tabspace {
    padding-left: 0px;
}
/*
.logged > .hdr > p {
    display: none;
}*/
/*uživatelská sekce - úvodní stránka*/
/*uživatelská sekce - objednávky*/
.orders .boxcont.legend,
.iisutil .boxcont.legend {
   display: none;
}
.tabinfo span{
	font-weight: normal;
}
/*uživatelská sekce - objednávky*/
/*komponenty - body*/
#maincont {
    font-size: 0.875rem !important;
    background-color: #F2F2F2;
}
.homepage.sptnavigator #centercont{
	 background: transparent !important;
}
#centercont {
    background: #f2f2f2;
    z-index: 100;
}
.homepage.sptnavigator{
    background-image: url(../img/rast_tecky.png) !important;
    background-position: 80% 40% !important;
    background-repeat: no-repeat !important;
}
/*komponenty - body*/
/*komponenty - tabulka*/
.tabinfo.hor tr:last-child td {

    border-radius: 10px;
}
/*.tabinfo tr:last-child th{
       padding: 5px 5px 5px 0 !important;

}*/
.tabinfo.hor th {
    border-left: 1px solid #e9e9e9;
}
.tabinfo {
	    border: 0px solid #e5e5e5;
    /*border: NONE; */
    margin-bottom: 0px;
    border-radius: 0px;
}

.paramname {
    font-weight: 400;
    text-align: right !important;
    color: #3c608a;
}

.tabform th:not(:empty):not(.notdeliv):after {
    visibility: visible !important;
    word-spacing: normal !important;
    letter-spacing: normal !important;
    content: ": ";
    padding-right: 5px;
}

/* tabulka s parametry*/
/*.paramclass .pacname.Štítek {
    display: none;
}*/
/*.tabform .wvat {
    display: contents;
}*/
.tabinfo.hor th:last-child {
    border-top-right-radius: 0px;
}

.tabinfo.hor th:first-child {
    border-left: none;
    border-top-left-radius: 0px;
}

.postcodes .tabinfo.hor tr td:first-child,
.postcodes .tabinfo.hor tr th:first-child{
        border-left: none;
    width: 50% !important;
    text-align: left !important;
}

.postcodes .tabinfo.hor tr td,
.postcodes .tabinfo.hor tr th{
width: 12% !important;
    text-align: center !important;
    min-width: 100px !important;
}

.postcodes .tabinfo.hor tr td:last-child,
.postcodes .tabinfo.hor tr th:last-child{
    min-width: 120px !important;
}
.tabinfo.hor tr:nth-child(2) td {
/*        border-top: 1px solid #ddd !important;*/
            border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.tabinfo.hor tr:last-child td:first-child {
    border-bottom-left-radius: 0px;
}

.tabinfo.hor tr:last-child td:last-child {
    border-bottom-right-radius: 0px;
}
/*.tabinfo.hor tr:last-child td:nth-child(3) {
    border-bottom-left-radius: 5px;
}*/
/* tabulka s parametry*/
















































































































































































































/*.owl-stage .owl-item{
	display: none;
}*/

.owl-stage>div:nth-child(1),
.owl-stage>div:nth-child(2),
.owl-stage>div:nth-child(3){
	display: block;
}
.owl-nav{
	display: none;
}

.stoitem .owl-carousel .owl-stage-outer {
    padding: 0;
    background: #fff;
    height: auto;
    width: calc(100% - 50px);
    margin: 10px 25px 0 25px;
}

.homepage .owl-carousel .owl-stage {
    width: 100% !important;
    border-left: 1px solid #f2f2f2;
}
.config .configinput input[type=checkbox]:checked + label{
	    padding: 0px 0 0px 105px;
}

/*.wm #centercont .cont.contentcont.wm .img img{
	display: none;
}*/

.wm #centercont .cont.contentcont.wm .img{
	margin: 0;
}


.config .gallery .owl-item {
    width: 165px !important;
    margin: 0;
}

.owl-carousel .owl-stage{
	width: max-content !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2){ 
    .boxcont.config-detail .owl-item a img {
    width: 100px !important;
}
.config .config-img>a img {
    width: 300px !important;
    margin: 20px 0 !important;
}
.config .gallery .owl-item {
    width: 115px !important;
    margin: 0;
}

.boxcont.config-detail .cnt form {
    grid-template-rows: 307px 120px auto auto 30px;
}
}
/*.owl-stage>div:nth-child(3n){
	margin: 0 !important;
}
*/
/*.config .gallery .owl-wrapper, .config .gallery .owl-item {
    margin: 0 25px 0 0;
}*/


.registration form input[name="conxcouid"][value="35"] ~ div#reg-firm #importByICO{
    display: none !important;
}


.registration form input[name="conxcouid"][value="35"] ~ div#reg-firm #comregid{
	width: 100% !important;
}


.registration .document .cnt table #comregid{
width: 100%;
    float: left;
    clear: left;
    display: inline-block;
}

#importByICO {
        background: #152654 !important;
    width: 90px;
margin: 2px 0 0 10px !important;
    height: 42px;
    float: left;
    clear: unset;
    display: none !important;

}

html[lang="sk"] #importByICO{
	display: none !important;
}
#importByICO.ds_none{
	width: 90px;
	background: grey !important;
}
tr.housing_v_datovem_centru>td>div:nth-child(2){
    display: none;
}

.news li .hdr .top{
	display: none;
	float:left;
}


#sptnav .level3 li:nth-child(1) .sptnavsub .level6>li>.categories>a{
    height: auto;
    padding: 15px 0 10px 0;
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.6875rem;
    position: relative;
    z-index: 200;
}
#sptnav .level3 li:nth-child(1) .sptnavsub .level6>li:nth-child(1)>.categories>a{

    margin-top: 0;

}
#sptnav .level3 li:nth-child(1) .sptnavsub .level6>li:nth-child(1)>.categories>ul,
#sptnav .level3 li:nth-child(1) .sptnavsub .level6>li:nth-child(2)>.categories>ul,
#sptnav .level3 li:nth-child(1) .sptnavsub .level6>li:nth-child(3)>.categories>ul,
#sptnav .level3 li:nth-child(1) .sptnavsub .level6>li:nth-child(4)>.categories>ul{
	
        display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    grid-template-rows: auto;
}

#sptnav .level3 li:nth-child(6) .level6 li .categories a{
	text-align: left;
	padding: 0;
}

#sptnav .level3>li:nth-child(1) .level6>li>.categories>a:hover{
    font-weight: 600 !important;

}
#sptnav .level3>li:nth-child(1) .level6>li:nth-child(8)>.categories>a:hover,
#sptnav .level3>li:nth-child(1) .level6>li:nth-child(5)>.categories>a:hover,
#sptnav .level3>li:nth-child(1) .level6>li:nth-child(6)>.categories>a:hover,
#sptnav .level3>li:nth-child(1) .level6>li:nth-child(7)>.categories>a:hover,
#sptnav .level3>li:nth-child(1) .level6>li:nth-child(9)>.categories>a:hover{
    border-top: 2px solid #fa4047;

}
.navbar ul li h1:before,
.navbar ul li p:before, 
.navbar ul li a:before,
.navbar ul li.hpe a:before{
	font: normal normal normal 24px/1 FontAwesome;
}
.homepage #contentcont .boxcont.news:before{
	    content: "Novinky";
    color: #142654;
    font-family: 'Hrot Basic Medium';
    font-size: 1.25rem;
    text-align: left;
    margin: 0 auto;
    float: left;
    padding: 30px 0 20px 0;
    text-transform: uppercase;
    width: 50%;
    clear: left;
    position: relative;
    z-index: 1;
}


html[lang="cs"] #contentcont #wn15 .owl-wrapper-outer:before{
content: "Kvalitní repasované servery se zárukou 2 roky";
color: #142654;
font-family: 'Hrot Basic Medium';
font-size: 22px;
text-align: center;
margin: 0 auto;
float: unset;
display: block;
padding: 30px 0 30px 0;
}

html[lang="sk"] #contentcont #wn15 .owl-wrapper-outer:before{
content: "Kvalitné repasované servery s 2-ročnou zárukou";
color: #142654;
font-family: 'Hrot Basic Medium';
font-size: 22px;
text-align: center;
margin: 0 auto;
float: unset;
display: block;
padding: 30px 0 30px 0;
}

#footercont .navi .companycontact .hdr p {
    display: none;
}

#footercont .companyinfo, #footercont .companycontact {
    width: 100%;
	/* float: right; */
	padding: 0;
	margin: 0;
}

#footercont nav div .logo{
    background: url(../img/logo_CS.png) no-repeat !important;
    background-size: 90% !important;
    margin: 0;
    height: 75px !important;
    width: 20%;
    color: transparent;
}

/*#footercont .webmenu, #footercont .webmenu li {
    width: 50%;
}
#footercont .webmenu li:nth-child(3) {
    display: none;
}*/

.prodbox .status .sts p,
.prodbox .status .discount p {
    padding: 3px 6px !important;
        font-size: 0.9em;
}
html[lang="cs"] .prodbox .status .discount p:before{
content: "Dealerská sleva ";
white-space: nowrap;
}
html[lang="sk"] .prodbox .status .discount p:before{
content: "Dealerská zľava ";
white-space: nowrap;
}

.prodbox .status .discount p{
	color: #fff;
}
/*.availability.inet .stock p {
    display: none;
}*/
/* administrace - objednávky - export (EXCEL) */
.btn-xls {
    background: transparent !important;
}

.btn-icon:before {
    margin-left: 15px;
}
.btn-login:before {
    content: "\f090";
    font-size: 1rem;
}
.stiparinf .paramitem.slider .cnt .param-range{
    margin: 15px 0;
}
.stiparinf .paramitem.slider .cnt .param-range .ui-state-default{
    border-radius: 4px;
    border: 1px solid #ccc;
    background: #f6f6f6 url(../img/jquery-ui/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
}
.stiparinf .paramitem.slider .cnt .param-range .ui-widget-header{
    background: rgba(0, 96, 159, 0.8);
}
.carousel .hdr {
display: block;
}

.sts1, .sts2, .owl-item .discount {
 display: none !important;
}
.carousel .prodbox {
    padding: 10px !important;
    border: none;
}
#wnCarousel13  {
    display: none !important;

}
#wnCarousel13  {
    border: 10px solid #202442;

}
#wnCarousel13 .hdr p {
    background-color: #7e1c1c;
    color: white;
}
#wnCarousel13 .owl-item {
    margin: 0px 10px 0 0;
    width: 228px !important;
}

/*#wnCarousel13 .note, #wnCarousel13 .sts {
    display: none;
}*/
#wnCarousel13 .price {
    font-size: 1.6rem;
    margin: -30px 30% 0% 30% !important;
}
#wnCarousel13 H2 {
    font-size: 1.6rem;
    font-weight: 600;   
}
#filterstoitemclasscont {
display: none !important;
}



/*kariera*/
/*.hpep>p, .hpep>h2, .hpep>ul{
    background-color: #ffffff1f;
    margin: 0 !important;
}

.birgada>p, .birgada>h2, .birgada>ul{
    background-color: #ffffff1f;
    margin: 0 !important;
}

.birgada h3, .hpep h3{
    background-color: #ffffff;
    padding: 10px;
    font-weight: 400;
}

.birgada h2,.birgada p , .hpep h2,.birgada p, .hpep p{
    padding: 10px;
    /* font-family: "Hrot Basic", 'IBM Plex Sans', Arial, sans-serif !important; */
}
/*
.hpep div{
    background-color: #ffffff1f;
    border-top-left-radius: 10px;
    border-bottom: 2px solid white;
}

.birgada div{
    border-bottom: 2px solid white;
    background-color: #ffffff1f;
    border-top-right-radius: 10px;
}*/
/*kariera*/

/*#contentcont {
    min-height: 1080px !important;
    height: -webkit-fill-available;
    margin: 0 0 -17.3% 0;
}*/

.watchdog img{
    width: 100%;
}

.printpage img{
    width: 10%;
}

.rating, #centercont .boxcont.tools .btn.btn-watchdog.btn-second.watchdog{
display: none;
    }

.paramname, .paramclass p{
    font-weight: 600;
    text-align: left !important;
    color: #000000;
    width: 100%;
    min-width: 180px;
font-size: 0.875rem !important;
    padding: 10px 15px !important;

}
.pacname {
text-align: left;
font-size: 1rem !important;
font-weight: 600;
}

.config .tabs ul.ui-tabs-nav li {
background-color: #f2f2f2;
border:none;
}

html[lang="cs"] .configinput.instock i:hover::before{
        content: "Skladem";
    display: block;
    position: absolute;
    /* border: 1px solid; */
    top: -32px;
    left: -8px;
    padding: 5px;
    background: white;
    border-radius: 5px;
    box-shadow: 1px 2px 6px 1px rgba(0,0,0,0.5);
    color: black;
    font-weight: 400;
}

html[lang="sk"] .configinput.instock i:hover::before{
        content: "Skladom";
    display: block;
    position: absolute;
    /* border: 1px solid; */
    top: -32px;
    left: -8px;
    padding: 5px;
    background: white;
    border-radius: 5px;
    box-shadow: 1px 2px 6px 1px rgba(0,0,0,0.5);
    color: black;
    font-weight: 400;
}


.configinput.instock  i:hover::after{
    content: "";
    display: block;
    position: absolute;
    top: -14px;
    padding: 5px;
    background: white;
    transform: rotate(45deg);
    color: #333333;
    box-shadow: 4px 4px 7px -2px rgba(0,0,0,0.5);
}

html[lang="cs"] .configinput.outstock i:hover::before{
    content: "Není skladem, o termínu dodání vás budeme informovat";
    display: block;
    position: absolute;
    top: -30px;
    left: -10px;
    padding: 5px;
    background: white;
    border-radius: 5px;
    box-shadow: 1px 2px 6px 1px rgba(0,0,0,0.5);
    color: black;
    font-weight: 400;
    width: 350px;
    font-size: 1.3rem;
}

html[lang="sk"] .configinput.outstock i:hover::before{
    content: "Nie je na sklade, budeme vás informovať o termíne dodania";
    display: block;
    position: absolute;
    top: -30px;
    left: -10px;
    padding: 5px;
    background: white;
    border-radius: 5px;
    box-shadow: 1px 2px 6px 1px rgba(0,0,0,0.5);
    color: black;
    font-weight: 400;
    width: 350px;
    font-size: 1.3rem;
}

.configinput.outstock i:hover::after{
    content: "";
    display: block;
    position: absolute;
    top: -12px;
    padding: 5px;
    background: white;
    transform: rotate(45deg);
    color: #333333;
    box-shadow: 4px 4px 7px -2px rgba(0,0,0,0.5);
}

/*.configinput.outstock .configname i:hover::before, .configinput.instock .configname i:hover::before {
      content: "";
      display: block;
      position: absolute;
      right: 100%;
      top: 26px;
      width: 0;
      height: 0;
      border-top: 13px solid transparent;
      border-right: 26px solid red;
      border-bottom: 13px solid transparent;
    }*/

.config .configinput label i {
font-size: 1em;
float: left;
 }

#ordproductscont .tabinfo.hor th {
    border-bottom: 0px solid #666666;
}

#ordproductscont .buyout button {
    background: none !important;
    border: none;
    margin: 0 auto;
    float: none;
    width: 50px;
    display: block;
        padding-top: 40px !important;
}

#stidiscussion{
    display: none !important;
}

#tabs .ui-tab:nth-child(4),
#tabs .ui-tab:nth-child(5g13698){
    display: none;
}

#sticomment .boxcont.stiplnote,
#sticomment .boxcont.web{
    margin: 0 !important;
        padding:0px 15px 15px 15px;
            grid-column-start: 1;
    grid-column-end: 5;
}

#stibettprice, #stisendinfo, #stiusrerrmsg{
    display: none;
}

.stoitem .tabs .tabpage{
        border: none !important;
}

.docscont .tabinfo{
    border: none;
    background: #fff;
}
.pacname , Technická specifikace serveru{
    display: none;
}
.stoitem .stiimg .owl-next, .stoitem .stiimg .owl-prev{
        background: rgba(255, 255, 255, 0.6);
}

.note a{
    float: none;
        text-decoration: underline;
}

/*.order{
    background-color: #f0f0f0;
}*/
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(5) a,
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(6) a,
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(7) a,
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(8) a,
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(9) a{
    font-size: 0.875rem !important;
    font-weight: normal !important;
    height: 100% ;
    display: table-cell;
    vertical-align: middle;
}

.stoitem .tabs ul.ui-tabs-nav li{
    background-color: #e9e9e936;

    border: none;
    border-radius: 0px !important;
}

/*.stock.yes:hover::after{
    content: "Servery jsou skladem, kompletace navolené konfigurace zabere 1 den. Testování a zahoření probíhá 1 až 3 dny podle velikosti RAM";
    display: block;
    position: absolute;
    top: -14px;
    padding: 5px;
    background: white;
    transform: rotate(45deg);
    color: #333333;
    box-shadow: 4px 4px 7px -2px rgba(0,0,0,0.5);
}*/

html[lang="cs"] .config .stock.yes:hover p:before{
        padding: 10px;
   visibility: visible;
    margin: -180px -145px;
    position: absolute;
    content: 'Servery v základní konfiguraci pro vás připravíme ještě tentýž den – můžete si je osobně vyzvednout na naší adrese nebo vám je zašleme přepravní službou. Konfigurace s úpravami obvykle dokončíme během jednoho až dvou pracovních dnů, v závislosti na aktuálním množství objednávek.';
    box-shadow: 4px 4px 17px -2px rgba(0,0,0,0.5);
    background: white;
    color: black;
    font-weight: 400;
    z-index: 200;
    width: 270px;
        font-size: 0.85rem !important;
    line-height: 1.3125rem;
}

html[lang="sk"] .config .stock.yes:hover p:before{
        padding: 10px;
   visibility: visible;
    margin: -180px -145px;
    position: absolute;
    content: 'Servery v základnej konfigurácii pre vás pripravíme ešte v ten istý deň – môžete si ich osobne vyzdvihnúť na našej adrese alebo vám ich zašleme prepravnou službou. Konfigurácie s úpravami obvykle dokončíme počas jedného až dvoch pracovných dní, v závislosti od aktuálneho množstva objednávok.';
    box-shadow: 4px 4px 17px -2px rgba(0,0,0,0.5);
    background: white;
    color: black;
    font-weight: 400;
    z-index: 200;
    width: 270px;
        font-size: 0.85rem !important;
    line-height: 1.3125rem;
}


html[lang="cs"] .config .stock.no:hover p:before{
    padding: 10px;
    margin: 10px -250px;
    position: absolute;
    color: black;
    font-weight: 400;
    content: "Server nebo některá vybraná komponenta není skladem, o termínu dodání Vás budeme informovat po potvrzení objednávky";
    box-shadow: 4px 7px 17px -2px rgb(0 0 0 / 50%);
    background: white;
    width: 335px;
    visibility: visible;
    z-index: 200;
}

html[lang="sk"] .config .stock.no:hover p:before{
    padding: 10px;
    margin: 10px -250px;
    position: absolute;
    color: black;
    font-weight: 400;
    content: "Server alebo niektorý vybraný komponent nie je na sklade, po potvrdení objednávky vás budeme informovať o termíne dodania";
    box-shadow: 4px 7px 17px -2px rgb(0 0 0 / 50%);
    background: white;
    width: 335px;
    visibility: visible;
    z-index: 200;
}

/*.prodbox .stock.no p:hover:before{
    margin: -150% -135% !important;
}

*/

#sptnav .level3 li:nth-child(1) .level6>li:nth-child(5):before{
    content: "Doporučujeme pro";
    font-weight: bold;
    color: #152654;
    font-size: 1.125rem;
    width: 100%;
    display: block;
    height: 50px;
    text-align: center;
    margin: 20px 0 -20px 0;
}



.prodbox .stock.yes p:hover:before{
     margin: -100% -45%;
}
.btn-close{
    background-color: none;
}


/*.configuration > .cnt > .tabform .title{
    border-bottom: 1px solid #e7e7e7 !important;
    width: -webkit-fill-available;
}*/

.config .configinput label .configprice{
    color: #880000;
    width: auto;
    font-family: 'IBM Plex Sans', Arial, sans-serif !important;
    padding: 12px 0px 6px 0;
}

.config [type="radio"]:checked + label:before {
    background: transparent;
    border: none !important;
    border-radius: 14px;
    }

.config .configinput label:before,
.config .configinput label:after{
       top: 10px !important;
    pointer-events: all;
    left: 10px;
}

.config .configinput [type="radio"]:checked + label:after{
top: 3px; 

}

#financnileasing, #operativnileasing{
        padding: 0 !important;
    color: #224AAB;
font-weight: 600;
}

/*.availability .out, .modal .iframe{
        pointer-events: none;
}*/
.stoitem .availability div:nth-child(1) .stock.yes p{
    display: none;
}

html[lang="cs"] .stoitem .availability div:nth-child(2) .stock.yes p:hover:before{
    padding: 10px;
    border-radius: 5px;
    margin: 0% -45%;
    position: absolute;
    color: black;
    font-weight: 400;
    content: "Na centrále obvykle do 24 hod.";
    box-shadow: 4px 7px 17px -2px rgba(0,0,0,0.5);
    background: white;
    width: 120px;
}

html[lang="sk"] .stoitem .availability div:nth-child(2) .stock.yes p:hover:before{
    padding: 10px;
    border-radius: 5px;
    margin: 0% -45%;
    position: absolute;
    color: black;
    font-weight: 400;
    content: "V centrále zvyčajne do 24 hodín.";
    box-shadow: 4px 7px 17px -2px rgba(0,0,0,0.5);
    background: white;
    width: 120px;
}


html[lang="cs"] .stock.out p:hover:before,
html[lang="cs"] .prodbox .stock.out:hover:after{
    padding: 10px;
    border-radius: 5px;
    position: absolute;
    content: "Produkt není skladem. O dostupnosti Vás budeme informovat";
    box-shadow: 4px 4px 17px -2px rgba(0,0,0,0.5);
    background: white;
    color: black;
    font-weight: 400;
    width: 170px;
    margin: -62px 0% 0 -22px;
    z-index: 100;
}

html[lang="sk"] .stock.out p:hover:before,
html[lang="sk"] .prodbox .stock.out:hover:after{
    padding: 10px;
    border-radius: 5px;
    position: absolute;
    content: "Produkt nie je na sklade. Budeme vás informovať o dostupnosti";
    box-shadow: 4px 4px 17px -2px rgba(0,0,0,0.5);
    background: white;
    color: black;
    font-weight: 400;
    width: 170px;
    margin: -62px 0% 0 -22px;
    z-index: 100;
}

/*.stock.out p:hover:after{
    content: "";
    display: block;
    position: absolute;
    width: 0px;
    height: 0px;
    padding: 5px;
    border-bottom: 12px solid white;
    border-left: 11px solid white;
    border-right: 5px solid transparent;
    border-top: 5px solid transparent;
    transform: rotate(-45deg);
    color: black;
    font-weight: 400;
    box-shadow: -13px 13px 9px -7px rgba(0,0,0,0.3);
    margin: -69px 0px 0 -3px;
}*/



.undefined .btn{
    background: none !important;
}

#headercont .btn-buy:before{
    font-size: 32px !important;
    width: 32px;
}

.prodbox:hover{
    z-index: 7;
}

#frqsrchword-box .title{
    padding: 15px 5px 0;
    text-align: left;
    position: initial !important;
    margin: 0;
    font-size: unset; 
    line-height: 2em;
    color: #cccccc;
    background: #FFFFFF !important; 
    font-weight: 400;
}



#sticattree>.cnt{
    padding-top: 10px !important;
}
/*našeptávač*/
/*.item.cat b, .item.freq b{
        color: #3c608a;
        font-weight: 900;
}

#frqsrchword-box .title:first-child:after{
    content: "";
    border-bottom: .5px solid #cccccc;
    width: 89.5% !important;
}

#frqsrchword-box .title:after{
    content: "";
    border-bottom: .5px solid #cccccc;
    width: 84.5%;
    float: right;
    margin: 13px 0px;
    height: 1px;
}
*/
#whisper-box ul li{
    border: none;
    padding: 5px;
}

#whisper-box ul li .img img {
    width: 100% !important;
    mix-blend-mode: multiply;
}

#whisper-box ul li .img {
    width: 12%;
}

/*
.boxcont.whisper{
    width: 120%;
    margin-left: -10%;
}*/

#whisper-box ul li .name{
    width: 80% !important;
    padding: 1% 2%;
}

#whisper-box ul li .name .code{
    display: none;
}

#whisper-box ul li .btn-buy{
    display: none !important;
}

#whisper-box ul li .btn-comp {
    margin: 3% 0;
    display: none;
}
#whisper-box ul li .price{
    display: table !important;
    width: auto;
    margin: 5% auto;
}

#whisper-box ul li .price .wovat p{
    display: none;
}


#whisper-box ul li .price span u{
    display: none;
}

#whisper-box ul li .price .wovat span:after{
    content: " Kč";
    color: #E62E2E;
}

#whisper-box ul li .price .wvat span:after{
    content: " Kč";
    color: black;
    font-weight:300;
}

#whisper-box ul li .price .wvat p{
    font-weight:400;
    padding: 0 0 0 2px;
}

#frqsrchword-box ul li{
    border: none;
}

#whisper-box{
    max-height: 585px !important;
}

#whisper-box ul li .name a{
        padding: 0 0 2px 0px;
}


/*našeptávač*/
/*registracni formular*/
.registration .document{
    border: none;
    margin: 0;
}

.registration .document .hdr{
    border: none;
}
.info span{
	z-index: 100;
}
.registration .nav{
    margin: 0 25%;
    padding: 2% 0;
    width: 100%;
}
.boxcont.nav input[name="comreg_company"] + label{
    padding: 10px 40px;

}
.registration .nav label{
    margin: 0;
    width: max-content;
    font-weight: 400;
    font-size: 1.5em;
    text-transform: initial;
}

.registration .nav label::first-letter{
    text-transform: uppercase;
}
.contentcont .registration .nav {
text-transform: uppercase;
font-weight: 600;
width: auto;
margin: 0 auto;
float: unset;
clear: unset;
display: table;
}
.registration .document .hdr p{
    font-weight: 400;
padding: 25px 25% 0px 25%;
font-size: 1.5rem !important;
text-align: center;
}
#reg-deliv-address .hdr{
    border:none;
} 

/*.registration .document .cnt table tr{
    display: grid;
    margin: 10px 0;
}*/

.registration .document .cnt table tr td>div{
width: 50% !important;
    margin: 0 auto !important;
    float: unset;
        margin-top: 10px;
}

.registration .document .cnt table td input{
    width: 100%;
    border: 1px solid rgba(192, 192, 192, .5);
        padding: 7px;
        margin: 0;
}
.registration .document .cnt table td .custom-select {
    border: 1px solid rgba(192, 192, 192, .5);
    border-radius: 10px;
}
.tabinfo tr:first-child th, .tabinfo tr:first-child td {
/*    padding-top: 6px !important;*/
}

.tabinfo th:not(:empty):not(.notdeliv):after {
    content: "";
}
.registration .document .cnt table td {
    width: 100%;
    padding: 0;
}
#reg-deliv-address p{
    float: left;
    width: 40%;
    margin: 0 auto;
}

#reg-deliv-address p label{
    line-height: 1.6rem;
    width: max-content;
}

.registration .custom-select, .registration .recaptcha.g-recaptcha, .registration #gdpr-1 + label, .registration .btn-big.btn-user, .registration .payvat{
    width: 100%;
/*    margin: 0% 30% !important;*/
}


input.err, textarea.err{
    box-shadow: 0 0 4px rgba(255, 0, 0, 0.6) !important;
}

input.format, textarea.format, .input-required.err{
     border: 1px solid #fa4047 !important;
        box-shadow: none !important;
    background: #ff00001c;
}


.ordbaskets .contentcont .boxcont .cnt .msg.format{
	color: #fa4047;
	    float: left;
	    font-size: 1.1rem;
}
.registration .postcodes{
        width: 100%;
    border: 1px solid rgba(192, 192, 192, .5);
        top: 28px;
}


.registration .msg.format{
    /*position: absolute;*/
    /* float: right; */
    font-size: .9em;
    color: orange;
    /* text-align: right; */
    transform: translateY(6px);
    /* float: right; */
    /* top: 35%; */
}

.registration .input-psc + .msg.format{
    left: 55%;
}

.registration .input-email + .msg.format, .registration .input-phone + .msg.format, .registration .input-phone + .msg.format{
    left: 54%;
}

.registration .input-password + .msg.format{
    left: 49%;
}

#reg-deliv-address .input-psc + .msg.format{
    left: 25%;
}

#reg-deliv-address .input-email + .msg.format{
    left: 24%;
}

#reg-deliv-address .input-phone + .msg.format{
    left: 24%;
}

#reg-firm .input-ico + .msg.format{
        left: 55%;
    float: left;
    color: red;
}

#reg-firm table tr td strong, #reg-firm table tr td div{
     font-weight: 400;
    text-align: center;
    display: block;
    width: 40%;
    /* border: 1px solid rgba(192, 192, 192, .5); */
    margin: 2% 30% 0;
    font-size: 1.2em;
    display: none;
}

#reg-firm table tr td div{
    display: none;
}

#reg-firm table tr td .payvat{
       margin: 0 auto;
    width: 50%;
    float: unset;
    top: 15px;
}

.catalog .navbar{
    display: none;
}

/*#importByICO {
        right: 33%;
    position: absolute;
    transform: translateY(-2px);
}*/

.GDPR-DET+.info{
    z-index: initial !important;
    display: none;
}

.recaptcha.g-recaptcha>div{
    margin: 0 auto;
}

table .gdpr td{
     padding: 15px 0;
}

.boxcont.registration .cnt .document.contact .cnt table th{
    padding: 10px 0 0 5px;
text-align: left;
}

.boxcont.registration .cnt .boxcont.document.firm .cnt table th{
	display: block;
	text-align: left;
	padding:10px 0 0 5px;
}

/*registracni formular*/

/*novy vzhled produktové stránky*/
/*
.config .scroll + #centercont .config-detail .config-info.half.float-right{
    background: #fff !important;
    padding: 0;
    width: 95%;
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column-start: 4;
    grid-column-end: 4;
    position: absolute !important;
    top: 0px;
    border-radius: 0;
}

.config .config-detail .config-info.half.float-right{
    background: #fff !important;
    padding: 0;
    width: 19%;
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column-start: 4;
    grid-column-end: 4;
    top: 212px;
    right: 0;
    border-radius: 0;
    position: fixed !important;
    display: block;
    right: 14%;
}*/

.config .config-detail .config-info.half.float-right{
    background: #fff !important;
    padding: 0;
    width: 95%;
    grid-row-start: 1;
    grid-row-end: 1;
    grid-column-start: 4;
    grid-column-end: 4;
    transform: translateY(-123px);

    border-radius: 0;
/*    position: sticky;*/
    
}
.config .config-detail .boxcont.config-info. .hdr .hdr-config-info{
    height: 7em;
}

/*.config-detail .cnt .boxcont.config-img.half {
    margin: 100px 0 0 0;
    /*border-bottom: 1px solid #dddddd;}*/


.config-detail .boxcont.note{
	float: right;
    padding: 0 30px 0 0;
    margin: 0;
    width: 100%;
    height: auto;
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column-start: 2;
    grid-column-end: 2;
    z-index: 18;
}

.hdr-config-info{


}
/*.config-detail .cnt .boxcont.config-img.half {
    border-right: 1px solid #e7e7e7;
}*/

/*.configuration {
    width: 82.5% !important;
    margin: 1% 0!important;
    transform: translateX(-10px);
}*/

.config-detail>.hdr {
    width: 100% !important;

    padding: 0px 0 0px 0;
    background: white;
    z-index: 1;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
}

.config .config-detail .hdr span {

    display: none;

}

.config .config-info .hdr>h1 {
    font-size: 1.6em !important;
}

.config .config-info .hdr-config-info>h2 {
    font-size: 1rem !important;
    margin: 20px 25px 10px 25px;
    font-weight: 600 !important;
    text-align: left;
    line-height: 1.6em;
    color: #152654;
}

.config-detail .cnt form .note .hdr-note h2{
    padding: 0px 0 10px 0;
    font-size: 1rem !important;
    font-weight: 600 !important;
    font-family: 'IBM Plex Sans', Arial, sans-serif !important;
    line-height: 1.5rem;
}	

.config-detail .config-info .hdr span{
    font-size: 1em;
    line-height: 1.3em;
}

.config-detail .status{
    grid-column-start: 1;
    grid-column-end: 3;
    order: 0;
    width: 100% !important;
    grid-row-start: 1;
    grid-row-end: 1;
    background: #fff;
    padding: 0 25px 20px 25px;
    position: relative !important;
    height: 50px;
}

.config .config-detail .config-info .hdr .hdr-config-info{
    height: 7em;
}
.status .sts{
	display: inline-block;
	border-radius: 0px;
}
.boxcont.note .note .akce{
	color: #224AAB;
	font-weight: 400;
}

/*.configuration .cnt .tabform tr > td > span, .config .configinput {
    border-left: 1px solid #c8d6e4;
}*/



.config .configuration .custom-select {
    border-color: #ffffff;
    width: 100% !important;
    margin: 0;
    /*left: 10px;*/
    position: relative;
    float: left;
    min-width: 50px;
    border-radius: 0px;
}

 

 /*konfigurátor výpis navolených položek*/

    

    .config #config_selected td,.config #config_selected_services td{
    border-top: 1px solid #d6d6d6;
    border-left: 1px solid #d6d6d6;
            border: none !important;
          padding-top: 6px !important;
              font-size: 0.875rem !important;
                  font-weight: 400;
    }

    #config_selected .tablesel_avail,
    #config_selected_services .tablesel_avail{
        display: none;
    }

    #config_selected .tablesel_qty{
        text-align: center;
        border-right: 1px solid #d6d6d6;

            font-weight: 400;
    }

    #config_selected table tr:last-child td{
        border: none;
            padding-bottom: 10px !important;
    }

    .config .tablesel_name:before{
                    content: '•';
    font-size: 1.5em;
    line-height: 0em;
    margin: 0px 10px 0px -20px;
    vertical-align: inherit;
}
     

     .config .tablesel_qty:after{
            content: 'x';
    
     }

    
     .config .tablesel_name{
                padding: 0 5px 0 25px !important;
     }

     .config .tablesel_qty{
    padding-right: 10px !important;  
     }
 /*konfigurátor výpis navolených položek*/
/*uprava konfigurator poradi položek*/


.configinput .config_qtylist_line{
    /*display: flex;*/
    order: 1;
}
.diskove_pozice_pro_nvme_pcie_ssd_disky .configinput label, 
.serverove_cpu .configinput label, 
.operacni_pamet_ram .configinput label, 
.diskove_pozice .configinput label, 
.vzdalena_sprava .configinput label, 
.baterie_pro_diskovy_radic .configinput label, 
.diskovy_radic .configinput label, 
.zdroj .configinput label, 
.liziny .configinput label, 
.serverove_ram_ddr4_rdimm .configinput label, 
.serverove_cpu .configinput label, 
.primarni_lan_adapter_na_zakladni_desce .configinput label,
.housing_v_datovem_centru .configinput label,
.instalace_os .configinput label{
    padding-left: 30px !important;
    margin: 0 0 0 -30px;
}

.zaruky_a_servis .configinput label{
    padding-left: 30px !important;
    margin: 0 0 0 0px;
}

/*.baterie_pro_diskovy_radic .configinput .config_qtylist_line, .zdroj  .configinput .config_qtylist_line, .diskovy_radic .configinput .config_qtylist_line, .housing_v_datovem_centru .configinput .config_qtylist_line, .operacni_pamet_ram .configinput .config_qtylist_line{
    display: none;

}*/
/*uprava konfigurator poradi položek*/

/*.config .configinput .config_qtylist_line .qty{
            display: none;
}

.serverove_disky .custom-select, 
.serverove_diskove_ramecky .custom-select, 
.lan_adaptery_ethernet .custom-select, 
.adaptery_fibre_channel .custom-select, 
.serverove_operacni_systemy .custom-select, 
.vzdalena_sprava .custom-select, 
.baterie_pro_diskovy_radic .custom-select, 
.sekundarni_lan_adaptery_ethernet_do_pcie_slotu .custom-select, 
.sekundarni_lan_adaptery .custom-select,
.lan_adaptery .custom-select{
        visibility: hidden;
}
*/
/*.serverove_disky .custom-select select, 
.serverove_diskove_ramecky .custom-select select, 
.lan_adaptery_ethernet .custom-select select, 
.adaptery_fibre_channel .custom-select select, 
.serverove_operacni_systemy .custom-select select,  
.vzdalena_sprava .custom-select select,
.baterie_pro_diskovy_radic .custom-select select,
.sekundarni_lan_adaptery_ethernet_do_pcie_slotu .custom-select select,
.sekundarni_lan_adaptery .custom-select select,
.lan_adaptery .custom-select select{
	visibility: visible;
	height: 26px;
	margin: 0;
	overflow: hidden;
	background: transparent url(../img/select-arr-down.svg) no-repeat;
	background-size: 20px 20px;
	background-position: center right;
	border-right: 0px solid #f9f9f9;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border-radius: 0px;
	padding: 3px;
	min-width: unset !important;
	width: 35px !important;
}*/

.baterie_pro_diskovy_radic .custom-select select{
    width: fit-content !important;
}

.baterie_pro_diskovy_radic .custom-select select:enabled,
.vzdalena_sprava .custom-select select:enabled {
    visibility: hidden;
}

.baterie_pro_diskovy_radic .custom-select.product select {

        visibility: visible !important;
    width: 100% !important;
}

.config-info .producent{
    display: none;
}

.config .configinput .config_qtylist_line .custom-select{
        width: auto !important;
        max-width: unset;
        left: 0;
        top: 0;
        min-width: unset;
 }
.config .configinput .config_qtylist_line .custom-select select:enabled{
 	background: transparent url(../img/select-arr-down_blue.svg) 100% no-repeat !important;
 	width: 75px !important;
}
/*.config .configinput input[type=checkbox]:checked ~ .config_qtylist_line>.custom-select:after{
	content: " ks";
}*/
.config .configinput .config_qtylist_line select, 
.config .configinput .config_qtylist_line input, 
.config .configinput .config_qtylist_line .custom-select{
width: 75px;
    min-width: unset !important;
    margin: 0;
    border: none;
    direction: ltr;
    background: transparent;
    height: initial;
    color: #152654;
    z-index: 10;
    font-weight: 600;
    max-width: unset !important;
}

.config-detail {
    position: relative;
}

/*novy vzhled produktové stránky*/

.owl-buttons div{
    z-index: 0;
    opacity: 0.1;
    display: block;
}
#headercont.scroll{
    box-shadow: none;
}

select:disabled,
select:disabled + .qty{
    display:none !important;
}

/*.custom-select select{
	padding:0 !important;
}*/
.config .configinput .config_qtylist_line .qty{
	font-size: unset;
        padding: 0 0 0 5px;
    margin: 0;
    font-weight: 400; 
    background: #f4f6fb;
        transform: translate(32px, -21px);
            z-index: 8;
            font-weight: 600;
}
.configinput .product{
    margin: 0 !important;
}

.popupcont{
    z-index: 10;
}

.stoitem .tools{
   display: none;
}

.config .config-detail .hdr h1 {
    width: 100%;
        font-weight: 400;
    color: #152654;
    display: table-cell;
    vertical-align: middle;
    float: unset;
    clear: unset;
}

/*dostupnost textem na produktové stránce*/

/*.availability .stock p{
        display: block;
    color: transparent;
    z-index: 20;
    position: absolute;
}*/

/*.boxcont.half.float-right.stiinfo .cnt .rowbox.avail.inet{
    display: none;
} 
.availability .store:nth-child(2) {
    display: none;
}*/

html[lang="cs"] .stoitem .availability .out:before , .config .availability .out:before  {
    content: "Na objednání";
    font: unset;
    height: fit-content;
        margin: 0;
}
html[lang="sk"] .stoitem .availability .out:before , .config .availability .out:before  {
    content: "Na objednanie";
    font: unset;
    height: fit-content;
        margin: 0;
}
#stitable .availability .out:before{
float: inherit;
}
html[lang="cs"] .config .availability .out:before  {
    content: "Na objednání";
    font: unset;
    height: fit-content;
}

html[lang="sk"] .config .availability .out:before  {
    content: "Na objednanie";
    font: unset;
    height: fit-content;
}
.availability .out:before {
        content: "Na objednání";
    font-family: 'IBM Plex Sans', Arial, sans-serif !important;
    font-size: 0.875rem !important;
    line-height: 1.3125rem;
    font-weight: 600; 
}
.config .availability .stock p{
	    visibility: hidden;
    color: transparent;
    height: 0;
    width: 0;
}
 /*.stoitem .availability .stock p{
    position: relative;
    display: block;
    color: transparent;
    background-image: url(../img/icons/information.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 15px;
    height: 15px;
    float: right;
    margin: 3px;
}*/
#stitable .availability .stock p{
	    position: absolute;
    background-image: none;
    display: block;
    color: transparent;
    margin: 0px;
    transform: translateY(-43px);
    height: 66px;
    width: 66px;

}


/*.owl-carousel .owl-stage-outer .owl-stage{
	height: 20px;
}
*/
#stitable .availability .stock p:hover:before{
	    margin: -50px 0% 0 -77px !important;
}

#stitable .availability .stock.no p:hover:before{
	    margin: -50px 0% 0 -117px !important;
}


#stitable .availability .stock.yes p:hover:before{
	    margin: -30px 0% 0 -40px !important;
}
/*[title~=Centrála]{
display: none;
}*/

/*.stoitem .availability .no:before, */html[lang="cs"] .config .availability .no:before  {
    content: "Není skladem";
    font: unset;
    height: fit-content;
        margin: 1px 5px 0 5px;
        min-width: max-content;
}
/*.stoitem .availability .no:before, */html[lang="sk"] .config .availability .no:before  {
    content: "Nie je skladom";
    font: unset;
    height: fit-content;
        margin: 1px 5px 0 5px;
        min-width: max-content;
}
html[lang="cs"] #stitable .availability .no:before
html[lang="cs"] .config .availability .no:before{
    content: "Není skladem";

}
html[lang="sk"] #stitable .availability .no:before
html[lang="sk"] .config .availability .no:before{
    content: "Nie je skladom";

}
/*.availability.inet .stock.no p {
    display: none;
}*/
/*.availability .yes:before {
    content: "";
}*/

html[lang="cs"] .store .availability .yes:before {
    content: " Skladem" ;
    padding-left: 5px;
        font-family: 'IBM Plex Sans', Arial, sans-serif !important;
    font-size: 0.875rem !important;
    line-height: 1.3125rem !important;
}
html[lang="cs"] .stoitem .availability>.yes:before, .config .availability .yes:before {
    content: "Skladem";
    font: inherit;
    width: max-content;
    text-align: left;
    font-family: 'IBM Plex Sans', Arial, sans-serif;
    margin: 0;
    padding: 0 5px 0 5px;
}

html[lang="sk"] .store .availability .yes:before {
    content: " Skladom" ;
    padding-left: 5px;
        font-family: 'IBM Plex Sans', Arial, sans-serif !important;
    font-size: 0.875rem !important;
    line-height: 1.3125rem !important;
}
html[lang=sk] .stoitem .availability>.yes:before, .config .availability .yes:before {
    content: "Skladom";
    font: inherit;
    width: auto;
    text-align: left;
    font-family: 'IBM Plex Sans', Arial, sans-serif;
    margin: 0;
    padding: 0 5px 0 5px;
    float: right;
}

#stitable .availability .yes:before{
	display: none;
}
html[lang="cs"] .config .availability .yes:before {
    content: "Skladem na prodejně" ;


}
html[lang="sk"] .config .availability .yes:before {
    content: "Skladom na predajni" ;


}

html[lang="cs"] .prodbox .stock.no p:hover:after,
html[lang="cs"] #stitable .stock.no p:hover:before,
html[lang="cs"] .stoitem .stock.no p:hover:before,
html[lang="cs"] .prodbox .stock.no:hover:after{
    padding: 10px;
    border-radius: 5px;
    position: absolute;
    color: black;
    font-weight: 400;
    content: "Produkt není skladem. O termínu dodání Vás budeme informovat po potvrzení objednávky";
    box-shadow: 4px 7px 17px -2px rgba(0,0,0,0.5);
    background: white;
    width: 240px;
    margin: -80px -20px;
    z-index: 1;
}

html[lang="sk"] .prodbox .stock.no p:hover:after,
html[lang="sk"] #stitable .stock.no p:hover:before,
html[lang="sk"] .stoitem .stock.no p:hover:before,
html[lang="sk"] .prodbox .stock.no:hover:after{
    padding: 10px;
    border-radius: 5px;
    position: absolute;
    color: black;
    font-weight: 400;
    content: "Produkt nie je na sklade. O termíne dodania vás budeme informovať po potvrdení objednávky";
    box-shadow: 4px 7px 17px -2px rgba(0,0,0,0.5);
    background: white;
    width: 240px;
    margin: -80px -20px;
    z-index: 1;
}
.config .availability.inet .stock.yes,
.stoitem .availability.inet .stock.yes{
	    border-bottom: 1px dotted #55a43c !important;
}	
.prodbox .availability_wrap.not_config:hover .availability:not(.inet) {
display: none !important;
}
.config .availability.inet .stock.no,
.stoitem .availability.inet .stock.no{
	    border-bottom: 1px dotted #fa4047 !important;
}	

.spresenttrees .availability.inet .stock.yes{
	display: flex;
	flex-direction: column-reverse;
	text-align: left;
}
.availability.inet .stock.yes>p {
	color: #55a43c;
    padding: 0 5px 0px 0;
  /*  text-transform: capitalize;*/

}
/*.stock p:hover:after{
    content: "";
    display: block;
    position: absolute;
    margin: -21% 0px 0px -6px;
    width: 0px;
    height: 0px;
    padding: 5px;
    border-bottom: 12px solid white;
    border-left: 11px solid white;
    border-right: 5px solid transparent;
    border-top: 5px solid transparent;
    transform: rotate(-45deg);
    color: black;
    font-weight: 400;
    box-shadow: -13px 13px 9px -7px rgba(0,0,0,0.3);
    z-index: 201;
}*/

/*.prodbox .stock.yes p:hover:before, #stitable .stock.yes p:hover:before, .stoitem .stock.yes p:hover:before{
    padding: 10px;
    border-radius: 5px;
    position: absolute;
    color: black;
    font-weight: 400;
    content: "Produkt je skladem";
    box-shadow: 4px 7px 17px -2px rgba(0,0,0,0.5);
    background: white;
    width: 120px;
    margin: -60px -20px;
    z-index: 1;
}*/

.stoitem .stock.yes p:hover:before{
	    margin: -40px -120px;
}

.stoitem .stock.out p:hover:before{
	    margin: 0% -120%;
}

.stoitem .stock.no p:hover:before {
    margin: -70px -210px;
}

.availability  .store .modal.iframe .stock{
float: none;
text-align: left;
padding: 1px 0px 0px 5px;
}

.spresenttrees .availability  .store .modal.iframe .stock{
	text-align: left !important;
}

#stitable .store p{
	display: none;
}

/*skryti chatu*/
/*#chat-application{
    visibility: hidden;
}*/


.listpage .cnt .showstyle .styletab a {
    color: #DFDFDF;
}

.listpage .cnt .showstyle .act a:before{
    color: #152654;
} 

/*.contentcont .boxcont{
    padding: 0 0 10px 0;
    
}*/

/*.config .config-detail .config-img.half {

    order: 1;
}
*/
.config .configinput.instock i, .config .configinput.outstock i{
    /*height: fit-content;
    min-width: 15px;
    margin: 0 0 0 6px ;*/
    width: 20px;
    height: 15px;
    margin: 0;
}

.modal-popup .configinput.instock .configname:after{
	content: "";
}

/*.serverove_cpu .configinput.instock .config_par:after{
	content: "Skladem" !IMPORTANT;
	color: #166F49;
	    margin: 0 10px 0 10px;
	    float: right;
	    font-weight: 400;
}*/
html[lang="cs"] .configinput.instock label[for="js_cocsel_2_1_76630"] .configname:before,
html[lang="cs"] .configinput.instock label[for="js_cocsel_2_1_88019"] .configname:before{
     content: "Není možné použít NVMe disky";
    color: rgb(33, 55, 138);
    margin: 0 10px 0 10px;
    float: right;
    font-weight: 400;
}
html[lang="cs"] .configinput.instock .configname:after{
	content: "Skladem"; /*nedávat !important kvůli službám*/
	color: #166F49;
	    margin: 0 10px 0 10px;
	    float: right;
	    font-weight: 400;
}
html[lang="sk"] .configinput.instock .configname:after{
	content: "Skladom";
	color: #166F49;
	    margin: 0 10px 0 10px;
	    float: right;
	    font-weight: 400;
}
.modal-popup .configinput.instock .configname:after{
	content: "" !IMPORTANT;
}
/*.serverove_cpu .configinput.instock .configname:after{
	display: none;

}*/
.modal-popup .configinput.instock .configname:before{
	content: "" !IMPORTANT;
}
html[lang="cs"] .configinput.outstock .configname:after{
	content: "Není skladem";
	color: #fa4047;
	    margin: 0 0 0 10px;
}

html[lang="sk"] .configinput.outstock .configname:after{
	content: "Nie je skladom";
	color: #fa4047;
	    margin: 0 0 0 10px;
}
.configinput i{
	display: none !important;
}
.contentcont .boxcont {
    margin: 0;

}
.boxcont.configuration .cnt .tabform{
	width: 100%;
	float: left;
     box-shadow: 0px 2px 0px 0px rgb(221 221 221);
}



.boxcont.boxcont.tools_undertabs{
	display: none;
}
/*vystredeni v radku v konfiguratoru*/
/*.config .configinput.instock i, .config .configinput.outstock i, .config label:after, .config .configinput label:before{
        margin: 0px 0px 0 5px;
}*/
/*vystredeni v radku v konfiguratoru*/

[type="checkbox"]:not(:checked) + .config_qtylist_line{
    visibility: hidden;
}



/*.tabinfo tr:last-child td{
    padding: 5px 3px;
}*/

.showstyle .styletab a:before{
        font-size: 2.4em !important;
}


.showstyle .styletab.table{
        padding-right: 10px;
}

.listpage .cnt .paging{
        padding: 0px 42px 0px 0px;
}
.boxcont.pagetext{
	padding: 6px 42px 0px 0px;
}
.listpage .cnt .paging .cnt .pagesize{
    width: 32px;
    margin: 2px 0 0 0;
        border-radius: 0px !important;
    height: 30px;
}
.orderby .btn {
    margin: 0 5px 0 0;
}
#subcatscont a .img {
    display: none;
        }
.listpage .cnt .paging .cnt p {
    padding: 7px 10px 0 0;
}
.config .greenloancalc th{
        width: 100% !important;
    }

    .config .tabform .wovat .price span, 
    .config .tabform .wvat .price span  {
   display: block;
    margin: 0 auto;
    float: unset;
    color: #fa4047;
    text-align: left;
    padding: 0;
    width: fit-content;
}

.config .tabform .wovat .price span u{
    font-weight: 400;
    font-size: initial;
    padding: 0 0 0 10px;
}
.config .tabform .wvat .price span {
    display: block;
    margin: auto;
    width: max-content;

}

    .config .tabform .wovat td, .config .tabform .wvat td{
        display: block;
    }
    
    .config .tabform .wvat .price span u:after, .stiinfo .rowbox.wvat .price u:after{
        content: " s DPH";

    }

    .config .tabform .price{
        width: auto;
    }

    #prodlistanchor .prodbox .availability{
       width: auto;
    margin: 0 auto;
    float: left;
    clear: unset;
    }
    #prodlistanchor .prodbox .availability_wrap.not_config:hover .availability:not(.inet){
    	    display: block !important;
    position: absolute;
    background: #fff;
    z-index: 100;
    border: 1px solid #c0c0c0;
    box-shadow: 3px 4px 6px -3px rgba(0,0,0,0.5);
padding: 5px;
    margin: -10px -5px;
    top: unset;
    }
#prodlistanchor .prodbox .availability.inet{
	width: 100%;
}
    .prodbox .availability_wrap{
    	position: unset;
    }
.serverove_operacni_systemy .configinput.instock input[type="radio"] + label{
	padding: 0px 0 0px 30px !important;
}

.stoitem .boxcont.gallery.owl-carousel.owl-theme{
    margin: -10px 0 5px 0;
    order: 3;
}
/*.stoitem .hdr span{
	font-size: 1rem !important;
	line-height: 1.5rem;
}*/
.boxcont.config-detail .owl-item a img{
max-width: unset;
    margin: 0;
    mix-blend-mode: multiply;
    width: 100px;
    height: auto;
    image-rendering: pixelated;
}
.config .config-img a {
    float: none;
    display: block;
    border: 1px solid #f2f2f2;
    margin: 0 0 17px 0;
}

.config-img .owl-item a{
	margin: 0 15px 0 0;

}
#headercont .basket .price {
    font-size: 1rem;
    border-radius: unset !important;
    border-color: transparent !important;
    color: #fff;
}
/*#contentcont {

    padding: 0 10px 0 0;
}*/

.configuration [type="checkbox"]:checked + label,.configuration [type="radio"]:checked + label{
    font-weight: 600;
    background: rgba(34, 74, 171, 0.05);
    color: #152654;
}

#chat-application{
    display: none !important;
}
.config .wovat .price input, 
.config .wvat .price input{
    margin: auto;
    float: none;
    color: #fa4047;
    text-align: right;
    margin: 0 5px 0 0;
    font-weight: normal;
    width: auto !important;
}

.config .wovat .price input, .config .tabform .wovat .price span u{
   font-size: 2.4rem !important;
    margin: 0 !important;
    color: #fa4047;
    display: inline-block;
}

td.text.price.line-through span u, div.text.price.line-through{
	color: #fa4047 !important;
	font-size: 0.9rem;
	font-weight: unset;
}

.config-info table .wovat, .config-info table .wvat{
	display: flex !important;
	width: 100%;
	justify-content: center;
	padding: 0 0 0 0;
}

.srchtools, .toolbar{
	padding: 0;
}
/*.wvat th{
    display: none;
}

.config table .wvat:before{
    content: "Cena s DPH:";
    font-weight: 400;
    color: #3c608a;
    padding: 0px 10px;

    display: table;
}

.wovat th{
    display: none;
}

.config table .wovat:before{
    content: "Cena bez DPH:";
    font-weight: 400;
    color: #3c608a;
    padding: 0px 10px;
    margin: 15px 0;
    display: table;
}
*/
.config .config-img a img{
        float: none;
    overflow: hidden;
       width: 350px;
    height: auto;
        margin: 0;
}

.config .config-img a {
    float: none;
    overflow: hidden;
}
.config-info .tabform .rating{
	display: none;
}
/*.config-info .tabform .producent, 
.config-info .tabform .rating, 
.config-info .tabform .leasingrowol, 
.config-info .tabform .leasingrowfl,
.rowbox.producent,
.rowbox.waruser{
 display: none;
}*/
.config-info .tabform .leasingrowol, 
.config-info .tabform .leasingrowfl, 
.rowbox.leasingrowol, .rowbox.leasingrowfl {
    order: 4;
    padding: 15px 25px 10px 25px;
    width: 100%;
}

.stoitem .config-info .tabform .leasingrowol, 
.stoitem .config-info .tabform .leasingrowfl, 
.stoitem .rowbox.leasingrowol, .rowbox.leasingrowfl {
        order: 4;
    padding: 15px 25px 10px 25px;
    width: 100%;
    grid-column-start: 1;
    grid-column-end: 3;
}

/*.modal-content.contentcont {
    border-top: 5px solid #fa4047;
    background: #fff;
    padding: 0px;*/
}
.rowbox.leasingrowfl{
    border-bottom: 2px solid #f2f2f2;
    padding-bottom: 15px;
    padding-top: 10px;
}
.leasingrowol td,
.leasingrowfl td{
	text-align: right;
	float: right;
}
.stoitem .stiimg .status {
position: relative;
        order: 1;
        padding: 0 0 0 25px;
    }
/*.config-info .tabform .leasingrowol:before,
.rowbox.leasingrowol:before{
	content: "Další možnosti financování";
    display: block;
    font-size: 1rem !important;
    margin: 5px 0 25px 0;
    font-weight: 400 !important;
    text-align: left;
    line-height: 1.6em;
    color: #152654;
}*/
.config-info .tabform .wovat th, 
.config-info .tabform .wvat th, 
.config-info .tabform .greenloancalc th, 
.config-info .tabform .order th, 
.config-info .tabform .availability th, 
.config-info .tabform .classname th, 
.config-info .tabform .war th, 
.config-info .tabform .code th,
.stiinfo .rowbox.wovat .label,
.stiinfo .rowbox.wvat .label,
.stiinfo .rowbox.order .label,
.stiinfo .rowbox.war .label,
.stiinfo .rowbox.avail.inet .label {
    display: none !important;
}

.tabform .normalweight{
	    color: #224AAB;
	    display: none;
    /*font-weight: 600;*/
} 



/*.config-info .tabform .order{
    order: 3;
    width: 62%;
}*/

.config-info .tabform .order td, 
.config-info .tabform .availability td{
        width: 100%;
    display: block;
    margin: 0 auto;
    float: left;
}

.config-info .tabform .greenloancalc{
       order: 4;
    width: 100%;
  /*  padding: 0 25px 20px 25px;*/
    /* display: none; */
    place-self: flex-end;
    flex-flow: column;
    border-bottom: 2px solid #f2f2f2;
}

.config-info .tabform .war{
         order: 5;
    width: 40%;
    display: inline-block;
    padding: 25px 0 10px 25px;
      }

/*.boxcont.config-detail>.cnt{
	    display: grid;
    grid-template-columns: 37% 35% 3% 25%;
    grid-column-start: 1;
    grid-column-end: 5;
    grid-template-rows: auto 8% auto;
}*/

.config-detail .cnt .boxcont.config-img.half{
	    order: 1;
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 2;
    grid-row-end: 2;
    z-index: 10;
    box-shadow: 0px 2px 0px 0px rgb(221 221 221);
}
.config-info .tabform .war td, 
.config-info .tabform .code td{
    margin: auto;
    display: block;
    width: 100%;
    text-transform: lowercase;
}

.config-info .tabform .code td{
	text-align: right;
}
.config-info .tabform .war td:before, .rowbox.war .text:before{
   content: "Záruka: ";
text-transform: capitalize;
}

.config-info .tabform .code td:before{
   content: "Kód: ";

}

.availability .stock {
        float: right;
    border-bottom:1px dotted;
}

.config-info .tabform .classname{
    order: 6;
    width: 60%;
    display: inline-block;
}
.config-info .tabform .classname td{
        text-align: left;
    display: block;

}

.config-info .tabform .classname,
.config-info .tabform .code{
	padding: 0 0 15px 25px;
        margin-bottom: 2px;
    box-shadow: 0px 2px 0px 0px rgb(221 221 221);
}

.config-info .tabform .code{
    width: 40%;
    order: 7;
    display: inline-block;
        padding: 0 25px 5px 0px;

}
.config .greenloancalc .grenkeKalkulackaBlock .block-title span{
	text-decoration: none;
    font-weight: 400;
    text-transform: none;
}
.config-info .tabform .leasingrowfl,
.stoitem .stiinfo .leasingrowfl{
    	/*order: 11;
    	height: 1px;
    	display: flex !important;
    	width: 40%;
    	margin: 0px -42%;
    	place-items: flex-end;
	    place-self: flex-end;
	    justify-content: center;
	    color: white;
	    background: #fa4047;
	    font-weight: 600;
	    padding: 16px 0 2px 0;*/
        display: none;
	}
/*.config-info .availability .yes{
   width: 100%;
    margin: 0 auto;
    float: unset;



}*/
.config .greenloancalc .grenkeKalkulackaBlock{
    width: 100%;

}
.config .greenloancalc .grenkeKalkulackaBlock .block-title{
 border: 1px solid #21378a;
    text-decoration: none;
    color: #21378b !important;
    background: #fff;
    border-radius: 0;
    margin: 1px 0;
    padding: 5px !important;
    color: white;
    text-align: center;
    border-radius: unset !important;
}

/*.config .greenloancalc .grenkeKalkulackaBlock .block-title span{
    display: none !important;
}*/

/*.config .greenloancalc .grenkeKalkulackaBlock .block-title:before, .stoitem .rowbox.greenloancalc .grenkeKalkulackaBlock .block-title:before{

       display: block !important;
    content: "Leasing";
    text-transform: capitalize;
    font-weight: 600;
    text-align: center;
    font-size: 1.7rem;
    line-height: 22px;
}
*/
.config .greenloancalc td{
    display: none;
}

.config-info .stock.yes p:first-letter{
    text-transform: uppercase;
}

#ordproductscont .stock, #ordproductscont table tr>.price.wvat{
    display: none !important;
}

#ordproductscont table tr>.total.wvat,#ordproductscont table tr> .totalprc.wvat{
    display: table-cell;
}
.table-scroll table tr>.total.wvat, .table-scroll table tr>.totalprc.wvat{
    display: table-cell;
}

    /*    #contactdatacont_1,
        #contactdatacont_2,
        #contactdatacont_3,
        #contactdatacont_4,
        #contactdatacont_1_log,
        #contactdatacont_2_log,
        #contactdatacont_2,
        #contactdatacont_4,
        #contactdatacont_4_log,
        #contactdatacont_1,
        #contactdatacont_3,
        #customsignordercont,
        #paywaycont,
        #deliverycont,
        #discoupons,
        #storecont,
        #demtoplacecont,
        #customsignordercont {
            background-color: #ffffff;
            width: 40%;
            display: block;
        }*/

        #trippleswitchcont{
   width: calc(80% - 10px);
    float: left;
    clear: left;
    background: transparent;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-end: 1;
    grid-row-start: 1;
    margin: 40px 0 10px 0;
        }

/*        #contactdatacont_2,
            #contactdatacont_4,
            #contactdatacont_1,
            #contactdatacont_3,
            #customsignordercont,
            #paywaycont,
            #deliverycont,
            #discoupons,
            #storecont,
            #demtoplacecont,
            #customsignordercont {
                display: block;
    width: 40% !important;
    float: left !important;
    clear: left;

            }*/

            .trippleswitch [type="radio"]:not(:checked) + label:after{
                top: 3px;
    left: 3px;
    font-size: 22px !important;
            }

            .ordbaskets .contact .rowbox input, .ordbaskets .buyasfirm .rowbox input, .ordbaskets .comshipto .rowbox input{
width: 100%;
    margin: 0 auto 0 !important;
    border-radius: 0px !important;
    padding: 15px 10px 5px 10px !important;
    float: none;
    display: block;
    padding: 20px 10px 7px 10px;
    font-size: 1.4rem;
    /* background: transparent; */
    z-index: 7;
    border: 1px solid #fff;
            }

            .ordbaskets .trippleswitch .trplopt p{
             display: none;
}
#trippleswitchcont .trplopt label:before, #trippleswitchcont .trplopt label:after{
	content: "";
	display: none;
}
html[lang="cs"] #trippleswitchcont .trplopt label[for="trploptst1"]:after{
	 content: "Nákup s registrací";

}
html[lang="cs"] #trippleswitchcont .trplopt label[for="trploptst2"]:after{
	 content: "Přihlásit se";

}
html[lang="cs"] #trippleswitchcont .trplopt label[for="trploptst3"]:after{
	 content: "Nákup bez registrace";

}
html[lang="sk"] #trippleswitchcont .trplopt label[for="trploptst1"]:after{
	 content: "Nákup s registráciou";

}
html[lang="sk"] #trippleswitchcont .trplopt label[for="trploptst2"]:after{
	 content: "Prihlásiť sa";

}
html[lang="sk"] #trippleswitchcont .trplopt label[for="trploptst3"]:after{
	 content: "Nákup bez registrácie";
}

/*#trippleswitchcont .trplopt input:checked + label:after{
	color: #fff !important;
}*/

#trippleswitchcont [type="radio"]:checked + label,
.boxcont.nav input[name="comreg_company"]:checked + label{
        background: #fff;
        color: #152654;
}
.boxcont.nav input[name="comreg_company"]:checked + label:before,
.boxcont.nav input[name="comreg_company"]:checked + label:after,
.boxcont.nav input[name="comreg_company"]:not(:checked) + label:before{
        content: "" !important;
        background: none;
        border: none !important;
}

#trippleswitchcont .trplopt label:after{
    display: block;
    font-family: 'IBM Plex Sans', Arial, sans-serif !important;
    font-size: 1.125rem !important;
    
    color: #152654;
    font-weight: 400;
    float: left;
    clear: left;
    margin: 0 !important;
    position: relative;
    transform: scale(1) !important;
    opacity: 1 !important;
    left: 0;
    width: 100%;
}


            .ordbaskets .trippleswitch .trplopt {
    float: left;
    width: calc(100% / 3);
    margin: 0;
    padding: 0;

    background: transparent;
}
#headercont .logged .hdr .btn-icon {
    font-size: 1rem;
    padding: 0;
}
.prodlist ul .name, .prodlist li .name {
    line-height: 1.5rem;
    height: auto;
    width: calc(100% - 80px);
}
.prodlist ul .name a, .prodlist li .name a {
    
    height: auto;
   
}
/*.cont.contentcont.ordbaskets .boxcont .cnt .rowbox .label{
    display: none;
}*/

#contactdatacont_3 .hdr p{
        width: fit-content;
    padding: 0px !important;
}

/*#contactdatacont_4_log .cnt .boxcont .rowbox .label{
    display: block;
    text-align: right;
    min-width: 70px;
}

#contactdatacont_4_log .cnt .boxcont .rowbox{
    display: block;
}

#contactdatacont_4_log .cnt .rowbox label{
    margin: 0 auto;
}*/

#discoupons{
    display: none;
}

#deliverycont, #paywaycont{
    float: left !important;
    clear: left;
    padding: 0 10px 0 0;
}
/*
#deliverycont {

    margin: 10px 0;
}*/
#gdprcont{

}


.step_3 #deliverycont {
	        grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 3;
}

.step_3 #paywaycont {
	        grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 4;

}
.step_3 #customsignordercont {
	        grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 5;
    grid-row-end: 7;
    margin-bottom: 20px;
}
.step_3 #gdprcont {
    grid-column-start: 3;
    grid-column-end: 3;
    grid-row-start: 5;
}
.rowbox.code{
 	order: 5;
    height: fit-content;
    width: auto;
    padding: 14px 20px 0 20px;
    grid-column-start: 2;
    grid-column-end: 2;
}

.rowbox.partno{
    display: none;

}

.rowbox.order{
    order: 3;
    width: 100%;
}

.rowbox.wovat .text.price, .rowbox.wvat .text.price{
    margin: auto;
    float: unset;
}
.rowbox.endprc{
	grid-column-start: 1;
	grid-column-end: 3;
	display: flex;
	justify-content: center;
	padding-top: 10px;
}

.rowbox.endprc div{
	color: #3b608a !important;
	text-align: center;
	width: 100%;
}
.rowbox.avail.store{
    display: none;
}
.rowbox.avail.store:hover{
    position: absolute;
    bottom: 0;
    right: 35px;
    box-shadow: 4px 4px 17px -2px rgb(0 0 0 / 50%);
    background: white;
    color: black;
    font-weight: 400;
    z-index: 200;
    border: 1px solid #cacaca;
    display: block;
    width: auto;
    padding: 10px;
}
.stoitem .rowbox.avail.inet:hover + .rowbox.avail.store {
    position: absolute;
    bottom: 0;
    right: 35px;
    box-shadow: 4px 4px 17px -2px rgb(0 0 0 / 50%);
    background: white;
    color: black;
    font-weight: 400;
    z-index: 200;
    border: 1px solid #cacaca;
    display: block;
    width: auto;
    padding: 10px;
}
.rowbox.avail.inet {
    order: 4;
    width: auto;
    grid-column-start: 2;
    grid-column-end: 2;
    padding: 14px 20px 0px 20px;
    border-top: 2px solid #f2f2f2;
}

.rowbox.war{
         order: 5;
    width: auto;
    padding: 15px 0 0px 20px;
    grid-column-start: 1;
    grid-column-end: 1;
    


}
.rowbox.waruser{
         order: 6;
    width: 100%;
    padding: 15px 0 15px 20px;
}
.rowbox.class{
    height: fit-content;
    order: 4;
    width: auto;
    grid-column-start: 1;
    grid-column-end: 1;
    padding: 0;
        border-top: 2px solid #f2f2f2;
        padding: 15px 0 0px 20px;
}



.stoitem .availability .store {
    float: left;
    margin: 0 0 0 0;
    width: auto;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
        padding: 0 0 0 0;
        clear: left;
}
.availability .modal.iframe{
	pointer-events: none;
}
.stoitem .availability .store:last-child:after{
    /*content: "Logistika";*/
}
/*.stitable .availability .store p{
    display: initial !important;
}
.availability .store p{
    display: none;
}*/
/*[title~="Centrála"]{
    display: block !important;
}
*/
.boxcont .prodbox .hdr{
    background: white;
    padding-bottom: 15px;
    position: relative;
    z-index: 2;
    }

    .config .title.title_{
        display: none !important;
    }
.config .configinput .config_qtylist_line {
    height: 20px;
    width: 70px;
    z-index: 10;
    margin: 8px -70px 0 30px;
}

.config .configinput input:disabled ~ .config_qtylist_line {
    height: 0px;
    margin: 0;
}

.prodbox .img{
	border: 0px solid #f2f2f2;
	margin-bottom: 10px;
}
.boxcont.half.float-right.stiinfo>.cnt {
        display: grid;
    background: #fff;
}

/*.stoitem .stiinfo .cnt .rowbox.greenloancalc .label, .stoitem .stiinfo .cnt .rowbox.leasingrowfl .label{
   display: none;
}*/

/*.stiinfo .tabform .war td:before, .rowbox.war .text:before {
    content: "Záruka pro firmy: ";
        color: #4D4D4D;
}
.stiinfo .tabform .waruser td:before, .rowbox.waruser .text:before {
    content: "Záruka pro spotřebitele: ";
        color: #4D4D4D;
}*/
.prodbox .img img{
	width: 240px;
	max-width: unset;
	mix-blend-mode: darken;
}

.stoitem .rowbox.wovat .text.price{
    color: #fa4047;
    font-weight: 400;
    padding: 15px 0 0 0 !important;
}
.stoitem .stiinfo .cnt .rowbox.avail.store .label {
    display: none;
}
/*.stoitem .stiinfo .cnt .rowbox.avail.store .text:before {
        content: "Dostupnost: ";
        display: block;
        text-align: left;
        color: #3c608a;
}*/

/*.serverove_cpu td,
.diskove_pozice td,
.operacni_pamet_ram td,
.diskovy_radic td,
.baterie_pro_diskovy_radic td,
.zdroj td,
.liziny td,
.serverove_disky td,
.serverove_diskove_ramecky td,
.lan_adaptery_ethernet td,
.serverove_operacni_systemy td,
.housing_v_datovem_centru td,
.zaruky_a_servis td,
.vzdalena_sprava td,
.adaptery_fibre_channel td
{
    transform: translateY(-60px);
}*/
.diskove_pozice_pro_nvme_pcie_ssd_disky td, .title_diskove_pozice_pro_nvme_pcie_ssd_disky,
.serverove_cpu td, .title_serverove_cpu,
.diskove_pozice td, .title_diskove_pozice,
.operacni_pamet_ram td, .title_operacni_pamet_ram,
.serverove_ram_ddr4_rdimm td, .title_serverove_ram_ddr4_rdimm,
.diskovy_radic td, .title_diskovy_radic,
.baterie_pro_diskovy_radic td, .title_baterie_pro_diskovy_radic,
.vzdalena_sprava td, .title_vzdalena_sprava,
.zdroj td, .title_zdroj,
.liziny td, .title_liziny,
.serverove_disky td, .title_serverove_disky,
.serverove_diskove_ramecky td, .title_serverove_diskove_ramecky,
.lan_adaptery_ethernet td, .title_lan_adaptery_ethernet,
.serverove_operacni_systemy td, .title_serverove_operacni_systemy,
.housing_v_datovem_centru td, .title_housing_v_datovem_centru,
.zaruky_a_servis td, .title_zaruky_a_servis,
.primarni_lan_adapter_na_zakladni_desce td, .title_primarni_lan_adapter_na_zakladni_desce,
.sekundarni_lan_adaptery_ethernet_do_pcie_slotu td, .title_sekundarni_lan_adaptery_ethernet_do_pcie_slotu,
.sekundarni_lan_adaptery td, .title_sekundarni_lan_adaptery,
.adaptery_fibre_channel td,.title_adaptery_fibre_channel,
.lan_adaptery td,.title_lan_adaptery,
.instalace_os td,.title_instalace_os{
    padding: 0 !important;
    border: 0px solid #fff;
    border-top:0px;
/*    position: relative;
    z-index: 95;*/
}

.title_serverove_cpu,
.title_diskove_pozice,
.title_operacni_pamet_ram,
.title_diskovy_radic,
.title_baterie_pro_diskovy_radic,
.title_vzdalena_sprava,
.title_zdroj,
.title_liziny,
.title_serverove_disky,
.title_serverove_diskove_ramecky,
.title_lan_adaptery_ethernet,
.title_serverove_operacni_systemy,
.title_housing_v_datovem_centru,
.title_zaruky_a_servis,
.title_sekundarni_lan_adaptery,
.title_instalace_os{
    padding-top: 0px !important;
    border-top:0px solid #fff;
    background-color: #fff !important;
    border-bottom: 0px;
}

.title_serverove_disky,
.title_serverove_diskove_ramecky, 
.title_lan_adaptery_ethernet, 
.title_serverove_operacni_systemy,
.title_instalace_os{
    padding-bottom: 0px !important ;
}

/*.zaruky_a_servis td .configinput.instock:before{
	content: "✔ ";
	color: green;
	margin: 0 5px 0 0; 
}*/


/*#sptnav .level3>li:nth-child(1) .level9 li .categories span{
        margin: 0 auto;
    float: unset;
    width: fit-content;
    transform: translateY(-16px);
}
*/

/*konfigurátor obrázky*/

/**/
/*
.configuration .title_serverove_cpu{
    background-image: url(../img/config/cpu.jpg);

}

.configuration .title_operacni_pamet_ram,
.configuration .title_serverove_ram_ddr4_rdimm{
    background-image: url(../img/config/ram.jpg);

}

.configuration .title_diskovy_radic{
    background-image: url(../img/config/sas.jpg);
}

.configuration .title_baterie_pro_diskovy_radic{
    background-image: url(../img/config/baterka.jpg);
}

.configuration .title_vzdalena_sprava{
    background-image: url(../img/config/sprava.jpg);
}

.configuration .title_zdroj{
    background-image: url(../img/config/zdroj.jpg);
}

.configuration .title_liziny{
    background-image: url(../img/config/liziny.jpg);
}

.configuration .title_serverove_disky{
    background-image: url(../img/config/disk.jpg);
}

.configuration .title_serverove_diskove_ramecky{
    background-image: url(../img/config/ramecek.jpg);
}

.configuration .title_lan_adaptery_ethernet{
    background-image: url(../img/config/lan.jpg);
}


.configuration .title_adaptery_fibre_channel{
    background-image: url(../img/config/fibre.jpg);
}

.configuration .title_serverove_operacni_systemy{
    background-image: url(../img/config/win.jpg);
}

.configuration .title_housing_v_datovem_centru{
    background-image: url(../img/config/housing.jpg);
}

.configuration .title_zaruky_a_servis{
    background-image: url(../img/config/zaruka.jpg);
}

.configuration .title_diskove_pozice{
    background-image: url(../img/config/pozice.jpg);
}*/
/*
#sptnav ul li .sptnavsub .level9{
    top: -12px !important;
}*/

#sptnav ul li .sptnavsub .level9{
	padding: 0px;
    margin: 0px !important;
    border: 0px solid transparent;
    left: 0px;
    width: 100%;
    align-items: center;
    margin: 0;
    top: 0;
    display: block;
}
#sptnav .level3>li:nth-child(3) .sptnavsub .level9{
	 min-height: 5em;
}
/*#sptnav .level3>li:nth-child(4) .sptnavsub .level9{
	 min-height: 10em;
}*/
/*#sptnav .level3>li:nth-child(5) .sptnavsub .level9{
	    padding: 0 0 0 30px;
}*/
.level6>li>.categories>a{
	text-align: left;
    font-size: 1rem;
    padding: 0px !important;
    background: transparent;
    width: fit-content !important;
    margin: 15px auto;
    display: block;
    float: none !important;
}
.level3 li:nth-child(1) .level6 .categories>a,
.level3 li:nth-child(2) .level6 .categories>a{
	text-align: left;

}

.level3>li:nth-child(3) .categories>a{
	text-align: left;
}


#sptnav ul li .sptnavsub ul li {

    clear: both ;
	float: left;
}

#sptnav .level3 li:nth-child(1) li .level9 li{
    padding: 0;
    width: 100%;
    margin-bottom: 0px !important;
    clear: initial;
    display: flex;
    flex-direction: column-reverse;
}

/*.categories span{
display: none;
}*/
#sptnav .level3>li:nth-child(1) .sptnavsub  .level9{
 /*   padding: 0;
    float: left;*/
}
#sptnav .level3 li:nth-child(5) .level6>li>.categories {
/*    padding: 10px 0 0 0;*/
}
/*#sptnav .level3>li:nth-child(1) .level6 li .categories>a:hover + .level9{
    padding: 0px;
}*/

#sptnav .level6 li .categories>a:hover + .level9 li,
#sptnav .level3 li .level6 .categories>a:hover
{
    background-color: #fff;
    
}

 #sptnav .level3>li:nth-child(1) .level6 li .categories>ul:hover{
    border: 0px solid transparent;

}

#sptnav .level3>li:nth-child(1) .level9 li .categories:hover{
    /* background: #f2f2f2; */
    padding: 0 !important;
    border-radius: 0;
}


/*#sptnav .level3 li:nth-child(5) .level6>li{
    padding: 10px 0 0 0 !important;
}
*/
/*#sptnav .level3 li .level6 li{
    padding: 30px 15px 0 0; 
}

#sptnav .level3 li .level6>li:nth-child(2n+2){
    padding: 30px 0 0 15px !important; 
}*/

/*#sptnav ul li .sptnavsub{
    padding: 20px 10px 10px 10px;
       top: 35px;
}*/
#headercont .login .hdr{
	font-size: 0.85rem;
	padding: 0;
}

#headercont .login .cnt{
    padding: 10px !important;
    border-radius: 0px;
        transform: translateX(-40px);
        z-index: 104;
}

#headercont .login .cnt input{
    width: 100%;
        margin:5px 0 10px 0;
        height: 44px;
}

#headercont .login ul li a{
    text-align: center;
        width: 100%;
}

.prodbox .wvat span {
    color: #656565 !important; 
        font-weight: 400;
}

.prodbox .note{
    height: 4.2rem;
}


.owl-item .prodbox .note{
        height: 6.8rem;
    display: none;
    position: absolute;
    bottom: 3.3em;
    width: 92%;
    padding: 0.5rem 0;
    background: #ffffffd1;
} 

.wn14right .btm .img{
	background-image: url(../img/placeholder.png);
    background-repeat: no-repeat;
    background-size: 85% 255px;
    display: block;
    width: 100%;
    height: 270px;
    margin: 150px 15px 0 15px;
}

.prodbox .note p{
	font-size: 0.875rem;
    line-height: 1.3125rem;
        float: left;
}
.price span u{
	text-decoration: none;
}
.prodbox:hover .note,
.homepage .prodbox:hover .config_par{
	display: block !important;
} 

#lngstiask .rowbox.submit{
    width: 100%;
} 

#lngstiask .rowbox.submit .label{
    display: none;
} 
#lngstiask .rowbox.submit button{
        display: inline-block;
    width: 44%;
    margin: 3%;
} 

.liziny .configinput.outstock label{
    margin: 0 0 0 20px;
}

.config-info .price span u {
    font-weight: 400;
    font-size: 0.9rem;
    color: #4D4D4D;
}

.prodbox .buybox .btn{
        padding: 11px 0 10px 0;
        margin: 0 0;
        width: 100%;
}
.prodbox .btn-config{
	padding: 7px 11px 6px 9px !important;
}


.prcrange .price-range .ui-widget-header {
        background-color: #152654;
}

.listpage .cnt .pagenav .page.act {
    background-color: #152654;
}

#contentcont .srch .hdr p{
    display: none;
}
#contentcont .stinote .hdr p{
    text-align: left;
}
.cur li a, #logincont span{
    font-family:'IBM Plex Sans', Arial, sans-serif !important;
    font-weight: normal;
}

.navbar ul li h1{
    font-size: 1em !important;
}

.boxcont.stinote{
        margin: 0;
        background: #ffffff;
}

.ordbaskets .buyasfirm label:before, .ordbaskets .buyasfirm label:after {
    top: 25px !important;
 
}

/*.prodbox:nth-child(4n){
    border-right: 1px solid;
}*/

#lastvisitedcont{
    display: none !important;
}

.config-info .tabform tr:nth-child(10){
   display:none;
}

.config-info .tabform tr:nth-child(10){
    width: 100%;
}

.config-info .tabform tr:nth-child(10) td{
    width: fit-content;
    margin: 10px auto 0px;
    display: block;
}

.config-info .tabform tr:nth-child(10) td span{
    /* margin: 0 auto; */
    /* display:block; */
    /* float:unset; */
    width: fit-content;
}

html[lang="cs"] .config-info .tabform tr:nth-child(10) td:before{
    content: "Cena před slevou bez DPH: ";
    float:left;
    color: #3b608a;
    text-align:center;
    padding-right: 5px;
}
html[lang="sk"] .config-info .tabform tr:nth-child(10) td:before{
    content: "Cena pred zľavou bez DPH: ";
    float:left;
    color: #3b608a;
    text-align:center;
    padding-right: 5px;
}

 .config .tabform .wvat td{
    margin: initial !important;
    width: auto !important;
}
.config .tabform .wvat td:before{
    display:none;
}

/*#contentcont .boxcont.webnews{
    display: flex;
    flex-direction: column;
}*/

/*#contentcont .boxcont.banner{

    display: none;
}*/

#contentcont #wntabs {
	width: calc(100% - 300px);
    padding: 0;
}

/*#contentcont .boxcont.news{
	width: 160%;
    margin: 0 0 0 -100%;
    padding: 0 0% 0 100%;
}*/

#subcatscont .cnt li a{
    display: table;
    height: 100%;
    background-color: #f5f5f5;
    border: 1px solid #15265447 !important;
}

.ordbaskets #centercont .custom-select,
.ordbaskets .custom-multi-select,
.ordbaskets input,.ordbaskets .curcode{

    /* margin: 2px auto 2px; */
    float: none;
    width: 100%;
    border: 1px solid #8080803d;
}

.prcrange .curcode{
    border: none;
    font-size: 1rem;
    text-decoration: none;
}
.logincontact .tabform td {
    padding: 10px 0;
}

#wnCarousel14 .owl-stage-outer{
	    padding: 0 0 22px 30px;
	    background: #fff;
}
.price{
    color: #fa4047;
}

.banner .owl-pagination {
    position: absolute;
}

#wnCarousel14 .hdr{
background: #fff;
}

#wnCarousel14 .hdr p {
    text-align: left;
    width: calc(100% - 170px) !important;
    text-transform: uppercase;
    font-family: 'Hrot Basic Medium', Arial, sans-serif !important;
    float: left;
    line-height: 2.25rem;
    padding: 30px 0 15px 30px;
    background: #fff;
    font-size: 1.5rem !important;
}

/*html[lang="cs"] #wnCarousel14 .hdr p:after{
	content: "NAKONFIGUROVANÉ SERVERY IHNED K ODBĚRU";
   font-size: 1.125rem;
}

html[lang="sk"] #wnCarousel14 .hdr p:after{
	content: "NAKONFIGUROVANÉ A UPRAVENÉ SERVERY IHNEĎ K ODBERU";
   font-size: 1.125rem;
}*/
.boxcont.webnews.news .wntext{
	padding: 0 0 15px 0;

}
#headercont .logo {
    margin: 20px 0;
    padding: 0;
    clear: left;
    width: 445px;
}

.boxcont .logo h1{
    display: block;
    height: auto;
    position: relative;
    width: 50%;
}
/*.ordbaskets #headercont .top,*/
.orders #headercont #tree-icon{
	display: none !important;
}
.ordbaskets #headercont .logo:after,
.iisutil #headercont .logo:after{
	content: "" !important;

}
.ordbaskets .boxcont.basket,
.ordbaskets .boxcont.prodlist{
	display: none;
}
html[lang="cs"] #headercont .logo:after{
	    content: "úspora s každým serverem";
    display: block;
    float: left;
    clear: none;
    color: white;
    max-width: 106px;
    font-size: 0.85rem;
    line-height: 1.3125rem;
    padding: 0 0 0 30px;
    margin: 9px 0 0 20px;
    border-left: 2px solid #224AAB;
    font-family: 'IBM Plex Sans', Arial, sans-serif !important;
    font-weight: 400;
}

html[lang="sk"] #headercont .logo:after{
	    content: "kvalitné repasované servery so zárukou 2 roky";
    display: block;
    float: left;
    clear: none;
    color: white;
    max-width: 125px;
    font-size: 0.85rem;
    line-height: 1.3125rem;
    padding: 0 0 0 40px;
    margin: 0 0 0 20px;
    border-left: 2px solid #224AAB;
    font-family: 'IBM Plex Sans', Arial, sans-serif !important;
    font-weight: 400;
}

#wnCarousel14 .hdr .seemore{
	    margin: 30px 30px 0 0;
    float: right;
    text-transform: lowercase;
    color: #4d4d4d;
    font-size: 1rem;
}

#wnCarousel14 .hdr .seemore:after{
	content: " >";
}

#headercont header {
    height: 75px;
}

.owl-carousel .owl-item:nth-child(n+4) .prodbox{
    border-right: none !important;
}

/*[type="radio"]:not(:checked) + label:before, [type="radio"]:checked + label:before{
      top: 0px !important;
    width: 16px;
    height: 16px;
    border-radius: 10px;
}*/

.ordbaskets #headercont #sptnav, 
.ordbaskets header .search, 
/*.orders #headercont #sptnav, */
/*.orders header .search,*/
.iisutil header .search,
/*.orders .legend,
.orders .logged,
.orders .cur,
.orders .lng,*/
/*.orders #basketcont,*/
.iisutil #headercont #sptnav,
.iisutil #basketcont,
.iisutil .boxcont.compare.prodlist{
    display: none !important;
}


.iisutil #logincont,
.iisutil .lng,
.iisutil .cur{
	display: block !important;

}

/*.ordbaskets #centercont, 
.orders #centercont,
.iisutil #centercont{
    padding: 81px 0 90px 0 !important;

}
*/
.ordersteps table .step .name, 
.ordersteps table .step .num:before{
    color: #ffffff !important;
    text-transform: capitalize;
    min-width: 110px;
    padding: 0;
}

.ordersteps table {
    transform: translateX(-40%);
}

.step.act{
    background: #fa4047;
}

.ordersteps table .step {
    min-width: auto;
    width: 25% !important;
    height: auto;
    /*max-width: 100px;*/    
}

.ordbaskets #headercont .logo,
.orders #headercont .logo{
    margin: 16px 0;
}
.boxcont.document.comcommon .tabinfo.tabedit .custom-select{
        border: 1px solid #C0C0C0 !important;
    background: white url(../img/select-arr-down.svg) no-repeat !important;
    background-size: 20px 20px !important;
    background-position: center right !important;
}

.boxcont.document .tabinfo .custom-select{
    border: none;
    background: none;
    margin: 0;
}
.boxcont.document .tabinfo .custom-select select:disabled,
.boxcont.document .tabinfo .custom-select select{
    display: block !important;
    white-space: pre-wrap;
    color: black;
    /*padding: 0;
    margin: 0;*/
}

.boxcont.document.comres .tabinfo.tabedit .custom-select{
        border: 1px solid #C0C0C0 !important;
    background: white url(../img/select-arr-down.svg) no-repeat !important;
    background-size: 20px 20px !important;
    background-position: center right !important;
}

.boxcont.document.comres .tabinfo .custom-select{
    border: none;
    background: none;
}
.boxcont.document.comres .tabinfo .custom-select select:disabled{
    display: block !important;
    color: black;
    padding: 0;
}

.tabedit th, .tabedit td {
    background: rgb(245, 245, 245) !important;
}

#contactdatacont_2_log .cnt .rowbox,#contactdatacont_1_log .cnt .rowbox{
	height: initial !important;
       padding: 0 0 0 0px !important;
       }

#contactdatacont_2_log .cnt .rowbox p,#contactdatacont_1_log .cnt .rowbox p{
display: none;
       }    

/*#contactdatacont_2_log .cnt div span:after, #contactdatacont_1_log .cnt div span:after{
       content: ", ";
       }*/
       
       #contactdatacont_1_log .cnt div:nth-child(1) span:after, #contactdatacont_2_log .cnt div:last-child span:after, #contactdatacont_1_log .cnt div:last-child span:after{
       content: "" !important;
       }

#contactdatacont_1_log{

}

.tabinfo.hor tr:nth-child(2n+1) td {
    background: #ffffff;
}

#deliverycont .cnt li, .ordbaskets .payway li, #storecont .rowbox, #customsignordercont .cnt .rowbox{
    width: -webkit-fill-available;
}

#deliverycont .cnt li.ds_block, .ordbaskets .payway li.ds_block{
	display: block;
}

#deliverycont .cnt li span.price.dmg, #paywaycont .cnt li div.price{
	display: flex;
	color: #515151;
	width: fit-content;
}
.ordbaskets .delivery li.dmgid_3:after {
    content: "Adresa: Bílá 2571/6, Praha 6 - 16000, ČESKÁ REPUBLIKA";
    color: #333;
    width: 100%;
    position: relative;
    top: 6px;

}
html[lang="cs"] .ordbaskets .delivery li.dmgid_2:after {
    content: "Expresní dodání, dle podmínek dopravce grid.online s.r.o.";
    color: #333;
    width: 100%;
    position: relative;
    top: 6px;

}

html[lang="sk"] .ordbaskets .delivery li.dmgid_2:after {
    content: "Expresní dodání, dle podmínek dopravce grid.online s.r.o.";
    color: #333;
    width: 100%;
    position: relative;
    top: 6px;

}
.ordbaskets .delivery li .price span.free{
	    width: 0;
    text-align: right;
    color: transparent;
    display: none;
}

.ordbaskets .delivery li.dmgid_3 .price:after{
content: "Zdarma";
color: #515151;
}
.ordbaskets .delivery li .price .wvat, .ordbaskets .payway li .price .wovat{
width: 80%;
    text-align: right;
}
.ordbaskets .delivery li>.price p, .ordbaskets .payway li>.price p{
	float: right;
    min-width: 55px;
    width: 55px;
}
.ordbaskets  .dempawdetail .price{
	padding: 0 !important;
}
.ordbaskets .dempawdetail{
	padding: 0;
}

.ordbaskets .dempawdetail .name{
	padding: 0;
}
.tabinfo.hor th {
    background: rgba(233, 233, 233, 1) !important;
}

#customsignordercont .cnt .rowbox{
    float: unset;
    width: 100%;
    margin: 0 auto;
}

#customsignordercont .cnt .rowbox .custom-select, 
#customsignordercont .cnt .rowbox input, 
#customsignordercont .cnt .rowbox textarea{
    width: 100%;
    border-radius: 0px;
        border-color: #dadada;
        padding: 20px 0 5px 11px;
            z-index: 7;
    /*position: relative;*/
    /*background: transparent;*/
}
#customsignordercont .cnt div:nth-child(1) input{
    margin: 0 0 10px 0 !important;
}

#customsignordercont .cnt div:nth-child(2) .custom-select{
	 padding: 0 10px 0 0;
	     margin: 0 0 10px 0;
}
#storecont .rowbox p{
    display: none;
}

#storecont .rowbox .custom-select{
    width: 100%;
}

#contactdatacont_4_log .cnt .rowbox, #contactdatacont_4 .cnt .rowbox{

    margin: 10px auto 0;
    width: fit-content;
}

.msgbox{
    border-radius: 0px;
}


.tabinfo.hor tr:first-child th {
    border-bottom: 0px solid silver;
    color: black !important;

}

.ordtbl .total{
    text-align: right;
}

.ordtbl .oriqty{
    text-align: center;
}

.orders .contentcont .boxcont.half,
.iisutil .contentcont .boxcont.half{
    min-height: 190px;
}

.orders .boxcont.table-scroll table tr .img,
.iisutil .boxcont.table-scroll table tr .img{
    width: 20%;
    border-left: 0px !important;
}

.orders .boxcont.table-scroll table tr .name,
.iisutil .boxcont.table-scroll table tr .name{
    width: 60% !important;
    padding: 0 5px 0 5px;

}

.orders .boxcont.table-scroll table tr.oripack .name,
.iisutil .boxcont.table-scroll table tr.oripack .name{
        vertical-align: bottom;
}

.boxcont.msgbox.err.success .hdr > p{

    font-size: 1.5rem !important;
    color: rgba(33, 55, 138, 1);
    font-weight: 400;
    text-align: center;
    line-height: 2.25rem;
}
html[lang="cs"] .boxcont.msgbox.err.success .hdr > p:before{
    content: "Děkujeme za vaši objednávku";
        display: block;
    font-size: 1.5rem;
}

html[lang="sk"] .boxcont.msgbox.err.success .hdr > p:before{
    content: "Ďakujeme za vašu objednávku";
        display: block;
    font-size: 1.5rem;
}

.tabinfo.hor.stitable.ordtbl{
	border-left: 0px solid #ddd;
	border-right: 0px solid #ddd;
	background: #fff;
}

.homepage .boxcont.webnews .boxcont.news ul{
    display: block;
    height: auto;
    width: 100% !important;
    position: relative;
    z-index: 1;
}

/*
.ordbaskets #contactdatacont_1 .rowbox, 
.ordbaskets #contactdatacont_2 .rowbox, 
.ordbaskets #contactdatacont_3 .rowbox{
        float: unset;
    clear: unset;
    margin: 0 auto;
    width: fit-content;
}
*/

.ordbaskets #comxcouid, .ordbaskets #centercont .custom-select select{
    min-width: 180px;
   margin: 5px 0px 0 10px;
    color: #aaaaaa;
        height: initial;
            padding: 0;
}

.rowbox .label.empty{
    display: none;
}

.ordbaskets #storecont{
    display: none;
}

.msgbox.success {
    background: transparent !important;
    border: 0px solid rgba(245, 245, 245, 1) !important;
    box-shadow: none !important;
}

.boxcont.err p, .boxcont.err a{
        width: 100%;
    text-align: center;
    padding: 10px 0;
    font-size: 1.25rem !important;
    font-weight: 600 !important;
}

.orders .document .hdr,
.iisutil .document .hdr{
    width: 100%;
    padding: 0px;
    border-bottom: 0px solid #c8cede;
    margin: 0 auto;
    float: unset;
}

.orders .document .hdr p,
.iisutil .document .hdr p{
    padding: 5px 0 !important;
    font-size: 1.125rem !important;
    color: rgba(33, 55, 138, 1);
    font-weight: 400;
    text-align: center;

}

.orders #contentcont .msgbox.err.success .cnt p,
.iisutil #contentcont .msgbox.err.success .cnt p{
        margin: 0 auto;
        float: unset;
        padding: 0;
}

.orders #contentcont .msgbox.err.success .cnt p:nth-child(2), 
.orders #contentcont .msgbox.err.success .cnt a,
.iisutil #contentcont .msgbox.err.success .cnt p:nth-child(2), 
.iisutil #contentcont .msgbox.err.success .cnt a{
        display: none !important;
}
.orders #contentcont .document.moredetails,
.orders #contentcont .document.half,
.orders #contentcont .document.float-half,
.iisutil #contentcont .document.moredetails,
.iisutil #contentcont .document.half,
.iisutil #contentcont .document.float-half{
    width: calc(100%/3);
    margin-top: 10px;
    margin-bottom: 30px;
    height: 320px;
    padding-top: 10px;
}

.orders #contentcont .document.half tr:first-child td ,
.iisutil #contentcont .document.half tr:first-child td {
    display:none;
}

.orders #contentcont .document.float-right tr:first-child td,
.iisutil #contentcont .document.float-right tr:first-child td {
    display:block;
}
.ordtbl .oripack{
	background: #fff;
}
.orders .totalsum td,
.iisutil .totalsum td{
    /* padding:0 !important; */
}

.orders #contentcont .document.half tr th ,
.iisutil #contentcont .document.half tr th {
    width: 40%;
}

.orders #contentcont .document.float-right tr th,
.iisutil #contentcont .document.float-right tr th{
    width: 50%;
}

/*#sptnav{
        background: #152654;
}*/

.owl-next:hover {
    opacity: 1;
}
.loading {
	position: absolute;
  z-index: 3000;
  display: block !important;
}
.loading .canvasloader{
       top: 16rem;
    border-radius: 0px;
    font-family: 'IBM Plex Sans', Arial, sans-serif !important;
    left: 160%;
    display: flex;
    width: auto;
    min-width: 290px;
}


/*.boxcont.productlist #prodlistanchor .cnt .prodbox .hdr h2 a{
 font-size: 1.5rem;
}
*/


/*.ordbaskets #contactdatacont_1_log .cnt .rowbox .label, 
.ordbaskets #contactdatacont_2_log .cnt .rowbox .label,
.ordbaskets #contactdatacont_3_log .cnt .rowbox .label,

.ordbaskets #contactdatacont_1 .cnt .rowbox .label, 
.ordbaskets #contactdatacont_2 .cnt .rowbox .label,
.ordbaskets #contactdatacont_3 .cnt .rowbox .label,
.ordbaskets #contactdatacont_4 .cnt .rowbox .label
{
    display: none;
}
*/

.tabinfo.hor .col-price.qtyprice, .tabinfo.ordsumtab .totalsum td{
    color: #fa4047;
}

.orders .msgbox.success .cnt p,
.iisutil .msgbox.success .cnt p{
    font-size: 1.3rem;
}

.orders .msgbox.success .cnt,
.iisutil .msgbox.success .cnt{
        float: unset;
        margin: 0 auto;
        width: fit-content;
}

.ordbaskets .itemsintoexistorder .tabinfo.hor tr:nth-child(2n+1) td{
    background: rgba(245, 245, 245, 1) !important;
}

.ordbaskets .boxcont.buttons .btn.btn-inv.btn-back{
    margin-right: 5px;
}
.ordbaskets .boxcont.buttons .btn.btn-inv, .ordbaskets .boxcont.buttons .btn.btn-big{
    padding: 15px;
    font-size: 1rem;
    color: white !important;
    background: #152654 !important;
        margin: 13px 0 0 0;
}

.rowbox .label:not(:empty):after{
    content: ":";
}

.config .tabs ul.ui-tabs-nav .ui-state-active a {
    background: #fafafa;
    border:none;
}

.orders .tabinfo.hor .oripack .name, 
.orders .tabinfo.hor .oripack .qtyprice, 
.orders .tabinfo.hor .oripack .total,
.iisutil .tabinfo.hor .oripack .name, 
.iisutil .tabinfo.hor .oripack .qtyprice, 
.iisutil .tabinfo.hor .oripack .total{
    font-size: 1.2rem;

}

.ordbaskets #itemsintoexistorder .tabinfo.hor tr:first-child th{
    border-top:1px solid silver;
}

.ordbaskets #customsignordercont .cnt .rowbox .label{
    display: none;
}

.orders .tabinfo.hor .ordtblhead .oriqty,
.iisutil .tabinfo.hor .ordtblhead .oriqty{
    color: transparent !important;
}

/*.kariera .birgada, .kariera .hpep{
    border-top: 1px solid silver;
}*/

.homepage .news li{
    border-top: none;
    border-bottom: 0;
}

/*#filterstiparinfcont .cnt .boxcont.paramitem{
    border:7px solid #C0C0C0;
    padding: 5px;
}*/
 
#headercont header #logincont{
    margin: 3px 0 0 10px;
    z-index: 101;
}

#contentcont .boxcont.contact .cnt .rowbox, 
#contentcont .boxcont.buyasfirm .cnt .rowbox, 
#contentcont .boxcont.comshipto .cnt .rowbox{
      width: 100%;
      margin: 0 ;
      /*height: 45px;*/
}

#contentcont .boxcont.contact .cnt .rowbox .inputs, 
#contentcont .boxcont.buyasfirm .cnt .rowbox .inputs, 
#contentcont .boxcont.comshipto .cnt .rowbox .inputs{
        width: 100%;
}

#sptnav ul li.act a, #sptnav ul li.act p {
    color: #204471;
    padding: 10px 0 10px 0;
}

#contentcont .boxcont.docscont.logout{
    width: 100%;
    margin: 20% auto;
    float: unset;
    text-align: center;
}

.qtybox.icon .up, .qtybox.icon .down{
    width: 23px !important;
    height: 23px;
    color: #fff;
    border-color: transparent;
    right: 2px;
}



input:-internal-autofill-selected {
    background-color: #ffffff !important;
}

.postcodes .tabinfo.hor tr{
    display: table !important;
    width: 100% !important;
    margin: auto !important;
}

.postcodes .tabinfo.hor tr td{
    text-align: center;
    width: auto;
        padding: 1px 5px;
}
#financnileasing:before,
#operativnileasing:before{
    content:"od ";
}



.config-info .tabform .leasingrowfl th, .config-info .tabform .leasingrowfl td .normalweight{
 	
    /*display: none;*/

 }

.stoitem .rowbox.greenloancalc{
       order: 4;
    width: 49%;
    display: none !important;
    height: 0;
    flex-flow: column;
    width: 47%;
    padding: 0 2% 0 3%;
}


/*.stoitem .rowbox.leasingrowfl{
    order: 5;
    height: fit-content;
    display: flex;
    width: 42%;
    justify-content: center;
    color: white;
    background: #fa4047;
    font-weight: 600;
        margin: -20px 0 0 56%;
    padding: 2px 0;
}*/

.stoitem .stiinfo .cnt .greenloancalc .grenkeKalkulackaBlock .block-content{

    width: 200%;
    margin: 20px 0;
    background: #efefef;
    position: absolute;
    padding: 10px;
    transform: translateX(-191px);
    /* transform: translateY(20px); */
    width: 360px;
    z-index: 1;
    /* left: 0%*/
}
.stoitem .normalweight {
	display: none;
}

.stoitem .stiinfo .cnt .order{
        order: 3;
    grid-column-start: 1;
    grid-column-end: 3;
}

.document .cnt table td .btn-pdf 
    padding: 0;
    background: none !important;
    margin: 0 5px;
}

.stitable .availability .store{
	display: flex;
    flex-direction: column-reverse;
    width: 50%;
    height: 5.7em;
    margin: 0;
    border-right: 1px solid #f5f5f5;
    padding: 27px 0;
}

.stitable .availability .store:last-child{
	border: none;
}

.stitable .availability .store .modal.iframe{
	line-height: initial;
}

#sptnav ul li .sptnavsub>ul {
    background: #FFFFFF;
    border: none;
    width: 100%;
    max-width: 1400px;
    display: inline-block;
   border-bottom: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    padding: 15px 15px 10px 15px;
    
}

#sptnav .level3 li:nth-child(1) .sptnavsub>ul {
 border-bottom: 0px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-top: none;
    padding: 0px;
    display: grid;
    grid-template-columns: 41% 41% 18%;
    grid-template-rows: 50px 80px 80px 80px 80px 80px 130px 130px;
}

#sptnav .level3 li:nth-child(4) .sptnavsub .level9 li>div>span{
/*	display: none;*/
}
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(4)>img,
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(5)>img,
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(6)>img,
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(7)>img,
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(8)>img,
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(9)>img,
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(10)>img,
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(11)>img{
	display: none !important;
}


#sptnav .level3 li:nth-child(2) .sptnavsub>ul {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
/*    grid-template-rows: 33% 33% 33%;*/
}

#sptnav .level3 li:nth-child(2) .sptnavsub>ul {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
/*    grid-template-rows: 33% 33% 33%;*/
        grid-row-gap: 10px;
}
#sptnav .level3 li:nth-child(3) .sptnavsub>ul {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
/*    grid-template-rows: 33% 33% 33%;*/
        grid-row-gap: 10px;
}
#sptnav .level3 li:nth-child(4) .sptnavsub>ul {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
/*    grid-template-rows: 65% 35%;*/
grid-row-gap: 10px;
}
#sptnav .level3 li:nth-child(5) .sptnavsub>ul {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    grid-row-gap: 15px;
}
#sptnav .level3 li:nth-child(6) .sptnavsub>ul {
    display: grid;
    grid-template-columns: 33% 33% 33%;
}
#sptnav .level3 li:nth-child(5) .sptnavsub .level9 li:last-child:after,
#sptnav .level3 li:nth-child(6) .sptnavsub .level9 li:last-child:after{
	content: "" !important;
}
/*#sptnav .level3 li:nth-child(2) .sptnavsub{
	transform: translateX(-16%);
}
#sptnav .level3 li:nth-child(3) .sptnavsub{
	transform: translateX(-33%);
}
#sptnav .level3 li:nth-child(4) .sptnavsub{
	transform: translateX(-50%);
}
#sptnav .level3 li:nth-child(5) .sptnavsub{
	transform: translateX(-66%);
}	
#sptnav .level3 li:nth-child(6) .sptnavsub{
	transform: translateX(-83%);
}*/
#sptnav ul li:nth-child(1) .sptnavsub {
    border-bottom: 1px solid #e6E6e6 !important;
}


#sptnav ul li .sptnavsub {
    background: #00000050;
    max-height: unset !important;
    height: 100%;
    padding: 0;
    width: 100%;
    box-shadow: none;
    z-index: 104;
    border: none;
    position: absolute;
    overflow: auto;
    top: 148px;
    left: 0;
    /* max-width: 1200px; */
/*    */
    transform: unset;
    position: fixed !important;
    pointer-events: none;

}
.prodbox .btn-config {
transform: translate(0px, 0px);
    width: 100%;
    padding: 10px 0 10px 0 !important;
    order: 4;
}

.spresenttrees .prodbox .tools,
.sptnavigator .prodbox .tools {
        display: grid;
    width: 100%;
    grid-template-columns: 44% 14% 42%;
        min-height: 42px;
}
.homepage .prodbox .tools {
    display: block;
    margin: 0;
    min-height: unset;
        width: unset;
}
/*.prodbox .availability .store {
	float: left;
    clear: both;
        float: left;
    clear: left;
    width: 130%;
    transform: translateX(-15px);
}*/

.stirelation .prodbox .availability .store .modal.iframe .stock span, 
.spresenttrees .prodbox .availability .store .modal.iframe .stock span,
.stoitems .prodbox .availability .store .modal.iframe .stock span{
	display: none;
    position: absolute;
    background: white;
    margin: 0 15%;
    padding: 9px;
    box-shadow: 4px 7px 17px -2px rgba(0,0,0,0.5);
    z-index: 10;
    border-radius: 5px;
}

.spresenttrees .prodbox .availability .store .modal.iframe:hover .stock span{
	display: block;
    z-index: 200;
    position: absolute;
    width: 100px;
}

.spresenttrees .prodbox .availability .store .modal.iframe,
.sptnavigator .prodbox .availability .store .modal.iframe{
	padding: 0;
    float: right;
    text-align: left;
    width: max-content;
}
/*.spresenttrees .prodbox .btn.btn-buy span{
	color: transparent;
	font-size: 0;
}*/
/*.spresenttrees .prodbox .btn.btn-buy span:before{
	color: #fff; 
	content: "\f07a";
        font: normal normal normal 1.4rem/1 FontAwesome;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}*/
.stirelation .prodbox .availability .store p,
.spresenttrees .prodbox .availability .store p,
.stoitems .prodbox .availability .store p{
	text-align: left;
    float: left;
    font-size: 1.1rem;
    width: auto;
}

.prodbox .availability .stock:before{
margin: 0;
font-size: 1.2rem;
}

/*.stoitem .availability .stock.yes p{
	margin: 2px 0px 0px 5px;
}*/
/*.stoitem .stiinfo .cnt .rowbox.code .label {
    display: block !important;
}*/

.stoitem.hidden_product .boxcont.msgbox.err{
	    border: none !important;
    box-shadow: none !important;
    background-color: white;
}

.stoitem.hidden_product .boxcont.msgbox.err .hdr p{
	    font-size: 2.1rem;
    padding: 0;
}

.stoitem.hidden_product .rowbox.similar_products{
width: 100%;

}
.stoitem.hidden_product .rowbox.similar_products .text{
        margin: 0 auto;
    float: none;
    width: 60% !important;
}

.stoitem.hidden_product .rowbox.similar_products .text .btn{
	font-size: 1.6rem;
    padding: 14px 40px;
}

.stoitem.hidden_product .rowbox.code{
	    margin: 5px auto;
    width: auto;
}

.btn.btn-close{
	background-color: transparent !important;
}
/*pop-up*/
.modal-popup{
/*		border-top: 5px solid #FA4047;
	background: #fff;
	    padding: 0px;*/
}

.modal-popup{
    /*background: #fff;
    position: fixed;
    display: block;
    margin: 0 auto;
    top: 220px;
    height: fit-content;
    -webkit-box-shadow: 0px 10px 13px -7px #000000, 1px 6px 7px 5px rgb(0 0 0 / 0%);
    box-shadow: 0px 10px 13px -7px #000000, 1px 6px 7px 5px rgb(0 0 0 / 0%);*/
}

/*.modal-content .btn-close {
    font-size: 1.4em;
}*/
.modal-popup .boxcont.modalcfg{
	margin: 0;
	    border-top: 5px solid #fa4047;
}
.modal-content .btn-close {
padding: 15px;
}
.boxcont.modalcfg .hdr p{
    padding: 20px;
    text-align: center;
    background: #fff;
    font-family: 'Hrot Basic Medium', Arial, sans-serif !important;
    text-transform: uppercase;
    font-size: 1.25rem !important;
}

.boxcont.modalcfg .cnt{
/*	background: white;*/
	    padding: 0 10px !important;
}
.modal-popup button.btn{
	float: left;
    clear: unset;
    margin: 0 auto 0px;
    display: block;
    padding: 10px 15px;
    display: block;
    font-size: 1rem;
    padding: 10px !important;
    font-size: 1rem;
    background: #21378a !important;
    color: #fff !important;
}

.cont.cookie .btn-inv.allow-selection{
	    margin-right: 15px;
}

.toolbar .btn-tool{
	display: inline-grid;
	background: #fff;
	min-width: 75px;
}
/*pop-up*/
/*RAM*/
.modal-popup .showinfobeforebuy .warning{
	    	font-size: 2.2rem;
	    padding: 0 0 15px 0;
	    text-align: center;
	    color: #fa4047;
	    font-weight: 600;
}

.modal-popup .showinfobeforebuy .raminfo{
	        text-align: center;
    color: #fa4047;
    font-size: 1.8rem;
    margin: 0px 0 20px 0;
}

.modal-popup .showinfobeforebuy input{
	margin: 0px 0 10px 0;
}

/*RAM*/
/*záruky a servis*/
.boxcont.modalcfg .configinput.instock label{
	width: 99%;
	margin: 0px 0px 10px 0px;
}

.boxcont.modalcfg .configinput.instock label .configname{
float: left;
    padding: 0 0 0 5px;
        width: 85%;
            font-size: 1rem;
}

.boxcont.modalcfg .configinput.instock label .configprice{
    float: right;
    color: #880000;
    width: auto;
    font-family: 'IBM Plex Sans', Arial, sans-serif !important;
    font-size: 1rem;
}

.boxcont.modalcfg .configinput.instock.selected label .configprice{
	font-weight: 600;
} 

.boxcont.modalcfg .configinput.instock.selected label:before{
    background: radial-gradient(circle, rgba(255,255,255,1) 30%, rgba(71,127,193,1) 45%);
    width: 13px;
    height: 13px;
    border-radius: 8px;
    border: 1px solid rgb(71, 127, 193);
    content: '';
       top: 0px;
    left: 3px;
    font-size: 14px;
    color: white;
    transition: all 0.2s;
    font-weight: 600;
    transform: scale(1);
    
}


.boxcont.modalcfg .configinput.instock label:before{
    content: '';
    left: 0;
    top: 0px;
    width: 13px;
    height: 13px;
    border: 1px solid #C0C0C0;
    background: white;
    border-radius: 8px;
    float: left;
}


/*záruky a servis*/
/*PF2020*/

/*.modal-popup.modal-pf2020 .pf2020{

}

.modal-popup.modal-pf2020 .pf2020 p{
	color: white;

    text-align: left;
}

.modal-popup.modal-pf2020 .pf2020 p span{
	font-weight: 600;
}

.modal-popup.modal-pf2020 .pf2020 .hdr span{    margin: 0 auto;

	    color: #2648c0;
}

.modal-popup.modal-pf2020 .pf2020 .txt{
	
    font-size: 2.4rem !important;
    width: 100%;
    margin: 24% auto 12% auto;
}

.modal-popup.modal-pf2020 .pf2020 .txt span:nth-child(1){
	display: block;
    padding: 0 0 47px 0;
    font-weight: 200 !important;
}

.modal-popup.modal-pf2020 .pf2020 .txt span:nth-child(2){
font-weight: 400;
}

.modal-popup{
	background: url(../PF2020/img_popup/rastr.svg) #152654 no-repeat !important;
    background-size: 110% !important;
    background-position: -8px -43px !important;
    padding: 1% 4% 3% 4%;
    border-top: 10px solid rgba(245, 57, 67, 1);
}

.modal-popup.modal-pf2020 .pf2020 a{
	    display: block;
    font-weight: 400;
    float: unset !important;
    background-color: rgba(245, 57, 67, 1);
    padding: 19px 11px;
    font-size: 2.6rem;
    color: white;
    width: 100%;
    text-align: center;
    -webkit-box-shadow: 0px 10px 2px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 2px -2px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 2px -2px rgba(0,0,0,0.75);
}

.modal-popup.modal-pf2020 .pf2020 a span:after{
	content: "\f178";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(13px, 4px);
    line-height: 1rem;
    font-size: 3.3rem;
}

.modal-popup.modal-pf2020 .pf2020 a:hover span:after{
    transform: translate(40px, 4px);
}

.modal-popup.modal-pf2020 .pf2020 .btn.btn-close{
    float: right;
    width: 14%;
    background-color: transparent !important;
}

.modal-popup.modal-pf2020 .pf2020 .btn.btn-close:before{
	        font-size: 20rem;
    line-height: 1px;
    color: rgba(38, 72, 192, 1);
    content: "\f1d";
}
*/

/*koronappop-up*/
/*#maincont:before{
         padding: 6px 0;
    content: "Stav k 18.3.2020: Objednané zboží doručujeme přepravní službou DPD a v Praze kurýrem. Osobní odběr není dočasně možný.";
    background: #f84146;
    width: 100%;
    margin: 0 auto;
    float: none;
    position: fixed;
    clear: none;
    z-index: 200;
    text-align: center;
    color: white;
    font-weight: 600;
    font-size: 1.2rem;
}*/

/*#headercont{
	top: 25px;
}
*/
/*#centercont{
	padding-top: 115px !important;
}*/
/*.ordbaskets #centercont, .orders #centercont, .iisutil #centercont{
    padding: 106px 0 90px 0 !important;
}*/


/*koronappop-up*/
.orbstiidpack .img a{
display: block;
    height: 62px;
    width: 100%;
}

.stitable .img a{
display: block;
    width: 100%;
}


#ordproductscont .tabinfo.hor .name {
    padding: 0px;
    font-size: 0.875rem !important;
    line-height: 1.3125rem;

}
.step_3 form #contactdatacont_4, 
.step_3 form #contactdatacont_5,
.step_3 form #contactdatacont_6{
	height: 200px;
	width: auto;
}
.cont.contentcont.ordbaskets form #contactdatacont_5 {
    padding: 0 0 0 10px;
}
/*.orbstiidpack .name, .orbstiidpack .price.wovat, .orbstiidpack .ordcount, .orbstiidpack .totalprc.wvat{
	padding: 10px 10px 10px 10px !important;
}*/

.orbstiidpack .img{
	    width: 20% !important;
}

.ordbaskets .noedit{
	float: right;
    display: block;
    position: relative;
    width: 60%;
    margin: 0;
    

}
.stitable .buyout .btn-delete:before {
    font-size: 1.5rem;
    margin: 6px 0;
}
.ordbaskets .noedit .orbstiidpack .name{

}

.ordbaskets .noedit .stitable .img img{
	/*width: 70px;*/
}

/*.ordbaskets .noedit .stitable .ordcount{
	    width: 7%;

}

*/

.noedit .orbstiidpack .name,.noedit .stitable .name {
    font-size: 1.3rem !important;
}

/*.noedit .orbstiidpack .price.wovat,.noedit .orbstiidpack .totalprc.wvat{
	width: 1%;
}*/

.noedit .img{
	    width: 15% !important;
}

/*košík úprava GRID*/
.cont.contentcont.ordbaskets #logincontactcont{
	    display: block;
}

.cont.contentcont.ordbaskets #logincontactcont .cnt{
border: 0px solid #dadada;

    padding: 0px !important;

}

.cont.contentcont.ordbaskets form{

}

.cont.contentcont.ordbaskets .boxcont.products{
	display: block;
    flex-flow: wrap;
    width: 100%;
        margin: 0;
}
 .cont.contentcont.ordbaskets.step_3 .buttons {
     grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 6;
    background: #fff;
    padding: 6px 10px 10px 0px;
    margin: -12px 0 0 0;
    height: 100px;
}

.step_1 .cont.contentcont.ordbaskets form{
	display: flex;
    flex-flow: column;
    width: 100%;
    margin-top: 10px;
    padding: 0;
    flex-direction: column;
    background: #fff;
}
#btnOrdBackProduct,
#btnOrdBack{
	    background: transparent !important;
    color: #152654 !important;
}

#btnOrdClear{
	display: none;
}
.cont.contentcont.ordbaskets.step_3 form{
	    display: grid;
    grid-template-columns: 31% 31% 36%;
    grid-template-rows: auto;
    grid-row-gap: 10px;
    grid-column-gap: 10px;
    padding: 30px 0 10px 0;
}

.step_2 .boxcont.logincontact.ds_none+form #kosik_wrapper{
    width: 100% !important;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 7;
    grid-column-start: 3;
        transform: translate(0px, 4px);
}
.step_2 .boxcont.logincontact+form #kosik_wrapper{
    width: 100% !important;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 7;
    grid-column-start: 4;
    transform: translate(0px, 4px);
}
.ordbaskets.step_2{
	    display: grid;
    grid-template-columns: 31% 31% 38%;
    grid-template-rows: min-content;
}
.step_2 .boxcont.logincontact{
grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    width: 100%;
    grid-row-end: 2;
    padding-top: 10px;
}
.step_2 .boxcont.logincontact+form{
display: grid !important;
    float: right !important;
    width: 100%;
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 3;
    grid-template-columns: 20% 30% 50%;
    padding:5px 0 0 0;
}
.step_3 .cont.contentcont.ordbaskets .buttons{
    margin: -80px 0 30px 0;
}




.boxcont.logincontact.ds_none + form .boxcont.products.noedit{
display: flex;
    float: right;
    clear: right;
    float: none;

}


#contactdatacont_1, 
#contactdatacont_2, 
#contactdatacont_3, 
#contactdatacont_4,
#contactdatacont_5, 
#contactdatacont_6,
#contactdatacont_1_log, 
#contactdatacont_2_log, 
#contactdatacont_4_log{
    float: left !important;
    clear: left;
    margin: 0 auto;
    width: 59%;
    background: #f2f2f2;
    padding: 5px 50px 0 0px;
}

#contactdatacont_3,
#contactdatacont_4{
	padding: 0 50px 0 0;
}


.cont.contentcont.ordbaskets form #contactdatacont_6 .cnt .rowbox.company{
	display: inline-block;
    width: inherit;
}
.cont.contentcont.ordbaskets form #contactdatacont_6 .cnt .companycont{
    display: table-row-group;
    width: inherit;
}

#contactdatacont_4_log ~ .boxcont.products.noedit{

        grid-column-start: 3;
    grid-row-start: 1;
    grid-row-end: 4;
    margin-top: 10px;
}
 #contactdatacont_4_log ~ #ordsumtabcont{
grid-column-start: 3;
    grid-row-start: 5;

 }
.boxcont.products.noedit ~ #ordsumtabcont {

}


.boxcont.logincontact.ds_none ~ form .boxcont.sumtab{
}
/*very sensitive*/
.cont.contentcont.ordbaskets #ordsumtabcont{

    width: auto;
        padding: 0;
            margin: 0;
            float: none;
    clear: right;
    float: none;
}

.step_3 #ordsumtabcont{
    grid-row-start: 4;
    grid-column-end: 4;
}
.cont.contentcont.ordbaskets.step_1 #ordsumtabcont{
   display: block !important;
   background: #f2f2f2;
}
.cont.contentcont.ordbaskets form #contactdatacont_5, .cont.contentcont.ordbaskets form #contactdatacont_6{
    clear: unset;
    padding: 10px;
}

.boxcont.logincontact ~ form .boxcont.sumtab{
	
}

.boxcont.buyasfirm.data_3 .hdr p [type="checkbox"]:checked ~ .boxcont.sumtab{

}


.boxcont.products.noedit .tabinfo.hor .wovat, .boxcont.products.noedit .tabinfo.hor .code{
	display: none;
}

/*.ordbaskets .comshipto label{
	    margin: 0 0 2% 20%;
}*/

.noedit .orbstiidpack .name, .noedit .stitable .name strong{
	/*font-size: 1.25rem !important;*/
	font-weight: normal;
    color: #152654;

}

#contactdatacont_1 .hdr p{
	padding-top: 10px !important;
}

/*#contactdatacont_1_log:before, #contactdatacont_1:before{
	content: "Kontakt";
	display:block;
	font-size: 2rem !important;
	font-weight: 400;
}*/


/*#ordproductscont:before{
	content: "Shrnutí objednávky";
    display: block !important;
    font-size: 1.5rem;
    padding: 10px 0 5px 0px;
    font-weight: 400;
    color: #152654;
}*/

#customsignordercont{
    float: left;
    clear: left;
}



#itemsintoexistorder{

}

#deliverycont, #paywaycont, #gdprcont, #customsignordercont{
	width: 100%;
    background: #fff;
    padding: 10px;
}

#gdprcont{
	padding: 10px;
}
/*#contactdatacont_1, 
#contactdatacont_2, 
#contactdatacont_3, 
#contactdatacont_4,
#contactdatacont_1_log, 
#contactdatacont_2_log, 
#contactdatacont_4_log,
#deliverycont,
#paywaycont{
      border: 1px solid #dadada;
	
}*/


#itemsintoexistorder{
	display: none;
}

.ordbaskets.step_3 #kosik_wrapper .ordcount,
.boxcont.products.noedit .stitable .name,
.ordbaskets .noedit .stitable .ordcount,
.boxcont.products.noedit .stitable .totalprc.wvat{
    border-top: 10px solid #f2f2f2;
    padding: 10px 10px 0 10px !important;
}
.ordbaskets .gdpr .cnt .rowbox {
	float: left;
	    margin: 0 0px 0px 20px;
}

#contactdatacont_1_log{

}
#contactdatacont_2_log{
	margin: 0 !important;
	grid-column-start: 3 !important;
}
#contactdatacont_4_log{

}

.boxcont.addbynum.ds_hide ~ form #contactdatacont_1_log,
.boxcont.addbynum.ds_hide ~ form #contactdatacont_2_log{
display: block !important;
    margin: 0 10px 0 0;
    background: #fff !important;
    width: 100%;
    clear: initial;
    grid-row-start: 1;
    grid-row-end: 1;
    grid-column-start: 1;
    grid-column-end: 2;
    padding: 10px;
}


.boxcont.addbynum.ds_hide ~ form #contactdatacont_4_log{
	display: block !important;
/*    background: #fff;*/
    width: 100%;
    padding: 10px 10px 10px 10px;
    float: left !important;
    clear: left !important;
    grid-row-start: 2;
    grid-column-end: 3;
    grid-column-start: 1;
}
.step_2 .boxcont.addbynum.ds_hide ~ form #contactdatacont_4_log{ 
    /*margin: 2% 10px 0px 0;*/
}
.ordbaskets #contactdatacont_1 .cnt,
.ordbaskets #contactdatacont_2 .cnt,
.ordbaskets #contactdatacont_1_log .cnt,
.ordbaskets #contactdatacont_2_log .cnt,
#deliverycont .cnt{    
	/*border: 1px solid #dadada;*/


}

.ordbaskets #contactdatacont_1 .cnt,
.ordbaskets #contactdatacont_2 .cnt,
.ordbaskets #contactdatacont_3 .cnt,
.ordbaskets #contactdatacont_4 .cnt{    
	border: 0px solid #e8e8e8;
    background: none;
    padding: 0 !important;

}

/*.ordbaskets #contactdatacont_3 .cnt{
    padding: 10px 10px 17px 10px !important;
}
*/
.ordbaskets #contactdatacont_3 .cnt{
 padding: 0px 0px 0px 0px !important;
}



 #deliverycont .cnt,
 #paywaycont .cnt{
    border: 0px solid #dadada;
    background: none;
    display: block;
    padding: 0px !important;
}

.boxcont.products.noedit .tabinfo.hor.stitable tr:first-of-type{
	display: none;
}

/*.boxcont.products.noedit .stitable .totalprc.wvat{
	border-right: 1px solid #dadada !important;
}*/

.boxcont.products.noedit .stitable tr:nth-child(2) .name,
.boxcont.products.noedit .stitable tr:nth-child(2) .ordcount,
.boxcont.products.noedit .stitable tr:nth-child(2) .totalprc.wvat{
	border-top: 1px solid #dadada;
	padding-top: 0px !important;
}

#contactdatacont_4_log .hdr p,
#contactdatacont_4 .hdr p{
	display: none;

}

#contactdatacont_4_log .hdr{
/*border: 1px solid #dadada;*/
border-bottom:none;
    padding: 0;
}
.step_3 #contactdatacont_4_log .hdr{

    padding: 0px;
}
#contactdatacont_4 .hdr{
/*border: 1px solid #dadada;*/
border-bottom:none;
    padding: 0 18%;
}

/*#contactdatacont_4_log .cnt{
border-top: none;
    border-bottom: none;
   border: 0px solid #dadada;
    background: none;
    padding: 10px 20px 10px 20px !important;
    margin-top: 10px;
}*/

#contactdatacont_4_log .hdr span label, 
#contactdatacont_4 .hdr span label {
    width: auto;
    display: inline-block;
    float: left;
    margin: 0px 15px 5px 0px;
    padding: 0 5px 0 35px;
    COLOR: #152654;font-size: 1rem;
    clear: left;
}
#contactdatacont_2 .custom-select{
	background: #fff !important;
}
.ordbaskets [type="radio"]:not(:checked) + label:before, .ordbaskets [type="radio"]:checked + label:before,.ordbaskets [type="radio"]:checked + label:after{
top: 3px;
}
/*html[lang="cs"] #contactdatacont_4_log > div.hdr > p:after,
html[lang="cs"] #contactdatacont_4 > div.hdr > p:after{
	    content: "(Nevyplňovat v případě osobního odběru)";
    float: right;
    clear: left;
    display: inline-block !important;
    font-size: 0.85rem;
    margin: 0 0 0 10px;
    color: #c3c3c3;
}
#contactdatacont_4 > div.hdr > p{
	    display: block !important;
    width: fit-content;
}

html[lang="sk"] #contactdatacont_4_log > div.hdr > p:after,
html[lang="sk"] #contactdatacont_4 > div.hdr > p:after{
	    content: "(Nevypĺňajte v prípade osobného odberu)";
    float: right;
    clear: left;
    display: inline-block !important;
    font-size: 0.85rem;
    margin: 0 0 0 10px;
    color: #c3c3c3;
}*/
.boxcont.products.noedit .tabinfo.hor.stitable .orbstiidpack .ordcount:after{
	content: "x";
}

.step_2 #contactdatacont_4_log .cnt .rowbox label {
    margin: 5px 0;
}
#contactdatacont_4_log .cnt .boxcont{
	margin: 0 !important;
}
#payid_7 ~ .price{
	float: right;
    font-size: 1em;
    padding: 5px 0 0 0;
    width: auto !important;
}

#contactdatacont_4 .hdr{
	padding: 0px 0 0px 0;
}

#contactdatacont_4 .hdr{
	   /* border-top: 1px solid #dadada;*/

}
.step_2 #contactdatacont_1{
	    order: 1;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    width: 100%;
}
.step_2 #contactdatacont_2{
	      order: 3;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 3;
    width: 100%;
}
.step_2 #contactdatacont_3{
order: 2;
    margin: 0 auto !important;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 2;
    width: 100%;
}
.step_2 #contactdatacont_4{
	order: 4;
    margin: 0 auto !important;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 4;
    width: 100%;
}
.step_2 .boxcont.logincontact.ds_none+form #ordsumtabcont{

	        grid-row-start: auto;
    grid-row-end: auto;
}
.step_2 .boxcont.logincontact+form #ordsumtabcont{

	        grid-row-start: auto;
    grid-row-end: auto;
}
.step_2 .boxcont.buttons{
order: 7;
    grid-column-end: 4;
    grid-column-start: 1;
    grid-row-start: 7;
    margin: 80px 0 0 0;
}
#contactdatacont_4 {
	   /* border-bottom: 1px solid #dadada;*/
    margin: 0 1% 0% 0% !important;
}

#contactdatacont_4 .cnt{
  /*border: 1px solid #dadada;*/
    border-top: none;
    border-bottom: none;
    padding-bottom: 15px !important;
    border: 1px solid #dadada;
    background: #f9f9f9;
    padding: 10px 10px 0px 10px !important;
  /*  margin-top: 10px;*/

}

#contactdatacont_1 .hdr{
	    padding: 0px;

}
/*.boxcont.addbynum ~ form .boxcont.sumtab #basketsumtab #dempayCost,
.boxcont.addbynum ~ form .boxcont.sumtab #basketsumtab tr:nth-child(4){
	display: none;
}

.boxcont.addbynum.ds_hide ~ form .boxcont.sumtab #basketsumtab #dempayCost{
	display: table-row !important;
}*/

.ordbaskets .boxcont.sumtab .total.wovat th,
.ordbaskets .boxcont.sumtab .total.wovat td{
	font-size: 1rem;
}

.ordbaskets .boxcont.sumtab td{
	color: black;
}

.ordbaskets .boxcont.sumtab tr th:after{
content: ": ";
}

.step_1 #ordproductscont .stitable .orbstiidpack td,
.step_1 #ordproductscont .stitable .orbitem td,
.step_1 .orders .stitable .oripack td,
.step_1 .orders .stitable .orditem td,
.step_1 .anonymousbuy .stitable .oripack td,
.step_1 .anonymousbuy .stitable .orditem td{

	    background: #fff;
	    vertical-align: top;
}

.tabinfo.hor .oripack .img{
	width: 100% !important;
    height: 60px;
    display: block;
}


.orders .stitable .orditem.oristiidpackitem td{
	    border-top: 0px dotted #ddd;
}
#ordproductscont .stitable .orbitem.orbstiidpackitem  td{
	   padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.tabinfo.hor .wovat{
	color: black;
}

.btn-import:before, .btn-import span {
    color: #fff;
}

.boxcont.products.noedit .stitable .ordcount .qtybox.icon .fa{
	display: none;
}
.boxcont.products.noedit .stitable .ordcount .qtybox.icon input{
	border: none;
    width: auto;
    float: left !important;
    max-width: 20px !important;
    padding: 5px 0px !important;
}


.boxcont.products.noedit .ordcount .qtybox.icon:after {
    content: "x";
    display: block;
    color: #152654;
    float: left;
    line-height: 1.5rem;
}

.step_1 .ordbaskets .stitable .qtybox.icon {
    width: auto;
    padding: 0px 20px 0 0 !important;
}

/*.ordbaskets .step_1 .stitable .qtybox.icon {
    margin: 0 0 0 15px;
}*/

.ordbaskets .boxcont.products.noedit .qtybox.icon{
	padding: 0 !important;
	background: transparent;

}

/*.ordbaskets .boxcont.products.noedit .qtybox.icon .qty{
	margin: 0 0 0 3px !important;
	background: transparent;
} 
*/
#ordproductscont .ordcount input {
    border-color: #152654;
    margin: 0 0 0 3px;
    float: right;
    padding: 0 5px 0 0px !important;
    height: 45px;
    border-color: transparent;
    height: 1.5rem !important;
    text-align: right;
    width: fit-content;
    min-width: unset !important;
    margin: 0 !important;
    color: #152654;
    font-size: 0.875rem !important;
    background: transparent;
}
.step_2 #ordproductscont .ordcount input {

    padding: 0px !important;

}
.step_2 #ordproductscont .tabinfo.hor.stitable{
	background: #fff;
}
.step_2 .boxcont.products .stitable .name{
	    padding: 10px 10px 0 10px !important;
}
.step_2 .boxcont.products .stitable .name{
    border-top: 10px solid #f2f2f2;
}
.step_2.ordbaskets .boxcont.products .buyout,
.step_2 .boxcont.products .stitable .ordcount .qtybox.icon .fa {
    display: none !important;
}
.step_3 #ordproductscont .ordcount input,
.boxcont.products.noedit .ordcount .qtybox.icon:after{
	color: #4d4d4d;
}

.step_1 #ordproductscont .ordcount input {
    height: 70px !important;
    text-align: center;
    width: 100%;
    max-width: unset;
    margin: 0 !important;
}
.boxcont.logincontact .cnt .tabform th{
	width: 23% !important;
    text-align: right;
    display: none;
}

.boxcont.logincontact .cnt .tabform tr:nth-child(1) th,
.boxcont.logincontact .cnt .tabform tr:nth-child(2) th{
	width: 50% !important;
    text-align: left;
    display: block !important;
    margin: 2px 0px -28px 7px !important;
    z-index: 7;
    position: relative;
    color: #aaaaaa;
    font-weight: 100;
}


.boxcont.logincontact .btn.btn-login.submit{
	padding: 10px 20px;
    font-size: 1rem;
    background: white !important;
    color: #152654;
    border: 1px solid #152654;
    float: right;
    clear: none;
    width: 50%;
    display: block;
    margin: 0;
}

.ordbaskets .contact .rowbox .text {
    padding: 3px 0;
}

.ordbaskets .comshipto .hdr span {
    padding: 0 0 0 0 ;
    width: 100%;

}

.ordbaskets #gdprcont .cnt{
	padding: 10px !important;
}

.ordbaskets .contact .rowbox input::placeholder, 
.ordbaskets .buyasfirm .rowbox input::placeholder, 
.ordbaskets .comshipto .rowbox input::placeholder,
.registration .document .cnt table td input::placeholder,
.boxcont.logincontact .cnt .tabform input::placeholder{
/*color: transparent;*/
}

#contactdatacont_1_log .cnt table th, 
#contactdatacont_2_log .cnt table th,
.boxcont.document.firm .cnt table th,
.boxcont.document.comshipto .cnt table th{
    display: none;
}

#contactdatacont_1_log .cnt div:nth-child(1), 
#contactdatacont_1_log .cnt div:nth-child(2), 
#contactdatacont_2_log .cnt div:nth-child(3){
	display: inline-block;
	width: auto !important;
    float: left;
    height: initial !important;
}

#contactdatacont_1 .cnt div:nth-child(4),
#contactdatacont_1 .cnt div:nth-child(5){
/*	display: inline-block;
	width: 48% !important;

	float: unset;	    padding: 0px 0 0 0 !important;*/
}
#contactdatacont_1 .cnt div:nth-child(4){
	/*margin: 0px 3% 10px 0 !important;*/
    padding: 0 !important;
}
.step_3 #contactdatacont_4_log label[for=logged_fill_cst]{
	display: none;
} 
#contactdatacont_1 .cnt input{
	min-width: unset;

}


.boxcont.contact .cnt .rowbox:nth-child(1),
.boxcont.buyasfirm .cnt .rowbox:nth-child(1){
	padding: 0 !important;
}
.boxcont.buyasfirm .cnt{
	display: flex;
    flex-direction: column;
}
.boxcont.buyasfirm .cnt .rowbox:nth-child(1){
	order: 3;
}
.boxcont.buyasfirm .cnt .rowbox:nth-child(2){
	order: 1;
}
.boxcont.buyasfirm .cnt .rowbox:nth-child(3){
	order: 2;
}
.boxcont.buyasfirm .cnt .rowbox:nth-child(4){
	order: 4;
}
.boxcont.logincontact .cnt .tabform input{
	width: 100% !important;
	    padding: 20px 10px 7px 10px !important;
	        margin: 0 0 20px 0;
	            max-width: 380px;
}

#logincontactcont .cnt form .tabform tbody{
	    display: flex;
    flex-direction: column;
}

#logincontactcont .cnt form .tabform tbody tr:nth-child(1){
order:1;
margin: 5px 0 10px 0;
}
#logincontactcont .cnt form .tabform tbody tr:nth-child(2){
order:2;
}

#logincontactcont .cnt form .tabform tbody tr:nth-child(1) td,
#logincontactcont .cnt form .tabform tbody tr:nth-child(2) td{
display: block;
width: 100%;
padding: 0;
}
#logincontactcont .cnt form .tabform tbody tr:nth-child(3){

        order: 4;
    margin: -40px 0 -65px 0px;
}



#logincontactcont .cnt form .tabform tbody tr:nth-child(4){
order:3;
}

#logincontactcont .cnt form .tabform tbody tr:nth-child(4) td{
display: block;
    width: 100%;

}

#logincontactcont .cnt form .tabform tbody tr:nth-child(4) td ul li:nth-child(1){
    padding: 0px 0 60px 0px;
}

#contactdatacont_1_log .cnt div:nth-child(3),
#contactdatacont_1_log .cnt div:nth-child(4),
#contactdatacont_2_log .cnt div:nth-child(2),
#contactdatacont_2_log .cnt div:nth-child(5){
	width: 100% !important;
	height: initial !important;
} 

.step_2 #contactdatacont_1 .cnt .rowbox,
.step_2 #contactdatacont_2 .cnt .rowbox,
.step_2 #contactdatacont_3 .cnt .rowbox,
.step_2 #contactdatacont_4_log .cnt .rowbox,
.step_2 #contactdatacont_4 .cnt .rowbox{
margin: 5px 0 5px 0 !important;
	    width: 100% !important;
}

.ordbaskets .contentcont .boxcont .cnt .label{
	    margin: 0px 0px -70px 10px !important;
    z-index: 8;
    position: relative;
    color: #aaaaaa;

}

 .ordbaskets .buyasfirm .btn-import{
 	        float: right;
    width: min-content;
    margin: 0;
 }

.stitable .orditem td a,
.stitable .orbitem td a{
	    color: #152654;
    font-weight: normal;
}

#contactdatacont_1_log .cnt div:nth-child(3) .label,
#contactdatacont_1_log .cnt div:nth-child(4) .label{
	/*display: block;*/
    width: auto;
    min-width: unset;
    margin: 0 0 !important;
    padding: 2px 5px 0 0px;
}

#contactdatacont_1_log .cnt div:nth-child(3) .label:after,
#contactdatacont_1_log .cnt div:nth-child(4) .label:after{
content: ":";
}

#contactdatacont_1_log .cnt div:nth-child(1) .text,
#contactdatacont_1_log .cnt div:nth-child(2) .text{
font-size: 0.875rem;
}

.step_2 #contactdatacont_2 .rowbox .custom-select,
.step_2 #contactdatacont_3 .rowbox .custom-select,
.step_2 #contactdatacont_4 .rowbox .custom-select,
.registration .input-placeholder #comxcouid{
	height: 47px !important; /* selectbox v košíku - výběr země */
	padding: 16px 9px 6px 9px;
}


#contactdatacont_4_log .cnt .boxcont div:nth-child(5) .text-placeholder span{
	color: transparent;
}

#customsignordercont .cnt .custom-select{
	padding: 0;
} 

.ordbaskets #gdprcont .cnt {
    padding: 0px !important;
}

.ordbaskets .gdpr .cnt .rowbox {
    float: left;
    margin: 0;
        width: 100%;
}

#gdprcont .cnt .rowbox label{
	padding-left: 30px;
	    width: 100%;
	        font-size: 0.875rem;
}

.ordbaskets .delivery li .price .wvat,
.ordbaskets .delivery li .price p,
.ordbaskets .payway li .price .wvat,
.ordbaskets .payway li .price p{
	font-weight: normal;
    margin-left: 0px;
    font-size: inherit;
    line-height: inherit;
}

.price.dmg .free:first-letter{
	text-transform: uppercase;
}
.ordbaskets .payway li .price span{
	font-weight: 400;
}

.ordbaskets #customsignordercont .cnt div:nth-child(3) .label,
.ordbaskets #customsignordercont .cnt div:nth-child(1) .label{
	display: block;
	    z-index: 11;
}

#customsignordercont .cnt .rowbox input::placeholder{
/*	color: transparent;*/
}

 #customsignordercont .cnt .rowbox textarea{
 	padding: 20px 0px 16px 10px;
 }

 #contactdatacont_2 .cnt .custom-select select,
 #contactdatacont_4 .cnt .custom-select select{
 	    margin: 5px 0px 0 1px;
 	    height: 45px;
 }

#ordproductscont .pack_code{
	font-size: 0.875rem;
    margin: 0;
    color: #9f9f9f;
}

.step_2 #ordproductscont .pack_code{
	margin: 0;
    font-size: 0.875rem !important;
    color: #9f9f9f;
}

.ordbaskets .boxcont.buttons .btn span{
	    white-space: initial;
}

.ordbaskets .boxcont.customsignorder .cnt{
	border: 0px solid #dadada;
    background: none;
    padding: 0px !important;
}
.ordbaskets .buyasfirm label {
        margin: 0px 0px 0px 0px;
    padding: 21px 0px 22px 35px !important;
}

 #contentcont .boxcont.comshipto #new_cst div:last-child .inputs input{
 	margin: 0 auto 0px !important;

 }
 
 #logincontactcont .cnt form .tabform tbody tr:nth-child(2) td input{
 	    margin: 0 0 10px 0;
 }
#customsignordercont .input-placeholder .custom-select select {
    margin: 0px 10px !important;
    height: 40px;
}

       #logincontactcont  tr .notdeliv + td li:nth-child(2) a,
       #logincontactcont  tr .notdeliv + td li:nth-child(3) a{
       	/*transform: translateY(20px);*/
}
.ordbaskets #ordsumtabcont .delivery .info, .ordbaskets .delivery .delivmode .info{
	display: none;
}
.ordbaskets .payway li .info span{
	top: 0;
    right: 20px;
    min-width: 180px;
}
.ordbaskets .delivery .info span{
	top: -7px;
	right: 24px;
}

.input-placeholder .text-placeholder {
        top: 14px;
    max-width: calc(100% - 20px);;
}
.registration .input-placeholder .text-placeholder {
    top: 15px !important;
}

.step_2 .input-placeholder input{
	        height: 45px;
	        padding: 15px 0px 0 10px;
}
#headercont .login .cnt .active input {
           padding: 15px 10px 0px 10px;

}

#contactdatacont_1_log, #contactdatacont_2_log, #contactdatacont_4_log{
        padding: 5px 10px 0 10px;
    margin: 10px 10px 0 0 !important;
}
.contentcont.comshipto .input-placeholder input {
            padding: 20px 10px 5px 10px;
}
.registration .document .cnt table td .input-placeholder input {
        padding:20px 10px 10px 10px;
        font-size: 1.4rem;
}
html[lang="cs"] .title span:before {
color: #21378a;
    content: "[více info]";
    font-family: 'IBM Plex Sans', Arial, sans-serif;
    margin: 0 0 0 10px !important;
    font-size: 0.85rem;
    border-bottom: 1px dotted;
    float: right;
}
html[lang="sk"] .title span:before {
color: #21378a;
    content: "[viac info]";
    font-family: 'IBM Plex Sans', Arial, sans-serif;
    margin: 0 0 0 10px !important;
    font-size: 0.85rem;
    border-bottom: 1px dotted;
    float: right;
}
header .input-placeholder.active .text-placeholder{
	    transform: translate(0px, 0px);
	    top: 4px !important;
}

.input-placeholder.active .text-placeholder{
	    transform: translate(0px, 0px);
	    top: 4px !important;
}
.owl-theme .owl-dots .owl-dot span{
/*	    margin: 15px 5px -2px 5px;*/
}
.registration .input-placeholder.active .text-placeholder,
.registration .input-required.err + .text-placeholder,
.input-required.input-ico.err ~ .text-placeholder{
	    transform: translate(0px, 0px) !important;

}
#headercont .logged .cnt .inner .hdr .username,
#headercont .logged .cnt .inner .hdr ul li,
#headercont .logged .cnt .inner .hdr .settings, 
#headercont .logged .cnt .inner .hdr .logoff,
#headercont .logged ul li a span{
	font-size: 1rem;
	margin: 0 0;
}
#contactdatacont_4_log .cnt #new_cst .rowbox{
	margin: 0 0 0px 0;
}
#customsignordercont .cnt .rowbox .input-placeholder input{
	    padding: 15px 10px 5px 10px;
    max-width: 100%;
    min-height: 40px !important;
}

#customsignordercont .input-placeholder.active .text-placeholder{
	    transform: translate(0px, -4px);

}
#logincontactcont .cnt form .tabform tbody tr:nth-child(1) td .input-placeholder.active .text-placeholder,
#logincontactcont .cnt form .tabform tbody tr:nth-child(2) td .input-placeholder.active .text-placeholder{
	    transform: translate(0px, 0px);

}
#logincontactcont .input-placeholder input{
    padding: 25px 10px 5px 10px !important;
    font-size: 1.8rem;
}
.search .input-placeholder .text-placeholder {
    top: 16px;

}
.input-placeholder .text-placeholder>span{
	background: transparent;
	font-size: 0.875rem;
	padding: 0;
}
#sptnav ul li .sptnavsub ul li img{
	    max-width: 70px;
    max-height: 70px;
}
#contactdatacont_1 .input-placeholder .text-placeholder,
#contactdatacont_2 .input-placeholder .text-placeholder,
#contactdatacont_3 .input-placeholder .text-placeholder,
#contactdatacont_4 .input-placeholder .text-placeholder,
#contactdatacont_4_log .input-placeholder .text-placeholder{
	top: 5px;
    font-size: 1.5rem;
}

#contactdatacont_1 .input-placeholder.active .text-placeholder,
#contactdatacont_2 .input-placeholder.active .text-placeholder,
#contactdatacont_3 .input-placeholder.active .text-placeholder,
#contactdatacont_4 .input-placeholder.active .text-placeholder,
#contactdatacont_4_log .input-placeholder.active .text-placeholder{
	top: -2px !important;
}

.step_2 #contactdatacont_1 .input-placeholder input,
.step_2 #contactdatacont_2 .input-placeholder input,
.step_2 #contactdatacont_3 .input-placeholder input,
.step_2 #contactdatacont_4 .input-placeholder input,
.step_2 #contactdatacont_4_log .input-placeholder input,
.registration .document .cnt table td .input-placeholder input{
	padding: 20px 10px 5px 10px !important;
    border: 1px solid #8080802b;
    border-radius: 10px !important;
}

#contactdatacont_1 .input-placeholder,
#contactdatacont_2 .input-placeholder,
#contactdatacont_3 .input-placeholder,
#contactdatacont_4 .input-placeholder{
	top: 0px;
	cursor: text;
	height: 100%;
}

.step_2 #contactdatacont_1 .input-placeholder.active input,
.step_2 #contactdatacont_2 .input-placeholder.active input,
.step_2 #contactdatacont_3 .input-placeholder.active input,
.step_2 #contactdatacont_4 .input-placeholder.active input{
	padding: 25px 10px 5px 10px !important;
    font-size: 1.6rem;
}

#contactdatacont_2 .cnt div:nth-child(4) .text-placeholder,
#contactdatacont_4 .cnt div:nth-child(5) .text-placeholder,
.registration .input-placeholder.active .custom-select + .text-placeholder{
	color: transparent !important;
}
.search .input-placeholder.active .text-placeholder {
    transform: translate(0px, 0px);
}
.search .input-placeholder.active .text-placeholder span {
    background: transparent;
    color: #999999;
}

#customsignordercont .cnt div:nth-child(2) .input-placeholder .text-placeholder{
	color: transparent;
}

#customsignordercont .cnt div .input-placeholder textarea + .text-placeholder{
	color: #999999 !important;
}

.input-placeholder.active .text-placeholder>span{
	font-size: 0.75rem;
}
#contentcont.ordbaskets .input-placeholder .custom-select {
    padding: 0;
    height: 100%;
    border-radius: 10px;
}
.input-placeholder .text-placeholder span, #logincont .input-placeholder .text-placeholder span{
	font-family: 'IBM Plex Sans', Arial, sans-serif !important;
}
.ordbaskets.step_3 .input-placeholder .custom-select select {
    height: 26px !important;
}
#contentcont.ordbaskets .input-placeholder .custom-select select,
.registration .input-placeholder #comxcouid,
.registration .input-placeholder #cstxcouid{
    height: 26px;
    font-size: 0.875rem !important;
    line-height: 1.3125rem;
    color: #4d4d4d;
    padding: 0;
    color: #999;
}
.step_2 .custom-select select{
	    height: 100% !important;
    line-height: 1rem !important;
}
#alertcontainer{
	background: #1352d2;
	border: none;
	z-index: 201;
}

#alertcontainer p{
	color: white;
	font-size: 2rem;
}
#footercont .newsletterbox .cnt .newsletter{
	     width: auto;
    margin: 10px 0 !important;
}

#footercont .newsletterbox .cnt .newsletter .input-required.input-email{
	width: 64%
}
#customsignordercont .cnt .rowbox .input-placeholder textarea {
    padding: 15px 10px 15px 10px;
    max-width: 100%;
    min-height: 42px;
    max-height: 200px;
    font-size: 0.875rem;
}
#footercont .newsletterbox .cnt .newsletter button{
padding: 12px 8px;
}


/*.boxcont.buyasfirm .cnt .rowbox:nth-child(2) .inputs .input-placeholder{
    width: calc(100% - 100px);
}*/
html[lang="sk"] .boxcont.buyasfirm .cnt .rowbox:nth-child(2) .inputs .input-placeholder{
    width: 100%;
}
.input-placeholder .custom-select select {
    padding: 0;
/*    margin: 0 0 0 10px !important;*/
}

.step_3 #contactdatacont_4_log .input-placeholder .custom-select select{
	margin: 0 !important;
    color: #000;
    height: initial;
  	pointer-events: none;
    font-size: 1em !important;
}

.registration .input-placeholder .custom-select select {
	padding: 10px 0 0 0;
    height: 48px !important;
}

#reg-firm table tr td div.input-placeholder{
	margin: 0 0 0 0;
}

.registration #reg-firm .cnt table tbody tr:nth-child(1) td .input-placeholder{
	margin: 0;
} 


.ordbaskets #logincontactcont .input-placeholder .text-placeholder{
	top: 14px;
}
#logincontactcont .input-placeholder .text-placeholder{
	top: 18px;
}

.login.sptnavigator .newpassword .input-placeholder input{
	height: 48px;
	padding: 20px 15px 10px 10px;
}

.login.sptnavigator .newpassword .input-placeholder.active .text-placeholder{
transform: translate(0px, -5px);
}

.login.sptnavigator .newpassword .input-placeholder .text-placeholder {
    transform: translate(0px, 4px);
}

.login.sptnavigator .newpassword .cnt form .tabform tbody tr:nth-child(1) th{
	display: block;
    float: right;
    padding: 20px 10px;
}

.login.sptnavigator .login .cnt form .tabform tbody tr td input{
	height: 48px;
	padding: 20px 15px 10px 10px;
}

.login.sptnavigator .login .cnt form .tabform tbody tr td .text-placeholder{
	transform: translate(0px, 0px);
}

.login.sptnavigator .login .cnt form .tabform tbody tr td .input-placeholder.active .text-placeholder{
	transform: translate(0px, 0px);
}

#footercont .newsletterbox .gdpr .cnt form .input-placeholder input{
	height: 48px;
	padding: 20px 15px 10px 10px;
}

#footercont .newsletterbox .gdpr .cnt form .text-placeholder{
	transform: translate(0px, 5px);
}

#footercont .newsletterbox .gdpr .cnt form .input-placeholder.active .text-placeholder{
	transform: translate(0px, -7px);
}

#footercont .newsletterbox .cnt .newsletter .hdr p {
    padding: 15px 10px 13px 0;
}

.showinfobeforebuy .input-placeholder input{
	height: 48px;
	padding: 20px 15px 10px 10px;
}

.showinfobeforebuy .text-placeholder{
	transform: translate(0px, -3px);
}

.showinfobeforebuy .input-placeholder.active .text-placeholder{
	transform: translate(0px, -7px);
}

#footercont .newsletterbox .cnt{
	max-width: 1200px;
}

#DigiCertClickID_W0jZEBePSeal img{
	transform: translate(-500%, -115%);
    max-width: 100px;
}

#DigiCertClickID_W0jZEBePSeal{
	height: 0;
}

html[lang="cs"] .ordbaskets #paywaycont .cnt ul .payid_1:hover:after,
html[lang="cs"] .ordbaskets #paywaycont .cnt ul .payid_10:hover:after{
	content: "Nelze u serverů";
    color: #515151;
    font-size: 1.2rem;
    width: 50%;
    display: block;
    float: right;
    text-align: right;
    position: relative;
    bottom: -9px;
}

html[lang="sk"] .ordbaskets #paywaycont .cnt ul .payid_1:hover:after,
html[lang="sk"] .ordbaskets #paywaycont .cnt ul .payid_10:hover:after{
	content: "Nie je možné pre servery";
    color: #515151;
    font-size: 1.2rem;
    width: 50%;
    display: block;
    float: right;
    text-align: right;
    position: relative;
    bottom: -9px;
}


.ordbaskets .trippleswitch .trplopt label{

    color: transparent;
    /* height: 50px; */
    margin: 0;
    padding: 10px 10px 15px 10px;
    position: relative;
    z-index: 100;
    text-align: center;
    font-size: 0;
    width: 100%;
}

#trippleswitchcont .trplopt label:before,
#trippleswitchcont .trplopt label:after{
    font-size: 22px;
    margin: 0px -10px;
}

#trippleswitchcont .trplopt label:before{
    margin: 5px -10px;
}
#contentcont [data-strid="8764596"] #prodlistanchor #stitable tr .stock {
	display: none;
}

.stitable .pack_code{
	margin: 0;
	font-size: 1rem;
}

.price .wvat span,
.price .wvat p{
	font-size: 0.75rem !important;
}

#wnCarousel9, #wnCarousel10, #wnCarousel11, #wnCarousel12{
	display: none !important;
}


#ui-id-4:before{

    content: "Parametry serveru";
    font-size: 1.125rem;
    padding: 10px 0 0px 15px;
    width: 100%;
    display: block;
    color: #152654;
}
#ui-id-2:before{
        content: "Vlastnosti modelové řady";
        font-size: 1.125rem;
    padding: 10px 0 10px 15px;
    width: 100%;
    display: block;
    color: #152654;
}
#ui-id-2{
        border: 10px solid #d0d0d0;
        margin: 30px 0 0 0;
}
.config .tabs .ui-tabs-panel{
    margin: 0;
    padding: 0;
    width: 100%;
    background: #fafafa;
    border:none;
    display: block !important;
}

.config .tabs ul.ui-tabs-nav [aria-controls="ui-id-4"]{
    display: none;
}

.owl-carousel .owl-wrapper-outer {
    background: #fff;
}

.prodbox h2 {
     text-align: left;
    line-height: 1.5rem;
    font-size: 1rem !important;
    font-weight: 400;
    height: 4.5em;
    text-transform: inherit;
}
.prodbox h2 a{
    text-decoration: none !important;
}
.boxcont.stiparcomp table .stiwartxt th{
	color: transparent;
	line-height: 6px;
}
.stiparcomp .cnt table tr{
	background-color: #fff !important;
}

.stiparcomp .cnt table tr td{
	border-bottom:1px solid #dedede;
}

.stiparcomp .cnt table .Remove td,
.stiparcomp .cnt table .thumbnail td,
.stiparcomp .cnt table .buy td{
	 border-bottom: 1px solid #dedede !important;

}

.owl-controls {
    display: none !important;
}

.boxcont.stiparcomp table .stiwartxt th:after{
	display: block !important;
	content: "Záruka";
	color: #4d4d4d;
}

.btn-config{
    background-color: #051647 !important;
    opacity: 0.9 !important;
	padding: 4% 7% !important;
	border-radius: 2px !important;
}

/*.ordbaskets #deliverycont .hdr p:after{
	content: "\f05a";
	font: normal normal normal 1.5rem/1 FontAwesome;
	-webkit-font-smoothing: antialiased;
	font-size: 2.2rem;
	margin: 0 0 0 10px;
}*/

/*.ordbaskets #deliverycont .hdr p:hover:before{
	content: "Balné je zahrnuto v ceně manipulačního poplatku.";
	display: block;
	position: absolute;
	margin: 0 0 0 13%;
	color: #000000;
	font-size: 1.3rem !important;
	font-weight: normal;
	padding: 10px;
	border: 1px solid #C0C0C0;
	border-radius: 0.5em;
	background: white;
}*/

#cookieUseAgreement{
	z-index: 9;
}



/*Novinka CVUT*/
span.cls_006{font-family:Arial,serif;font-size:14.0px;color:rgb(254,255,255);font-weight:bold;font-style:normal;text-decoration: none}
div.cls_006{font-family:Arial,serif;font-size:14.0px;color:rgb(254,255,255);font-weight:bold;font-style:normal;text-decoration: none}
span.cls_009{font-family:Arial,serif;font-size:23.0px;color:rgb(254,255,255);font-weight:bold;font-style:normal;text-decoration: none}
div.cls_009{font-family:Arial,serif;font-size:23.0px;color:rgb(254,255,255);font-weight:bold;font-style:normal;text-decoration: none}
span.cls_003{font-family:Arial,serif;font-size:31.2px;color:rgb(254,255,255);font-weight:bold;font-style:normal;text-decoration: none}
div.cls_003{font-family:Arial,serif;font-size:31.2px;color:rgb(254,255,255);font-weight:bold;font-style:normal;text-decoration: none}
span.cls_004{font-family:Arial,serif;font-size:12.0px;color:rgb(254,255,255);font-weight:normal;font-style:normal;text-decoration: none}
div.cls_004{font-family:Arial,serif;font-size:12.0px;color:rgb(254,255,255);font-weight:normal;font-style:normal;text-decoration: none}
span.cls_005{font-family:Arial,serif;font-size:31.2px;color:rgb(88,172,222);font-weight:bold;font-style:normal;text-decoration: none}
div.cls_005{font-family:Arial,serif;font-size:31.2px;color:rgb(88,172,222);font-weight:bold;font-style:normal;text-decoration: none}
span.cls_002{font-family:Arial,serif;font-size:21.0px;color:rgb(88,172,222);font-weight:bold;font-style:normal;text-decoration: none}
div.cls_002{font-family:Arial,serif;font-size:21.0px;color:rgb(88,172,222);font-weight:bold;font-style:normal;text-decoration: none}
span.cls_008{font-family:Arial,serif;font-size:14.1px;color:rgb(38,46,64);font-weight:bold;font-style:normal;text-decoration: none}
div.cls_008{font-family:Arial,serif;font-size:14.1px;color:rgb(38,46,64);font-weight:bold;font-style:normal;text-decoration: none}
span.cls_010{font-family:Arial,serif;font-size:23.1px;color:rgb(88,172,222);font-weight:bold;font-style:normal;text-decoration: none}
div.cls_010{font-family:Arial,serif;font-size:23.1px;color:rgb(88,172,222);font-weight:bold;font-style:normal;text-decoration: none}
span.cls_011{font-family:Arial,serif;font-size:23.1px;color:rgb(38,46,64);font-weight:bold;font-style:normal;text-decoration: none}
div.cls_011{font-family:Arial,serif;font-size:23.1px;color:rgb(38,46,64);font-weight:bold;font-style:normal;text-decoration: none}
span.cls_012{font-family:Arial,serif;font-size:12.7px;color:rgb(254,255,255);font-weight:bold;font-style:normal;text-decoration: none}
div.cls_012{font-family:Arial,serif;font-size:12.7px;color:rgb(254,255,255);font-weight:bold;font-style:normal;text-decoration: none}
span.cls_013{font-family:Arial,serif;font-size:12.7px;color:rgb(38,46,64);font-weight:bold;font-style:normal;text-decoration: none}
div.cls_013{font-family:Arial,serif;font-size:12.7px;color:rgb(38,46,64);font-weight:bold;font-style:normal;text-decoration: none}
.cvut_nws{
	height:1400px;
	width: 841px;
	margin: 0 auto;
}
/*Novinka CVUT*/

/*Novinka CvT*/
.wnnote table td{
	border-bottom: 1px solid #ddd;
	padding: 0 10px 0 0;
}
/*Novinka CvT*/

/*Odkaz na stránku se všemi novinkami*/
div.nextwn{
   display: flex;
    float: right;
    margin: -40px 70px;
    font-size: 1.2em;
}

div.nextwn a{
    color: #4d4d4d;
    font-size: 1rem;
}


/* div[data-stiid="xcislo xxxxx"]{} - selektor pro konkrétní produkt na eshopu */
/* div[data-stiid="xcislo xxxxx"]{} - selektor pro konkrétní produkt na eshopu */

.step_3 #contactdatacont_4 .input-placeholder{
    pointer-events: none;
}
.step_3 #contactdatacont_4 .input-placeholder.active input,
.step_3 #contactdatacont_4 .input-placeholder input,
.step_3 #contactdatacont_4_log .input-placeholder.active input,
.step_3 #contactdatacont_4_log .input-placeholder input{
	border: none !important;
	font-size: 1.3rem;
	padding: 5px 0 !important;
	pointer-events: none;
}

.step_3 .input-placeholder{
margin: 0;
}

.step_3 #contactdatacont_4 .text-placeholder,
.step_3 #importByICO,
.step_3 #contactdatacont_4_log .text-placeholder{
	display: none !important;
}

.step_3 #contactdatacont_3{
	display: none;
}
.step_3 #contactdatacont_4{
	width: 19%;
    float: left !important;
    clear: none;
}

.step_3 label[for="fill_cst"]{
	display: none !important;
}

#contentcont.ordbaskets .input-placeholder .custom-select select {
    margin: 0 0 0 10px !important;
    /*height: initial !important;*/
}
.step_3 #contactdatacont_4 .custom-select,
.step_3 #contactdatacont_4_log .custom-select{
    background: none;
    border: none;
    color: black;
    padding: 0 !important;
}

.step_3 #contactdatacont_4 select{
       color: #4d4d4d !important;
    margin: 0 !important;
/*    height: auto !important;*/
}
.step_3 #contactdatacont_4 label[for="nofill_cst"],
.step_3 #contactdatacont_4_log label[for="nofill_cst"]{
	display: none;
}
.step_3 #contactdatacont_4 input:checked + label[for="nofill_cst"],
.step_3 #contactdatacont_4_log input:checked + label[for="nofill_cst"]{
	display: block;
}

.step_3 #contactdatacont_5 .hdr p,
.step_3 #contactdatacont_6 .hdr p,
.step_3 #contactdatacont_4:before{
	font-weight: 400;
}
.ordbaskets.step_3 .sumtab .handlingfeedetail .price{
	display: none;
}
html[lang="cs"] .ordbaskets.step_3 .sumtab .handlingfeedetail:after{
	content: "Balné zahrnuje přepravní paletu a ostatní materiály zajišťující maximální ochranu serveru během dopravy. U objednávek nad 10 000Kč/370€ je zdarma.";
    display: block;
    color: #000000;
    text-align: left;
    font-weight: 400;
    width: 200px;
}

html[lang="sk"] .ordbaskets.step_3 .sumtab .handlingfeedetail:after{
	content: "Balenie zahŕňa prepravnú paletu a ďalšie materiály na zabezpečenie maximálnej ochrany servera počas prepravy. Pri objednávkach nad 10 000 Kč/370 € je zdarma.";
    display: block;
    color: #000000;
    text-align: left;
    font-weight: 400;
    width: 200px
}
.ordbaskets #deliverycont .hdr p:after{
	content: "";
}
.config span > .info {
    position: relative;
    z-index: 90;
}

.step_3 .handlingfee>th{
	    width: 69px;
    min-width: unset;
    display: block;
    float: right;
}
.info span {
    min-width: unset;
}
.title.title_liziny .info>span{
	background-image: url(../img/config/hpe_rack_42U.jpg);
    background-repeat: no-repeat;
    background-size: 300px;
    background-position: center 50px;
    height: 250px;
    width: 390px;
    padding: 10px;
      top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.title.title_server_boot_adaptery_s_disky_m\.2_ssd .info>span{
	background-image: url(../img/config/hpee-ns204i-p-nvme.jpg);
    background-repeat: no-repeat;
    background-size: 300px;
    background-position: center 50px;
    height: 420px;
    width: 390px;
    padding: 10px;
}

}
/*.liziny label[for="js_cocsel_8_1_78041"] span.configname:hover:after {
    border: 1px solid #C0C0C0;
    border-radius: 5px;
    background: #FFFFFF;
    content: "";
    position: absolute;
    background-image: url(../img/liziny.jpg);
    background-repeat: no-repeat;
    background-size: 300px;
    background-position: center -30px;
    height: 180px;
    width: 390px;
    padding: 10px;
    z-index: 10;
    margin: 20px -90px;
}*/

/*.boxcont.webnews.news a{
	text-decoration: underline;
}*/
/*konfigurator_liziny*/

.config .liziny .configinput label[for="js_cocsel_6_1_23291"] .configname:hover:after {
    background-image: url(../img/liziny/liziny-dell-r710.jpg);
    background-color: white;
    background-repeat: no-repeat;
    background-size: 390px;
    background-position: center 0px;
    height: 250px;
    width: 390px;
    position: absolute;
    border: 1px solid #C0C0C0;
    padding: 5px;
    z-index: 8;
    margin: -5px -1px;
}


.config .liziny .configinput label[for="js_cocsel_9_1_23675"] .configname:hover:after {
    background-image: url(../img/liziny/liziny-dell-r720-r730.jpg);
    background-color: white;
    background-repeat: no-repeat;
    background-size: 390px;
    background-position: center 0px;
    height: 250px;
    width: 390px;
    position: absolute;
    border: 1px solid #C0C0C0;
    padding: 5px;
    z-index: 8;
    margin: -5px -1px;
}

.config .liziny .configinput label[for="js_cocsel_7_1_23786"] .configname:hover:after {
    background-image: url(../img/liziny/liziny-hpe-dl360-gen6-7-vysuv.jpg);
    background-color: white;
    background-repeat: no-repeat;
    background-size: 390px;
    background-position: center 0px;
    height: 250px;
    width: 390px;
    position: absolute;
    border: 1px solid #C0C0C0;
    padding: 5px;
    z-index: 8;
    margin: -5px -1px;
}


.config .liziny .configinput label[for="js_cocsel_7_1_24701"] .configname:hover:after {
    background-image: url(../img/liziny/liziny-hpe-dl360-gen8-9-sff-lff-vysuv.jpg);
    background-color: white;
    background-repeat: no-repeat;
    background-size: 390px;
    background-position: center 0px;
    height: 250px;
    width: 390px;
    position: absolute;
    border: 1px solid #C0C0C0;
    padding: 0 5px;
    z-index: 8;
    margin: -5px -1px;
}

.config .liziny .configinput label[for="js_cocsel_7_1_24700"] .configname:hover:after {
    background-image: url(../img/liziny/liziny-hpe-dl360-gen8-9-sff-lff-tele.jpg);
    background-color: white;
    background-repeat: no-repeat;
    background-size: 390px;
    background-position: center 0px;
    height: 250px;
    width: 390px;
    position: absolute;
    border: 1px solid #C0C0C0;
    padding: 5px;
    z-index: 8;
    margin: -5px -1px;
}


.config .liziny .configinput label[for="js_cocsel_8_1_24701"] .configname:hover:after {
    background-image: url(../img/liziny/liziny-hpe-dl360-gen8-9-sff-lff-vysuv.jpg);
    background-color: white;
    background-repeat: no-repeat;
    background-size: 390px;
    background-position: center 0px;
    height: 250px;
    width: 390px;
    position: absolute;
    border: 1px solid #C0C0C0;
    padding: 5px;
    z-index: 8;
    margin: -5px -1px;
}

html[lang="cs"] .config .liziny .configinput label[for="js_cocsel_8_1_24700"] .configname:after,
html[lang="cs"] .config .liziny .configinput label[for="js_cocsel_8_1_24701"] .configname:after,
html[lang="cs"] .config .liziny .configinput label[for="js_cocsel_9_1_23675"] .configname:after,
html[lang="cs"] .config .liziny .configinput label[for="js_cocsel_7_1_24700"] .configname:after,
html[lang="cs"] .config .liziny .configinput label[for="js_cocsel_7_1_24701"] .configname:after,
html[lang="cs"] .config .liziny .configinput label[for="js_cocsel_7_1_23786"] .configname:after,
html[lang="cs"] .config .liziny .configinput label[for="js_cocsel_7_1_17703"] .configname:after,
html[lang="cs"] .config .liziny .configinput label[for="js_cocsel_6_1_23291"] .configname:after{
    display: inline-block;
    transform: translate(0, 0);
    color: #21378a;
    content: "[více info]" !important;
    font-family: 'IBM Plex Sans', Arial, sans-serif;
    padding: 0 !important;
    font-size: 0.85rem;
    border-bottom: 1px dotted;
    margin: 0 0 0 5px !important;
}

html[lang="sk"] .config .liziny .configinput label[for="js_cocsel_8_1_24700"] .configname:after,
html[lang="sk"] .config .liziny .configinput label[for="js_cocsel_8_1_24701"] .configname:after,
html[lang="sk"] .config .liziny .configinput label[for="js_cocsel_9_1_23675"] .configname:after,
html[lang="sk"] .config .liziny .configinput label[for="js_cocsel_7_1_24700"] .configname:after,
html[lang="sk"] .config .liziny .configinput label[for="js_cocsel_7_1_24701"] .configname:after,
html[lang="sk"] .config .liziny .configinput label[for="js_cocsel_7_1_23786"] .configname:after,
html[lang="sk"] .config .liziny .configinput label[for="js_cocsel_7_1_17703"] .configname:after,
html[lang="sk"] .config .liziny .configinput label[for="js_cocsel_6_1_23291"] .configname:after{
    display: inline-block;
    transform: translate(0, 0);
    color: #21378a;
    content: "[viac info]" !important;
    font-family: 'IBM Plex Sans', Arial, sans-serif;
    padding: 0 !important;
    font-size: 0.85rem;
    border-bottom: 1px dotted;
    margin: 0 0 0 5px !important;
}
.config .liziny .configinput label[for="js_cocsel_8_1_24700"] .configname:hover:after {
    background-image: url(../img/liziny/liziny-hpe-dl360-gen8-9-sff-lff-tele.jpg);
    background-color: white;
    background-repeat: no-repeat;
    background-size: 390px;
    background-position: center 0px;
    height: 250px;
    width: 390px;
    position: absolute;
    border: 1px solid #C0C0C0;
    padding: 5px;
    z-index: 8;
    margin: -5px -1px;
}


.config .liziny .configinput label[for="js_cocsel_7_1_17703"] .configname:hover:after {
    background-image: url(../img/liziny/liziny-hpe-dl380-g6-g7-374517-001.jpg);
    background-color: white;
    background-repeat: no-repeat;
    background-size: 390px;
    background-position: center 0px;
    height: 250px;
    width: 390px;
    position: absolute;
    border: 1px solid #C0C0C0;
    padding: 5px;
    z-index: 8;
    margin: -5px -1px;
}
/*konfigurator_liziny*/


.homepage .h-carousel>.h-banner{
	  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
    position: relative;
    width: 100%;
    height: inherit;
    
}

/*.banner1{
	background-image: url(../img/banner/R730.png);
	background-size: 60%;
    background-repeat: no-repeat;
    background-position: 30px 90px;
}
.banner2{
		background-image: url(../img/banner/hpe-dl380-gen10-12lff_1.jpg);
		    background-size: 68%;
    background-repeat: no-repeat;
    background-position: 19px -13px;
}
.banner3{
		background-image: url(../img/banner/lenovo-x3550-m5-8sff.jpg);
		background-size: 57%;
    background-repeat: no-repeat;
    background-position: 29px 38px;
}*/
.homepage .boxcont.h-carousel{
	width: 100%;
	border-bottom: 2px solid #E6E6E6;
	overflow: hidden;
	margin: 10px 0 10px 0;
}

.homepage .h-carousel{
	width: 75%;
    float: left;
    height: 325px;
    background: #fff;
    clear: left;
}

.homepage .h-carousel .h-carousel_controls{
	width: 25%;
    float: right;
    clear: right;
    display: block;
    height: 325px;
    margin: 0;
    padding: 0;
}
/*
.homepage .h-carousel .text-block{
	float: right;
    width: 50%;
    color: #142654;
}*/
/*.h-carousel h2{
	font-family: 'Hrot Basic Medium', Arial, sans-serif !important;
    float: right;
    text-align: right;
    margin: 25px 25px 35px 0;
    text-transform: uppercase;
    font-size: 2rem !important;
    width: 440px;
    font-weight: 400;
}

.h-carousel p{
	font-family: 'IBM Plex Sans', Arial, sans-serif !important;
    float: right;
    text-align: right;
    clear: right;
    margin: 0px 25px 0 0;
    width: 60%;
}

.h-carousel span{
    float: right;
    padding: 15px 20px;
    font-weight: 600;
    font-size: 1rem;
    margin: 55px 25px 0 0
}*/

.h-carousel .banner_btn{ 
    text-align: center;
    padding: 10px;
    color: #fff;
    font-weight: 400;
    font-size: 1rem;
    width: 100%;

}

.h-carousel_controls{
	    border-bottom: 2px solid #F2F2F2;
    border-left: 2px solid #F2F2F2;
    text-align: left;
    background: #FAFAFA;
    font-size: 1rem;
    cursor: pointer;
}

.boxcont.h-carousel .h-carousel_controls .h-carousel_btn:last-child{
	   border: 0px solid transparent !important;
}
.h-carousel_btn{
    background: #fAfAfA;
    border-bottom: 2px solid #F2F2F2;
    height: calc(100% / 5);
    list-style: none;
    padding: 23px 20px;
    width: 100%;
    position: relative;
    z-index: 3;
}

.h-carousel_btn a{
	color: #000 !important;
}
.h-carousel_btn.active {
	background: #fff;
    border-bottom: 2px solid #224AAB !important;
}

.h-carousel_btn:hover{
	background: #fff !important;
}

.homepage #wnCarousel14{
	float: left;
    width: 75%;
    clear: left;
    border-right: 2px solid #fafafa;
    border-bottom: 2px solid #E6E6E6;
}

.homepage .wn14right{
	float: right;
    width: 25%;
    clear: right;
    background: #fff;
    height: 470px;
    border-bottom: 2px solid #E6E6E6;
}
.eet p, #footercont .footerinfo .cnt .copyright{
	color: #b1b1b1;
	font-size: 0.75rem !important;
}
.homepage .wn14right .cnt{
	margin: 0 25px 0px 20px;
    width: 85%;
}
.homepage .wn14right .hdr p{
    text-align: left;
    text-transform: uppercase;
    padding: 30px 30px 15px 20px;
    font-size: 1.5rem !important;
    line-height: 2.25rem;
    background: #fff;
}
.homepage .wn14right .cnt p{
    font-size: 1rem;
}

.boxcont.sluzby .sluzby_blok p{
	font-weight: 400;
}

header .custom-select, header .custom-multi-select{
	background-color: transparent;
	border: none;
	border-bottom: 2px solid #224AAB;
	width: 100%;
	border-radius: 0px !important;
	margin: 0;
	background: transparent url(../img/select-arr-down_wht.svg) 32px 0px no-repeat;
}

header .custom-select select{
	color: #fff;
    padding: 0 20px 0 0;
    margin: 0;
}
header .custom-select select option{
color: #000;
}

.boxcont.sluzby{
	background: #fff;
	margin: 30px 0 0 0 !important;
	border-bottom: 2px solid #E6E6E6;
}
/*.boxcont.sluzby .left_cont{
	width: 50%;
    float: left;
    background: url(../img/uvodni_stranka/cz_s-uvod_1.jpg) no-repeat !important;
    height: 400px;
    position: relative;
    background-size: 120% !important;
    background-position: -80px 0px !important;

}*/
.boxcont.sluzby .left_cont{
	width: 50%;
    float: left;
    background: url(../img/uvodni_stranka/server_lab.jpg) no-repeat !important;
    height: 400px;
    position: relative;
    background-size: 100% !important;
}
.boxcont.product.carousel .tools .btn{
	color: #21378A;
    border: 1px solid #21378A;
    background: #fff !important;
    padding: 0px 10px 2px 10px;
    float: right;
    margin: 0;
}

.boxcont.product.carousel .tools .btn span{
/*    text-transform: lowercase;*/
    font-size: 0;
}
html[lang="cs"] .boxcont.product.carousel .tools .btn span:after{
	content: "Konfigurovat";
	font-size: 0.875rem;
}

html[lang="sk"] .boxcont.product.carousel .tools .btn span:after{
	content: "Konfigurovať"; 
	font-size: 0.875rem;
}


.boxcont.sluzby .right_cont{
	width: 50%;
	float: right;
}
.boxcont.sluzby .left_cont h4{
	    width: 75%;
    font-size: 0.85rem !important;
    font-family: 'Hrot Basic Medium', Arial, sans-serif !important;
    text-transform: uppercase;
    color: #ffffff;
    background: #00000069;
    padding: 0 0 0 30px;
    font-weight: 400;
}
.boxcont.sluzby .left_cont h3{
    padding: 8px 30px;
    width: 75%;
    font-size: 1.5rem !important;
    font-family: 'Hrot Basic Medium', Arial, sans-serif !important;
    text-transform: uppercase;
    line-height: 3rem;
    color: #ffffff;
    background: #00000069;
    font-weight: 400;
}

/*.config-detail .sts.sts0{
	display: none;
}*/
.boxcont.sluzby .left_cont a{
	color: #fff;
    background: #FA4047;
    padding: 10px 20px;
    position: absolute;
    bottom: 30px;
    left: 30px;
    width: 95%;
}

.boxcont.sluzby .sluzby_blok{
    width: 50%;
    float: left;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.boxcont.sluzby .sluzby_blok h4 {
    font-weight: 400;
    margin: 0 auto;
    float: unset;
    clear: none;
    width: auto;
    font-size: 1rem;
    color: #152654; 
    text-align: center;
}

.boxcont.sluzby .sluzby_blok a{
    float: none;
    margin: 15px;
    color: #FA4047;
}

.boxcont.sluzby .sluzby_blok p,
.boxcont.sluzby .sluzby_blok a{
	text-align: center;
	font-size: 1rem;
    line-height: 1.5rem;
}

.boxcont.sluzby .sluzby_blok p,
.boxcont.sluzby .sluzby_blok a{
	display: none;
}
.boxcont.sluzby .sluzby_blok:hover{
	background: #FAFAFA;
}
.boxcont.sluzby .sluzby_blok:hover p,
.boxcont.sluzby .sluzby_blok:hover a{
	display: block !important;
}

.boxcont.sluzby .sluzby_blok:hover h4,
.boxcont.sluzby .sluzby_blok:hover img{
	display: none !important;
}

.boxcont.sluzby .right_cont div:nth-child(1){
    border-right: 2px solid #FAFAFA;
    border-bottom: 2px solid #FAFAFA;
}

.boxcont.sluzby .right_cont div:nth-child(2){
    border-bottom: 2px solid #FAFAFA;
}

.boxcont.sluzby .right_cont div:nth-child(3){
    border-right: 2px solid #FAFAFA;
}



div[data-cpaid="1612"] .param.val label{
	width: 90%;
}

/*div[data-cpaid="1612"] div[data-cpvid="4"]:hover:before {
	content: "";
    position: absolute;
    background-image: url(../img/servery/hpe-ml350p-gen8-6lff.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 50%;
    height: 150px;
    z-index: 100 !important;
    text-align: center;
    width: 300px;
    border: 1px solid #C0C0C0;
    border-radius: 5px;
    background-color: #FFFFFF;
    margin: 0;
}

div[data-cpaid="1612"] div[data-cpvid="3"]:hover:before {
	content: "";
    position: absolute;
    background-image: url(../img/servery/hpe-dl980-g7.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 50%;
    height: 150px;
    z-index: 100 !important;
    text-align: center;
    width: 300px;
    border: 1px solid #C0C0C0;
    border-radius: 5px;
    background-color: #FFFFFF;
    margin: 0;
}

div[data-cpaid="1612"] div[data-cpvid="2"]:hover:before {
	content: "";
    position: absolute;
    background-image: url(../img/servery/hpe-dl380-gen10-12lff.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 50%;
    height: 150px;
    z-index: 100 !important;
    text-align: center;
    width: 300px;
    border: 1px solid #C0C0C0;
    border-radius: 5px;
    background-color: #FFFFFF;
    margin: 0;
}

div[data-cpaid="1612"] div[data-cpvid="1"]:hover:before {
	content: "";
    position: absolute;
    background-image: url(../img/servery/dell-r440-8sff.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 50%;
    height: 150px;
    z-index: 100 !important;
    text-align: center;
    width: 300px;
    border: 1px solid #C0C0C0;
    border-radius: 5px;
    background-color: #FFFFFF;
    margin: 0 265px;
}*/
.boxcont.proc .blok_proc{
	width: 50%;
    float: left;
    padding: 30px;
    height: 205px;
    position: relative;
}

.blok_proc>div{
position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 0 30px 30px;
    z-index: 1;
}

.blok_proc>p{
right: 0px;
    bottom: 44px;
    position: absolute;
}
.boxcont.proc h2{
	width: 50%;
    color: #152654;
    margin: 0px 0px 40px 0;
    font-size: 2.25rem !important;
    line-height: 2.875rem !important;
    font-weight: 500;
}
.boxcont.proc h2:after{
	content: "_";
	color: #FA4047;
}
.boxcont.proc .cont_proc{
	background: #fff;
	display: inline-block;
	border-bottom: 2px solid #E6E6E6;
}

.blok_proc h3{
	color: #FA4047;
    font-family: 'Hrot Basic Medium' !important;
    padding: 0 0 20px 0;
    font-size: 1.5em;
    font-weight: 400;
    text-transform: uppercase;
}

.boxcont.proc{
	width: 55%;
	margin: 100px 0 30px 0;
}

.boxcont.reference{
	    width: 40%;
    float: right;
    margin: 40px 0 0 0;
    border-top: 5px solid #fa4047;
}

.boxcont.reference h3{
	    width: 100%;
    color: #152654;
    padding: 30px;
    font-size: 1.5rem !important;
    line-height: 2.25rem !important;
    text-transform: uppercase;
    font-weight: 400;
    font-family: 'Hrot Basic Medium' !important;
}
.blok_proc li{
	color: #4D4D4D;
	list-style: none;
	font-size: 1rem;
    line-height: 1.5rem;
}

#cookieUseAgreement button, #cookieUseAgreement a{
    font-size: 1rem;
}

.blok_proc li:before{
	content: "-";
    color: #152654;
    font-family: monospace;
    display: inline-block;
    float: left;
    padding-right: 5px;
}
.blok_reference{
	padding: 0;
	display: inline-block;
	height: initial;
}
.blok_reference .logo{
	width: 20%;
    float: left;
}

.blok_reference .text{
	width: 80%;
    float: right;
    padding: 0 20px 20px 20px;
    border-left: 2px solid #E6E6E6;
    margin: 0 0 20px 0;
}

.homepage .text p{
    font-size: 1rem;
    line-height: 1.5rem;
    color: #4D4D4D;
}

.reference .blok_puntiky_reference{
	margin: -8% 0 5% -0.5%;
	display: none;
}

.v-carousel .blok_puntiky_v-carousel{
	margin: 70px 0 0 0;
	display: none;
}


.puntiky_reference{
    width: 24px;
    height: 4px;
    background: #E6E6E6;
    display: inline-block;
    margin: 0 0 0 4px;
}
.prcrange .price-range .noUi-connect {
    background: rgb(33 55 138);
}
.puntiky_v-carousel{
    width: 24px;
    height: 4px;
    background: #224AAB;
    display: inline-block;
    margin: 0 0 0 4px;
}

#leftcont {
    width: 30%;
}
#contentcont.wleft {
    width: calc(100% - 30%);
}
.config .title {
    background: #fff;

}
.config .title {
/**/
}
.cont_reference{
	    background: #fff;
    border-bottom: 2px solid #E6E6E6;
}

.homepage .boxcont .date{
	margin: 10px 0 0 0;
padding: 5px 2px;
    color: #999999;
    float: left;
    display: block;
    clear: both;
}

.puntiky_reference.active,
.puntiky_v-carousel.active {
    background: #FA4047;
}

.blok_v-carousel .logo{
background-image: url(../img/rast_tecky.png) !important;
    background-position: 75% 55% !important;
    background-repeat: no-repeat !important;
    background-size: 440%;
}

.homepage #contentcont .boxcont.news {
    width: 75%;
    /*margin: 15px;*/
    float: left;
    clear: left;
}
.homepage .news li {
    width: 29%;
    margin: 10px 20px 45px 0px;
    float: left;
    clear: initial;
    height: 340px;
}
.homepage .news li:last-child{
    display: none;
}
.cont.contentcont.wm .article .hdr h1{
	display: none;
}
.homepage .boxcont.v-carousel .cont_v-carousel{
	width: 100%;
    background: #152654;
    padding: 25px;
    border-top: 5px solid #FA4047;
    height: 638px;
}

.homepage .boxcont.v-carousel{
	width: 25%;
    background: #fafafa;
	margin: 35px 0 0 0;
	position: relative;
	float: right;
	clear: right;
}

.homepage .news ul{
	display: flex;
}
.homepage .boxcont.news:after{
	background: url(../img/fafafa.png) !important;
    position: absolute;
    content: "";
    width: 100%;
    height: 2000px;
    /*height: -webkit-fill-available;*/
    z-index: 0;
    left: 0%;
    margin: 0 0 0 0;
    min-width: 300px;
}

.cont_v-carousel h3{
	font-size: 1.125rem !important;
    line-height: 1.625rem;
    font-family: 'Hrot Basic Medium' !important;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
    padding: 0 0 30px 0;
}

.blok_v-carousel .logo {
    width: 100%;
    height: 180px;
}

.blok_v-carousel .logo img{
float: unset;
    clear: none;
    display: block;
    margin: 0px auto;
    padding: 20px 0;
    width: 50%;
}

.blok_v-carousel .text p{
	color: #fff;
	padding: 25px 0 15px 0px;
}

.v-carousel .blok_puntiky{
	margin: 20px 0 0 0;
}

.cont_v-carousel .tlacitko a{
	    width: 100%;
    background: #FA4047;
    color: #fff;
    text-align: center;
    padding: 10px;
    float: left;
}

.homepage .boxcont.newsletter{
	position: relative;
	float: left;
    clear: left;
    display: block;
    width: 75%;
}

.homepage .cont_newsletter{
	position: relative;
    float: left;
    clear: left;
    display: block;
    width: 92%;
    background: #ffffff;
    border: 1px solid #E6E6E6;
    padding: 30px;
    margin: 45px 0 40px 0;
}

.cont_newsletter h3{
	float: left;
    clear: left;
    width: 30%;
    color: #152654;
    margin: 0 30px 0px 0;
    font-size: 1.25rem !important;
}

.cont_newsletter .blok_newsletter{
	width: 65%;
    float: left;
    margin: 0 0 5px 0;
}

.cont_newsletter input{
	width: calc(100% - 180px);
    float: left;
    border: 1px solid #E5E5E5;
    padding: 7px;
    margin: 0 0 0 0;
    border-radius: 0;
}

.cont_newsletter input[type="checkbox"]{
	position: relative;
    left: initial;
    width: auto !important;
    margin: 5px 5px 0 0;
}

.cont_newsletter a{
	float: left !important;
    width: 175px;
    background: #FA4047;
    color: #fff;
    padding: 9px;
    text-align: center;
    text-transform: lowercase;
}

.cont_newsletter p{
    font-size: 0.875rem !important;
}

#footercont .webmenu li ul{
	width: 100% !important;
}
#footercont .webmenu li ul a {
    font-size: 1rem;
    padding: 5px 0 0 0;
    line-height: 1.5rem;
}
#footercont .webmenu li a {
        font-size: 1rem;
    line-height: 1.5rem;
}
.homepage div.nextwn a:after{
content: " >";
} 

#footercont .companyinfo .hdr p, #footercont .companycontact .hdr p{
	color: #fff;
    font-size: 1rem !important;
    padding: 35px 0 0 0 !important;
    line-height: 1.5rem;
}

#footercont .companyinfo p, #footercont .companycontact p {
    font-size: 1rem !important;
    padding: 5px 0 0 0;
    line-height: 1.5rem;
    float: left;
    clear: left;
}

#footercont .webmenu li ul {
    padding: 0 !important;
}

.boxcont.companycontact p span{
	display: block;
}

#footercont .companyinfo p a, #footercont .companycontact p a{
	float: left;
	line-height: 1.3125rem;
}
.fa-phone:before,
.fa-mobile:before,
.fa-envelope:before{
	content: "";
}

nav>ul>li>a>span:after,
#footercont .companyinfo .hdr p:after{
	content: "_";
    display: block;
    color: #FA4047;
}

#footercont .boxcont.companyinfo .cnt{
	padding: 0 0 0 0 !important;
}

#footercont .companycontact .fa.fa-envelope{
    padding: 5px 0 10px 0;
}

.config-detail .boxcont.scroll_button{
	    width: 32%;
    float: right;
    padding: 0 20px;
    margin: 0 20px 0 0;
}
.article a{
	float: initial;
}
.webmenu.menuid_2>li>a{
	text-decoration: none !important;
}
.custom-select select, .custom-multi-select select{
	padding: 0px 25px 0px 6px;
}
/**********SMAZAT************/
/*.boxcont.news ul li:nth-child(4), .boxcont.news ul li:nth-child(6), .boxcont.news ul li:nth-child(7), .boxcont.news ul li:nth-child(8), .boxcont.news ul li:nth-child(9), .boxcont.news ul li:nth-child(10){
	display: none;
}*/
/**********SMAZAT************/
.price.basketprice u{
        	text-decoration: none;
        }
/*kontaktni stranka galerie*/
.column {
    float: left;
    width: calc(100% / 5);
    padding-right: 5px;
}
#footercont .eet{

    width: 60%;
}
.mySlides {
    display: none;
}

.cursor {
    cursor: pointer;
}
.warranties .item .custom-select{
    height: unset !important;
}


.warranties .srchform .item select,
.gdprpermiss .srchform .item select{
 	height: 25px;
 }
.kontakt_container .row div:nth-child(3){
	padding-left: 0 !important;
}
.active, .demo:hover {
opacity: 1 !important;
}
.demo {
  opacity: 0.6;
}

.input-placeholder{
	margin: 0;
}

.sptnavigator .kontakt .left {
    width: 50%;
    float: left;
    padding-right: 10px;
    clear: left;
}

.sptnavigator .kontakt .right{

width: 50%;

float: right;
}

.sptnavigator .kontakt .left.full{
    margin: 25px 0 0 0;
width: 100%;
}

/*kontaktni stranka galerie*/
#filterprcrangecont {
    display: none !important;
}
#footercont{
	position: relative;
	z-index: 2;
}
.btn-next:before {
    content: "\f054";
    float: right;
    margin: 5px 0 0 5px;
    font-size: 1rem;
}
.filter label {
    font-size: 0.85rem;
}
.facebook{
	display: none;
}
.btn-favour{
	display: none;
}
#contentcont #subcatscont{
	background-color: #ffffff;
    padding: 10px 15px 0px 10px;	
}
#filterorderbycont .custom-select {

	    border-radius: 0px !important;
}
#filterorderbycont .custom-select .orderselector{
	padding: 0 10px !important;
	height: 24px;
}
#nextpage span{
	font-size: 1rem !important;
}
.tabinfo tr:last-child th, .tabinfo tr:last-child td {
   border-bottom: 0px solid #cccccc !important;
   padding-bottom: 5px ;
}

.invoice .tabinfo tr:last-child th, .tabinfo tr:last-child td {
   padding-bottom: 5px !important;
}
.config span > .info span {
border-radius: 0px;
    box-shadow: 4px 4px 17px -2px rgb(0 0 0 / 50%);
    border: none;
    font-size: 0.85rem !important;
    line-height: 1.3125rem;
    height: unset;
   /* z-index: 101;
    top: -30px;
    left: 80px;*/
    width: 550px;
    margin:0px !important;
    top: -20px;
    left: 80px;
}

/*.contentcont .boxcont.configuration .hdr:before{
        content: "Konfigurátor";
    font-weight: 400;
    color: #21378a;
    font-size: 2rem;
    margin: 0;
    display: inline-block;
    background: #f2f2f2;
    width: calc(100%);
    padding: 5px 15px 20px 25px;
}*/
.navbar ul li *{
	font-size: 1rem !important;
line-height: 1.5rem;
}
.configuration .cnt{
    padding: 0px !important;
}
.stoitem .stiinfo .cnt .rowbox.similar_products{
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 3;
}

.stoitem .stiinfo .cnt .rowbox.similar_products .btn{
        background: #152654;
    color: #fff;
    font-size: 1rem;
    margin-bottom: 20px;
}
.stoitem .stiinfo .boxcont.msgbox.err{
    display: none;
}
.boxcont.err{
    border: none !important;
    box-shadow: none !important;
    background: #fff !important;
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 5px solid #fa4047 !important;
    padding: 0;
    margin: 30px 0 30px 0 !important;
}
.boxcont.msgbox.err ~ .rowbox.war{
border:none;
}   

.boxcont.msgbox.err .cnt{
    padding: 10px !important;
} 
#lottie {
    height: 630px !important;
    margin: 0;
    padding: 5px;
    background-color: #ffffff00 !important;
}
.webnews .boxcont > .hdr{
	border: none;
}

/*.configuration .hdr p{
	display: none;
}*/

.boxcont.stoitem{
display: grid;
    grid-template-columns: 34% 33% 3% 30%;
}

.boxcont.stoitem>.hdr{
	    width: 100%;
    background: #fff;
    padding: 25px;
    z-index: 10;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
}

.boxcont.stoitem>.cnt{
		display: grid;
		grid-template-columns: 34% 33% 3% 30%;
		    grid-column-start: 1;
    grid-column-end: 5;
    grid-template-rows: auto auto;
}

.boxcont.tabs.ui-tabs{
	grid-column-start: 1;
    grid-column-end: 5;
    margin: 20px 0 0 0;
} 

.boxcont.stoitem .stiimg a{
	float: unset;
	display: block;
} 
.stoitem .stiimg .owl-carousel .owl-item a{
	    margin-right: 20px;
	border: 1px solid #f2f2f2;
	    width: 100px;
}
.stoitem .tabs .tabpage > .cnt{
	background: #fff;
}

#contentcont{
	padding: 0;
}

.boxcont .hdr > h1 {
    font-weight: normal;
    color: #152654;
	padding: 0;
}

.stoitem .boxcont.tools .btn{
	float: right;
    margin: 5px !important;
    border: 1px solid #152654 !important;
}
.stoitem .boxcont.half.stiimg>.boxcont.img{
	width: calc(100% - 50px);
    margin: 10px 25px 25px 25px;
    border: 1px solid #f2f2f2;
    order: 2;
}
#prodlistanchor>.cnt{
	background: #fff;
    padding: 0 15px !important;
}
.stoitem .rowbox.avail.inet .text,
.stoitem .rowbox.code .text{
float: right;
} 
.stoitem .rowbox.code .text p:before{
	content: "Kód: ";
}
.stoitem .rowbox.code .label{
	display: none;
}
.producent{
	display: none;
}
.stoitem .stiimg .boxcont.img a img{
    width: 350px;
    height: auto;
}
/*.availability.inet .stock span{
	margin-left: 5px;
}*/
.boxcont.stoitem .stiimg .boxcont.img a{
display: block;
    margin: auto;
    width: 350px;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.stoitem .stiimg .owl-carousel .owl-item {
    width: auto !important;
}
.ordersort{
	background: #152654 !important;
}
li[aria-controls="stidiscussion"], 
li[aria-controls="stifbcomments"], 
li[aria-controls="stisendmails"],
li[aria-controls="ui-id-6"],
li[aria-controls="ui-id-8"],
li[aria-controls="ui-id-10"]{
	display: none;
}

.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active
.boxcont.products.noedit .ordcount input {
    text-align: right;
    font-size: 1rem !important;
    background: #fff !important;
    width: auto !important;
    color: #000;
    max-width: none !important;
    text-align: center;
}

.btn.btn-big.allow-all{
	background: #152654 !important;
	color: #fff !important;
}

.cnt .note .datasheet{
	display: none;
}

.boxcont.stiplnote .serverinfo{
	display: none;
}

.title.title_slevy{
	display: none !important;
}

.datasheet tr td:first-child {
/*    min-width: 270px;*/
}
header .btn.btn-comp.btn-second:before {
	background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 0;
    width: 32px;
    height: 32px;
    content: "" !important;
    background-color: transparent !important;
}

.btn.btn-comp.btn-second:before {
	    content: "" !important;
    background-color: transparent !important;
		background-position: 4px -2px;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 0;
    background-image: url(../img/icons/CS_arrow_down_left.svg);
    }
.rf, .rfaf, .recycle .rf td{
	display: none;
}
.cnt .note .datasheet{
	display: none;
}

.boxcont.stiplnote .serverinfo{
	display: none;
}

.title.title_slevy{
display: none;
}

.eet{
	display: none;
}

# .boxcont .buttons .btn:nth-child(2){
	background: #fff !important;
	color: #152654;
	border: 1px solid #152654;
}

.cont.cookie .boxcont .ftr .options {
    margin: 10px 0 10px 0;
}

.cont.cookie [type="checkbox"]:not(:checked) + label,
.cont.cookie [type="checkbox"]:checked + label{
	font-size: 0.875rem !important;
	color: #4a4a4a;
}
body.modal-show {
    overflow: unset;
}
body.modal-show #maincont{
	filter: unset;
}
.modal-content{
    width: auto;
    border-radius: 0px;
    box-shadow: none;
    padding: 0px;


}
.cont.cookie .boxcont .allow-all {
    float: right;
    background: #21378A !important;
    color: #fff;
    padding: 10px;
}
.cont.cookie .boxcont .hdr p {
    text-align: left;
    padding: 0;
    font-size: 1.25rem !important;
    background: #fff;
}
.cont.cookie .boxcont .cnt p {
    font-size: 0.875rem !important;
    line-height: 1.3125rem !important;
    padding: 10px 0 0 0px;
}
.cont.cookie .boxcont {
    padding: 25px;
}
.cont.cookie .btn {
    border: 1px solid #152654;
    padding: 10px;
}
.cont.cookie .boxcont .buttons .btn.btn-inv{
	background: #fff !important;
	color: #123654 !important;
}

.cont.cookie .boxcont .buttons .btn.btn-inv.allow-selection{
display: none;
}

.cont.cookie .boxcont .buttons.ds_none .btn.btn-inv.allow-selection{
display: block !important;
}

.modal-popup{
/*	max-width: 670px;
	z-index: 1000;
	padding: 0;
    background: #fff;
    position: fixed;
    display: block;
    margin: 0 auto;
    top: 220px;
    height: fit-content;
    -webkit-box-shadow: 0px 10px 13px -7px #000000, 1px 6px 7px 5px rgb(0 0 0 / 0%);
    box-shadow: 0px 10px 13px -7px #000000, 1px 6px 7px 5px rgb(0 0 0 / 0%);*/
}

.housing_v_datovem_centru .configinput.instock .configname:after,
.zaruky_a_servis .configinput.instock .configname:after,
.instalace_os .configinput.instock .configname:after,
.bonusy .configinput.instock .configname:after,
.operacni_pamet_ram .configinput.instock .configname:after{
	content: "" !important;
}

.boxcont.docscont.logged .logtools .menu .btn{
	color: #152654;
}
/*
.boxcont.logsuccess{
	display: none;
}*/
.btn-tool:before {
    color: #152654;
}
.gdprpermiss .tabinfo.hor td {
    background: #fff;
}
a.btn{
	color: #152654;
}
/*.logged .webmenu a[href="default.asp?cls=conparsets&catalogs=forcontact"],
.logged .webmenu a[href="default.asp?cls=company&u_stat=1&catalog=currency&script=visualize"],
.logged .webmenu a[href="default.asp?cls=catalog&xsl=xsearch&u_mode=ord&catalog=scategorysys&catalog=producttype&catalog=stoitemstatus&catalog=area&catalog=ordway"]{
	display: none;
}*/
.custom-select{
	height: unset;
}
#headercont .webmenu li ul li{
	margin: 0;
}
.srchform .item .btn{
	padding: 10px 10px;
    margin: 20px 0 0 0;
}
.deliveries .table-scroll th a,
.invoices .table-scroll th a{
	color: #000;
}

.srchform .item select{
	height: 25px;
}

.contentcont.orditems .table-scroll .name{
	font-size: 1rem !important;
}

.tabinfo.hor td{
	border-bottom: 0px solid #C0C0C0;
}

.logged .webmenu.menuid_1:nth-child(4) ul:nth-child(5),
.logged .webmenu.menuid_1>li:nth-child(4)>a,
.logged .webmenu.menuid_1>li:nth-child(3)>a,
.logged .webmenu.menuid_1>li:nth-child(1),
.logged .webmenu.menuid_1>li:nth-child(2),
.logged .webmenu.menuid_1>li:nth-child(3) ul li:nth-child(1),
.logged .webmenu.menuid_1>li:nth-child(3) ul li:nth-child(3),
.logged .webmenu.menuid_1>li:nth-child(3) ul li:nth-child(4),
.logged .webmenu.menuid_1>li:nth-child(3) ul li:nth-child(6),
.logged .webmenu.menuid_1>li:nth-child(3) ul li:nth-child(7),
.logged .webmenu.menuid_1>li:nth-child(3) ul li:nth-child(8),
.logged .webmenu.menuid_1>li:nth-child(3) ul li:nth-child(9),
.logged .webmenu.menuid_1>li:nth-child(3) ul li:nth-child(10),
.logged .webmenu.menuid_1>li:nth-child(3) ul li:nth-child(11),
.logged .webmenu.menuid_1>li:nth-child(4) ul li:nth-child(5){
	display: none !important;
}

/*#headercont .webmenu.menuid_1{
	display: grid !important;
    width: 100%;
    grid-template-columns: auto auto auto;
}*/
#headercont .logged ul li a span:hover{
	text-decoration: underline;
}
#headercont .webmenu.menuid_1 li:hover ul{
	-webkit-box-shadow: 0px 10px 13px -7px #000000, 1px 6px 7px 5px rgb(0 0 0 / 0%);
    box-shadow: 0px 10px 13px -7px #000000, 1px 6px 7px 5px rgb(0 0 0 / 0%);
}

.GDPR-DET{
	float: unset;
}

/*#customsignordercont .cnt .rowbox:nth-child(2){
	display: none;
}*/

.document .cnt table td .btn-pdf {
    background: transparent !important;
    margin: 0 5px;
}

#headercont .logged .cnt .inner .hdr .settings, 
#headercont .logged .cnt .inner .hdr .logoff {
        padding: 0;
    float: left;
    clear: left;
        border: 1px solid #fff;
}

#logincont .cnt form div.input-placeholder{
    margin: 0 0 10px 0;
}

#logincont .btn.btn-login.submit {
    background: #152564 !important;
    color: #fff;
}

.btn-remove:hover{
	color: #000;
}

.whisper {
    position: relative;
    z-index: 200;
    margin: 0;
}

.btn.btn-inv{
	background: #fafafa !important;
}

.delivmode.group.dmgid_5.ds_block .info{
	display: block !important;
	float: left;
	clear: left;
	height: 0;
}

.delivmode.group.dmgid_5.ds_block .info span{
	position: relative;
	display: block !important;
	float: left;
}



html[lang="cs"] #deliverycont .dmgid_5 input[type="radio"]:checked ~ .info:before{
/* background-image: url(../img/baleni/baleni_1.jpg); */
/* background-position: -16px 2px; */
/* background-repeat: no-repeat; */
/* background-size: 150px; */
/* height: 85px; */
content: "Dopravce a způsob balení vybereme s ohledem na rychlost doručení a patřičné zabezpečení zásilky." !important;
width: 100%;
/* margin: 6px 10px 0 10px !important; */
padding: 10px 0 4px 15px !important;
font-family: 'IBM Plex Sans', Arial, sans-serif;
font-size: 0.875rem;
line-height: 1.3125rem;
border: 0px;
color: #333;
}
/*html[lang="cs"] #deliverycont .dmgid_5 input[type="radio"]:checked ~ .info:before{
	background-image: url(../img/baleni/baleni_1.jpg);
    background-position: -16px 2px;
    background-repeat: no-repeat;
    background-size: 150px;
    height: 85px;
    content: "Paletová přeprava Toptrans. Servery jsou zabalené do ochranné fólie, připevněné na plastových paletách(rozměr 60x80cm). Paleta je chráněna sedmivrstvým kartonem." !important;
    width: 54%;
    margin: 6px 10px 0 10px !important;
    padding: 10px 0 4px 150px !important;
    font-family: 'IBM Plex Sans', Arial, sans-serif;
    font-size: 0.875rem;
    line-height: 1.3125rem;
    border: 0px;
    color: #333;
}*/

html[lang="sk"] #deliverycont .dmgid_5 input[type="radio"]:checked ~ .info:before{
/* background-image: url(../img/baleni/baleni_1.jpg); */
/* background-position: -16px 2px; */
/* background-repeat: no-repeat; */
/* background-size: 150px; */
/* height: 85px; */
content: "Prepravcu a spôsob balenia vyberáme s ohľadom na rýchlosť dodania a primeranú bezpečnosť zásielky." !important;
width: 100%;
/* margin: 6px 10px 0 10px !important; */
padding: 10px 0 4px 15px !important;
font-family: 'IBM Plex Sans', Arial, sans-serif;
font-size: 0.875rem;
line-height: 1.3125rem;
border: 0px;
color: #333;
}
/*html[lang="sk"] #deliverycont .dmgid_5 input[type="radio"]:checked ~ .info:before{
	background-image: url(../img/baleni/baleni_1.jpg);
    background-position: -16px 2px;
    background-repeat: no-repeat;
    background-size: 150px;
    height: 85px;
    content: "Preprava paliet Toptrans. Servery sú zabalené v ochrannej fólii a namontované na plastových paletách (rozmer 60x80 cm). Paleta je chránená sedemvrstvovou lepenkou." !important;
    width: 54%;
    margin: 6px 10px 0 10px !important;
    padding: 10px 0 4px 150px !important;
    font-family: 'IBM Plex Sans', Arial, sans-serif;
    font-size: 0.875rem;
    line-height: 1.3125rem;
    border: 0px;
    color: #333;
}*/


#deliverycont .dmgid_5 input[type="radio"]:checked ~ .info:after{
content: "";
}
#deliverycont .dmgid_5 input[type="radio"]:checked ~ .info{
	height: unset;
}
.delivmode.group.dmgid_5.ds_block .info span{
	display: none !important;
}

#deliverycont .dmgid_5 .info:before{
	content: "";
}

.step_4 #contactdatacont_4_log .input-placeholder.active input, .step_3 #contactdatacont_4_log .input-placeholder input{
	padding: 0 !important;
}

#articleContent [type="checkbox"]:checked + label:after {
top: -2px !important;
}

.homepage .banner_btn:hover{
/*	box-shadow: 0 9px 10px 0 silver;*/
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

#filterstatuscont, #filterstorecont{
	display: none !important;
}




#footercont .footerinfo .cnt .copyright a {
	color: #b1b1b1;
    float: unset;
}

.status .sts p, .case .sts p, .status .bundle p, .case .bundle p, .status .hook p, .case .hook p, .status .discount p, .case .discount p, .status .action p, .case .action p {
    padding: 2px 10px;
    color: #152654;
    font-size: 0.75rem !important;
}

.boxcont .note .bonus{
	color: #fa4047;
	font-weight: 600;
}

.boxcont .note {
	color: #4D4D4D;
	margin: 0;
}

.owl-prev:before {
    content: "<";
    font-size: 15px;
    font-family: auto;
    padding: 2px 0 0 5px;
    transform: scale(2.3,4.7);
    width: inherit;
    color: #f2f2f2;
    display: block;
    float: left;
    margin: 0px 0 0 0;
}

.owl-next:before {
	content: ">";
    font-size: 15px;
    font-family: auto;
    padding: 2px 0 0 0px;
    transform: scale(2.3,4.7);
    width: inherit;
    color: #f2f2f2;
    display: block;
    float: right;
    margin: 0px 14px 0 0;
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled, .owl-nav{
	display: block !important;
	position: absolute;
	top: 0;
	height: 0;
	width: 100%;
}
.owl-nav button.owl-prev, .stoitem .stiimg .owl-prev{
	border-left: 0px solid #f2f2f2 !important;
    border-radius: 0 !important;
    float: left;
    width: 8%;
    height: 88px;
    margin: 0px 0 0 1px !important;
    background: linear-gradient(90deg, #fff , transparent 120%) !important;
}


.owl-nav button.owl-next, .stoitem .stiimg .owl-next{
	float: right;
    width: 8%;
    height: 88px;
    margin: 0 0 0 0 !important;
    background: linear-gradient(90deg, transparent , #fff 80%) !important;
}
.stoitem .stiimg .owl-next{
	height: 138px;
}
.stoitem .stiimg .owl-prev{
	height: 138px;
}
.owl-nav .owl-next span, .owl-nav .owl-prev span{
	color: transparent;
}

.homepage .owl-nav{
	display: none !important;
}

.owl-theme .owl-dots .owl-dot {
height: 15px;
display: -webkit-inline-flex;
}

/*.wm.sptnavigator, .wm.sptnavigator #centercont{
	background: #fff !important;
}
*/
/*User_css*/
.status .sts {
        border-radius: 0px !important;
        float: left;
        margin-right: 5px !important;

}


/*.sts.sts_new.sts1657{
	display: none !important;
}
.sts.sts3 {
    display: none !important;
}   
.sts1827 p span:nth-child(2){
	display: none;
}

.sts.sts_new p span:nth-child(2){
	display: none;
}
.status .sts.sts_new.sts1633, .case .sts.sts_new.sts1633{
	display: none !important;
}	
*/
.banner_clanek{
	background: #fff;
/*  background: radial-gradient(ellipse at center, #f2f2f2 0%,#ffffff 0%,#ffffff 33%,#f2f2f2 100%);*/
    padding: 30px;
    display: inline-block;
    box-shadow: 0px 2px 0px 0px rgb(221 221 221);
    width: 100%;
}
.banner_clanek_text{
	float: left;
}

.banner_clanek_text p{
	font-size: 1rem !important;
	line-height: 1.5rem !important;
	width: 100%;
}

.banner_clanek_obrazek{
    float: right;
}
/*html[lang="cs"] .btn-import:after{
	    content: "(pouze pro ČR)";
    display: block;
  font-size: 0.875rem;
} */ 
html[lang="cs"] .boxcont.config-img.half>a:after{
	    content: "Fotografie serveru je ilustrační";
    color: #b0b0b0;
    font-size: 0.875rem;
    display: block;
    align-self: flex-end;
    width: 100%;
}
html[lang="cs"] .boxcont.half.stiimg .img a:after{
	    content: "Fotografie je ilustrační";
    color: #b0b0b0;
    font-size: 0.875rem;
    display: block;
    z-index: 100;
    position: relative;
    align-self: flex-end;
    width: 100%;
}

html[lang="sk"] .btn-import:after{
	    content: "(len pro ČR)";
    display: block;
    font-size: 0.875rem;
}
html[lang="sk"] .boxcont.config-img.half>a:after{
	    content: "Fotografia servera je ilustračná";
    color: #b0b0b0;
    font-size: 0.875rem;
    display: block;
	align-self: flex-end;
    width: 100%;
}
html[lang="sk"] .boxcont.half.stiimg .img a:after{
	    content: "Fotografia je ilustračná";
    color: #b0b0b0;
    font-size: 0.875rem;
    display: block;
    align-self: flex-end;
    width: 100%;
    z-index: 100;
    position: relative;
}

.banner_clanek_obrazek div{
    float: left;
    margin: 0 auto;
    display: inline-block;
    height: 100px;
    background-position: 50% !important;
    text-align: center;
}

.banner_clanek_obrazek div span{
	margin-top: 90px;
    display: block;
}

.banner_clanek h1{
	font-family: 'Hrot Basic Medium', Arial, sans-serif !important;
	text-transform: uppercase;
	    color: #152654;
}
.infograf_fin h1{
	font-family: 'Hrot Basic Medium', Arial, sans-serif !important;
	text-transform: uppercase;
	font-size: 1.7rem !important;
    color: #fff;
    padding-bottom: 20px
}

/*.boxcont.article .hdr>h1{
	display: none;
}*/

/*.boxcont.article .content>div{
	padding: 30px 0 0 0;
}*/

.article .content ul li{
	font-size: 1rem !important;
/*	    border-left: 2px solid transparent;*/
/*	display: inline-flex;*/
line-height: 1.5rem !important;
}

.navbar span{
	font-size: 1rem !important;
	line-height: 1.5rem;
}

.skryt_podrobnosti{
	background: #fff;
    border: none;
    padding: 0 10px;
    margin: 10px 0 0 0px;

}
.skryt_podrobnosti h3{
	float: left;
	font-weight: 400;
	    font-size: 0.875rem !important;
}
.skryt_podrobnosti:after{
content: ">";
float: right;
padding: 10px 10px 0 10px;}
.skryt_podrobnosti.act:after{
	content: ">";
    float: right;
    transform: rotate(90deg);padding: 10px 7px 10px 10px;
}
.podrobnosti_tlacitko.act{
	    background: #f2f2f2;
}
.podrobnosti_tlacitko:hover, .podrobnosti_tlacitko h3:hover{
	color: #21378a !important;
	background: #f2f2f2 !important;
}
#podrobnosti1 p,
#podrobnosti2 p,
#podrobnosti3 p{
	font-size: 0.875rem !important;
	line-height: 1.3125rem !important;
}
/*.config_par .param:nth-child(1) span:nth-child(1){
	display: none;
}*/
.config .serverove_cpu .config_par .param:nth-child(1){
    /*grid-row-start: 1;
    grid-row-end: 1;
    grid-column-start: 1;
    grid-column-end: 1;
    border-bottom: 1px solid #f2f2f2;*/
}
.config .config_par .param:nth-child(2){
    grid-row-start: 2;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 1;
}
.config .config_par .param:nth-child(3){
/*    grid-template-columns: 100%;
    grid-row-start: 1;
    grid-row-end: 1;
    grid-column-start: 2;
    grid-column-end: 2;
        border-bottom: 1px solid #f2f2f2;
    border-left: 1px solid #f2f2f2;*/
}
.config .config_par .param:nth-child(4){
grid-template-columns: 100%;
    grid-row-start: 2;
    grid-row-end: 2;
    grid-column-start: 2;
    grid-column-end: 2;
}

.config .config_par .param:nth-child(3) span:nth-child(1){
	    display: block;
    font-weight: bold;
    text-align: left;
    min-width: 160px;
        border-top: 1px solid #f2f2f2;
}
.config .config_par .param:nth-child(3) span:nth-child(2){

        border-top: 1px solid #f2f2f2;
}
/*.config_par .param:nth-child(3) span:nth-child(2),
.config_par .param:nth-child(2) span:nth-child(2){
	border-bottom: 1px solid #f2f2f2;
}*/
.config .config_par .param:nth-child(4) span:nth-child(2),
.config .config_par .param:nth-child(1) span:nth-child(2),
.config .config_par .param:nth-child(2) span:nth-child(2){
/*	border-left: 1px solid #f2f2f2;*/
}
.config .config_par .param:nth-child(4) span:nth-child(1){
	    display: block;
    font-weight: bold;
    text-align: left;
    min-width: 160px;
    border: none !important;
}
.config .config_par .param:nth-child(4) span:nth-child(2){

    border: none !important;
}
.config .config_par .param:nth-child(2) span:nth-child(1){
    display: block;
    font-weight: bold;
    text-align: left;
    min-width: 160px;   
    border: none !important;
}
.config .config_par .param:nth-child(2) span:nth-child(2){
    border: none !important;
}
.config .serverove_cpu .config_par .param:nth-child(1) span:nth-child(1){
    display: block;
    font-weight: bold;
    text-align: left;
    min-width: 160px;
}
.config .serverove_cpu .config_par .param:nth-child(1):before{
/*    content: "PassMark";
border-top: 1px solid #f2f2f2;
    margin-top: 22px;
    min-width: 80px;*/
}
.config .config_par .param:nth-child(2):before{
/*    content: "TDP(W)";
    padding: 1px 0 0px 1px;*/

}

/*.config .serverove_cpu .config_par .param:nth-child(1) span:nth-child(2):before{
	font-weight: 600;
	content: "Dual CPU (2x)";
	border-bottom: 1px solid #f2f2f2;
}
.config .config_par .param:nth-child(3) span:nth-child(2):before{
	content: "Single CPU (1x)";
	font-weight: 600;
	    border-bottom: 1px solid #f2f2f2;
}*/
/*.config_par .param:nth-child(1) span:nth-child(2):before{
	content: "Passmark ";
}

.config_par .param:nth-child(2) span:nth-child(2):before{
	content: "| TDP ";
}*/

/*.config_par .param:last-child span:nth-child(2):after{
	content: "W";
}*/


.config_par{

display: block;
margin: 0px auto 0 auto;
float: left;
clear: unset;
position: relative;
z-index: 80;
width: 245px;
}

.config_par div, .config_par:before{
	font-weight: bold;
	font-size: 0.8rem;
}

.homepage .config_par {
    width: fit-content;
    margin: 0px auto 0 auto;
    float: left;
    clear: unset;
    z-index: 80;
    /* height: 2.4rem; */
    /* display: none; */
    /* position: absolute; */
    /* bottom: 5.2em; */
    /*background: #ffffffd1;*/
}

.stoitems .config_par:before,
.homepage .config_par:before,
.spresenttrees .config_par:before,
.wnnote .config_par:before{
	    content: "CPU";
    float: left;
    padding-right: 2px;
}
.stoitems .config_par .param:first-child span:first-child,
.homepage .config_par .param:first-child span:first-child,
.spresenttrees .config_par .param:first-child span:first-child,
.wnnote .config_par .param:first-child span:first-child{
	    display: none;
}
.stoitems .config_par .param:first-child:before,
.homepage .config_par .param:first-child:before,
.spresenttrees .config_par .param:first-child:before,
.wnnote .config_par .param:first-child:before{
	    content: "PassMark: ";
}
.stoitems .config_par .param:nth-child(2) span:first-child,
.homepage .config_par .param:nth-child(2) span:first-child,
.spresenttrees .config_par .param:nth-child(2) span:first-child,
.wnnote .config_par .param:nth-child(2) span:first-child{
	    display: none;
}
.stoitems .config_par .param:nth-child(2):before,
.homepage .config_par .param:nth-child(2):before,
.spresenttrees .config_par .param:nth-child(2):before,
.wnnote .config_par .param:nth-child(2):before{
	    content: "| TDP: ";
	    padding-left: 3px;
}
.stoitems .config_par .param:last-child span:first-child,
.homepage .config_par .param:last-child span:first-child,
.spresenttrees .config_par .param:last-child span:first-child,
.wnnote .config_par .param:last-child span:first-child{
	    display: none;
}
.stoitems .param,
.homepage .param,
.spresenttrees .param,
.wnnote .param{
	float: left;
}
.config .config_par .param{
/*	     width: auto;
    display: grid;
    grid-template-columns: 42% 58%;*/
}

@media screen and (max-width: 1199px){

#contentcont .boxcont.news {
        width: calc(100% - 30px) !important;
        margin: 0 0 0 20px;
    }
 .googlehvezdyuvodka{
    margin: 90px 0 60px 60px;
    background: #fff;
    padding: 20px;
    float: left;
    max-width: 400px;
    border-bottom: 2px solid #E6E6E6;
}

	#footercont .companycontact{
	grid-column: 5;
    grid-row-start: 3;
    grid-row-end: 4;
}
	#footercont .companyinfo {
    grid-column: 5;
    grid-row-start: 1;
    grid-row-end: 3;
}
	footer .boxcont.navi .cnt nav{
       grid-column-start: 2;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 3;
}

    #googlehvezdy {
    float: left;
        clear: left;
        grid-column: 1;
        grid-row: 3;
        margin-right: 25px;
        max-width: 230px !important;
        min-width: 200px;
}

	footer .boxcont.navi>.cnt {
    display: grid;
        grid-template-columns: 20% 20% 20% 20% 20%;
        grid-template-rows: 25% 13% 14%;
}
	    #footercont .navi .companycontact, #footercont .navi .companyinfo {

        min-width: unset !important;

    }
	.NBD_cnt .column1, .NBD_cnt .column2, .NBD_cnt .column3, .NBD_cnt .column4 {
    width: 200px;
}


	.faq-sidebar_kontakty.cenik {
	 background: url(../img/kontakt_gallery/kontakt_3.jpg) no-repeat center !important;
    background-position: -290px -50px !important;
    background-size: 813px !important;
}


	.mobileColumnGroup{
	display: none;
}

	.boxcont.basketadd .stiplname{
	width: 70% !important;
	    padding: 0 !important;
    height: 70px;
}
.popupcont.basketadd{
	top: 96px !important;
    z-index: 1000;
    right: 20px;
    left: unset !important;
    width: 390px;
    position: fixed !important;
    border-radius: 0px;
}

	.orders #contentcont .document.moredetails, 
	.orders #contentcont .document.half, 
	.orders #contentcont .document.float-half, 
	.iisutil #contentcont .document.moredetails, 
	.iisutil #contentcont .document.half, 
	.iisutil #contentcont .document.float-half{
		    width: calc(100%/3) !important;
		    order: 3;
 
	}
#headercont .basket, .boxcont.compare.prodlist {
    margin: 15px 10px 0 0;
    padding: 5px !important;
}
.popupcont.basketadd{
	right: 10px !important;
}

	.wm.sptnavigator .contentcont.wm{
		padding: 0 15px !important;
}
	#sptnav .sptnavsub .level6>li>.categories>a{
		padding: 15px 0px 5px 15px !important;
	}
.step_3 #contactdatacont_1, .step_3 #contactdatacont_2, .step_3 #contactdatacont_3, .step_3 #contactdatacont_4, .step_3 #contactdatacont_5, .step_3 #contactdatacont_6, .step_3 #contactdatacont_1_log, .step_3 #contactdatacont_2_log, .step_3 #contactdatacont_4_log {
    background: #ffffff !important;
    margin: 0 10px 0 0;
    width: calc(66% / 3 - 30px);
    clear: none;
}
	#trippleswitchcont {
    /*padding-top: 55px;*/
    margin: 25px auto 25px auto;
}

	.boxcont.config-detail{
	display: grid;
    grid-template-rows: auto auto;
    width: 100%;
}
	.boxcont.config-detail>.cnt {
    display: grid;
    grid-column-start: 1;
    grid-column-end: 5;
    grid-template-rows: auto auto;
}
	.boxcont.config-detail .cnt form {
    display: grid;
        order: 2;
        grid-column-start: 1;
        grid-column-end: 5;
        grid-row-start: 1;
        grid-row-end: 4;
        grid-template-rows: 47px 362px auto auto 30px;
}
	.boxcont.config-detail, .boxcont.config-detail .cnt form, .boxcont.config-detail>.cnt {
    grid-template-columns: 37% 34% 3% 26%;

}
/*	#filterstiparinfcont .cnt form div[data-cpaid="1633"] .hdr p {
    color: #051647 !important;
    border-bottom: 2px solid #fa4047 !important;
padding: 0px 0px 0 0 !important;
margin: 0px -15px 10px 0 !important;
width: 100%;
}*/
/*	.boxcont.compare.prodlist {
    margin: 25px 10px 0 0;
}*/
	#prodlistanchor .prodbox {
    width: calc(100% / 3) !important;
    height: unset !important;
}
		.subcats ul li {
    width: calc(25% - 5px);
}
.subcats ul li:nth-child(4n) {
    margin-right: 0;
    margin-left: 5px;
    clear: initial;
}
		.news li .img {
    width: auto !important;
    height: 100px !important;
    overflow: hidden;

}
	.boxcont.product.carousel .tools .btn span{
		display: none;
	}
	.boxcont.product.carousel .tools .btn:before{
		content: "Detail >";
    font-family: 'IBM Plex Sans', Arial, sans-serif;
    font-weight: 400;
    font-size: 0.875rem;

	}
	.carousel .owl-item{
	    width: 32% !important;
    margin: 0 1.3% 0px 0;
    display: none;
}



	#headercont .top {
    margin: 0 30px 0 0px;

}


	.search {
    transform: translateY(40px);
}

	#headercont .logo{
		width: 20% !important;
	}
#headercont .logo:after{
	content: "" !important;
}

#footercont .webmenu.menuid_2>li>a {
       margin: 0;
    max-width: 220px;
    float: unset;
    clear: none;
    display: block;
}


	#footercont .webmenu li ul li {
    padding:5px 0 0 0 ;
}
	#footercont .webmenu li ul {
width: 100%;
margin: 0 ;
    max-width: 220px;
    float: unset;
    clear: none;
    display: block;
}
	#footercont .navi .webmenu>li{
   border: none;
        width: calc(100% / 3) !important;
        float: left;
}



/*.boxcont.navi .cnt nav .webmenu.menuid_2>li:nth-child(3){
	padding-top: 30px !important;
}*/
/*#footercont .navi .companycontact>div{
    margin: 0 auto;
    float: unset;
    clear: none;
    width: fit-content;
    min-width: 230px;
}*/
/*#footercont .navi .companyinfo>div{
	margin: 0 auto;
    float: unset;
    clear: none;
    width: 220px;
    display: table;
}
#footercont .webmenu li ul li {
	width: 220px !important;
    float: left;
    clear: left;
}*/
	.boxcont.webnews .prodbox h2 {
    width: 100%;
    height: 3rem;
}
	.homepage .news li:nth-child(2n+2) {
    padding-right: 0px;
    padding-left: 0px;
}
/*		#centercont {
    padding: 112px 0 0 0 !important;
}*/
		.ordbaskets .contentcont .boxcont .hdr p{
		padding: 10px 0 5px 0px !important;
	}

			#basketsumtab tr:last-child th {
    font-size: 1.8rem;
}
	#gdprcont {
        /*width: 30%;*/
}
	#customsignordercont{
/*width: 30%;*/
}

	#deliverycont, #paywaycont{
	/*width: 30%;*/
}
	#contactdatacont_4_log ~ .boxcont.products.noedit{
    width: 39%;
}
	.cont.contentcont.ordbaskets .boxcont.products.noedit{
    width: 69%;

}
.cont.contentcont.ordbaskets.step_2 .boxcont.products.noedit{
	width: 100% !important;
}

	#logincontactcont .cnt form .tabform tbody tr:nth-child(3) td ul li:nth-child(1){
    padding-bottom: 50px;
}
	.cont.contentcont.ordbaskets #logincontactcont{
    width: 30%;
}

	.boxcont.logincontact.ds_none + form .boxcont.products.noedit{

    width: 39%;


}
	#contactdatacont_1, 
	#contactdatacont_2, 
	#contactdatacont_3, 
	#contactdatacont_4,
	#contactdatacont_1_log, 
	#contactdatacont_2_log, 
	#contactdatacont_4_log{
		width: 60%;
	    float: left !important;
/*	    background: #fff;*/
	        padding: 0 1% 1% 1%;
	}
	.ordbaskets #centercont, .orders #centercont, .iisutil #centercont{
	padding-top: 106px !important;
	}		
	.ordbaskets #centercont, .orders #centercont, .iisutil #centercont{
	padding: 100px 10px 50px 10px !important;
	}
		.modal-popup.modal-pf2020 .pf2020 .btn.btn-close{
	margin: -20px 0px;
	}
	.modal-popup.modal-pf2020 .pf2020 p {
	    font-size: 5rem;
	}	
	.modal-popup{
		/*width: 60%;*/
	}
	.serverove_operacni_systemy .configinput input[type=checkbox] + label {
	    order: 2;
	    width: 100% !important;
	    padding: 0px 0 0px 40px !important;
	    /*margin: 0 0 0 -50px;*/
	    height: fit-content;
	}
/*	.configuration .cnt .tabform .serverove_disky td>span, 
	.configuration .cnt .tabform .serverove_diskove_ramecky td>span,
	.configuration .cnt .tabform .lan_adaptery_ethernet td>span,
	.configuration .cnt .tabform .serverove_operacni_systemy td>span,
	.configuration .cnt .tabform .adaptery_fibre_channel td>span,
	.configuration .cnt .tabform .sekundarni_lan_adaptery_ethernet_do_pcie_slotu td>span,
	.configuration .cnt .tabform .primarni_lan_adapter_na_zakladni_desce td>span,
	.configuration .cnt .tabform .sekundarni_lan_adaptery td>span,
	.configuration .cnt .tabform .lan_adaptery td>span{
	    width: 100% !important;
	    color: #000000;
	    background: rgb(255 255 255 / 100%) !important;
	    font-style: normal !important;
	    text-align: left;
	    font-weight: 600 !important;
	    padding: 5px 0 5px 0px !important;
	    font-size: 1.3rem;
	    font-family: 'IBM Plex Sans', Arial, sans-serif;
	}*/
	/*.config-info .tabform .leasingrowfl {
	    order: 5;
	    height: 1px;
	    display: flex !important;
	    width: 40%;
	    margin: 0px -42%;
	    place-items: flex-end;
	    place-self: flex-end;
	    justify-content: center;
	    color: white;
	    background: #fa4047;
	    font-weight: 600;
	    padding: 16px 0 2px 0;
	}*/
            /*.boxcont.webnews h2,.boxcont.news li h2 a {
        font-size: 1.8rem;
    color: #204471;
    height: auto;
    width: calc(100% - 90px);
    float: left;
	}*/

	.boxcont.news li h2 a {
    width: 100%;
	}
    #headercont .basket .price {
    margin: 0px;
	}    
	/*#headercont .logo a {
    margin: 3% 0 0 12%;
	}*/

   /* .homepage .boxcont.webnews .boxcont.news ul li {
           width: 50%;
    display: block;
    height: initial;
    float: left;
    clear: initial;
    overflow: hidden;
    height: 230px;
        padding: 10px 0px 0px 10px;
        }
*/
	    #stepscont {
	    position: fixed;
    z-index: 200;
    transform: translateY(-95px);
    max-width: 100px;
    left: 50%;
	}
	    .ordersteps table .step .num:before{
	    font-size: 2.5rem;
	}
	.ordersteps table .step {
    padding: 18px 0;
}
	    /*.level6 li .categories {
	     height: 1px; 
	    background: #bccada;
	}*/
	    .config-info .order{
	           z-index: 99;
	    order: 3;
	    width: 100%;
	    padding: 0 20px 0 20px;
	        }
	    .boxcont .hdr > h1 {
	    font-size: 2rem !important;
	    text-align: left;
	    }
	        .stoitem .boxcont.half.stiimg{
	            /*width: 47%;*/
	        }

	        .boxcont.half.float-right.stiinfo {
	           /* width: 45%;
	            border-top: 20px solid #f9f9f9;
	            border-radius: unset;*/
	        }
	            /*.config-info .tabform .wvat, .rowbox.wvat {
	            order: 2;
	            width: 100%;
	            padding: 10px 0 10px 0;
	        }*/
	            .config-info .tabform .wovat  {
	                padding: 0 25px !important;
	        }
	        /*    .config-info .tabform .availability{
	                order: 6;
	    width: 46%;
	    display: inline-block;
	    margin: 15px 0 0 0;
	}*/
	        
	         	#config_selected{
	         		z-index: 99;
	    background-color: white;
/*	    border: 10px solid #f9f9f9;*/
    display: block;
    width: 100%;
    height: auto;
   /*  overflow-y: scroll;
   max-height: 200px;*/
	   }


#config_selected::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
}

#config_selected::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .5);
}
#config_selected::-webkit-scrollbar-button:vertical:start:decrement {
	display: block;
    background:
        linear-gradient(120deg, #ffffff 40%, rgba(0, 0, 0, 0) 41%),
        linear-gradient(240deg, #ffffff 40%, rgba(0, 0, 0, 0) 41%),
        linear-gradient(0deg, #ffffff 30%, rgba(0, 0, 0, 0) 31%);
    background-color: #7f7f7f;
}

#config_selected::-webkit-scrollbar-button:vertical:end:increment {
	display: block;
    background:
        linear-gradient(300deg, #ffffff 40%, rgba(0, 0, 0, 0) 41%),
        linear-gradient(60deg, #ffffff 40%, rgba(0, 0, 0, 0) 41%),
        linear-gradient(180deg, #ffffff 30%, rgba(0, 0, 0, 0) 31%);
    background-color: #7f7f7f;
}
	            .config-info .tabform tbody {
	            display: flex;
	            flex-flow: row wrap;
	        }
	            .config-info .tabform .availability.inet {
	            width: fit-content; 
	            margin: 0;
	        }
	            .config-info .tabform .wovat{
	            order: 1;
	            width: 100%;
	            padding: 0;
	        }

	       /* .config-info .tabform .wvat{
	            order: 2;
	            width: 100%;
	            padding: 0px 0 5px 0;
	        }*/
	        html[lang="cs"] #config_selected:before{
	                content: "Upravená konfigurace";
	                width: 100%;
	                display: block;
	                font-size: 1.2em;
	                font-weight: 600;
	                color: #3b608a;
	                padding: 15px 0px 0px 0px;
	                text-align: center;
	        }
	       	html[lang="sk"] #config_selected:before{
	                content: "Upravená konfigurácia";
	                width: 100%;
	                display: block;
	                font-size: 1.2em;
	                font-weight: 600;
	                color: #3b608a;
	                padding: 15px 0px 0px 0px;
	                text-align: center;
	        }
	            .boxcont .note .cnt .note p:nth-child(2){
	            /*background-color: rgba(240, 240, 240, 0.33);*/
	            padding: 10px 0 0 0;
	                }
	                /*.config-detail .cnt form .note .hdr-note h2{
	                        padding: 0 20px;
	                }*/
	                .config .configinput label {
	                    /*order: 2;
	                    width: 100% !important;
	                    padding: 0px 0 0 7.5% !important;
	                    margin: 0px 0 0 -50px;
	                    height: fit-content;*/
	                }
	                
	                .config .configinput {
	                    
					display: flex;
					                    
					float: right !important;
					                    
					clear: right !important;
					                    
					width: 100% !important;
					                    
					margin: 0px !important;
					                    
					padding: 0px;
					                    
					font-weight: 400;
					                    
					background: #ffffff;
                }
                
                .configuration {
                /*width: 82% !important;*/
                }
                .config .title span{
                font-size: 1.4rem !important;
                position: relative;
/*                color: #3c608a;*/
                font-weight: 400;
                text-align: left;
                padding: 5px 0;
                display: block;
                /* margin: 10px 0 0 0; */
                border-bottom: 0px solid #1d5fab;
                width: 99%;
                }

                .config .config-detail .config-info.half.float-right {
                /*transform: translateX(100%);
                position: fixed;
                width: 25%;
                top: 142px;
                z-index: 8;
                min-width: 305px;
                right: 310px;*/
                }
                /*.config-detail .cnt .boxcont.config-img.half, .config-detail .boxcont.note {
                    width: 40%;
                        padding: 0 20px;
                            height: 390px;
                }*/

                /*.config-detail .boxcont.note{
                        max-width: 31%;
                        height: 330px;
                }*/
                .config-detail .boxcont.tools {
                        width: 30%;
                        grid-column-start: 1 !important;
                }
                .configuration {

	/*width: 70% !important;*/

	background: #f9f9f9;

	}
	                /*.config .config-detail .configuration .hdr:before {
	                content: "Upravit konfiguraci podle potřeb";
	                display: block;
	                color: #3b608a;
	                width: 100%;
	                font-weight: 600;
	                padding: 10px 0px 10px 0px;
	                margin: 0px 0 0px 0px;
	                font-size: 1.4em;
	                border-bottom: 1px solid #d3dfea;
	                text-align: center;
	                }*/
	                html[lang="cs"] .config-detail .cnt form .note .hdr-note h2:before{
	                content: "Možnosti konfigurace:";
	                width: 100%;
	                display: block;
	                font-size: 1.2em;
	                font-weight: 600;
	                color: #3b608a;
	                padding: 0 0 5px 0;
	                text-align: left;
	                }
	               	html[lang="sk"] .config-detail .cnt form .note .hdr-note h2:before{
	                content: "Možnosti konfigurácie:";
	                width: 100%;
	                display: block;
	                font-size: 1.2em;
	                font-weight: 600;
	                color: #3b608a;
	                padding: 0 0 5px 0;
	                text-align: left;
	                }
	                #stinotecmtblock_info .text_pic{
	                	display: none;
	                }
	}

@media screen and (max-width: 1024px) {
	#footercont .companycontact{
	grid-column: 5;
    grid-row-start: 3;
    grid-row-end: 4;
}
	#footercont .companyinfo {
    grid-column: 5;
    grid-row-start: 1;
    grid-row-end: 3;
}
	footer .boxcont.navi .cnt nav{
       grid-column-start: 2;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 3;
}
	footer .boxcont.navi>.cnt {
    display: grid;
    grid-template-columns: 20% 20% 20% 20% 20%;
    grid-template-rows: 33% 13% 5%;
}
.config .boxcont.legend{
	display: none !important;
}
.NBD_cnt .column1, .NBD_cnt .column2, .NBD_cnt .column3, .NBD_cnt .column4{
    min-width: 145px;
}

	.kariera .faq-answer div:nth-child(1){
	padding-bottom: 20px !important;
}

.tableBodyRow .rowHeader{
	display: none;
}
.mobileColumnGroup{
	    display: table-row;
    width: 100%;
}
	.modal-content.contentcont {
    width: auto !important;
}

/*.stitable .name {
    width: 40% !important;
}
*/
	#stinotecmtblock_info .text_pic{
	                	display: block !important;
    width: 100%;	
    padding: 10px 0;

	                }
#stinotecmtblock_info .right,
#stinotecmtblock_info .left .img_left
{
	display: none;
}
#stinotecmtblock_info .left{
	width: 100% !important;
}
	.orders .contentcont.orders{
	display: flex;
	flex-direction: column;
}
		.orders #contentcont .document.moredetails, 
	.orders #contentcont .document.half, 
	.orders #contentcont .document.float-half, 
	.iisutil #contentcont .document.moredetails, 
	.iisutil #contentcont .document.half, 
	.iisutil #contentcont .document.float-half{
		    width: calc(100%/1) !important;
		    height: initial;

	}
/*	.sptnavigator .kontakt {

  padding: 0 15px


}*/
	.financovani_text{
		padding-right: 20px;
	}
	
	#sptnav .sptnavsub .level6>li>.categories>a{
		padding: 15px 0px 5px 15px !important;
		width: 100% !important;
	}
	.boxcont.stoitem {
    display: grid;
    grid-template-columns: 64% 36%;
}
.boxcont.stoitem>.cnt {
    display: grid;
    grid-template-columns: 64% 36%;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-template-rows: auto auto;
}
.stoitem .boxcont.half.stiimg {
    width: 100%;
    display: grid;
    grid-column-start: 1;
    grid-column-end: 1;
    background: #fff;
    grid-template-columns: 100%;
    grid-row-start: 1;
    grid-row-end: 3;
}
.boxcont.half.float-right.stiinfo {
    width: 100%;
    border-radius: unset;
    background: #fff;
    grid-column-start: 2;
    grid-column-end: 2;
    height: fit-content;
    grid-row-start: 1;
    grid-row-end: 3;
    padding: 20px 0 0 0;
}
.stoitem .tools {
    display: none;
}
.boxcont.stoitem .hdr {
        grid-column-end: 3;
}
.boxcont.half.float-right.stiinfo>.cnt {
width: 100%;
    position: relative;
    top: unset;
 
}
	.boxcont.navbar {
    margin: 10px 0 10px 10px !important;

}
		.contentcont .boxcont.configuration .hdr:before {
    width: calc(100% - 40px);
}
	#wnCarousel14 .hdr .seemore {
    margin: 20px 30px 20px 0;
    float: right;
    text-transform: lowercase;
    color: #4d4d4d;
    font-size: 1rem;
}
	#wnCarousel14 .owl-stage-outer {
    padding: 0 15px 15px 15px;
    background: #fff;
}
	.step_3 #contactdatacont_1, .step_3 #contactdatacont_2, .step_3 #contactdatacont_3, .step_3 #contactdatacont_4, .step_3 #contactdatacont_5, .step_3 #contactdatacont_6, .step_3 #contactdatacont_1_log, .step_3 #contactdatacont_2_log, .step_3 #contactdatacont_4_log {
    background: #ffffff !important;
    background: #ffffff !important;
       margin: 0px 0 0 10px;
    width: calc(100% / 3 - 10px);
    clear: none;
}

.ingograf_div{
	width: 100%;
	float: unset;
}



	#config_selected {
    /*top: 902px;*/
}
	.config-info .tabform .wovat{
    padding: 25px 25px 0 25px !important;
}
	/*.leasingrowfl, .greenloancalc{
		display: none !important;
	}*/
	.config-detail .status {
    grid-column-end: 2 !important;
}
		.boxcont.config-detail{
	    display: grid;
    grid-template-columns: 64% 3% 33%;
}
	.boxcont.config-detail>.cnt {
       display: grid;
    grid-template-columns: 64% 3% 33%;
    grid-column-start: 1;
    grid-column-end: 4;
}
	.boxcont.config-detail .cnt form {
        display: grid;
    order: 2;
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 4;
    grid-template-columns: 64% 3% 33%;
    grid-template-rows: 438px auto;
}
	#filterstiparinfcont{
    display: block;
    padding: 10px 10px 0 10px !important;
}
.responsefilters {
    padding: 0 !important;
    background: #FFF;
}
#filterstiparinfcont .cnt form div[data-cpaid="1633"] .hdr p {
        color: #051647 !important;
    border-bottom: 0px solid #fa4047 !important;
    padding: 5px 0 !important;
    margin: 0px 0px 0px 0px !important;
    width: 100%;
}
/*	#contentcont .filter {
    display: none;
}*/
	#contentcont.wleft {
    width: 100% !important;
}
	.homepage .boxcont.newsletter, .homepage .cont_newsletter{
    width: 100% !important;
}
	.boxcont.v-carousel{
		display: none;
	}
	#contentcont .boxcont.news {
    width: calc(100% - 30px) !important;
    margin: 0 15px;

}
	.boxcont.reference h3 {
  text-align: center;
        margin: 0 !important;
    padding: 30px 15px !important;
}
	.boxcont.proc h2 {
    text-align: center;
    width: 100% !important;
    margin: 0 auto 30px auto !important;
}
	.boxcont.proc{
		width: 100% !important;
		float: left !important;
		margin-bottom: 30px !important;
		margin-top: 30px !important;	
	}

	.boxcont.reference{
	width: 75% !important;
    float: unset !important;
    clear: both;
    margin: 0 auto 30px auto !important;
    display: block;
	}

	.boxcont.proc .cont_proc{
		margin: 0 auto;
    	float: unset;
    	display: table !important;
    	width: 75%;
	}
	.boxcont.product.carousel .tools .btn span{
		display: inline-block;
	}
	.boxcont.product.carousel .tools .btn:before{
		display: none;
	}
	.h-carousel_controls, .wn14right{
		display: none !important;
	}
.homepage .h-carousel, #wnCarousel14 {
    width: 100% !important;
}

	#ordproductscont:before {
    font-size: 1.5rem !important;
    padding: 10px 0 10px 0px;

}
			#basketsumtab tr:last-child th {
    font-size: 1.8rem;
}
	#gdprcont {
        width: 100%;
}
	#customsignordercont{
width: 100%;
}
	/*#deliverycont, #paywaycont{
	width: 100%;
}*/
	#contactdatacont_4_log ~ .boxcont.products.noedit{
    width: 39%;
}
	.cont.contentcont.ordbaskets .boxcont.products.noedit{
    width: 69%;

}
	#logincontactcont .cnt form .tabform tbody tr:nth-child(3) td ul li:nth-child(1){
    padding-bottom: 50px;
}
	.cont.contentcont.ordbaskets #logincontactcont{
    width: 30%;
}

	.boxcont.logincontact.ds_none + form .boxcont.products.noedit{

    width: 100%;


}
		.cont.contentcont.ordbaskets form
	#contactdatacont_1, 
	#contactdatacont_2, 
	#contactdatacont_3, 
	#contactdatacont_4,
	#contactdatacont_1_log, 
	#contactdatacont_2_log, 
	#contactdatacont_4_log{
/*		width: 30%;*/
	    float: left !important;
	    padding: 0 1% 1% 1%;

	}

#contactdatacont_1, 
#contactdatacont_2, 
#contactdatacont_3, 
#contactdatacont_4{
	width: 100%;
}


  /*  .boxcont.webnews h2 {
    font-size: 1.4rem;
    color: #204471;
    height: 2.7em !important;
	}*/
  
	/*.ordersteps table .step .num:before{
	
	    font-size: 1.5rem;
	}*/

	    
	    .level6 li .categories {
	    height: auto;
	    background: #ffffff;
	}
	    .config-info .order{
	       
	            /*z-index: 199;*/
	            order: 3;
	    width: 100%;
	        }
	    html[lang="cs"] .config-detail .cnt form .note .hdr-note h2:before{
	    content: "Možnosti konfigurace:";
	    width: 100%;
	    display: block;
	    font-size: 1.2em;
	    font-weight: 600;
	    color: #3b608a;
	    padding: 0 0 5px 0;
	    text-align: left;
	    }
	   	html[lang="sk"] .config-detail .cnt form .note .hdr-note h2:before{
	    content: "Možnosti konfigurácie:";
	    width: 100%;
	    display: block;
	    font-size: 1.2em;
	    font-weight: 600;
	    color: #3b608a;
	    padding: 0 0 5px 0;
	    text-align: left;
	    }
	    #config_selected:before{
	        
	        text-align: center;
	    }
	    .config-detail .cnt .boxcont.config-img.half, .config-detail .boxcont.note {
	    width: 40%;
	    padding: 0;
	    }

	    /*.config .config-detail .configuration .hdr:before {
	    content: "Upravit konfiguraci podle potřeb";
	    display: block;
	    color: #3b608a;
	    width: 100%;
	    font-weight: 600;
	    padding: 0px 0px 5px 0px;
	    margin: 0px 0 0px 0px;
	    font-size: 1.4em;
	    border-bottom: 1px solid #d3dfea;
	    text-align: center;

	    }*/
	    

	        .hdr.hdr-config-info{
	            display: none;
	        }       

	        .config .configinput label .configname{
	            width: auto !important;
    max-width: unset;
	        }	        .config #tabs {
	            width: 100%;
	        }

	        .owl-controls{
	            display: none !important;
	        }
	        .config .gallery .owl-item{
	            width: auto !important;
	        }
	        .configuration {
	            transform: translateX(0%);
	            width: 100% !important;
	            margin: 1% 0!important;
	            grid-row-start: 5 !important;
			    grid-row-end: 5 !important;
			    grid-column-end: 4 !important;
	        }

	        .config-detail .boxcont.note{
	                 min-height: 140px;
    height: auto;
    margin: 0;
    width: 100%;
    max-width: initial;
    padding: 0px 5px 0px 5px;
    /* grid-template-rows: 370px 440px auto; */
    grid-row-start: 2 !important;
    grid-row-end: 5 !important;
    grid-column-start: 1 !important;
    grid-column-end: 2 !important;
    padding: 80px 25px 0 25px !important;
	        }
	        .config-detail .boxcont.tools{
	            width: 59%;
        grid-column-start: 1 !important;
        grid-column-end: 4 !important;
        grid-row-start: 4 !important;
        grid-row-end: 4 !important;
        padding: 0 20px !important;
        margin: 0 !important;
        z-index: 100;
        border: none !important;
	        }
	        .config .config-img a img {
	            max-width: 295px !important;
	        }

	        .config-detail .cnt .boxcont.config-img.half{
	            border: none;
	            width: 100%;
	            padding: 0 25px 50px 25px;
	                 grid-row-start: 2;
    grid-row-end: 3;
	        }

	        .configuration > .cnt > .tabform {
	            padding-top: 0px;

	        }   

	        .rowbox.order>.inputs>.buybox{
	            margin: 0 0 0 0; 
	        }

	          /*  .boxcont.news li {
	            width: 100%;
	            clear: left;
	        }*/

	         #prodlistanchor>.cnt {
	            border-left: 1px solid #eeeeee;
	        }

	        #prodlistanchor>.cnt .prodbox:nth-child(3n){
	            border-right: 1px solid #eeeeee;
	        }

	        #prodlistanchor>.cnt .prodbox{
	            border-right: 1px solid #eeeeee;
	            border-top: 1px solid #eeeeee;
	            height: unset;
	        }

	        /*.buybox,.btn-config  {
	            float: none !important;
	            position: relative !important;
	            top: -22px !important;
	        }*/

	        /*.availability .stock:before {
	            top: -1px;
	            font-size: 1.5em !important;
	            position: relative;
	            margin: 0 !important;
	        }*/

	        /*.prodbox .availability {
	            margin: 0 95px 0 0px !important;
	        }*/

	        .prodbox .note{
	            line-height: 1.1em !important;
	            height: 4.5rem;
	            padding-bottom: 5px;
	            margin: 0 !important;
	            position: relative;
	            z-index: 2;
	            height: 6.9rem !important;
	        }

	        .config .configinput label.first-item {
	            left: 0px;
	        }

	        /*.config .configinput label {
	            width: calc(100% - 70px);
	            
	            left: 0px;
	        }*/

	        /*.owl-pagination {
	        top: 170px;
	        position: absolute;
	        }*/

	        /*.config .title {
	            font-size: 1.3rem !important;
	            padding: 0;
	            position: relative;
	            top: 2px;
	            left: 5px;
	            color: #3c608a;
	            line-height: 0rem;
	            font-weight: normal;
	            text-align: right;
	            text-align: left;
	            width: 100%;
	            display: block;
	        }*/

	        /*.configuration .cnt .tabform tr > td > span {
	            width: 100% !important;
	            color: #3c608a;
	            background: #e4f1ff !important;
	            font-style: normal !important;
	            border: 0px #dddddd solid !important;
	            border-radius: 3px;
	            font-weight: 400 !important;
	            margin: 25px 0px 1% 0px !important;
	            padding: 6px 0 5px 7px !important;
	            text-align: center;
	        }*/

	        /* .config-detail .legend div ul {
	        width: 36% !important;
	        float: right;
	        }*/

	        /*.config .configuration .custom-select {
	            border-color: #bdbdbd;
	            width: 100%;
	            margin: 0;
	            left: 0;
	            position: relative;
	            float: left;
	        }*/

	        /*.config .configinput {
	            float: left;
	            clear: left;
	            width: 100%;
	            margin: 10px 2px;

	           margin: 3px 0 3px 260px;
	        }*/

	        .config .config-detail .config-info.half.float-right {
	        	    grid-column-start: 2 !important;
    grid-column-end: 4 !important;
    grid-row-start: 1 !important;
    width: 100%;
    margin: 0;
    display: inline-block;
    position: relative;
    transform: translateY(-270px);
    right: unset;
    min-width: unset;
    z-index: unset;
    top: 270px;
    grid-row-end: 4;
	            }

	            .config .config-detail .config-img.half {
	                width: 100%;
	                position:relative !important;
	            }

	            .config .config-detail .hdr span {
	                padding-top: 0px;
	                line-height: 2.5rem;
	                font-size: 1.6rem;
	            }

	            .config-detail > .cnt {
	                position: relative;
	                /*top: 130px;*/
	            }

	            .config .config-detail .hdr {
	                width: 100% !important;
	                float: left;
	                clear: left;
	                z-index: 3;
	                margin: 0;
	                text-align: left;
	                max-width: unset;
	                grid-column-start: 1;
				    grid-column-end: 4;
				    grid-row-start: 1;
				    grid-row-end: 1;
	            }

	            /* #headercont .basket .price{
	                margin: -32px 9px 0 0;
	                    text-align: right;
	            width: 59% !important;
	            height: 32px;
	            padding: 6px 10px 10px 0px;
	            }*/

	           /* #sptnav ul li a {
	                font-size: 1.15rem;
	            }*/

	            #centercont {
	                padding: 148px 10px 0 10px !important;
	            }

	            #customsignordercont div .rowbox {
	                clear: initial;
	                float: left;
	                display: inline-grid;
	                margin: 2% 2% 0 0;
	                width: 48%;
	            }

	            .rowbox textarea {
	                width: 98%;
	                height: 30px;
	                min-width: 178px;

	                max-height: 84px;
	                min-height: 30px;
	            }

	            #customsignordercont .cnt .rowbox:nth-child(3) {
	                width: 100% !important;
	            }

	            .btn-buy:before {
	                display: none;
	            }

	            /*.prodbox .btn-config span {
	                font-size: 1.8rem;
	            }*/

	            .prodbox .price {
	                font-size: 2.0rem;
	                margin: 14% 0 0px 0;
	            }

	            /*galerie detail produktu*/

	            .config .gallery .owl-wrapper {
	                /*width: 100% !important;*/
	                display: inline-flex;
	            }

	            .config .gallery img {
	                /*width: 100%;*/
	                padding: 0% 10%;
	            }

	            /*.config .gallery .owl-item{
	                width: 2.1% !important;
	                display: inline-flex;
	            }*/

	            .config .config-img a {
	                width: 100%;
	            }

	            /*galerie detail produktu*/

	            .stitable .buyout .btn-delete {
	                padding: 5px 5px;
	            }

	            .tabinfo.hor tr:first-child th {
	                font-size: 1.5rem;
	                /*padding: 20px 0 20px 0;*/
	            }

	            nav > .boxcont > .level3 > .act:nth-child(2) > a:after,
	            nav > .boxcont > .level3 > .act:nth-child(3) > a:after,
	            nav > .boxcont > .level3 > .act:nth-child(4) > a:after,
	            nav > .boxcont > .level3 > .act:nth-child(5) > a:after {
	                content: "";

	            }

	            #wn5 > div > div {
	                width: 100% !important;
	            }

	            .noedit .qtybox input {
	                border: none;

	            }

	            .noedit .qtybox .up {
	                display: none;

	            }

	            .noedit .qtybox .down {
	                display: none;

	            }

	            .hover {
	                background-color: white;
	            }

	            #footercont .navi .webmenu {
	             /*   width: 63%;
				    text-align: center;
				    left: 10px;
				    position: relative;
				    padding: 30px 0 0 0;*/
	            }

	            .prodbox {
	                height: auto;
	                /*background-image: linear-gradient(to bottom, white 87%, rgba(7, 46, 92, 0.08) 0%);*/
	            }

	            .config .config-info .cnt .tabform {
	                position: relative;

	                margin: 0% auto;
	            }

	            .listpage .cnt .boxcont {
	                /*margin: 13px 0 0 0;*/
	            }

	            .listpage .cnt .pagetext .recordcount,
	            .listpage .cnt .pagetext .pagecount {
	                margin: 0 0 0 85%;
	            }

	            [type="checkbox"]:not(:checked) + label:before,
	            [type="checkbox"]:checked + label:before {
	               
	            }

	            /*[type="checkbox"]:not(:checked) + label,
	            [type="checkbox"]:checked + label {
	    width: 100% !important;
	            }*/

	            .mobilesafari [type="radio"]:not(:checked) + label:after,
	            .mobilesafari [type="radio"]:checked + label:after {
	            	top: 3px;
	                left: 0px;
	                font-size: 33px;
	            }

	            /*.mobilesafari [type="checkbox"]:not(:checked) + label:after,
	            .mobilesafari [type="checkbox"]:checked + label:after {
	                top: -3px !important;
	                left: 5px !important;
	            }*/

	            [type="checkbox"]:not(:checked) + label:after,
	            [type="checkbox"]:checked + label:after {
	                /*font-size: 1em;*/
	            }

	            .subcats ul li .name.noCount {
	                width: 100%;
	                text-align: center;
	            }

	            .filter.store .boxcont {
	                margin: 10px auto;
	                width: 10%;
	                float: initial;
	            }

	            .boxcont .hdr > p, #contactdatacont_4_log:before, #contactdatacont_4:before {
	                   /* font-size: 1.8rem !important; */
    float: initial;
    text-align: left;
    padding: 15px 0 10px 0px;
	            }

	            .orderby .cnt {
	                width: 100% !important;
	                margin: auto;
	                float: initial;
	                /*margin-top: 5%;*/
	            }

	            .stoitems .listpage .cnt .orderby,
	            .spresenttrees .listpage .cnt .orderby {
	                margin: 0 !important;
	            }

	            .stoitems .listpage .cnt .pagenav,
	            .spresenttrees .listpage .cnt .pagenav {
	                width: 100%
	            }

	            .prodbox .availability {
	                margin: -13% 0 20% 0;
	            }

	            /*.prodbox .buybox .btn {
	                float: right !important;
	                padding: 7% 15% !important;
	                margin: 0 !important;
	            }*/

	            .price .wvat {
	                margin: 0 0 0 0;
	            }

	            .prodbox .tools {
	                width: 50%;
	            }

	            /*.prodbox .btn-config {
	                float: right !important;
	                padding: 7% 15% !important;
	                margin: 5px 0 0 0 !important;
	            }*/

	           /* .prodbox .btn-config span {
	                font-size: 1.3rem;
	            }*/

	            .custom-select select,
	            .custom-multi-select select {
	                padding: 1px 25px 4px 5px;
	            }

	            /*.rowbox .inputs {
	                margin: 20px 0px 0 0px;
	                float: right;
	            }*/

	            #ordproductscont div table .wovat {

	                width: auto !important;
	                /*display: table-cell;
*/
	            }

	            #ordproductscont div table th:nth-child(12) {
	                padding: 1%;
	                width: auto !important;
	                /*display: table-cell;*/
	            }

	            #ordproductscont div table .total .wvat {
	                padding: 1%;
	                width: auto !important;
	                display: table-cell;
	            }

	            /*#ordproductscont div table th:nth-child(12){
	            display: none;
	            }
	            */

	            #ordproductscont div table .stock {
	                display: none;
	            }

	            #ordproductscont div table .total,
	            .totalprc {
	                padding: 1%;
	                width: auto !important;
	                display: table-cell !important;
	                padding: 0 !important;
	            }

	            #ordproductscont div table .store {
	                margin: 0 16%;
	            }

	            #ordproductscont div table .buyout {
	                width: 3%;
	            }     
	            .ordersteps table .step{
	padding: 18px 0;
} 
	}

@media screen and (max-width: 980px) {
    .boxcont.configuration table tr.title, .boxcont.configuration table tr.info{
        top: 78px !important;
    }
    #sptnav.res-tree-open ul li .sptnavsub{
        top: 164px;
    }
    #sptnav .level3 li:nth-child(1) .sptnavsub .level6>li>.categories>a{
               border-bottom: 1px solid #C0C0C0 !important;
        border-top: none !important;
        height: 45px !important;
        display: table-cell;
        vertical-align: middle;
        padding: 0 !important;
    }
    #sptnav .level3 li:nth-child(1) .level6>li:nth-child(5):before{
        content: "";
        display: none;
    }
        #googlehvezdy {
        grid-column: 1;
        grid-row: 2;
    }
	#footercont .companycontact{
	grid-column: 3;
    grid-row-start: 2;
    grid-row-end: 4;
}
	#footercont .companyinfo {
    grid-column: 3;
    grid-row-start: 1;
    grid-row-end: 3;
}
	#footercont .navi .webmenu>li {
        width: 100% !important;
                margin-top: 40px;
    }

    footer .boxcont.navi .cnt nav{
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 4;
}
footer .boxcont.navi>.cnt {
    display: grid;
    grid-template-columns: 33% 33% 33%;
    grid-template-rows: 35% 25% 25% 25%;
}
	
.config .boxcont.legend{
	display: none;
}
.NBD_cnt .column1, .NBD_cnt .column2, .NBD_cnt .column3, .NBD_cnt .column4{
    min-width: 145px;
}

	.faq-wrapper-left {
    width: 30% !important;
}

.faq-content {
    width: calc(70% - 25px) !important;
}


	.step_2 #kosik_wrapper{
		display: none;
	}

html[lang="cs"] #sptnav .level3 li:nth-child(1) .level6>li:nth-child(5) a:after, html[lang="cs"] #sptnav .level3 li:nth-child(1) .level6>li:nth-child(4) a:after{
	display: none;
}

.ordbaskets.step_2, .step_2 .boxcont.logincontact+form{
	display: block !important;
}


	.boxcont.basketadd .stiplname{
	width: 70% !important;
	    padding: 0 !important;
    height: 70px;
}
	#contactdatacont_4_log ~ .boxcont.products.noedit {
    width: 100%;
}

	.step_3 .boxcont.addbynum.ds_hide ~ form #contactdatacont_4_log{
width: 100% !important;
}

/*.step_3 #contactdatacont_1_log,
.step_3 #contactdatacont_2_log{
	    width: calc(50% - 5px) !important;
}*/
.step_3 #contactdatacont_2_log {
        margin-right: 0px !important;
}
.ordersteps table .step{
	padding: 15px 10px;
}
	#headercont .basket, .boxcont.compare.prodlist {
    margin: 0px 10px 0 0 !important;
    padding: 5px !important;
}
.boxcont.logsuccess, .boxcont.docscont.logged>.hdr, .boxcont.logtools, .boxcont.logbusinfo {
    width: 100% !important;
}

.boxcont.logtools{
	margin-top: 10px !important;
}

.sptnavigator .logged > .hdr > p {
    margin-top: 10px !important;
}

	#sptnav.res-tree-open ul li .sptnavsub ul li ul {
    display: none !important;
}
	#sptnav .level3 li:nth-child(1) .level6>li:nth-child(5) a:after,
#sptnav .level3 li:nth-child(1) .level6>li:nth-child(4) a:after{
	display: none;
}
	#sptnav.res-tree-open ul li .sptnavsub ul li:last-child {
    border-bottom: 0px solid #c0c0c0;
}
	#sptnav.res-tree-open ul li.act .back:before{
		content: "<";
		opacity: 1;
	}
	#sptnav.res-tree-open ul li a:before {
    display: none !important;

}
	#sptnav .level3 li .level6>li {
/*border-bottom: 1px solid #c0c0c0;*/
}
	#sptnav.res-tree-open ul li.act a {
      background: #21378a;
}
	#sptnav.res-tree-open ul li .sptnavsub ul {
        padding: 0 !important;
    border: 0px solid !important;
    display: block !important;
}
	#sptnav .boxcont {
height: initial;
    background: #21378A;

}
	#sptnav.res-tree-open ul li .sptnavsub ul li{
		min-height: unset !important;
		width: 100% !important;
		padding: 0 !important;
	}
	#sptnav .sptnavsub .level6>li>.categories>a {
        font-weight: normal !important;
    padding: 10px 0 !important;
height: unset;
background: none !important;

color: #152654 !important;
     text-align: center !important; 
    padding: 10px 0 !important;
}
	#sptnav .level3 li:nth-child(1) .level6>li {
    min-height: unset;

}
	#sptnav .level3 li:nth-child(1) .level6>li:nth-child(3){
		padding: 0;
		border: 0px solid !important;
	
    margin: 0 !important;
}
	#sptnav .level3 li:nth-child(1) .level6>li {
    width: 100% !important;
        border: none !important;
    padding: 0 !important;
}
.boxcont.half.float-right.stiinfo>.cnt {
max-width: unset;
    /*top: 160px;*/
        width: 94%;

}
	.config .configinput label .configname {
    width: auto !important;
    max-width: unset;
}
	.boxcont.config-detail .cnt form {
    grid-template-rows: 441px !important;
}
.ordbaskets .contentcont .boxcont .hdr p {
    padding: 10px 0 5px 5px !important;
}

.contentcont.ordbaskets.step_2 .boxcont .hdr p{
	padding-left: 5px !important;
}

.boxcont.logincontact .cnt .tabform input{
		max-width: 440px;
	}
.boxcont.logincontact .btn.btn-login.submit{
	float: left;
}
#logincontactcont .cnt form .tabform tbody tr:nth-child(3){
	margin: unset;
}
	#sptnav .level3 li:nth-child(5) .level6>li{
   width: calc(100% / 2) !important;
    padding: 0 0 0 0;
    float: left;
    height: unset;
    clear: initial;
}
	#sptnav .level3 li:nth-child(5) .level6>li:nth-child(2n+1) {
    border-right: 1px solid #c0c0c0;
}
#ordproductscont {
	    width: 100%;

}

#trippleswitchcont {
    	/*padding-top: 5px;*/
	}
	.ordbaskets #headercont .logo a,
	.orders #headercont .logo a {
	        margin: 22px 0 !important;
    width: 300px;
    max-width: unset;
    height: 31px !important;
    background-size: 295px !important;
    background-position: 0 -77px !important;
}
	.ordbaskets header #tree-icon {
    display: none;
}
	.banner_clanek_text, .banner_clanek_obrazek{
		width: 100% !important;
	}
	.banner_clanek{
		padding-bottom: 5% !important;
	}
	.banner_clanek_obrazek{
		padding: 30px 0 20px 0 !important;
		margin-top: 0px !important;
	}
	#tree-icon.open span:nth-child(1) {
    top: 14px;
	}
	#footercont .companyinfo{
    margin: 10px 0 0 0 !important;

}
	#footercont ul.webmenu li ul li {
    

    padding: 0 0 0px 0;
  }
	.ordersteps table .step .name, 
.ordersteps table .step .num:before{
    min-width: unset !important;
}
	#sptnav.res-tree-open ul li.act {
    margin-bottom: 0px;
    background: #fff;
}
	/*.boxcont.addbynum.ds_hide ~ form #contactdatacont_1_log, .boxcont.addbynum.ds_hide ~ form #contactdatacont_2_log {

    width: 25% !important;
}
.step_3 .boxcont.addbynum.ds_hide ~ form #contactdatacont_1_log, .boxcont.addbynum.ds_hide ~ form #contactdatacont_2_log {

    width: 19% !important;
}*/
	.ordersteps table {
    transform: translateX(0%) !important;
}
	 .ordbaskets #stepscont,
	 .orders #stepscont{
        position: relative;
    z-index: 80;
    margin: 0 auto 0px auto;
    background: #21388a;
    float: unset;
    width: -webkit-fill-available;
    padding: 0;
    flex-direction: column;
    order: 1;
    left: auto;
    max-width: unset;
        transform: none;
	}
	#footercont ul.webmenu li ul li {
    display: block; 
	}	

	#payid_7 ~ .price {
		max-width: 50%;
    width: initial !important;
    margin: initial !important;
}

	#basketsumtab tr:last-child th {
    font-size: 1.5rem;
}
	#gdprcont {
        width: 100% !important;
}
	#customsignordercont{
width: 100%;
    margin: 10px 0 10px 0;
}
	#deliverycont, #paywaycont{
	width: 100%;
}
	.cont.contentcont.ordbaskets form{
		padding: 0px 5px;
	}
	.step_2 #contactdatacont_4_log ~ .boxcont.products.noedit{
/*    width: 38% !important;*/
    margin: 0;
}

	#logincontactcont .cnt form .tabform tbody tr:nth-child(3) td ul li:nth-child(1) {
    padding-bottom: 5px;
}
	.cont.contentcont.ordbaskets .boxcont.products.noedit{
    width: 100%;
      
}
	.cont.contentcont.ordbaskets #logincontactcont{
    width: 100%;
        padding: 0 0 0 5px;
}
	.ordbaskets .boxcont.buttons .btn.btn-inv, .ordbaskets .boxcont.buttons .btn.btn-big {
/*    width: calc(93%/3);*/
}

		.btn.btn-inv.btn-back.ds_hide + .btn.btn-inv.btn-back{
			width: 48% !important;
		}

		.btn.btn-inv.btn-delete.ds_hide ~ .btn.btn-big.btn-next{
			width: 48%;
		}

		.btn.btn-inv.btn-delete.ds_hide ~ .btn.btn-big.btn-create-ord{
/*			width: 48%;*/
		}
		.boxcont.logincontact.ds_none + form .boxcont.products.noedit{

    width: 100%;


}
		/*	.cont.contentcont.ordbaskets form
		#contactdatacont_1, 
		#contactdatacont_2, 
		#contactdatacont_3, 
		#contactdatacont_4,
		#contactdatacont_1_log, 
		#contactdatacont_2_log, 
		#contactdatacont_4_log{
			width: 31% !important;
		  
		}*/
	.ordbaskets #centercont, .orders #centercont, .iisutil #centercont{
	padding-top: 80px !important;
	}
	/*popupkorona*/

	#centercont{
		padding-top: 113px !important;
	}
	/*.ordbaskets #centercont, .orders #centercont, .iisutil #centercont{
	    padding: 122px 0 90px 0 !important;
	}*/
	/*popupkorona*/
		.modal-popup.modal-pf2020 .pf2020 .btn.btn-close{
	margin: -20px 30px;
	}

		.modal-popup {
	    /*width: 60%;*/
	}
	    #headercont .basket .price {
	    margin: 0 11px 0 0px;
	}
	    #headercont .search .btn-search:before, #headercont .basket .btn:before {
	    /*font: normal normal normal 2rem/1 FontAwesome;*/

	}
	    #headercont .logo a {
	         background: url(../img/logo_CS.svg) no-repeat !important;
    background-size: 100% !important;
    background-position: 0 50% !important;
    width: 100%;
    height: 23px !important;
    margin: 10px 0px -7px 15px;
	    }
	    
	    #footercont ul.webmenu li {

	        padding: 0 30px 0 0;
	    }

	    /*.config .config-detail .configuration .hdr:before {
	    content: "Upravit konfiguraci podle potřeb";
	    display: block;
	    color: #3b608a;
	    width: 100%;
	    font-weight: 600;
	    padding: 5px 0px 10px 0px;
	    margin: 0px 0 0px 0px;
	    font-size: 1.4em;
	    border-bottom: 1px solid #d3dfea;
	    text-align: center;
	    }*/
	    .config-detail .cnt form .note .hdr-note h2{
	            padding: 0;
	    }
	    .config .configinput label {
	    order: 2;
	    width: 100% !important;
	    padding: 0 0 0 30px;
	    margin: 0 0 0 -30px;
	    height: fit-content;
	    }   
	    /*.configuration .cnt .tabform tr > td > span {
	        width: 100% !important;
	    color: #3c608a;
	    background: rgba(228, 241, 255, 0) !important;
	    font-style: normal !important;
	    margin: 0px 0px 0px 0% !important;
	    text-align: left;
	    font-weight: 400 !important;
	    padding-bottom: 5px;
	    padding-left: 0px !important;
	    padding-top: 10px;
	    border: none !important;
	    }*/
	    
	.config .configinput {
		display: flex;
		place-content: flex-end;
		border: none !important;
		float: left !important;
		clear: left !important;
		width: 100% !important;
		margin: 0;
	}
	    /*.config .title {
	        font-size: 1.2em !important;
	    padding: 0;
	    position: relative;
	    top: unset;
	    left: unset;
	    color: #3c608a;
	    line-height: unset;
	    font-weight: 600;
	    text-align: center;
	    width: 100% !important;
	    transform: none;
	    display: block;
	    margin: 0;
	    background-color: #f9f9f9;
	    padding: 5px;
	    margin: 5px 0;
	    }*/

        .config-detail .status {
            margin: 0px 0 0 0;

        }
        .config-detail .cnt .boxcont.config-img.half {
            
        }
        div.boxcont.gallery.owl-carousel.owl-theme{
            position: relative;
            z-index: 2;
            /*top:-60px;*/
        }
        .subcats ul li:nth-child(2n){
            margin: 0.3%;
        }
        .subcats ul li {
                margin: 0 5px 0 0 !important;
    width: calc(25% - 5px);
    padding: 10px 0;
        }
       /* #headercont .basket {
            margin: 15px 28px 0 0;
        }*/

        /*.prodbox .btn-config {
            float: right !important;
               padding: 4% 3% !important;
    margin: 0px 0 0 0 !important;
        }*/
        /*.prodbox .buybox .btn {
            float: right !important;
            padding: 5% 15% !important;
            margin: 0 !important;
        }*/
        /*.prodbox .availability {
            margin: 0 108px 0 0px !important;
        }*/

        #headercont,
        .scroll {
        	height: initial;
            z-index: 200;
            margin: 0 auto;
            float: none;

            background: #152654;
            position: fixed !important;
            transition-duration: .5s;
            transition-property: margin-top;
        }

        #headercont.scroll {
            border: none;
        }

        #footercont ul.webmenu li.down:after {
            display: none;
        }

        .navbar ul {
            padding: 0;
        }

        /*.config-detail .cnt .boxcont.config-img.half {
            top: 100px;
        }*/

        #sptnav ul li.act .sptnavsub {
            padding: 0;
            width: 100%;
            transform: unset !important;
            box-shadow: 5px 5px 10px 0 silver;
            top: 164px;
        }

        .cnt.owl-carousel.owl-theme {
            border: none !important;
        }

       /* .config .configinput label {
            width: 87.5% !important;
            margin-right: 20px;
        }*/

        #tree-icon span {
            width: 100% !important;
/*            margin-bottom: -6px;*/
            position: relative !important;
            height: 2px !important;
            border-radius: 10px;
        }

        /*#tree-icon.open span:nth-child(1) {
            top: 5px;

        }*/

        /*#tree-icon.open span:nth-child(3) {
            top: 12px;
        }*/

        #tree-icon {
              width: 36px !important;
    margin: 30px 0px -30px 2%;
    top: -5px;
    height: 25px;
}

        #headercont .search .btn.btn-search {
            padding: 5px 16px !important;
    		height: 46px;
 
        }

        #headercont .search input {
            padding: 11px 10px 7px 10px;
            border: none;
        }

        #headercont .search {
        	transform: translate(50px, -3px);
			position: relative;
			left: unset;
        }

        /*#headercont .logo a {
            height: 65px !important;
        }*/

        #headercont .logo {
            margin: 0 0 0 8% !important;
        }
        #headercont .logo a {
        /* width: 100%; */
        }
        #headercont .logo a {
        /* height: 63px !important; */
        margin: 3px 0px -7px 15px;
        }
        
        /*
        #headercont .basket .btn.btn-buy {
        background-color: #204471;
        padding: 5px 6px;
        margin: -10px 0px 0 11px;
        }
       #headercont .basket .price {
        margin: -10px 9px 0 0;
        text-align: right;
        width: 59% !important;
        height: 28px;
        }*/

        
        #centercont {
            padding: 80px 0 0 0 !important;
        }

        .contentcont .boxcont {
            padding: 0 0 0 0;
            margin: 0;
        }

        /*galerie detail produktu*/
        .config .gallery .owl-wrapper {

            display: inline-flex;
        }

        .config .gallery img {
            /*width: 100%;*/
            padding: 0% 10%;
        }

        .config .gallery .owl-item {
            /*width: 2.1% !important;*/
            display: inline-flex;
        }

        .config .config-img a {
            width: 100%;
            position: relative;
            z-index: 0;
        }

        /*galerie detail produktu*/

        #sptnav.res-tree-open ul li .sptnavsub ul li a {
          width: 100% !important;
    border-left: transparent;
    height: 42px;
    padding: 12px 0px !important;
    text-align: center !important;

    font-size: 0.85rem !important;
        }

        #sptnav.res-tree-open ul li a {
            padding: 15px;
            text-align: center;
                width: 100% !important;
                font-size: 1rem;

                text-transform: uppercase;

        }

        #sptnav.res-tree-open {
            padding: 0;
            width: 100%;
            top: 80px;
            z-index: 100;
            position: fixed;
        }

        /*.sptnavigator #centercont {
                padding: 80px 0 0 0 !important;
        }*/

        .noedit .qtybox input {
            border: none;

        }

        .noedit .qtybox .up {
            display: none;

        }

        .noedit .qtybox .down {
            display: none;

        }

        #tree-icon span {
            background-color: #ffffff !important;
        }


        .prodbox .availability {
            margin: -2% 0 10% 0;
        }


        /*#headercont .basket .cnt {
            margin: -5px 0 0 0;
        }*/

        .prodbox {
            width: calc(100% / 3) !important;
            /*background-image: linear-gradient(to bottom, white 88%, rgba(7, 46, 92, 0.08) 0%);*/
        }

        .listpage .cnt .pagetext .recordcount,
        .listpage .cnt .pagetext .pagecount {
            display: none;
        }

        /*.custom-select select, .custom-multi-select select{
            top: -3px;
        }*/
        .orderby .cnt .custom-select {
            width: 130px;
        }

        .page,
        .listpage {
            font-size: 1.1em;

        }

        .listpage .cnt .pagenav .page a {
            content: "\f105";
            position: relative;
            margin: 0;
        }


        /*.prodbox.list .hdr h2 {
            max-width: calc(100% - 160px);
        }*/

        /*#centercont {
            padding: 80px 0 0 0 !important;}
        }*/
	}


@media screen and (max-width: 935px) {
    .xmas-popup{
        display: none;
    }

        #headercont .logo a {
        /* height: 63px !important; */
        margin: 10px 0px -7px 15px;
    }
.NBD_cnt .column1, .NBD_cnt .column2, .NBD_cnt .column3, .NBD_cnt .column4{
    min-width: 120px;
}



.faq-wrapper-left {
    width: 35% !important;
}

.faq-content {
    width: calc(65% - 25px) !important;

}


.faq-answer{
	height: auto !important;
}
.NBD_cnt .column1, .NBD_cnt .column2, .NBD_cnt .column3, .NBD_cnt .column4{
    width: 200px;
}

}

@media screen and (max-width: 820px) {
    .boxcont.configuration table tr.title, .boxcont.configuration table tr.info{
        top: 125px !important;
    }
    #headercont .logo a {
        margin: 10px 0px -8px 15px;
    }
	.dalsiclanky{

		display: none !important;
	}

	.aktualita{
		width: 100% !important;
	}
.ordbaskets .trippleswitch .trplopt:nth-child(2) {
    border-right: 0px solid #152654 !important;
    border-left: 0px solid #152654 !important;
}
	#customsignordercont {
margin: 0 !important;
}
	.ordbaskets .I6-gdpr .cnt .rowbox{
		float: left;
	}
	.cont.contentcont.ordbaskets.step_3 .buttons{
		margin: -10px 0 0 0;
		    width: 100%;

	}
	.cont.contentcont.ordbaskets.step_3 .buttons{
		    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 9;
	}
	.step_3 #gdprcont {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 8;
    width: 100% !important;
}
	.step_3 #kosik_wrapper{
grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 7;
    grid-row-end: 7 !important;
    margin: 0 10px 10px 10px !important;
    width: auto;
	}
.cont.contentcont.ordbaskets.step_3 form{
	grid-template-columns: 49% 49%;
	padding: 0;
}
.NBD_cnt .column1, .NBD_cnt .column2, .NBD_cnt .column3 {
    width: 200px;
}

.kariera.cenik .faq-answer div{
	width: 100%;
}

.cislovka{
		width: 35px !important;
		border: #fa4047 7px solid !important;
	}
.infograf_fin div div div{
	top: -70% !important;
}

.step_1 .orbitem .name .stiplname{
	line-height: 1.6rem !important;
}

.step_1 #ordproductscont .tabinfo.hor.stitable .orbitem.orbstiidpackitem .name,
.step_1 #ordproductscont .tabinfo.hor.stitable .name strong,
.step_1 #ordproductscont .tabinfo.hor.stitable .name .pack_code,
.step_1 #ordproductscont .tabinfo.hor.stitable .name a{
    padding-left: 10px !important;
}


.tabinfo.hor th,
.tabinfo.hor td {
  padding: 8px;
  text-align: left;
}

.step_1 #ordproductscont div table .img {
    display: none !important;
}

	.boxcont.addbynum.ds_hide ~ form #contactdatacont_1_log,
.boxcont.addbynum.ds_hide ~ form #contactdatacont_2_log{
    width: calc(50% - 0px) !important;
     margin: 0;
     min-height: 185px;
     margin-bottom: 5px !important;
}

#contactdatacont_1_log, #contactdatacont_2_log, #contactdatacont_4_log{
	margin: 5px 0 5px 0 !important;
}

#maincont[data-logged="1"] .cont.contentcont.ordbaskets form{
	display: block !important;
}



.boxcont.basketadd .stiplname{
	width: 100% !important;
}
.popupcont.basketadd .img{
	display: none;
}
.company .cnt form {
    flex-direction: column;
}

div.boxcont.document.comcommon, div.boxcont.document.comres {
    width: 100% !important;
}

div.boxcont.srchtools {
    width: 100% !important;
    margin-right: 0px !important;
}

.ordbaskets .delivery li.dmgid_3:after{
	content: "";
}
.h-banner.banner4 .text-block > div{
	margin-top: 20px !important;
}

.sptnavigator .kontakt .left{

width: 100%;


}

.sptnavigator .kontakt .right{
    margin: 25px 0 0 0;
width: 100%;

}


/*	#headercont .basket .btn .count {
    top: 0px !important;

}*/
	.financovani_text{
	width: 100% !important;
}
.infograf_kroky{
	height: 110px !important;
}
	#sptnav.res-tree-open {

        top: 114px;
        position: fixed;
        border-top: 1px solid #C0C0C0;}
	.stoitems .listpage .cnt .orderby, .spresenttrees .listpage .cnt .orderby {
    width: auto;
	}
	.prodbox .tools {
        width: auto;
    min-width: 100px;

	}
	#sptnav .level3 li:nth-child(1) .level6>li:nth-child(3) {
    padding: 0 !important;
	}
#trippleswitchcont {
width: 100% !important;
    min-width: unset;
    margin: 20px 0 10px 0;
	}

	.homepage .news li {
    width: 45% !important;
    margin: 0 20px 0 0px;
    float: left;
    clear: initial;
    height: 350px;
}
	.news li .img {
	    height: auto !important;
	}
	.homepage .news li {
    height: auto !important;
	}

	.infograf_fin div div div {
		margin-top: 40px !important;
		background-position: center !important;
	}



	.infograf_div{
		width: 100% !important;
		padding-top: 10px;
	}

	.modal-popup{
/*		width: 100%;
		bottom: 0;
		top: unset !important;*/
	}
	.prodbox {
    width: calc(100% / 2) !important;
}

#prodlistanchor>.cnt .prodbox:nth-child(2n+1) {
    border-left: 1px solid #eeeeee;
}
#prodlistanchor>.cnt .prodbox:nth-child(2n) {
    border-left: none;
}
	.config .configinput input[type=checkbox]:checked + label {
    padding: 0px 0 0px 85px !important;
}
	.configuration {
    grid-column-end: 4 !important;
}
.spresenttrees .listpage .cnt .paging,
.spresenttrees .listpage .cnt .showstyle{
	float: right;
}
		.boxcont.product.carousel .tools .btn span {
    display: none;
}
	.boxcont.product.carousel .tools .btn:before {
    content: "Detail >";
    font-family: 'IBM Plex Sans', Arial, sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    display: inline-block;
}

	.news .detwn a {
    float: left !important;
}
		.boxcont.proc .blok_proc {
    height: 190px !important;
}

	.boxcont .date {
/*        width: calc(100% - 205px);
    float: left;*/
}
	.boxcont.news li .hdr, .boxcont.news li .cnt{
	width: 100%;
    float: left;
    clear: left;
}
	.news li .img{
	    width: 100% !important;
	}

	#headercont .basket, #headercont .prodlist {
    margin: 28px 10px 0px 0 !important;
        padding: 0 0 5px 0 !important;
}
	#headercont .top {
    margin: 10px 10px 0px 0px !important;
}
	/*#headercont .logo a {
    margin: -25px 0px -8px 26px;
}*/
	#tree-icon {
    margin: 10px 0px -30px 15px;
    top: 3px;
}
	#headercont .search .btn.btn-res{
		display: none;

	}
	#headercont .search > .cnt {
    display: block;
}
/*	.boxcont.addbynum.ds_hide ~ form #contactdatacont_4_log {
    width: 25% !important;
}
.step_3 .boxcont.addbynum.ds_hide ~ form #contactdatacont_1_log, .boxcont.addbynum.ds_hide ~ form #contactdatacont_2_log {
    width: 32% !important;
}
	#contactdatacont_4_log ~ .boxcont.products.noedit,#deliverycont, #paywaycont, #gdprcont, #customsignordercont{
    width: 100% !important;
    margin: 10px 0 0 0;
}
*/
	/*popupkorona*/
/*	#headercont{
		top: 41px !important;
	}

	.sptnavigator #centercont{
		padding-top: 113px !important;
	}*/
	.ordbaskets #centercont, .orders #centercont, .iisutil #centercont{
	    padding: 80px 0 40px 0 !important;
	}

	/*popupkorona*/

	    #headercont .basket .price {
	    margin:0;
	    padding: 5px 10px;
		}

        .homepage .boxcont.webnews .boxcont.news ul li {
    width: 45% !important;
    padding: 0 0 30px 0;
    float: left;
    clear: initial;
    height: auto !important;
}
        /*.boxcont .hdr > h1 {
            font-size: 2rem !important;
        }*/
        .config .config-detail .hdr span{
                font-size: 1.2em;
        }
        .configuration > .cnt > .tabform tr{
        padding: 0;
        display: table;
        width: -webkit-fill-available;
        width: 100%;
        }
        /*.hpep, .birgada{
        width: 100%;
        display: inline-grid;
        }*/
        .subcats ul li {
            width: 32%;
            margin: 5px 5px 0 0 !important;
        }
        .search {
            padding: 1px !important;
            margin: 7px 23px 0px 0px !important;
        }
        .search .btn-search {
        margin: 0 !important;
        }
        /*#headercont .basket {
            margin: 0;
        }*/
        #headercont.res-search-open #tree-icon {
            display: initial;
        }


        #headercont.res-search-open .search {
            border: none;
            margin: -55px 22px 0 360px;
            width: -webkit-fill-available;
            ;
        }

        #headercont .search {
        	float: left;
        	clear: left;
		    margin: 12px 0px 10px 15px !important;
		    width: 60%;
		    display: inline-block;    
		    transform: translateY(0);
        }

        #headercont .logo {
            padding: 0;
            width: auto;
                    margin: 0 0 0 60px !important;
                    width: 40% !important;
        }

        /*#tree-icon {
            width: 54px;
            margin: 9px 0px 0px 12px;
        }*/

        /*#headercont .search .btn.btn-search, #headercont .basket .btn.btn-buy {
            background-color: #152654;
            padding: 5px 0px;
            margin: 0;
        }*/

        #headercont.res-search-open .search {
border: none;
        margin: -52px 0 0px 235px !important;
    width: 50%;
        }

        #headercont.res-search-open .search .btn-search{

            padding: 8px 0;
        }
        #centercont {
            padding: 112px 0 0 0 !important;

        }

        .config .config-detail .config-info.half.float-right {
               grid-column-start: 1 !important;
    grid-column-end: 4 !important;
    grid-row-start: 1 !important;
    grid-row-end: 1 !important;
        }
        .config-detail .boxcont.note {
     grid-column-start: 1 !important;
    grid-column-end: 3 !important;
    grid-row-start: 2 !important;
    grid-row-end: 3 !important;
}
.config-detail .boxcont.tools {
    grid-column-start: 1 !important;
    grid-column-end: 4 !important;
    grid-row-start: 4 !important;
    grid-row-end: 4 !important;
    margin: 0 !important;
}
.config .config-detail .config-info.half.float-right {
    grid-column-start: 3 !important;
    grid-column-end: 5 !important;
    grid-row-start: 1 !important;
    grid-row-end: 3 !important;
/*    top: 0px !important;*/
    margin: 0 !important;
    position: relative !important;
    min-height: 400px;
    z-index: 99;
}
.config-detail .cnt .boxcont.config-img.half {
    grid-column-start: 1 !important;
    grid-column-end: 2 !important;
    grid-row-start: 2 !important;
    grid-row-end: 2 !important;
}
#config_selected {
	margin: 0;
}
/*.configuration {
    grid-column-end: 4 !important;
}*/
.boxcont.config-detail .cnt form {
    grid-template-columns: 60% 3% 37%;
    grid-template-rows: 403px auto;
}
}
@media screen and (max-width: 760px) {

	.faq-reklamace-vraceni{
		background: #f2f2f2;
	}

.reklamace_vraceni .faq-wrapper{
	margin-bottom: 25px !important;
}

.NBD_cnt .column1, .NBD_cnt .column2, .NBD_cnt .column3 {
    width: 200px;
}

	.faq-sidebar_kontakty.cenik{

	background-position: -80px -110px !important;
    background-size: 943px !important;

	}
	

	.faq-sidebar_kontakty.cenik p{
		padding: 5px !important;
		margin: 0px !important;
	}

	.kariera.cenik{
		width: 100% !important;
	}

	.faq-sidebar_kontakty.cenik{
		width: 100% !important;
		margin: 0px !important;
	}

	.clanek_foto img{
		margin-right: 20px !important;
		width: calc(100%/4 - 25px) !important;
	}

.boxcont.addbynum.ds_hide ~ form #contactdatacont_1_log, .boxcont.addbynum.ds_hide ~ form #contactdatacont_2_log {
    width: calc(50% - 3px) !important;
}

.boxcont.addbynum.ds_hide ~ form #contactdatacont_1_log{
	    margin-right:5px !important;
}

	.step_2 #contactdatacont_4_log ~ .boxcont.products.noedit,
	.step_2 .boxcont.addbynum.ds_hide ~ form #contactdatacont_4_log{
    width: 100% !important;

}


	.ordersteps table .step {
    padding: 15px 10px;
}
		.orders #contentcont .document.moredetails, 
	.orders #contentcont .document.half, 
	.orders #contentcont .document.float-half, 
	.iisutil #contentcont .document.moredetails, 
	.iisutil #contentcont .document.half, 
	.iisutil #contentcont .document.float-half{
		    width: calc(100%/1) !important;

	}
	.btn-user:before {
    font-size: 1.3rem;
}
 #headercont .logged .btn-icon.btn-user span{
        	display: none !important;
        }

.homepage .h-carousel{
	height: auto !important;
}
.h-banner.banner4 .text-block{
	padding: 15px 0 0 15px !important;
}

.h-banner.banner4 .banner_btn{
	transform: unset !important;
	margin: -60px 30px;
}
}

@media screen and (max-width: 730px) {
   .article-wrapper .leftcont {
 width: 100% !important;
}
    .kontakt_cont{
        display: none;
    }

		img[alt="CPU AMD EPYC"]{
		display: none;
	}

    .aktualita p.left,
    .aktualita p.right,
    .aktualita img.right,
    .aktualita img.left{
        padding: unset !important;
        padding-left: unset !important;
        padding-right: unset !important;
    }
	

    .aktualita .right, .aktualita .left{
		float: unset !important;
	}

    .aktualita p,
    .aktualita .left,
    .aktualita .right,
	.aktualita img, .wntext img, .boxcont.webnews.news .wntext p {
        width: 100% !important;
        margin: 10px 0 !important;
    }
	.vraceni_a_reklamace div{
		width: 100% !important;
		margin: 10px 0 !important;
	}

	.vraceni_a_reklamace .postup{
		min-height: unset !important;
	}

.reklamace_vraceni .faq-wrapper, 
.kariera .faq-wrapper {
    padding-bottom: 20px !important;
}

	.article .cnt .content>div{
		margin-top: 15px !important;
	}

.kariera .faq-answer{
	padding: 5px 20px 0px 20px !important;
}

.faq-answer{
	padding: 5px 5px 0px 5px !important;
}

.faq-question div {
/*    margin: -14px 0px !important;*/
}

.faq-question button{
/*	padding: 20px 0 0 5px !important;*/
}
.faq-wrapper{
/*	padding-bottom: 5px !important;*/
}

 #section-objednavky, #section-produkty, #section-technicke, #section-vraceni{
	padding: 15px;
	background: #fff;
}	
#section-produkty, #section-technicke, #section-vraceni{
	margin-top: 15px;
}
.section-nadpis{
	border-bottom: 3px solid #f2f2f2;
}

#section-objednavky .section-nadpis:before {
  background: url(../img/icons/box_closed_red.svg) no-repeat center;
}

#section-vraceni .section-nadpis:before{
  background: url(../img/icons/box_return_red.svg) no-repeat center;
}

#section-produkty .section-nadpis:before {
  background: url(../img/icons/CS_RACK_ICON_red.svg) no-repeat center;
	background-size: 70%;
}

#section-technicke .section-nadpis:before {
  background: url(../img/icons/gearwheel_red.svg) no-repeat center;
}

.section-nadpis:before{
	width: 40px;
    content: "";
    display: block;
    float: left;
    height: 36px;
    padding: 0px 10px 0 0;
}

.section-vraceni p{
	padding-top: 15px;
}
.faq-wrapper-left{
	display: none !important;
}

.highlighted{
	border-left: 0px solid !important;
}
.faq-content{
	width: 100% !important;
}
.section-nadpis{
    display: block !important;
    color: #152654 !important;
    background-color: #fff !important;
    padding: 10px 0 20px 0px;
    font-size: 1.1rem !important;
    font-weight: 600;
    line-height: 2.2rem !important;
}

.faq-wrapper{
/*	margin-bottom: 0 !important;*/
}

.faq-content section :before{

}
/*.config-detail .cnt .boxcont.config-img.half, .config-detail .boxcont.note {
    grid-column-end: 4 !important;
}

	.config .config-detail .config-info.half.float-right {

   grid-row-start: 3 !important;
    position: relative !important;
    grid-column-start: 1 !important;
    grid-column-end: 4 !important;

	            }
	#config_selected {
		display: none;
}
.configuration {
    grid-column-end: 4 !important;
    grid-row-start: 4 !important;
}*/


	.prodbox {
    width: calc(100% / 2) !important;
}
	.blok_reference .text {
    width: 100% !important;
    border-left: 0px solid #E6E6E6 !important;
}

	.cont_newsletter h3, .cont_newsletter .blok_newsletter{
        width: 100% !important;
}
	.boxcont.proc .cont_proc, .boxcont.reference {

    width: 100% !important;
}

	.boxcont.product.carousel .tools .btn span{
		display: inline-block;
	}
	.boxcont.product.carousel .tools .btn:before{
		display: none;
	}
	.owl-stage>div:nth-child(3) {
    display: none !important;
}
	.carousel .owl-item{
		width: 48% !important;
	}

	#footercont .boxcont.companyinfo .cnt {
            margin: 0 0px 0px 0px;
    float: left;
    clear: left;
}
	#footercont .navi .companycontact>div {
    margin: 0 auto;
    float: left;
    clear: none;
    width: fit-content;
}
	#footercont .navi .companyinfo>div.hdr {
    margin: 30px auto 0 auto;
    float: left;
}



}
@media screen and (max-width: 650px){
	.vyprodej{
	    background: url(../img/uvodni_stranka/vyprodej_ctv.jpg) no-repeat !important;
    background-size: 100% !important;
}
	.label-tip{
		margin: unset !important;
	}
	.NBD_cnt table{
		width: 80% !important;
	}

	.NBD_cnt .nadpis {
    border-bottom: 1px solid #f2f2f2;
    margin-top: 30px;
}
	.NBD_cnt tr:first-child td span{
		margin: unset;
		float: left;
	}
	.NBD_cnt .prouzek{
		    display: inline-block;
    width: 100%;
	}
	.NBD_cnt .prouzek .active{
		background: #152654;
	}
	.NBD_cnt .prouzek span{
        background: #ddd;
    height: 5px;
    display: block;
    float: left;
    width: calc(100% / 4 - 8px);
    margin: 0 8px 0 0 !important;
    min-width: unset;
	}
	.NBD_cnt td p span{
		padding: 0 0 0 10px;
	}
	.NBD_cnt td.price{
		text-align: center !important;
		    padding: 15px 0 30px 0 !important;
	}
	.NBD_cnt table .nadpis~td{
		padding: 30px 0 30px 20px !important;
	}

	.NBD_cnt table tr td p{
	    font-size: 1.125rem !important;
    padding: 0 !important;
    line-height: 1.6875rem !important;
	}

	.NBD_cnt .nadpis p{
		text-align: left !important;
    margin: 10px auto;
    float: left !important;
    padding: 0 !important;
        max-width: unset !important;
	}
	.NBD_cnt{
		padding: 0 !important;
	}
	.NBD_cnt td img {
     float: left;
	}
	.NBD_cnt .nadpis span,
	.NBD_cnt .nadpis h3{
float: left !important;
    margin: 0 !important;
    display: block !important;
    width: fit-content !important;
    padding: 0 !important;

	}
	.NBD_cnt td img{
    float: left;
    max-width: 45px !important;
    padding: 3px 15px 0 0px;
	}
	.NBD_cnt .next,
	.NBD_cnt .prev{
		background: #fff;
	width: 7%;
    display: block !important;
    text-decoration: none !important;
    text-align: center;
    margin: 200px 0 0 0;
    height: 210px;
    padding: 90px 0 0 0;
	}
	.NBD_cnt .next{
		float: right;
		    border-right: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    margin-right: 3%;
	}
	.NBD_cnt .prev{
		float: left;
		    border-left: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    margin-left: 3%;
	}
	.NBD_cnt .body{
		display: block !important;
	}
	.NBD_cnt td {
	    max-width: unset !important;
    min-width: unset !important;
    display: none;
}
	.NBD_cnt td.active {
	       width: 100% !important;
    display: block !important;
    float: left;
    border-right: 1px solid #f2f2f2;
    text-align: left;
    padding: 0 30px 15px 20px;
	}
	.NBD_cnt table tr{
		display: none;
	}
	.NBD_cnt table tr{
		    display: block !important;
    float: unset;
    clear: unset;
    width: 100%;
    margin: 0 auto;
	}
	.NBD_cnt table tr.mobile:last-child td{
		border-bottom: 1px solid #f2f2f2;
	}
	.NBD_cnt tr td:nth-child(1){
	display: none !important;
}
.NBD_cnt tr td:nth-child(1).nadpis{
	display: block !important;
	border-bottom: 1px solid #f2f2f2 !important;
	    padding: 40px 0 10px 0;
}
	.boxcont.modalcfg .cnt>p {
    font-size: 0.85rem !important;
}
.modalcfg .cnt tr th{
	    font-size: 0.75rem !important;
}
.modal-content {
    width: 100% !important;
}

.stinotecmtblock_banner div {
    width: calc(100% / 2) !important;
}
 .orderss .tabinfo.hor tbody tr td:nth-child(4){
	display: none;
}

.banner1, .banner2, .banner3{
	display: none !important;
}
.banner4{
	display: block !important;
}
.banner4 .pic_cont img{
	max-width: unset !important;
    width: 100% !important;
} 

.h-banner.banner1 .text-block {
	width: 100% !important;
	padding: 10px 20px 10px 20px !important;
	margin:  5px !important;

}
.h-banner.banner1 img{
	width: 100% !important;
	margin: unset !important;
}

.h-banner.banner1 .img_silver{
	width: 30% !important;
	margin: unset !important;
	position: relative !important;
	display: none;
}

.h-banner.banner1 .img_gold{
	width: 30% !important;
	margin: unset !important;
	position: relative !important;
	display: none;
}


.h-banner.banner1{
	height: 540px !important;
}

.h-banner.banner4 .banner_btn{
	position: absolute;
    transform: unset !important;
    left: 15px;
    bottom: 15px;
    margin: unset;
}
.banner4 .pic_cont{
	position: relative;
    display: block;
    width: 100%;
    float: left;
}
.h-banner.banner4 .text-block {
	width: 100% !important;
	padding: 10px 20px 10px 20px !important;

}
.h-banner.banner4 .text-block div{
	margin-top: 20px !important;
	float: none !important;
}

.h-banner.banner4 > a {
	transform: translate(17px, -62px) !important;
	float: unset !important;
}
.h-banner.banner4 > img {
	width: 100% !important;
	max-width: unset !important;
}
.h-banner.banner3 > p {
	position: unset !important;
	margin: 0 20px;
	width: 100% !important;
}

.h-banner.banner3 > span {
    position: relative !important;
    width: 100% !important;
    left: 0 !important;
    max-width: 240px !important;
    bottom: unset !important;
    transform: translateY(-50px);
    padding-left: 30px !important;
}
.h-banner.banner3 .text-block {
	width: 100% !important;
	padding: 10px 20px 10px 20px !important;

}
.h-banner.banner3 h2 {
	width: 100% !important;
}		

.h-banner.banner3 > img {
	float: none !important;
    margin: 0 auto !important;
    width: 100% !important;
    height: auto !important;
    max-width: 450px;
    clear: unset !important;
    display: block;
    transform: translateY(-50px);

}

.homepage .boxcont.h-carousel {
    height: auto !important;
}	

}
@media screen and (max-width: 640px) {

.dealer section{
    width: 100% !important;
    position: unset !important;
    
}

.dealer
.boxcont.news .boxcont{
    height: auto !important;
}
.reklamace_vraceni .faq-answer div{
    display: block !important;
}


        #footercont .navi .companyinfo,#footercont .navi .companycontact {
        padding: 0;
    }
        #footercont .navi .companyinfo>div.hdr {
        margin: 0;
    }
        #footercont .companycontact {
        grid-column: 2;
        grid-row-start: 5;
        grid-row-end: 5;
    }
        #footercont .companyinfo {
        grid-column: 2;
        grid-row-start: 4;
        grid-row-end: 4;
    }
footer .boxcont.navi>.cnt {
        grid-template-columns: 50% 50%;
                grid-template-rows: 35% 25% 6% 22%;
    }
.article .cnt .content>div.kariera{
	background: #f2f2f2 !important;
	margin-top: 0 !important;
    width: 100% !important;
}

.kariera-banner{
    width: 100% !important;
    margin-bottom: 20px;
}

.highlighted{
	border: 0 !important;
}

.article p{
    width: calc(100% - 50px) !important;
}
	.boxcont.article h1{
		font-size: 1.9rem !important;
	}
	.banner_clanek{
				width: 100% !important;
	}

	.stoitem .boxcont.half.stiimg>.boxcont.img {
        width: calc(100% - 50px);
order: 2;
margin: 25px 25px 0 25px;
}
.stoitem .boxcont.gallery.owl-carousel.owl-theme {
    order: 3;
}
.stoitem .stiimg .status {
   order: 1;
}
.boxcont.stoitem .hdr {
width: 100%;
background: #fff;
position: relative;
}
	.boxcont.tabs.ui-tabs {
    grid-column-start: 1;
    grid-column-end: 5;
    margin: 20px 0 0 0;
}
.banner_clanek_obrazek{
	padding: 0 0 20px 0 !important;
}

.stoitem .tools {
    background: #fff;
    grid-column-start: 1;
    grid-column-end: 5;
    padding: 0 15px 15px 15px;
    grid-row-start: 3;
    grid-row-end: 3;
}
	.boxcont.half.float-right.stiinfo {
    width: 100%;
    border-top: 20px solid #fff;
    border-radius: unset;
    background: #fff;
    grid-column-start: 1;
    grid-column-end: 5;
    height: fit-content;
    grid-row-start: 2;
    grid-row-end: 2;
}
	.stoitem .boxcont.half.stiimg {

    width: 100%;
    display: grid;
    grid-column-start: 1;
    grid-column-end: 3;
    background: #fff;
    grid-template-columns: 100%;
    grid-row-start: 1;
    grid-row-end: 1;
}
.configuration .cnt{
		padding: 10px !important;
	}
	.config .configinput label .configname {
    width: auto !important;
}
	.config .config-detail .hdr h1{
		padding: 10px 10px 20px 10px;
	}
	.config .boxcont.navbar {
   margin: 10px 0 10px 10px !important;
}
	.config .config-detail .boxcont.tools{
		margin: 0;
	}
	.boxcont.config-detail .cnt form {
    grid-template-rows: auto !important;
        grid-row-start: 3;
    grid-row-end: 3;
}
	.config .configinput .config_qtylist_line .qty {
    transform: translate(19px, -20px);
}
	.config .configinput .config_qtylist_line select {
    padding: 0;
    width: 60px !important;
}
	.config .configinput input[type=checkbox]:checked + label {
    padding: 0px 0 0px 105px !important;
}
	.cont.contentcont.ordbaskets form #contactdatacont_6,.cont.contentcont.ordbaskets form #contactdatacont_4 {
    padding: 0 0 10px 5px;
}
	.cont.contentcont.ordbaskets form #contactdatacont_1, #contactdatacont_2, #contactdatacont_3, #contactdatacont_4, #contactdatacont_1_log, #contactdatacont_2_log, #contactdatacont_4_log {
    padding: 0 1% 0 1%;
    z-index: 100;
    position: relative;
}
	.ordbaskets .contentcont .boxcont .hdr p {
    padding: 10px 0 5px 0 !important;
}
	.cont.contentcont.ordbaskets #logincontactcont {
    padding: 0 5px;
}
	.cont.contentcont.ordbaskets form {
    padding: 0;
}
.step_3 #contactdatacont_1, 
.step_3 #contactdatacont_2, 
.step_3 #contactdatacont_3, 
.step_3 #contactdatacont_4,
.step_3 #contactdatacont_5, 
.step_3 #contactdatacont_6, 
.step_3 #contactdatacont_1_log, 
.step_3 #contactdatacont_2_log, 
.step_3 #contactdatacont_4_log {
    background: #ffffff !important;
    background: #ffffff !important;
    margin: 0 0 10px 0;
    width: calc(300% / 3) !important;
    clear: none;
    height: unset !important;
}
.text-block p{
	width: max-content !important;
}
.text-block a{
	width: 200px;
    padding: 10px;
    bottom: -20px;
    left: 30px;
}

.homepage .boxcont.h-carousel {
    /*height: 420px !important;*/
}
#sptnav .level3>li:nth-child(3) .level6>li:nth-child(3) {
    margin-right: 0 !important;
}

#sptnav .level3 li:nth-child(3) .level6>li {
    width: calc(100% / 3) !important;
    padding: 0 0 0 0;
    float: left;
    clear: initial;
}

#sptnav .level3 li:nth-child(4) .level6>li {
    width: calc(100% / 3);
}
	.boxcont.sluzby .left_cont h3 {

    font-size: 1.6rem !important;
}
.boxcont.sluzby .left_cont a {
    bottom: 20px !important;
}
	.ordbaskets #headercont .logo a {
     margin: 22px 0 !important;
    width: 290px;
    max-width: unset;
    height: 31px !important;
    background-size: 285px !important;
    background-position: 0 -77px !important;
}
	.ordbaskets .trippleswitch .trplopt {
    float: left;
    clear: left;
    width: 100% !important;
    padding: 0;
}
/*	.ordbaskets .trippleswitch .trplopt label {
		font-size: 1.2rem !important;
	}*/

	.news li .img {
    width: 100% !important;
    float: left;
    clear: left;
    text-align: center;
}
    .homepage .boxcont.webnews .boxcont.news ul li {
            width: 100% !important;
            padding: 0 0 30px 0;
            height: auto !important;
        }
	.banner_clanek_obrazek>div{
		width: 100% !important;
		margin-top: 70px !important;
	}
	.article p, .wnnote p{
		width: 100% !important;
	}
	.blok_doprava{
    width: auto !important;
    height: auto !important;
    margin: 5px 0px !important;
    background-color: #f2f2f2 !important;
    padding: 20px 10px 20px 20px !important;
	}

.banner_clanek{
	padding: 25px !important;
}

.article .cnt .content>div{
/*	padding: 25px !important;*/
	background-color: #fff !important;

}

.article .cnt .content>div.faq-container{
	background-color: #f2f2f2 !important;
}

	.modal-popup {
/*    width: 100%;
    bottom: 0;
    top: unset !important;*/
}
/*.boxcont.config-detail .cnt form {
    grid-template-rows: auto 40px 510px auto;
}*/
/*	.cont.cookie .boxcont .ftr{
		position: fixed;
    background: #fff;
    bottom: 5px;
    width: 95%;
	}*/
	.cont.cookie .boxcont{
       height: auto;
overflow-y: scroll;
margin: 0 0 110px 0;
}
	.cont.cookie .boxcont .buttons {
            flex-direction: column-reverse;
    background: #fff;
    margin: 0;
    padding: 10px 0px 10px 0px;
    width: calc(100% - 50px);
}
	.cont.cookie .boxcont .buttons .btn:nth-child(2){
		display: none;
	}
.cont.cookie .boxcont .allow-all,
.cont.cookie .boxcont .buttons .btn:first-child,
.cont.cookie .boxcont .btn.allow-selection{
	width: 100%;
	margin: 5px 0;

}
.cont.cookie .boxcont .ftr button.allow-all {
    margin: 0 auto;
    float: unset;
    clear: unset;
    display: block;
    width: 99%;
}

.cont.cookie .boxcont .btn.allow-selection{
	    background: #fff !important;
    color: #123654 !important;
    width: 49%;
    MARGIN: 5px 0.5%;
}
		.prodbox {
	
    width: calc(100% / 2) !important;
}

	.config-info .tabform .wovat, .rowbox.wovat {
    padding: 0 !important;
}
	.config-info .tabform tbody {
    max-width: 100%;
}
	.config-detail .boxcont.tools {
    grid-row-start: 4 !important;
    grid-row-end: 4 !important;
    grid-column-end: 5 !important;
}
	.configuration {
    grid-row-start: 4 !important;
    grid-row-end: 5 !important;
}
.config .config-detail .config-info.half.float-right {
    grid-column-start: 1 !important;
    grid-column-end: 5 !important;
    grid-row-start: 3 !important;
    grid-row-end: 3 !important;
    padding: 0 !important;
}
#footercont .navi .webmenu {
    width: auto;
}
	.blok_proc>div {
    padding: 0 0 20px 20px !important;
}
	.boxcont.proc .blok_proc {
    padding: 20px !important;
}
	.boxcont.proc .blok_proc {
    width: 100% !important;

}
	.boxcont.sluzby .left_cont, .boxcont.sluzby .right_cont{
		width: 100% !important;
		float: left !important;
		background-position: -56px 56% !important;
	}
.boxcont.sluzby .left_cont {
		height: 320px !important;
    background-size: 110% !important;
	}
.config-info .tabform .wovat{
    padding: 0 0 0 20px !important;
}
	.boxcont.product.carousel .tools .btn span{
		display: none;
	}
	.boxcont.product.carousel .tools .btn:before{
		content: "Detail >";
    font-family: 'IBM Plex Sans', Arial, sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    display: inline-block;

	}
/*banner>*/
/*.h-carousel .text-block{
	    width: 97% !important;
    text-align: left !important;
    margin: 15px 0 0 15px !important;
    clear: left;
    z-index: 7;
    position: relative;
}*/
.h-carousel .text-block p{
    float: left !important;
    width: 50% !important;
}
.homepage .h-carousel{
	float: left !important;
    width: auto;

}

.banner-pic{
   background-size: 89% !important;
    background-position: left top !important;
    margin: -7% 0 0 0 !important;
    float: left;
    width: 100%;
    z-index: 5;
}

/*<banner*/


	#headercont .login .hdr span {
    display: none;
}

/*	.boxcont.addbynum.ds_hide ~ form #contactdatacont_1_log, .boxcont.addbynum.ds_hide ~ form #contactdatacont_2_log {
    width: 46% !important;
}
.step_3 .boxcont.addbynum.ds_hide ~ form #contactdatacont_1_log, 
.step_3 .boxcont.addbynum.ds_hide ~ form #contactdatacont_2_log {
    width: 32% !important;
}
	.step_2 #contactdatacont_4_log ~ .boxcont.products.noedit {
    width: 100% !important;
    margin: 0;
}*/
/*	#footercont .navi .webmenu li, #footercont .navi .companyinfo, #footercont .navi .companyinfo .hdr p,#footercont .companycontact p,#footercont .navi .companycontact{
    width: auto !important;
    text-align: left;
    clear: both;
        padding: 0 !important;
}*/

	.config-detail .boxcont.note {
    min-height: unset;
	}
	.config .boxcont .tools, .boxcont.compare.prodlist{
		/*display: none;*/
	}
	.btn-next:before{

    float: initial;
    margin: initial;
	}
/*	.ordbaskets .boxcont.buttons .btn.btn-inv, .ordbaskets .boxcont.buttons .btn.btn-big{
		width: calc(93%/3); }*/

	.ordbaskets #centercont, .orders #centercont, .iisutil #centercont{
	padding-top: 80px !important;
	    padding-bottom: 0px !important;
	}
	.modal-popup.modal-pf2020 .pf2020 p {
    font-size: 4.5rem;
	}

	/*.config-info .tabform .leasingrowfl {
        display: flex !important;
    width: 50%;
    margin: 0 0 -50px 0px;
     margin: 0px 0%; 
     place-items: flex-end; 
   place-self: flex-end; 
    justify-content: center;
    color: white;
    background: #fa4047;
    font-weight: 600;

	}*/
	#headercont .basket .price,#headercont .basket .btn.btn-buy {
	   /*
	   */
	}
    #stitable .availability .stock p, .config .availability .stock p, .stoitem .availability .stock p{
        /*display: none !important;*/
    }
    .stoitem .boxcont.half.stiimg{
            width: 100%;
        }

        .boxcont.half.float-right.stiinfo {
            width: 100%;
            border-top: 20px solid #ececec;
            border-radius: unset;
        }
        .config-info .tabform tbody {
/*        display: flex;
    flex-direction: column;
    flex-flow: column;*/
	}
        /*.config-info .tabform .greenloancalc {
       width: 50% !important;
    margin: 3px 0 -3px 0 !important;
    display: block !important;
    height: unset !important;}*/

        /*.config-info .tabform .code {
            width: 50% !important;
            display: block !important;
            float: right;
                padding: 0 !important;
        }
        .config-info .tabform .war {
            width: 50% !important;
            display: block !important;
            float: right;
            padding: 0px !important;
                margin: 3px 0 -7px 0 !important;
        }
        .config-info .tabform .classname {
            width: 50% !important;
            display: block !important;
            float: right;
                padding: 0 !important;
        }*/
          /*  .config #config_selected table:before {
                content: "Upravená konfigurace";
            width: 100%;
            display: block;
            font-size: 1.2em;
            font-weight: 600;
                padding: 10px 0px 20px 0px !important;
            color: #ffffff;
            
            text-align: center;
            background: url(../img/icons/navigate_down.svg) no-repeat right #3b608a;
            background-size: 55px;
        }*/
            /* mobilni verze fixed selected_config a cenovka -ontouchstart="mobileLinksShow()" do divu kde je ID config_selected a maincont-*/
            

     .config .wovat u{
        font-size: 3.2rem;
        /* padding: 0 0 0 5px; */
     }
/*        #config_selected{
            border:none;
            position: fixed;
        z-index: 201;
        background: #f9f9f9;
        bottom: 80px;
        width: 100%;
        border-top: 5px solid #3b608a;
        border-bottom: 5px solid #3b608a;
        display: none;
        -webkit-overflow-scrolling: touch;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        -webkit-user-select: none;
        -webkit-touch-callout: none;

            } 

        #config_selected table{
                 position: fixed;
        z-index: 200;
        background: #f9f9f9;
        bottom: 80px;
        width: 100%;
        border-top: 5px solid #3b608a;
        border-bottom: 5px solid #3b608a;
        display: block;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        -webkit-user-select: none;
        -webkit-touch-callout: none;  
        display: none;

               } 

        #config_selected:hover table{
            cursor: pointer;
                display: block;


        }

        #config_selected table:active {
            cursor: pointer;
                display: none;


        }


        #config_selected:before{
                padding: 10px 0px 10px 0px !important;
                color: #ffffff;

                background: url(../img/icons/navigate_up.svg) no-repeat right #3b608a;
            background-size: 50px;
        }*/

        /*Cenovka*/
      /*  .config-info .availability, .config-info .wovat , .config-info .wvat, .config-info .order{
            position: fixed;
            display: table !important;
            background: #f9f9f9;
            z-index: 201;
                width: 51%;

        }*/
        .config-info .wovat th, .config-info .wvat th, .config-info .order th{
            display: none;
        }
        .config-info .availability td,.config-info .wovat td, .config-info .wvat td, .config-info .order td{
            width: 100% !important;
            display: block;
        }
       /* .config-info .order{
                bottom: 0px;
                right: 0;
                padding: 21px 0 21px 8%;
                z-index: 199;
                order: 3;
                width: 56%;
                box-shadow: 0px 25px 46px 5px gray;
        }*/
        .config-info .tabform .wvat{
            padding: 0 0 0 10px;
            bottom: 16px;
            width: 50% !important;
        }
        .config-info .tabform .availability.inet {
            width: 100%; 
                padding: 1px 0 0 18%;
                    display: table;
        }

        
        /*.config-info .tabform .wovat{

                width: 50%;
                bottom: 32px;
                border: 0px;
                left: -15px;
                box-shadow: -13px -10px 31px -19px grey;
                background: #f9f9f9;
        }*/

        .config-info .tabform .wvat{
            padding: 5px 0 5px 10px;
            width: 100% !important;
        }

        .config-info .availability{
            bottom: 0px;
                   
            }
        .config .wovat .price input{
            width: 90%;
                font-size: 3.2rem;
                text-align: right;
        }
        /* mobilni verze fixed selected_config a cenovka*/
        .config-detail .boxcont.note {
        padding: 20px 10px 0px 10px !important;
        width: 100%;
            height: auto;
grid-column-end: 5 !important;
    grid-row-start: 1 !important;
    grid-row-end: 1 !important;
        }

        /*.config .config-detail .config-info.half.float-right{
                width: 100%;
        margin: 0 !important;
        left: 0 !important;
        }*/
            .config-detail .cnt .boxcont.config-img.half {
               width: 100%;    padding: 10px;
                   grid-column-end: 4 !important;
                       grid-row-start: 2 !important;
    grid-row-end: 2 !important;
                }
            .config-detail .status {
                margin: 0px 0 0 0;
                    padding: 0 0 20px 10px;
                    grid-row-start: 1;
    grid-row-end: 1;
    grid-column-end: 4 !important;
                    }
            .configuration {
            	    grid-row-start: 6 !important;
                
            }
            /*.config .config-detail .config-info.half.float-right {
                min-width: unset;
                margin: 2% 34%;
                left: 20%;
            }*/

            .subcats ul li {
            width: calc(100% - 2*0.3%);
            margin: 0.3%;
            }
            /*.prodbox .availability {
                margin: 0 105px 0 0px !important;
            }*/
            /*#headercont.scroll {
                margin-top: -29px;
                border: none;
            }*/

            /*#headercont .logo a {
                height: 50px !important;
            }*/
            #wn15,
            #wn5 {
                display: none !important;
            }


            

            .config .configinput label {
                width: 100% !important;
                margin-right: 0px;
            }

            .config-detail {
                top: 0px;
                position: relative;
            }

            .search input {
                width: 80%;
                margin: 5px 0 0 0;
            }

            /*#headercont .search .btn.btn-search {
                background-color: #152654;
                padding: 10px 20px;
                margin: 3px 0px 0 0;
            }*/

            #headercont.res-search-open .search {

                border: none;
                margin: -5px 22px 20px 150px;
                width: 52%;
            }

            /*.prodbox .buybox .btn{
                    margin: 0 0 0 0;
            }*/
            .prodbox .btn-config {
                margin: -4% 0 0 0;
            }

            .prodbox .price {
                font-size: 2.0rem;
                margin: 6% 0 0px 0;
            }

            .prodbox {
                border-left: none;
                border-right: none;
                border-bottom: none;
                border-bottom-right-radius: 0px;
                border-bottom-left-radius: 0px;
                border-top-right-radius: 0px;
                border-top-left-radius: 0px;
            }

            /*galerie detail produktu*/
            .config .gallery .owl-wrapper {

                display: inline-flex;
            }

            .config .gallery img {
                /*width: 100%;*/
                padding: 0% 10%;
            }

            .config .gallery .owl-item {
                /*width: 2.1% !important;*/
                display: inline-flex;
            }

            .config .config-img a {
                width: 100%;
            }

            /*galerie detail produktu*/

            .noedit .qtybox input {
                border: none;

            }

            .noedit .qtybox .up {
                display: none;

            }

            .noedit .qtybox .down {
                display: none;

            }

            .config .config-info .cnt .tabform {
                position: relative;

                margin: 0% auto;
            }

            .buybox .qty {
                width: 50px;
                margin: 3px 5px 3px 0;
                /*font-size: 1.7rem;*/
            }


            .prodbox {
                width: 50%;
               /* background-image: linear-gradient(to bottom, white 88%, rgba(7, 46, 92, 0.08) 0%);*/
            }
            #tree-icon span {
                width: 100% !important;

                position: relative;
                
                border-radius: 10px;
            }

            .search .btn-search {
                width: 60px;
            }

            #centercont {
                padding: 112px 0 0 0 !important;
            }

            #headercont .search {
            	    /*margin: 10px 0 0px 10px !important;*/
                }
}
@media screen and (max-width: 600px){

    .wnnote article{
    width: 100% !important;
}

.wnnote article img{
    width: 100% !important;
}

.reklamace_vraceni>div{
	width: 100% !important;
	padding: 20px !important;

}

/*.reklamace_vraceni section.reklamace_vraceni{
	flex-direction: column !important;
}*/

	.kariera.cenik .faq-answer div:nth-last-child(n){
		padding-bottom: 20px !important;
	}

	.kariera.cenik .faq-question button{
		height: 123px !important;
	}


	.kariera.cenik .faq-question div{
		float: right !important;

	}

	.kariera.cenik .faq-question button>h2{
		width: 89% !important;
	}

	.kariera.cenik .faq-question button>span{
		float: left !important;
		padding: 0 !important;
	}

	.clanek_novinka h1{
		padding: 10px 10px 10px 10px !important;
		font-size: 1.5rem !important;
	}



.clanek_hlavicka div{
	display: none;
}

.clanek_novinka{
	padding: 20px !important;
	width: 100%;
}

.clanek_dva_sloupce.levy img{
	padding: 10px !important;
	margin: 0px !important;
}

.clanek_dva_sloupce.levy,
.clanek_dva_sloupce.pravy{
	width: 100% !important;
}

.kariera .faq-answer div:nth-child(1){
	padding-bottom: 0 !important;
}


.kariera .faq-answer div:nth-child(2){
	padding-bottom: 20px !important;
}

.kariera .faq-answer div{
	width: 100% !important;
}

.kariera .faq-answer div:nth-child(1),
.kariera .faq-answer div:nth-child(2){
	float:unset !important;
}


	.infograf_fin>div div{

	    width: calc(100% / 3);
    display: flex;
	
}
	.infograf_fin .cara {
    background: linear-gradient(90deg, rgba(0,0,0,0) 49%, #dedede 50%, rgba(0,0,0,0) 51%) !important;
}
	.infograf_fin>div {
    display: flex;
    flex-direction: row;
}
	.infograf_kroky{
		margin: unset !important;
    	min-height: 140px !important;
    	width: calc(100% / 3) !important;
    	float: left;
    	text-align: left; 	
	}

	.infograf_fin div div:nth-child(3) span {
	      width: 100%;
    float: right;
    text-align: left !important;
    padding: 0 !important;
    margin: auto;
	}
	
	.infograf_fin div div div {
		rotate: 90deg;
	    width: 37% !important;
	    left: 31.5% !important;
	    top: 200% !important;
	    margin: unset !important;
	}

	.infograf_fin{
		flex-direction: column !important;
	}
	
	.infograf_fin>div {
	    width: 100% !important;

	}

	.cislovka{
	text-align: center !important;
    width: 35px !important;
    height: 35px;
    margin: auto !important;
	}

	
	.popupcont.basketadd {
    	width: 250px;
	}
	.step_2 #contactdatacont_4_log ~ .boxcont.products.noedit {
    	width: 100% !important;
	}

/*	.boxcont.addbynum.ds_hide ~ form #contactdatacont_1_log, .boxcont.addbynum.ds_hide ~ form #contactdatacont_2_log {
    width: 100% !important;
}*/

	#headercont .logged ul li{
		padding: 3px 0 !important;
	}
	.spresenttrees .prodbox .tools, .sptnavigator .prodbox .tools {
	    display: grid;
	    width: 100%;
	    grid-template-columns: 50% 50%;
	    min-height: unset;
	}
	 .homepage.sptnavigator .prodbox .tools {
	    display: initial;
	    width: initial;

	}
.prodbox .buttons{
	display: none;
}
}
@media screen and (max-width: 480px) {

    .config span > .info{
        display: none;
    }
.boxcont.navbar .hp>a>span{
    display: none;
}

    #wnCarousel14 .hdr p{
        width: 100% !important;
        padding-bottom: 0;
        padding-left: 15px;
        padding-top: 15px;
        padding-right: 15px;
    }
    .aktualita {
        padding: 15px !important;
    }

     .googlehvezdyuvodka span, .googlehvezdyuvodka img, .googlehvezdyuvodka div, .googlehvezdyuvodka a{
   margin: 0px auto 0 auto !important;
        float: unset !important;
        clear: unset;
        width: 100%;
        display: block;
        text-align: center;
}   
    .googlehvezdyuvodka {
    margin: 40px auto 0 auto;
    background: #fff;
    padding: 20px;
    float: unset;
    max-width: 400px;
    border-bottom: 2px solid #E6E6E6;
}
    footer .boxcont.navi>.cnt {
        grid-template-columns: 50% 50%;
        grid-template-rows: 25% 25% 16% 22%;
    }
#googlehvezdy span, #googlehvezdy div, #googlehvezdy img{
            margin: 0 auto !important;
        float: unset !important;
        clear: unset !important;
        display: block;
        min-width: unset !important;
        text-align: center;
        font-size: 0.8rem !important;
        max-width: 140px !important;
    }


	.boxcont.webnews.news.webnewsall ul .boxcont{
		height: unset !important;
	}

.boxcont.webnews.news.webnewsall ul .boxcont .cnt .note p{
	display: none;
}


	.clanek_foto img{
		width: calc(100%/2 - 32px) !important;
		margin: 15px !important;
	}

.kariera .faq-wrapper, .kariera .faq-answer{
		padding-bottom: 15px !important;
	}

.kariera .faq-question button{
	padding-bottom: 15px !important;
}
.kariera .faq-question div{
	margin: -24px 10px !important;
}

.kariera .faq-question button>span{
	margin: unset !important;
	float: left !important;
}

.kariera .faq-question button>h2{
	width: 100% !important;
}

.infograf_fin>div div{
	width: calc(100% / 2) !important;
	background-size: 85% !important;
	
}

.infograf_fin div .cara{
	display: none;
}
#rozbalit-vse-button{
	margin-top: 20px;
	padding-bottom: 0 !important;
}

.faq-container{
	margin-top: 0;
}

	.boxcont.modalcfg .cnt{
		padding: 0 !important;
	}

	.invoices .tabinfo.hor tr:nth-child(2) td:nth-child(2),
.invoices .tabinfo.hor tr:nth-child(2) td:nth-child(3),
.invoices .tabinfo.hor tr:nth-child(2) td:nth-child(4),
.invoices .tabinfo.hor tr:nth-child(2) td:nth-child(6),
.invoices .tabinfo.hor tr:nth-child(2) td:nth-child(7),
.invoices .tabinfo.hor tr:nth-child(2) td:nth-child(8),
.invoices .tabinfo.hor tr:nth-child(2) td:nth-child(10),
.invoices .tabinfo.hor tr:nth-child(1) th:nth-child(2),
.invoices .tabinfo.hor tr:nth-child(1) th:nth-child(3),
.invoices .tabinfo.hor tr:nth-child(1) th:nth-child(4),
.invoices .tabinfo.hor tr:nth-child(1) th:nth-child(6),
.invoices .tabinfo.hor tr:nth-child(1) th:nth-child(7),
.invoices .tabinfo.hor tr:nth-child(1) th:nth-child(8),
.invoices .tabinfo.hor tr:nth-child(1) th:nth-child(10){
	display: none;
}

	.stinotecmtblock_banner div p{
		float: unset !important;
	}
	.stinotecmtblock_banner div img {
    margin-right: 10px;
}
	.stinotecmtblock_banner div h4 {

    margin-left: 0 !important;
    padding: 0 !important;

}
.stinotecmtblock_banner div {
    width: 100% !important;
        padding: 10px 0 10px 0 !important;
}
.orderss .srchform form div:last-child,
.orderss .srchform form div:nth-child(8),
.orderss .srchform form div:nth-child(7){
	padding-left: 15px;
}

.srchform .item{
	width: 100%;
}

#payid_7 ~ .price {
    max-width: 100%;
    width: initial !important;
    margin: initial !important;
    float: left;
    clear: left;
}
.gdprpermiss .hor tbody:nth-child(1) th:nth-child(2),
.gdprpermiss .hor tbody:nth-child(1) th:nth-child(3),
.gdprpermiss .hor tr td:nth-child(2),
.gdprpermiss .hor tr td:nth-child(3)
{
	display: none;
}

.toolbar .btn-tool{
	display: inline-grid;
}

/*
.orderss .boxcont.srchform,
.invoices .boxcont.srchform {
	display: none;
}*/

.btn-tool span{
	display: unset !important;
}

	#headercont .basket .btn .count {

    right: 0 !important;
}
/*	.config_par {

    margin: -35px auto 0 auto;

}*/
	.boxcont.navbar {
    margin: 10px 0 10px 15px !important;
}

	#sptnav .level3 li:nth-child(3) .level6>li {
    width: 100% !important;

}
	.boxcont.sluzby .left_cont h3 {
	   padding: 20px 30px 80px 30px !important;
}
.boxcont.sluzby .left_cont {
    height: 390px !important;
    background-size: 120% !important;

}
.boxcont.sluzby .left_cont a {
    bottom: 0px !important;
}
	div.nextwn {
    margin: -40px 20px !important;
}
	.krok {
		width: 100%;
	}
	.banner_clanek_obrazek>div>span {
    margin-top: 100px !important;
	}
	.prodbox .img img {
    max-width: 100% !important;
    mix-blend-mode: darken;
}

		.cont_newsletter input {
    width: 100% !important;
}
	.owl-stage>div:nth-child(2),.owl-stage>div:nth-child(3) {
    /*display: none !important;*/
}
	.boxcont.product.carousel .tools .btn span{
		display: inline-block;
	}
	.boxcont.product.carousel .tools .btn:before{
		display: none;
	}
.carousel .owl-item {
    width: 100% !important;
}

#headercont .logo {
    margin: 0 0 0 60px !important;
    width: 105px !important;
}

	.modal-popup.modal-pf2020 .pf2020 p {
    font-size: 4rem;
	}
/*
	.modal-popup {
    width: 90%;
        min-width: 300px;
	}*/

        #headercont .logo a {
	background-position: 10px -15px !important;
        height: 32px !important;
        margin: 5px 0 0px 0px !important;
        background-size: 215% !important;
		}

	.ordbaskets #headercont .logo a,
	.orders #headercont .logo a {
	    margin: 14px 0 !important;
	    width: 200px;
	    max-width: unset;
	    height: 50px !important;
	    background-size: 285px !important;
	    background-position: 0 -20px !important;
	}

	.ordbaskets #headercont .logo {
    	margin-left: 25px !important;
	}

        .configuration {


        /* margin: 1% 0!important; */
        }
        .config .config-detail .config-info.half.float-right {
            width: 100%;
            margin: 0;
            left: 0%;
        }
		.subcats ul li:nth-child(2n+1) {
		margin-right: 5px !important;
		}

        .subcats ul li {
        width: calc(50% - 5px);
        height: 45px;
        }
        .search {
        padding: 0 !important;
        margin: 10px 5px 9px 0 !important;
        }   
        /*.prodbox .availability {
        margin: 0 140px 0 0px !important;
        }*/
        .prodbox {
        height: auto;
        /*background-image: linear-gradient(to bottom, white 87%, rgba(7, 46, 92, 0.08) 0%);*/
        }
        .prodbox .btn-config {
        float: right !important;
        padding: 4% 8% !important;
            margin: 0 !important;
            width: 100%;
            min-width: 130px;
        }
        .prodbox .buybox .btn {
            float: right !important;
    padding: 10px 15px !important;
    margin: 0 !important;
        }
       

        .search .btn-search {
            background-color: #204471;
            padding: 5px 16px;
            /*margin: 10px 0 0 0 !important;*/
        }

        /*#headercont.scroll {
            margin-top: -29px;
            border: none;
        }*/

        #headercont .search {
                margin: 10px 0 10px 10px !important;

        }

        #headercont .basket .cnt {
            margin: 0;
        }

        .prodbox {
            width: 100% !important;
            /*background-image: linear-gradient(to bottom, white 87%, rgba(7, 46, 92, 0.08) 0%);*/
        }

        .prodbox .price {
            font-size: 2rem;
            margin: 8% 0 0px 0;
        }

        .boxcont.half.float-right.stiinfo a.btn.btn-buy span {
            display: block !important;
        }


        .config .configinput label {
            width: 100% !important;
            margin-right: 0px;
        }

        #headercont .basket .btn.btn-buy .count {
		    top: 0px;
		    height: auto;
		    width: 1.4rem;
		    height: 1.4rem;
		    font-size: 0.75rem;
		    right: -10px !important;
        }

        #tree-icon.open span:nth-child(3) {
            top: 10px;
        }

        #headercont .search input {
            width: calc(100% - 60px);
        }

        #headercont .search .btn.btn-search {
            background-color: #152654;
            padding: 10px 20px;
            margin: -5px 0px 0 0;
        }


        #headercont .basket {
            margin: 8px 10px 0px 0px !important;
        }

        #headercont .basket .btn.btn-buy {
            background-color: #152654;
            float: right;
            padding: 15px 5px 5px 5px;
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
        }

        /*#tree-icon {
            width: 34px;
            margin: 9px 25px 0px 12px;
        }*/

        #tree-icon span {
            width: 100% !important;
            margin-bottom: 0px;
            position: relative;
            height: 9px;
            border-radius: 10px;
        }

        #headercont .logged .hdr .btn-icon:before {
            font-size: 16px;
        }

       

        #headercont.res-search-open .search {
            border: none;
            margin: 15px 12px 20px 50px;
            width: 78%;
        }

        /*    #headercont .basket .price {
         display: initial;
        }*/

        /*galerie detail produktu*/
        .config .gallery .owl-wrapper {

            display: inline-flex;
        }

        .config .gallery img {
            width: 100%;
            padding: 0% 10%;
        }

        .config .gallery .owl-item {
            /*width: 2.1% !important;*/
            display: inline-flex;
        }

        .config .config-img a {
            width: 100%;
        }

        /*galerie detail produktu*/
        .noedit .qtybox input {
            border: none;

        }

        .noedit .qtybox .up {
            display: none;

        }

        .noedit .qtybox .down {
            display: none;

        }

        .stoitem .stiinfo .cnt .order .label {
            /*font-size: 2.5rem !important;*/
        }

        .config .config-info .cnt .tabform {
            position: relative;
          /*  width: 370px;*/
            margin: 2% auto;
        }

        #centercont {
            padding: 122px 0 0 0 !important;
        }
        .boxcont.addbynum.ds_hide ~ form #contactdatacont_1_log, .boxcont.addbynum.ds_hide ~ form #contactdatacont_2_log {
    width: 100% !important;
}
.boxcont.addbynum.ds_hide ~ form #contactdatacont_2_log{
	margin: 10px 0 0 0;
}
}

@media screen and (max-width: 375px) {


#googlehvezdy > div > a > div:nth-child(3) > div{
    display: none;
}
.clanek_foto img{
		width: 100% !important;
		display: block;
		margin: 10px auto !important;
		clear: both;
	}

.infograf_fin>div div {
    width: calc(100% / 2) !important;
    background-size: 90% !important;
}


.infograf_kroky {
    min-height: 120px !important;
}

.boxcont.article h1{
	font-size: 1.6rem !important;
}


.contact .boxcont.document .cnt table th{
	min-width: unset;
	padding-left: 10px;
}

		#sptnav.res-tree-open {
top: 113px;
}
.ordbaskets #headercont .logo a,
.orders #headercont .logo a{
    margin: 14px 0 !important;
    width: 200px;
    max-width: unset;
    height: 50px !important;
    background-size: 275px !important;
    background-position: 0 -20px !important;
}

#headercont .logo a {
                    background-position: 16px -76px !important;
        height: 50px !important;
        background-size: 210px !important;
        margin: -3px 0px 0px 50px !important;
    }
	#headercont .logo {
    margin: 0 0 0 10px !important;
    width: 50px !important;
    height: 40px;
}

	#headercont .login .hdr:before {
    font-size: 1.5rem;
}
	#headercont.res-search-open .logo {
    display: block;
}
	#ordproductscont div table .total,
		#ordproductscont .totalprc {

		    width: 1% !important;

		}
	.modal-popup.modal-pf2020 .pf2020 p {
    font-size: 3.2rem;
	}

    .config .config-detail .hdr h1 {
    padding: 10px !important;
    }
    .boxcont .hdr > h1 {
    font-size: 1.5em !important;
    }
    .config .config-detail .hdr span {
    font-size: 1em;
    }
    .config-detail .status {
    /*margin: 175px 0 0 0;*/
        padding: 0 0 0 10px;
    }

    
    .configuration {
    /* margin: 1% 0!important; */
    } 
        /*#tree-icon {
            width: 34px;
            margin: 7px 10px 0px 12px;
        }*/
        #headercont.res-search-open .search {
            border: none;
            margin: -22px 0 0 85px !important;
            width: 65%;
        }
        .search .btn-search {
            background-color: #204471;
            padding: 5px 16px;
        /*margin: 20px 8px 0px 0 !important;*/
        }

        #headercont .basket {
                margin: 12px 10px 0 0;
        }

        /*#headercont.scroll {
            margin-top: -30px;
            border: none;
        }*/

        #headercont .basket .cnt {
            margin: 0;s
        }

        #headercont .search {
    		   /* margin: 5px 0 0px 10px !important;*/
    max-width: 210px;

        }

        #headercont .search .btn.btn-search {
			width: 60px;
        }

        .config .configinput label {
            width: 100% !important;
            pointer-events: none;
        }

        #centercont {
            padding: 120px 0 0 0 !important;
        }

        /*galerie detail produktu*/
        .config .gallery .owl-wrapper {
            /*width: 100% !important;*/
            display: inline-flex !important;
        }

        .config .gallery img {
            width: 100%;
            padding: 0% 10%;
        }

        .config .gallery .owl-item {
    /*            width: 25% !important;*/
            display: inline-flex;
        }

        .config .config-img a {
            width: 100%;
        }

        /*galerie detail produktu*/
        .noedit .qtybox input {
            border: none;

        }

        .noedit .qtybox .up {
            display: none;

        }

        .noedit .qtybox .down {
            display: none;

        }

        .config .config-info .cnt .tabform {
            position: relative;
            width: 100%;
        }

        #centercont {
            padding: 116px 0 0 0 !important;
        }
}

@media screen and (max-width: 320px) {

	.boxcont.navbar {
    margin: 15px 10px 10px 10px !important;
	}

	.financovani_text h2{
		padding-top: 0 !important;
	}

	.banner_clanek {
    padding: 15px !important;
	}

	.wm.sptnavigator .contentcont.wm {
    padding: 0 15px !important;
	}

	.article .cnt .content>div {
    padding: 15px !important; 
    background-color: #fff !important;
	}

	#importByICO {
		width: 100%;
	}

	#basketsumtab tr:last-child th {
    font-size: 1.5rem;
}
	#gdprcont {
        width: 100%;
}
	#customsignordercont{
width: 100% !important;
}
	#deliverycont, #paywaycont{
	width: 100% !important;
}
	.cont.contentcont.ordbaskets form{
		padding: 0 10px;
	}
	#contactdatacont_4_log ~ .boxcont.products.noedit{
    width: 100%;
}
	#logincontactcont .cnt form .tabform tbody tr:nth-child(3) td ul li:nth-child(1) {
    padding-bottom: 25px;
}
	.cont.contentcont.ordbaskets .boxcont.products.noedit{
    width: 100%;
        margin-top: 50px;

}
	.cont.contentcont.ordbaskets #logincontactcont{
    width: 100%;
}
	.ordbaskets .boxcont.buttons .btn.btn-inv, .ordbaskets .boxcont.buttons .btn.btn-big {
/*        width: calc(100%/3);*/
    min-width: 93px;
    margin: 0;
}

		.btn.btn-inv.btn-back.ds_hide + .btn.btn-inv.btn-back{
			width: 48% !important;
		}

		.btn.btn-inv.btn-delete.ds_hide ~ .btn.btn-big.btn-next{
			width: 48%;
		}

/*		.btn.btn-inv.btn-delete.ds_hide ~ .btn.btn-big.btn-create-ord{
			width: 48%;
		}*/
		.boxcont.logincontact.ds_none + form .boxcont.products.noedit{

    width: 100%;


}
			.cont.contentcont.ordbaskets form
		#contactdatacont_1, 
		#contactdatacont_2, 
		#contactdatacont_3, 
		#contactdatacont_4,
		#contactdatacont_1_log, 
		#contactdatacont_2_log, 
		#contactdatacont_4_log{
			width: 100%;
		  
		}


        #centercont {
            padding: 116px 0 0 0 !important;
        }

        .webnews .tabs ul.ui-tabs-nav .ui-state-active a,
        .webnews .tabs ul.ui-tabs-nav li a {
            font-size: 1em;
        }
}

.orderby .cnt .custom-select{
	    margin: 0 10px 0 0;
	    height: auto;
}

/*.availability .store p {
    font-size: 0.75rem !important;
    line-height: 1.125rem !important;
}
.availability .store p {
    font-size: 0.75rem !important;
    line-height: 1.125rem !important;
}*/

.tabform tr td span + div {
    border-top: none !important;
}

.config .tabform tr td div:nth-child(2){
	border-top: none !important;
} 
.spresenttrees .listpage .pagenav{
	display: none ;
}
.spresenttrees .listpage.btm .pagenav{
	display: block ;
}
/***/
/*.spresenttrees a[href="servery-servery-nove-generace_c19315230.html"], .spresenttrees a[href="servery-usporne-servery_c20105349.html"] {
    display: none !important;
}*/
/*.homepage .sts1631,
.homepage .sts1783{
	display: none;
}*/

.popuppage .navbar,
.popuppage .stibundletab .hdr{
 display: none;
}

.popuppage .boxcont.stibundletab .code{
	display: none;
} 
.popuppage .stoitem .hdr{
	position: relative;
	width: unset;
	max-width: unset;
	padding: 0 0 0 25px;
}
.popuppage .logo{
padding: 0 0 0 15px;
}
.popuppage .boxcont.stoitem>.cnt,
.popuppage .boxcont.half.float-right.stiinfo>.cnt,
.popuppage .stoitem .rowbox.greenloancalc{
	        display: grid;
    grid-template-columns: 50% 50%;
    position: relative;
}
.popuppage .stoitem .boxcont.half.stiimg .gallery,
.popuppage .checker, 
.popuppage .note, 
.popuppage .stock, 
.popuppage .comp, 
.popuppage .watchdog,
.popuppage .rowbox.order,
.popuppage .thumbimg,
.popuppage .rowbox.waruser{
	display: none;
}
.popuppage .boxcont.half.stiimg{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3;
}
.popuppage .stiinfo .rowbox.wovat .label,
.popuppage .stiinfo .rowbox.wvat .label{
	display: block !important;
	}
.popuppage .boxcont.half.float-right.stiinfo,
.popuppage .rowbox,
.popuppage .rowbox.wovat .text.price{
	padding: 0 !important;
	margin: 0 !important;
}
.popuppage .sikqty{
	text-align: center;
	border-left: 1px solid silver;
}
.popuppage .rowbox.wovat .label{
	padding: 0 5px 0 0 !important;
}
.popuppage .rowbox.wovat .text.price,
.popuppage .rowbox.wvat .text.price{
	font-size: initial !important;
	color: #4D4D4D !important;
}

.popuppage li[aria-controls="sticattree"],
.popuppage li[aria-controls="stiattach"],
.popuppage li[aria-controls="stiparsets"]{
	display: none !important;
}

.popuppage #sticomment,
.popuppage #stiparsets{
	display: block !important;
}
.popuppage li[aria-controls="sticomment"] a:before{
	content: "" !important;
}

.popuppage li[aria-controls="sticomment"] a:after{
	content: "Popis";
	float: left;
}
.popuppage li[aria-controls="sticomment"] a span{
	display: none !important;
}

.popuppage .tools{
	order: 4;
} 
.popuppage .stoitem .tabs .tabpage,
.popuppage li[aria-controls="sticomment"],
.popuppage .rowbox.leasingrowfl{
	border: none !important;
}
.popuppage .stoitem .boxcont.tools .btn.print{
	    margin: 0 auto !important;
    float: none;
    width: 10%;
    clear: none;
    display: block;
}
.popuppage .boxcont.stibundletab{
	padding: 0 10px 0 10px;
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 2;
} 

.popuppage .boxcont.half.float-right.stiinfo>.cnt{
	top: unset;
    width: 100%;
    max-width: unset;
}
.popuppage .boxcont.half.float-right.stiinfo{
	padding: 20px 10px 20px 10px !important;
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 1;
    display: grid;
}
.popuppage .rowbox.war .text:before{
	content: "Záruka: ";
}
.popuppage #stiysttable tr:nth-child(1) .name{
	color: transparent !important;
}
html[lang="cs"] .popuppage #stiysttable tr:nth-child(1) .name:after{
	content: "Aktuální konfigurace" !important;
	color: initial !important;
	float: left;
}
html[lang="sk"] .popuppage #stiysttable tr:nth-child(1) .name:after{
	content: "Aktuálna konfigurácia" !important;
	color: initial !important;
	float: left;
}
.popuppage #sticomment .boxcont.stiplnote{
	margin: 0 !important;
    padding: 0 15px;
}
.popuppage .tabinfo td {
    padding: 5px 3px !important;
}
.popuppage .tabinfo.hor td{
	border-bottom: 1px solid #C0C0C0 !important;
}
.popuppage #stiparsets{
	padding: 0 15px;
}
.popuppage .pacname{
	padding: 0 !important;
}
.popuppage .rowbox.leasingrowol:before{
	content: "";
	content: "";
	margin: 0;margin: 0;
}
.popuppage .rowbox.war{
	padding: 0 0 0 0 !important;
}
.popuppage .stoitem .stiinfo .cnt .rowbox .text{
	float: left;
}
.popuppage .rowbox.code {
grid-column-start: 1;
grid-column-end: 1;
}

.popuppage .stoitem .stiimg .status{
	grid-row-start: 1;
grid-row-end: 1;
padding: 30px 0 0 25px;
}
.popuppage .rowbox.leasingrowol .label:not(:empty):after{
	font-size: 1rem !important;
}
.popuppage .stoitem .boxcont.half.stiimg>.boxcont.img{
		grid-row-start: 2;
grid-row-end: 3;
}
.popuppage #financnileasing:before,
.popuppage #operativnileasing:before{
        content: "od ";
    font-weight: 400;
    color: #4d4d4d;
}
.popuppage .rowbox.code .text p,
.popuppage .rowbox.code .label{
	font-size: initial !important;
	line-height: initial !important;
}
.popuppage .boxcont.half.float-right.stiinfo .rowbox.code{
	display: block !important;
}

.iisutil .stiparcomp .stiqtyfree,
.iisutil .stiparcomp .stistatus,
.iisutil .stiparcomp .cpa_1633,
.iisutil .stiparcomp .cpa_2250,
.iisutil .stiparcomp .cpa_1660,
.iisutil .stiparcomp .cpa_1664,
.iisutil .stiparcomp .cpa_1827,


.iisutil .stiparcomp .cpa_2633,
.iisutil .stiparcomp .cpa_1964,
.boxcont.stiparcomp table .stipartno,
.boxcont.stiparcomp table .stiwardurtimnameeu,
.boxcont.stiparcomp table .stiwardureu,
.boxcont.stiparcomp table .stiwartxteu,
.boxcont.stiparcomp table .stiwardurtimname,
.boxcont.stiparcomp table .stiwardur,
.boxcont.stiparcomp table .cpa.cpa_1611,

.boxcont.stiparcomp table .cpa.cpa_1660{
 display: none;
}
.iisutil .stiparcomp .sippriceord td {
    color: transparent;
    line-height: 0;
}
.iisutil .stiparcomp .sippriceord td br{
	display: none;
}

.stiparcomp .cnt table .thumbnail a {
    display: block;
    float: unset;
    clear: unset;
    width: fit-content;
}

.btn-remove:before {
    font-size: 1rem;
    color: #152654;
}

.stiparcomp .cnt table tr:hover td {
    background: #fff;
}
.iisutil .stiparcomp .sippriceord td .bold{
	visibility: visible;
	line-height: normal;
	font-size: 0.875rem;
	color: #4D4D4D;
	font-weight: normal;
}
.iisutil .stiparcomp .sippriceord td .price{
	display: none;
}
.stiparcomp .sharer .fa-facebook-square,
.stiparcomp .sharer .fa:before{
	display: none;
}
.iisutil .tabinfo p {
    float: left;
    clear: left;
}
.iisutil .tabinfo .buy .btn span{
	font-size: 0;
	line-height: 0;
}

.iisutil .tabinfo .buy .btn{
	background: #152654 !important;
}
.ordbaskets .centercont .custom-select{
	    background: white url(../img/select-arr-down.svg) no-repeat;
    background-size: 20px 20px;
    background-position: center right;
}
.iisutil .tabinfo .buy .btn-buy:before{
	color: #fff;
}
.boxcont.stiparcomp .hdr h1{
	padding: 50px 0 10px 0;
}
#comxcouid, select[name="cstxcouid"] {
	background: #fff !important;
	pointer-events: none;
}
#contactdatacont_4_log .custom-select+.text-placeholder{
	    position: relative;
    line-height: 0.75rem;
    left: 0px;
}
#new_cst .custom-select+.text-placeholder{
	display: none;
}
#new_cst .custom-select,
#new_cst .custom-select select{
	height: 45px !important;
}
.step_2 #contactdatacont_4_log .custom-select{
	order: 2;
    height: 45px !important;

}
#contactdatacont_4_log .custom-select+.text-placeholder span{
color: transparent;
font-size: 0px;
}
#contactdatacont_4_log .input-placeholder{
	display: grid;
}
#contactdatacont_4_log .custom-select+.text-placeholder span:after{
content: "Vyberte";
    color: #999999;
    font-size: 0.75rem;
}
.iisutil .stiparcomp .buttons{
margin-top: 50px;
}
html[lang="cs"] .iisutil .tabinfo .buy .btn span:after{
	content: "Konfigurovat";
    font-size: 1rem;
    color: #fff;
    font-weight: normal;
}
html[lang="sk"] .iisutil .tabinfo .buy .btn span:after{
	content: "Konfigurovať";
    font-size: 1rem;
    color: #fff;
    font-weight: normal;
}

.navbar ul li.hpe a:before{
	content: "";
}

.config .modal-popup.undefined{
	display: none;
}
.config span:hover > .info span {
    display: block;
}
.infograf_fin h2{
	color: #fff;
    font-size: 1.5rem !important;
    text-align: center;
    padding: 0px 0px 15px 0;
}
.infograf_kroky{
	display: block;
    height: 160px;
    text-align: center;
    width: 100%;
    margin: 10px auto 15px auto;
    background-size: 90% !important;
}
.config .liziny input[value="78274"] + label .configname:after,
.config .housing_v_datovem_centru input[value="66634"] + label .configname:before
.config .zaruky_a_servis input + label .configname:before{
	content: "" !important;
}
 .availability.inet .stock.out p{
	display: none;
}
.cont.cookie .cnt p a{
	    float: initial;
}
.param.val [type="checkbox"]:not(:checked),.param.val [type="checkbox"]:checked {
        visibility: hidden;
    height: 0;
    width: 0;
    margin: 0;
    position: relative;
    left: 0;
    float: unset;
}
.noUi-connect {
   background: #21378a;
}
.stiparinf .paramitem.slider .cnt .param-range {
    background: #e8ecf6;
}
.noUi-horizontal .noUi-handle {
    width: 7px;
    height: 18px;
    right: -6px;
    top: -7px;
    background: #21378a;
    box-shadow: none;
    border: none;
    border-radius: 0;
}
.stiparinf .paramitem.slider .cnt .param-range{
	width: 98%;
	    border: none;
    box-shadow: none;
    grid-column-end: 3;
    grid-column-start: 1;
}

.stiparinf .paramitem.slider .cnt .from, .stiparinf .paramitem.slider .cnt .to{
	font-size: 0.85rem;
	    order: 2;
	    padding: 0;
}

.stiparinf .paramitem.slider .cnt .from{
grid-column-start: 1;
grid-column-end: 1;
}

.stiparinf .paramitem.slider .cnt .to{
grid-column-end: 2;
    grid-column-start: 2;
    text-align: end;
}

input[value="8-Core 2.40 GHz E5-2630 v3"]:after,
input[value="4-Core 3.00 GHz E3-1220 v5"]:after,
input[value="6-Core 2.00 GHz E5-2630L"]:after,
input[value="6-Core 2.00 GHz E5-2430L"]:after,
input[value="8-Core 2.20 GHz Silver 4209T"]:after,
input[value="10-Core 1.80 GHz E5-2630L v4"]:after,
input[value="8-Core 1.80 GHz E5-2630L v3"]:after,
input[value="10-Core 1.70 GHz E5-2650L v2"]:after,
input[value="6-Core 2.40 GHz E5-2630L v2"]:after,
input[value="6-Core Xeon L5640"]:after,
input[value="14-Core 1.70 GHz E5-2650L v4"]:after,
input[value="8-Core 1.80 GHz Silver 4108"]:after,
input[value="12-Core 1.80 GHz E5-2650L v3"]:after,
input[value="10-Core 2.20 GHz Silver 4114"]:after,
input[value="12-Core 2.10 GHz Silver 4116"]:after,
input[value="8-Core 2.60 GHz E5-2640 v3"]:after,
input[value="8-Core 2.20 GHz Silver 4215"]:after,
input[value="8-Core 2.10 GHz Silver 4208"]:after,
input[value="8-Core 2.10 GHz Silver 4110"]:after{
	    content: "úsporný";
    visibility: visible;
    float: right;
    clear: right;
    background: #e8ecf6 !important;
    padding: 0px 6px;

    font-size: 0.75rem;
    white-space: nowrap;
    color: #152654;
    position: absolute;
        margin: -10px 0 0 0;
}
.boxcont.paramitem .cnt input:disabled + label{
	display: none;
} 
.param.val input:disabled{
	float: inherit !important;
}

.param.val input:disabled:after{
	display: none;
}
.noUi-handle:after, .noUi-handle:before{
	display: none;
}
/*.sts.sts120{
	background: #B5F5B6 !important;
}*/
.boxcont.paramitem.slider .cnt{
	    display: grid;
    grid-auto-columns: 50% 50%;
} 
.stiparinf .paramitem .param.val{
    float: left;
    display: block;
}
.leasingrowol th,
.rowbox.leasingrowol .label{
font-size: 0px !important;
}

#stinotecmtblock{
	padding: 0 0 10px 10px; 
}

.serverove_cpu .configinput span.config_qtylist_line:after{
	content: "x";
    display: block;
    font-family: 'IBM Plex Sans', Arial, sans-serif !important;

    float: left;
    line-height: 1.3125rem;
    font-size: 0.875rem;
    color: #152654;
}
.serverove_cpu .configinput span input{
	        width: 16px !important;
    padding: 0px 0 0 7px !important;
        font-weight: 400 !important;
        pointer-events:none;
}
.serverove_cpu .configinput label{
	padding-left: 50px !important;
}

.serverove_cpu input[type="radio"]:checked ~ .config_qtylist_line input,
.serverove_cpu input[type="radio"]:checked ~ .config_qtylist_line:after{
	font-weight: 600 !important;
}

html[lang="cs"] .config label>div:before{
    content: "[více info]";
    font-family: 'IBM Plex Sans', Arial, sans-serif;
    border-bottom: 1px dotted;
    font-size: 0.85rem;
    color: #21378a;
    font-weight: 400;
    float: right;
    margin: 8px 0 0 0;
}
html[lang="sk"] .config label>div:before{
    content: "[viac info]";
    font-family: 'IBM Plex Sans', Arial, sans-serif;
    border-bottom: 1px dotted;
    font-size: 0.85rem;
    color: #21378a;
    font-weight: 400;
    float: right;
    margin: 8px 0 0 0;
}
/*.serverove_cpu .configinput .config_par .param{
	display: none;
 }*/
/*.config_par:hover .param{
    display: inline-block !important;
}*/

.config_par_wrap:hover .config_par{
	    display: block;
}
/*.serverove_cpu .config_par .param:nth-child(1){
	margin: 30px 0 0 0;
}
.serverove_cpu .config_par .param:nth-child(2){
	margin: 60px 0 0 0;
}*/
.config .config_par{
    display: block;
    float: left;
    margin: 0;
    padding: 8px 0;
    box-shadow: 4px 4px 17px -2px rgb(0 0 0 / 50%);
    top: 40px;
}
.config .config_par{
	    position: absolute;
    background: #fff;
    padding: 5px 0 2px 0;
    margin: 0;
    display: none;
    z-index: 101;
}

.serverove_cpu .config_par .param span{
padding: 0 0 0 0;

    float: left;
    font-weight: 400;

    padding: 0 0px 0 10px;
    border-bottom: 1px solid #f2f2f2;
}
.diskovy_radic .config_par .param{
	display: flex;
}
.serverove_cpu .config_par:hover div{
	display: inline-block !important;
}
.
.status .sts1633 p span:nth-child(2){
	display: none;
}

.homepage .sts{
	display: none;
}

.homepage .sts1633{
	display: block !important;
}
.diskovy_radic .config_par .param span{
       white-space: nowrap;
    padding: 0 10px 0 10px;
}
.diskovy_radic .config_par .param span:last-child{
	    font-weight: 400;
    padding: 0 0 0 10px;
}
.config_par_wrap{
	display:block;
	    float: left;
 /*   clear: right;*/
}

.info span{
    box-shadow: 4px 4px 17px -2px rgb(0 0 0 / 50%);
    border-radius: 0px;
    border: 0px;
    padding: 15px !important;
}

.sts.sts_new p span:nth-child(2){
	display: none;
}
.boxcont.logbusinfo .cnt tr{
		    width: 100%;
    display: block;
    margin-top: 5px;
    background: #21388a;
    text-align: center;
}
.boxcont.logbusinfo .cnt tr:nth-child(1),
.boxcont.logbusinfo .cnt tr:nth-child(2),
.boxcont.logbusinfo .cnt tr:nth-child(3),
.boxcont.logbusinfo .cnt tr:nth-child(4){

}
		.boxcont.legend .h-banner .banner2print{
		display: none;

	}
/*media print*/

@media print{
    .NBD_cnt{
        padding: 20px 0 0 0 !important;
    }
    .config #config_selected td {

    padding-top: 4px !important;

}
    #maincont[data-logged="0"] .boxcont.h-banner.cz:before{
        content: "Proč koupit server u Czech-Server.cz?";
        color: #152654;
    font-family: 'Hrot Basic Medium' !important;
    text-transform: uppercase;
            font-size: 1.75rem;
            padding-top: 30px;
    }

    .scrollbutton.btn{
        display: none;
    }
    .boxcont.onlytoprint.modalcfg{

    }
    #maincont[data-logged="0"] #footercont .hdr>p{
        display: none;
    }

    .ch2-icon, #smartsupp-widget-container, .boxcont.footerinfo,.scrollbutton.btn{
        display: none !important;
    }

    .config .config-detail>.hdr{
        height: auto;
    }
    #maincont[data-logged="0"] #footercont a[href="tel:+420608984413"]{
        display: block !important;
    }
    #maincont[data-logged="0"] .boxcont.footerlogo:after{
        max-width: 200px;
    }
    #maincont[data-logged="0"] .footerlogo{
        max-width: unset !important;

    }
    #maincont[data-logged="0"] #footercont .boxcont.footerlogo,
    #maincont[data-logged="0"] #footercont .boxcont.companyinfo,
    #maincont[data-logged="0"] #footercont .boxcont.companycontact{
        width: calc(100% / 3) !important;
        margin-top: 20px;
    }
    #maincont[data-logged="0"] #footercont h3{
        color: #152654;
        float: left;
        clear: left;
        padding: 15px 0 0 0 !important;
    } 
    #maincont[data-logged="0"] #footercont .boxcont.companycontact .cnt p:last-child{
        display: none;
    }
    #maincont[data-logged="0"] #footercont h3:first-child{
        padding-top: 0px !important;
    }
    #maincont[data-logged="0"] .boxcont.footerlogo:after{
        content: "";
        border: none !important;
    }

    #maincont[data-logged="0"] #footercont p,
    #maincont[data-logged="0"] #footercont a,
    #maincont[data-logged="0"] #footercont span{
        color: #152654 !important;
        padding: 0 !important;
            }
    #maincont[data-logged="0"] #googlehvezdy{
        display: none !important;
    }
    #maincont[data-logged="0"] #footercont .boxcont.footerlogo a{
        content: url(../img/logo.png) !important;
        color: transparent !important;
        background: none !important;
        width: 220px;
        height: auto;
    }


    #maincont[data-logged="0"] #footercont .navi{
        background: #fff !important;
        padding: 10px 0px 20px 30px;
    }
    #maincont[data-logged="0"].config #footercont{
        display: block !important;
    }
    #maincont[data-logged="0"] #headercont header{
        max-width: unset !important;
    }
    html[lang="cs"] #maincont[data-logged="0"] #headercont .logo:after{
        color: #152654 !important;
    }
    #headercont{
        background: #fff !important;
    }
        #headercont .logo a {
                content: url(../img/logo.png) !important;
                background: none !important;
    
    }

        #maincont[data-logged="0"] #headercont {
        display: block !important;
        position: relative !important;
        padding: 0 0 0 20px;
        border: none !important;
    }
    .config .tablesel_prc:not(:empty):after{
        content: "/ks";
    }
	.config .config-detail .hdr h1{
		padding: 10px 0 0 20px;
	}
	.config .boxcont.h-banner h3, .NBD_cnt tr td:nth-child(1) p, .NBD_cnt table tr td p, .price{
		color: #152654 !important;
	}
	.config .config-img a{
		border-color: #dedede;
	}
	.config .config-info .cnt .tabform tr th:after, #financnileasing, #operativnileasing{
		color: #000 !important;
		font-weight: normal;
	}
	.config .wovat .price input,
	.config .tabform .wovat .price span u{
		color: #152654;
	}

	.config-info .tabform .classname,
	.config-info .tabform .war{
		border-top: 1px solid #dedede !important;
	}
	.config-info .tabform .greenloancalc{
		border: none !important;
	}
	.dnesni_datum{
	        display: block !important;
        text-align: center;
        padding: 5px 0 0 0;
}
	.config-info .tabform .code{
		        order: 5;
        padding: 0px 28px 0px 0;
        border: none;
	}
	.leasingrowol th:after,.leasingrowol td,
	.config-info .tabform .classname td, 
	.config-info .tabform .war td,
	.config .tabform .wvat .price span input,
	.config .tabform .wvat .price span u,
	.config-info .tabform .code td{
		font-size: 1rem !important;
		color: #000 !important;
		text-transform: initial;
	}
	.NBD_cnt .label-tip{
		display: none !important;
	}
	.NBD_cnt .nadpis:before {
        content: "Záruky a servis";
        float: left;
        display: block;
        clear: left;
        font-weight: 400;
        text-transform: uppercase;
        font-size: 1.75rem;
        color: #152654;
        font-family: 'Hrot Basic Medium';
        line-height: 2.25rem;
        padding: 10px 0 0 10px;
    }
	.NBD_cnt .nadpis span{
		display: none !important;
	}
	.label-tip{
		display: none !important;
	}
	.config .boxcont.h-banner div {
border: 1px solid #dedede !important;
        padding: 30px 30px 0 30px !important;
        margin-top: 20px;
        height: 190px !important;
}
	.config-info .tabform .war{
		        padding: 10px 0 0 20px !important;
	}
	.leasingrowol{
		padding: 15px 25px 0px 25px !important;
        border-top: 1px solid #dedede;
	}
	.onlytoprint .NBD_cnt tr td img{
		display: none;
	}
	.onlytoprint .NBD_cnt tr td:nth-child(2):after,
    .onlytoprint .NBD_cnt tr td:nth-child(3):after,
    .onlytoprint .NBD_cnt tr td:nth-child(4):after,
    .onlytoprint .NBD_cnt tr td:nth-child(5):after{
        content: "Ano";
    }
    .onlytoprint .NBD_cnt .column1:after,
    .onlytoprint .NBD_cnt .column2:after,
    .onlytoprint .NBD_cnt .column3:after,
    .onlytoprint .NBD_cnt .column4:after,
    .onlytoprint .NBD_cnt tr:nth-child(2) td:after{
        content: "" !important;
    }
	.onlytoprint .NBD_cnt tr:nth-child(4) td:nth-child(2):after,
	.onlytoprint .NBD_cnt tr:nth-child(5) td:nth-child(2):after,
	.onlytoprint .NBD_cnt tr:nth-child(6) td:nth-child(2):after{
		content: "Ne" !important;
	}
	.onlytoprint.modalcfg .NBD_cnt .nadpis>span{
		display: none;
	}
	.config-detail .cnt .onlytoprint{

	}
	.boxcont.legend .h-banner .banner2{
		display: none;
	}
		.boxcont.legend .h-banner .banner2print{
		display: block !important;
	}
	.onlytoprint.modalcfg:after{
		        font-size: 0.875rem;
        background: #fff;
        content: "* Operativní leasing (Classic leasing) mohou využít firmy při nákupu nad 20 000 Kč bez DPH. Do 100 tis. Kč bez DPH standardně nejsou vyžadovány finanční výkazy, ale kdykoliv mohou být individuálně vyžádány. U objednávek nad 100 tis. Kč bez DPH je v případě OSVČ potřeba Daňové přiznání za dvě poslední účetní období. U právnických osob Účetní závěrka, rozvaha a Výkaz zisku a ztráty za 2 poslední účetní období (jsou-li uvedeny na Justici, není potřeba dokládat). V individuálních případech mohou být vyžadovány dodatečné podklady. Délka splácení je vázána na dobu odepisování předmětu. Při financování nad 80 000 Kč bez DPH je min. 36 měsíců. Více informací: www.grenke.cz/classic-leasing" !important;
        padding: 20px 30px;
    }
	#operativnileasing:after{
		content: "*";	}
	.tabform tr.leasingrowfl th{
    font-size: 0px !important;
}
	.tabform tr.leasingrowfl th:after{
    content: "Leasing (36 splátek):" !important;
    font-size: 0.85rem !important;
    color: #4d4d4d;
}

	.config .tabs .ui-tabs-panel{
		background: #fff;
	}
	.paramname, .paramclass p{
	padding: 5px 10px !important;
}
.boxcont.h-banner .btn{
	display: none;
}
	#maincont.config .config-detail #tabs{
		grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 5;
        grid-row-end: 5;
        padding: 20px;
        margin: 0;
	}
	.config .config-img a img{
		    margin: 10px 0 0 0;
		        width: 290px;
	}
	html[lang="cs"] #config_selected:before{
		padding: 0;
	}

	.config .config-img a {
    	margin: 10px 0 0 0;
                height: 260px;
        border: none;
	}
	.NBD_cnt td{
		width: 200px !important;
	}
	.price span{
		text-align: center;
    width: 100%;
	}
	.NBD_cnt td.configinput{
		        float: unset !important;
        clear: unset !important;

        width: auto !important;
	}


	.config .boxcont.legend{
		        grid-row-start: 4 !important;
        grid-row-end: 4 !important;
        margin: 0 !important;
        z-index: 100;
            break-before: page;
	}
	.NBD_cnt .config .configinput{
		float: unset !important;
		clear: unset !important;
	}
	.NBD_cnt tr td:nth-child(1) p, .NBD_cnt tr td:nth-child(1) span{
		display: none;
	}
	.modalcfg {
   		grid-column-start: 1 !important;
        grid-column-end: 3 !important;
        grid-row-start: 7 !important;
        grid-row-end: 7 !important;
                    margin-top: 250px !important;
    }
	.wovat .price{
		padding: 10px 0 0 0;	
	}
	.noteconf .head{
		display: none;
	}
	.onlytoprint{
		grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 2;
        grid-row-end: 2;
        z-index: 100;
	}
	.row.noteconf{
		padding: 30px 30px 0 30px;
		background: #dedede;
		        -webkit-print-color-adjust: exact !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
                height: -webkit-fill-available;
	}
	.boxcont.onlytoprint .row:not(.noteconf){
		display: none;
	}

	.config .wvat .price input{
		margin: 0 !important;
	}
	.config-info .tabform .wvat{
		padding: 0 0 5px 0 !important;
	}
.config-info .tabform .war td, .config-info .tabform .classname td{
	text-align: center !important;
}

.config-info .tabform .war {
            order: 5;
        width: 50%;
        padding: 30px 0px 0 0 ;
        height: 35px;
        border: none;
        text-align: center;
}

.config-info .tabform .classname {
            order: 5;
        width: 50%;
        padding: 10px 0px 0 0 ;
        height: 35px;
        border: none;
        text-align: center;
}
.config-info .tabform tbody{
	max-width: unset !important;
}
#maincont.config .config-detail > .hdr, 
#maincont.config .config-detail .config-img, 
#maincont.config .config-detail .config-info > .cnt > .hdr, 
#maincont.config .config-detail .config-info > .cnt > .tabform tr:not(.wovat):not(.wvat):not(.producent):not(.rating):not(.order):not(.rating):not(.order):not(.leasingrowfl),
#maincont.config .config-detail .legend,
#maincont.config #modalcfg,
#maincont.config .config-detail .serverinfo p{
	display: block !important;
	color: #000;
}
#headercont, #footercont{
	        display: block !important;
        height: 80px;
}
.config .boxcont.navbar, 
.status, .leasingrowol, 
.availability, .classname, 
.code, .boxcont.note, 
.configuration, #sptnav, 
.boxcont.top, 
#tree-icon, 
#basketcont, 
.compare, 
.search, 
#footercont nav,
.config .btn-buy{
		display: none !important;
}
#centercont {
padding: 0 !important;
}


	.config-info.half.float-right .cnt, .config-detail>.cnt{
      display: grid;
        grid-template-columns: 60% 40%;
        grid-template-rows: 265px 150px auto auto;
        float: none;
	}
.config-detail .cnt .boxcont.config-img.half{
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 1;
    grid-row-end: 1;
            padding: 0 20px 0 0;
}

.config-detail .cnt form{
    grid-template-rows: 300px 150px auto;
        grid-template-columns: 50% 50%;
        display: grid;
                grid-column-start: 1;
        grid-column-end: 4;
        grid-row-start: 1;
        grid-row-end: 7;
        background: transparent;
}

.config .config-detail .config-info.half.float-right{
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 4;
        transform: unset;
        display: grid;
}

.config-detail .boxcont.note{
	grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 2;
    grid-row-end: 3;
    padding: 0 25px 0 25px;
}

.config .hdr-config-info + .tabform{
	grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 1;
    transform: unset;
    display: grid;
}
.config .hdr-config-info + .tabform tbody{
    border: 20px solid #dedede;
}

#config_selected{
	grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 3;
        grid-row-end: 3;
    transform: unset;
    display: grid;
    padding: 10px 0 10px 10px;
        border: 20px solid #dedede;
        margin: 0;
}

 #maincont.config .config-detail .config-info > .cnt > .tabform tr:not(.wovat):not(.wvat):not(.producent):not(.classname):not(.order):not(.rating):not(.greenloancalc):not(.code):not(.leasingrowol):not(.war){
        display: none !important;  
    }

/*.config .configinput{
	border: none;
}
.config .configinput input~span.config_qtylist_line{
	display: none;
}
.config .configinput input:checked~span.config_qtylist_line{
	display: flex !important;
}
, 
.leasingrowol, 
.classname, .code, .availability, 
.configuration, .configuration input+label, 
html[lang="cs"] .configinput.instock .configname:after, 
.tabform .info, .tabform tr.serverove_disky td span, 
.tabform tr.serverove_diskove_ramecky td span,
.tabform tr.primarni_lan_adapter_na_zakladni_desce td span,
.tabform tr.lan_adaptery td span{
	display: none !important;
}
.configuration input:checked+label{
	display: block !important;
}


.tabform input+label
	.ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header {
  display: none;
}
	.config .tabs .ui-tabs-panel {
  background: #fff;
}
	.contentcont .boxcont .hdr > p {
  font-size: 2rem !important;
padding: 15px 15px 20px 0px;
background: #fff;
}
	.contentcont .boxcont .configuration{
  margin:20px 0 0 0;
}
	.config .availability .yes::before {
  padding: 0 0 0 5px;
}
	.config-detail .cnt .boxcont.config-img.half{
  padding: 0 15px 9px 25px;
}
	.config-info .tabform .availability {
  padding: 5px 0 0 0;
}
	.config-info .tabform .war {

  padding: 5px 0 0px 25px;
}
	.config .title span{
		margin: 0;
	}
	.boxcont.configuration .hdr{
		padding: 0 0 0 20px;
	}
	.config-info .tabform tbody{
		max-width: unset;
	}
	#config_selected{
		width: 200%;
		float: inline-end;
	}
	.config-detail .cnt .boxcont.config-img.half {
  float: left;
  clear: left;
  width: 50% !important;
  display: block;
}
	.config-detail .boxcont.note{
		padding: 0 0 0 20px !important;
	}
	#centercont {
  background: #fff;
}
	.config .config-detail .config-info.half.float-right{
		transform: initial;
float: right !important;
clear: right;
width: 50% !important;
	}
	
	
	.config .config-img a img {
  width: 80%;
}
.config-info .tabform .classname, .config-info .tabform .code {
  padding: 0 0 5px 25px;
}*/
}
/*media print*/

.status .discount, .case .discount{
	display: none;
}
.boxcont.stinote .cnt #stinotecmtblock{
display: none;
}
.boxcont.stinote .cnt .img{
	display: none;
}
.boxcont.stiplnote ul li{
float: initial;
font-family: 'IBM Plex Sans', Arial, sans-serif !important;
font-size: 0.875rem !important;
line-height: 1.3125rem;
color: #4d4d4d;
list-style: initial;
margin: 0 0 0 15px;
}
.boxcont.stiplnote ol li span{
	font-family: 'IBM Plex Sans', Arial, sans-serif !important;
font-size: 0.875rem !important;
line-height: 1.3125rem;
color: #4d4d4d;
}

.stirelation{
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 3;
    grid-row-end: 3;
    overflow: overlay;
}
.boxcont.stirelation .hdr p{
	    background: #fff;
    padding: 30px 0 25px 30px;
}
.boxcont.stirelation>.cnt{
	background: #fff;
}
.boxcont.stirelation>.cnt{
	padding-left: 20px !important;
	padding-bottom: 20px !important;
	width: max-content;
	    min-width: -webkit-fill-available;
}
.boxcont.stirelation>.cnt .prodbox{
	max-width: 270px;
}
.boxcont.stirelation>.hdr{
	background: #f2f2f2;
    padding: 30px 0 0 0;
}

.prodbox .availability{
	margin: 0;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
	display: none;
}

.webnews a{
	float: unset;
}

label[for="gdpr-3"]{
	display: none;
}
.webnews a{
	float: unset;
}

.modal-popup.PF-2023{ 
	display: none;
}

.orderby .cnt .info{
	margin: 2px 0 0 0;
}
.btn-create-ord:before{
	display: none;
}

#btnCreateOrd span{

	color: #fff !important;
	font-size: 0;
}
#btnCreateOrd span:before{
    content: "Odeslat objednávku";
    font-size: initial;
    text-transform: uppercase;
    display: block;
    font-weight: 600;
}
#btnCreateOrd span:after{
    content: "zavazující k platbě";
    display: block;
    font-size: 0.875rem;
}
#btnCreateOrd p:first-letter{
	text-transform: capitalize;
}
.ordbaskets .boxcont.buttons .btn.btn-big p{
	display: none;
}
/*.iisutil #headercont .logo:after{
	content: "";
}*/


.config .hdr-config-info + .tabform{
	margin-top: 10px;
    background: #fff;
}

.boxcont.basketadd .ftr,
.boxcont.basketadd .price,
.popupcont.basketadd .btn-close{
	display: none;
}



.boxcont.basketadd .stiplname p{

}
.boxcont.basketadd .hdr p{
	    color: #21378a;
    margin-top: 10px;
}
.boxcont.basketadd .img{
	    width: 20%;
    margin: -40px 0;
}

.boxcont.basketadd img{
	   width: 120px !important;
    height: auto !important;
}

.btn-dis,
.tabinfo.hor td.tools .custom-select,
.btn.btn-tool.btn-unlock, table .tabinfo.hor,
div .boxcont.params, .sptnavigator .logsuccess .hdr p,
.logtools .hdr,
.comshiptos .srchform,
.contacts .srchform,
.orederss .srchform,
.invalue, .invalue2, .afterdue, .sap, .orditems,
.totaldebit, .debitdue,
.hdr ul li.credit:nth-child(2), .inner .settings,
.logbusinfo .creditfree,
.logbusinfo .pricecat.btmspace,
.tabinfo p.mar-right{
	display: none !important;
}
/*!!!*/
.contact .boxcont.document .tabinfo tr:nth-child(3),
.contact .boxcont.document .tabinfo tr:nth-child(10),
.contact .boxcont.document .tabinfo tr:nth-child(12),
.contact .boxcont.document .tabinfo tr:nth-child(14),
.contact .boxcont.document .tabinfo tr:nth-child(15){
	display: none;
}

.boxcont.document{
	border: none !important;
/*	background: #fff;*/
	/*margin-top: 20px;*/
}

div.boxcont.document.comcommon div.hdr, div.boxcont.document.comres div.hdr, div.boxcont.document.otherinfo div.hdr{
	border: none !important;
	padding: 0;
}

div.boxcont.company div.hdr > p{
	background: rgba(34, 74, 171, 0.05) !important;
	text-align: center;
}

div.boxcont.document.comcommon, div.boxcont.document.comres, div.boxcont.document.otherinfo, div.boxcont.srchtools{
	border:none !important;
}

/*div.boxcont.company div.boxcont.srchtools a.btn, div.boxcont.docscont.logged div.boxcont.logtools a.btn{
	color: #fff;
	background: #21388a !important;
	width: 100%;
}*/

div.boxcont.docscont.logged div.boxcont.logbusinfo{
	background: transparent;
	float: left;
	clear: left;
}

.modal-show .tabinfo{

}

.sptnavigator .logged > .hdr > p{
	padding: 20px;
	background: #fff;
	margin-top: 20px;
	border-top: 4px solid #fa4048;
	text-align: center;
}

.sptnavigator .logtools.hdr p{
	background: rgba(34, 74, 171, 0.05)!important;
}

/*.sptnavigator .logged .tabinfo{
	padding: 0px 30px !important;
	background: #fff;
}*/

.sptnavigator .logsuccess .hdr .cnt{
	margin-top: 30px;
}
/*.logged .cnt .logtools{
	display: none !important;
}*/

.btn-tool span{
	display: unset !important;
}



.logged .webmenu.menuid_1 li:nth-child(3) ul,
.logged .webmenu.menuid_1 li:nth-child(4) ul{
	    display: block !important;
    position: relative !important;
    border-radius: 0px !important;
    padding: 0px !important;
    top: unset !important;
}

.boxcont.toolbar .btn-tool:before {
    font-size: 1.4em;
    margin: 0;
}
#headercont .webmenu li:last-child {
    float: left;
    clear: left;
}

.webmenu.menuid_1 > li > a {
	margin: 0 !important;
}

.boxcont.logbusinfo .hdr{
	display: none;
}

.logoff{
	float: left !important;
}

.hdr .username{
	font-weight: 600;
}

.username span:hover{
	text-decoration: underline;
}

#headercont .webmenu li ul li a {
    padding: 3px 0;
}


#headercont .webmenu li {
    margin: 0;
    clear: left;
}

.logoff:hover{
text-decoration: underline;
}
.boxcont.logtools,
.boxcont.logbusinfo{
	width: 19%;
	float: left;

}

.boxcont.logtools{
	margin-top: -71px;
}

.boxcont.logsuccess,
.boxcont.docscont.logged>.hdr{
	width: 80%;
	float: right;
}

.logbusinfo a, .logbusinfo span{
	    white-space: nowrap;
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
}

.logtools nav .menu li{
	width: 100%;
}
.logbusinfo table td,
.logbusinfo table th,
.document.comcommon table td,
.document.comcommon table th{
	display: inline-block;
	/* float: left; */
	width: auto;
	    padding: 5px 3px !important;
}

.modal-show{
	width: unset !important;
}

.sptnavigator .logged .logbusinfo > .cnt >.tabinfo{
	display: block;
    padding: 0 !important;
    background: transparent;
}

.sptnavigator .logged .logbusinfo > .cnt >.tabinfo > tbody{
	display: block;
    background: transparent;
}

div.boxcont.docscont.logged div.boxcont.logtools a.btn, 
.boxcont.logbusinfo .cnt tr th, 
.boxcont.logbusinfo .cnt tr td{
	    padding: 12px 1px !important;
}



.login .logtools .menu > li:nth-child(7),
.login .logtools .menu > li:nth-child(6),
.login .logtools .menu > li:nth-child(3),
.login .logtools .menu > li:nth-child(2){
	display: none !important;
}

div.boxcont.document.comcommon, div.boxcont.document.comres{
	width: 40%;
    float: right;
    order: 3;
    margin: 0;
}
 div.boxcont.srchtools{
 	width: 15%;
    order: 1;
    margin-right: 13px;
    margin-left: 5px;
 }
div.boxcont.document.otherinfo{
	display: none;
}
.company .boxcont.toolbar{
	    width: 0%;
    order: 2;
    background: transparent;
    transform: translateX(0px);
    height: 0;
}
.company .document.comcommon .tabinfo td,
.company .document.comcommon .tabinfo th,
.company .document.comres .tabinfo th{
	width: 50% !important;
	min-width: 50% !important;
	background: #fff !important;
}
.company .cnt form{
	display: flex;
}
.navigator .docscont .logbusinfo .tabinfo span,
.boxcont.logbusinfo .cnt tr,
.sptnavigator .docscont .logbusinfo a,
div.boxcont.company div.boxcont.srchtools a.btn,
div.boxcont.docscont.logged div.boxcont.logtools a.btn{
    color: #fff !important;
    background: #21388a;
    width: 100%;
    margin: 0 0 5px 0 !important;
    font-size: 1rem;
    border: 0px solid transparent;
}
div.boxcont.docscont.logged div.boxcont.logtools a.btn:hover, 
.boxcont.logbusinfo .cnt tr:hover, 
.sptnavigator .docscont .logbusinfo tr:hover a, 
.sptnavigator .docscont .logbusinfo tr:hover td span,
div.boxcont.company div.boxcont.srchtools a.btn:hover{
    color: #21388a !important;
    background: #fff !important;
    font-weight: 400 !important;

}
/*.logoff{
	background: #f4f6fb;
	padding: 5px !important;
	margin-top: -5px !important;
}
*/
.orderss .srchtools a{
	display: none;
}

.tabinfo td input:disabled,
.tabinfo td input{
	width: 100%;
}
.logged .credit{
	display: block !important;
}
.sptnavigator .docscont .logbusinfo .tabinfo span:after{
	content: ")";
}
.sptnavigator .docscont .logbusinfo .tabinfo span:before{
	content: "(";
}
.fa.fa-cog{
	padding: 0 10px;
}
.fa.fa-cog + ul{
	padding: 0 !important;
	display: block !important;
	position: relative !important;
}
/*
.tabform select, .tabform input {
    min-width: 200px !important;
}*/

#headercont .logged .cnt{
	max-width: 210px !important;
}

#headercont .webmenu li ul{
	    background: transparent;
    padding: 0px 0px 0px 10px !important;
    top: unset;
}

/*.orders .boxcont.compare.prodlist,
.orders #headercont .logo:after{
	display: none;
}*/

#toolbar.toolbar{
	border-bottom: 0px !important;
	background: #f2f2f2 !important;
}

#toolbar .btn-newWith,
#toolbar .btn.btn-tool.btn-users,
#toolbar .btn-user-name{
	display: none;
}
.company .toolbar .btn-tool{
	background: transparent !important;
	min-width: unset;
}
.prodbox .comp:before{
    background-size: 24px !important;
    height: 20px !important;
}

.tabinfo td input{
	max-width: 220px;
}
.catalog .registration .tabinfo td input{
	max-width: unset;
}
.boxcont.company .document .hdr{
	padding: unset;
	border: unset;
}

a[title="Statistika"],
a[title="Statistika firmy"]{
	display: none;
}

.gdprpermiss .hor{
	border: none;
	padding-bottom: 20px;
}
.gdprpermiss .hor td,
.gdprpermiss .hor th{
	padding: 3px 20px !important;
}
.gdprpermiss .tabinfo .btn span{
	color: #21388a !important;
	font-weight: 400;
	font-size: 0.875rem;
}
.gdprpermiss .hor .tools .btn{
	border: 1px solid #152654 !important;
	padding: 0px 5px !important;
	border: none !important;
}
.gdprpermiss .boxcont.srchform{
	display: none;
}

.gdprpermiss .btn-close:before,
.gdprpermiss .fa-check:before {
	display: none;
}

.gdprpermiss .tabinfo.hor tr:nth-child(n+1) td {
    border-bottom: 1px solid #f2f2f2;
}

.gdprpermiss .tabinfo.hor tr:first-child th {
    color: #ffffff !important;
    background: #21388a !important;
    padding: 10px 20px !important;
    border: none;
}
.orders .msgbox.success{
	order: 2;
}

.document .cnt table td{
	width: unset;
}

.orders .table-scroll,
.orders .tabinfo.ordsumtab{
	order: 4;
}

.sts2715{
	display: none !important;
}

.boxcont.docscont.logout .hdr p,
.boxcont.docscont.logout .cnt p{
	text-align: center;
}

/* navigace v administraci*/		
.user-menu{
	display: inline-block;
	background: #ffffff;
	width: 87%;
	padding: 10px 0;
}

.user-menu ul{
	margin: 0 20px;
}

.user-menu ul li a{
	font-weight: 400 !important;
}

.user-menu-item{
	color: #21388a !important;
	background: transparent;
	width: 100%;
	margin: 0 !important;
	font-weight: 600 !important;
	font-size: 1rem;
	text-align: left;
	padding: 10px 11px;
	border-left: 1px solid #f2f2f2;
	margin-left: 10px !important;
}


.user-menu-item:hover{
	border-left: 1px solid #fa4048;
}

tr[title$='Uzavřeno'] .tools .btn-pdf{
	display: none;
}

tr[title^='Potvrzeno'] .tools .btn-pdf{
	display: block !important;
}

tr[title$='Uzatvorené'] .tools .btn-pdf{
	display: none;
}

tr[title^='Potvrdené'] .tools .btn-pdf{
	display: block !important;
}

.comshiptos .table-scroll .hor tr td,
.invoices .table-scroll .hor tr td,
.contacts .table-scroll .hor tr td,
.orderss .table-scroll .hor tr td{
	height: 39px;
	background: #fff;
	border-bottom: 1px solid #f2f2f2;
}

.comshiptos .listpage
.orderss .listpage{
	background: transparent;
	padding: 5px 0 !important;
}
.orderss .btn-pdf:before,
.invoices .btn-pdf:before{
	font-size: 20px !important;
}
.orderss .btn-pdf:after{
	padding: 0 !important;
}
/*.orderss .tools{
	border: none !important;
}*/
.tabinfo.hor td.tools .btn {
    float: unset;
    min-width: auto;
    margin: 0px auto;
    clear: unset;
    width: auto;
    padding: 0 0;
}
.gdprpermiss .tabinfo.hor td.tools .btn {
    float: right !important;
}
.orderss .table-scroll{
	background: #fff;
}
.configuration .hdr p{
	display: none;
}

.comshiptos .hor tr:first-child th,
.invoices .hor tr:first-child th,
.orderss .hor tr:first-child th{
	color: #ffffff !important;
    background: #21388a !important;
    padding: 5px 3px !important;
    border: none;
}

.orderss .tabinfo.hor tbody > tr:first-child th:first-child:after {
    content: "Stav";
    color: #fff;
    float: left;
    font-weight: 600;
    width: 80px;
    text-align: right;
    width: auto;
    padding-left: 10px;
}

.orderss .tabinfo.hor tbody > tr{
    width: 100%;
    white-space: nowrap;
}

.prodlist .cnt .remove .btn-remove {
    padding: 0px 5px;
}
.invoices .hor tr:first-child th a,
.orderss .hor tr:first-child th a{
	color: #ffffff !important;
}
.prodlist .cnt .remove{
	margin: 0 !important;
}

.step_1 #kosik_wrapper:before{
	content: "Košík";
color: #152654;
font-size: 1.5rem;
padding: 5px 0 0 0;
background: #f2f2f2;
width: 100%;
margin-bottom: 10px;
display: block;
}

#kosik_wrapper:before{
	content: "Košík";
    color: #152654;
    font-size: 1.25rem;
}
.step_2 #ordproductscont:before,
.step_3 #ordproductscont:before{
	    padding: 5px 0 5px 0;
}
#maincont[data-logged="1"] .cont.contentcont.ordbaskets.step_2  form{
    margin: 5px 0 0 0;
    display: grid;
    grid-column-start: 1;
    grid-column-end: 4;
    grid-template-columns: 31% 31% 38%;
    grid-column-gap: 10px;
    width: 100%;
}

#maincont[data-logged="1"] .cont.contentcont.ordbaskets.step_1 form{
    width: 100% !important;
} 

.contentcont.company .btn-refresh,
.contentcont.company .btn-save,
.contentcont.company .btn-edit{
    margin: 5px;
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 15%) !important;
    background-color: #fff !important;
}

.contentcont.company .btn-edit{
	padding: 5px !important;
}

.step_2 #customsignordercont{

    order: 6;
    margin: 0 auto;
    margin-top: 10px;
}

.step_2 .boxcont.contact.data_1.half.ds_none ~ #customsignordercont{
	    display: none !important;
}

tr[title$='Uzavřeno'] td a:after{
    font: unset;
    content: "Zrušena";
    color: #fa4048;
    padding: 0 10px;
}

tr[title$='Uzatvorené'] td a:after{
    font: unset;
    content: "Zrušené";
    color: #fa4048;
    padding: 0 10px;
}

tr[title$='Otevřené'] td a:after {
    font: unset;
    content: "Zpracovává se";
    color: orange;
    padding: 0 10px;
}

tr[title$='Otvorené'] td a:after {
    font: unset;
    content: "Spracováva sa";
    color: orange;
    padding: 0 10px;
}

tr[title^='Potvrzeno'] td a:after{
    font: unset;
    content: "Vyřízena";
    color: #9c9c9c;
    padding: 0 10px;
}

tr[title^='Potvrdené'] td a:after{
    font: unset;
    content: "Vybavená";
    color: #9c9c9c;
    padding: 0 10px;
}

tr[title^='Potvrzeno'] .ord_open a:after{
	font: unset;
    content: "Potvrzena";
    color: #39c261;
    padding: 0 10px;
}

tr[title^='Potvrdené'] .ord_open a:after{
	font: unset;
    content: "Potvrdená";
    color: #39c261;
    padding: 0 10px;
}

/*.orderss .tabinfo.hor tr:nth-child(1) a,
.orderss .tabinfo.hor tr td:nth-child(1){
	padding-left: 10px;
}
*/
tr[title$='Uzavřeno'] td span.ord_not_check:before,
tr[title^='Potvrzeno'] .ord_open .ord_check:before,
tr[title^='Potvrzeno'] td span.ord_check:before,
tr[title$='Otevřené'] td span.ord_not_check:before{
	content: "" !important;
}
.orderss .tabinfo .ord_not_check{
	display: none;
}
.orderss .srchform form .item,
.invoices .srchform form .item{
	display: none;
}
.orderss .srchform form div:nth-child(7),
.orderss .srchform form div:nth-child(8),
.orderss .srchform form div:last-child,
.invoices .srchform form div:nth-child(4),
.invoices .srchform form div:nth-child(5),
.invoices .srchform form div:nth-child(10),
.invoices .srchform form div:last-child{
display: block !important;
}
.orderss .tabinfo.hor tbody > tr :nth-child(4){
	display: none !important;
}

.btn-pdf:after{
	content: "" !important;
}

.invoices .tabinfo.hor tr:first-child>th:first-child,
.orderss .tabinfo.hor tr:first-child>th:first-child{
    padding: 5px 0 5px 25px !important;
}

.availability_wrap.not_config .stock.yes>p{
	text-transform: capitalize;
	display: block;	
	color: #55a43c;
}

.sptnavigator .tabinfo .orders,
.sptnavigator .tabinfo .invoices,
.sptnavigator .tabinfo .reclaims{
	display: none !important;
}

.sptnavigator .menu li a.btn:hover{

	border-left: 2px solid #fa4048 !important;
}

.step_2 #contactdatacont_1_log .cnt div:nth-child(2){
	float: none;
	padding: 0 0 0 5px !important;
}


.invoices .srchform .item [type="checkbox"] + label,
.orderss .srchform .item [type="checkbox"] + label{
	display: none;
}

.orderss.sptnavigator .listpage,
.comshiptos.sptnavigator .listpage,
.invoices.sptnavigator .listpage,
.contacts.sptnavigator .listpage{
	padding: 5px 0 !important;
	background: transparent;
}

.contacts .hor tr:first-child th{
	color: #ffffff !important;
    background: #21388a !important;
    padding: 5px 5px !important;
    border: none;
}

.contacts .hor tr td{
	padding: 5px !important;
}

.contacts .hor tr:nth-child(2){
	background: #fff !important;
	border-bottom: 1px solid #f2f2f2
}

.tabinfo tr:last-child td{
	padding-bottom: 5px !important;
}




.orderss .hor tr:first-child .tools:after{
	content:"Dokumenty" !important;
	float: left;
}

.company.sptnavigator .tabedit tr td{
	background: #fff !important;
}

.company .document.comres .tabinfo th {
    width: 40% !important;
}

.orderss .hor tr:first-child .tools{
	line-height: 0px;
}

.orderss .ord_check{
	display: none;
}

/*
div.boxcont.company div.boxcont.srchtools a.btn{
	color: #152654 !important;
    background: #ffffff;
    width: 100%;
    font-weight: 800 !important;
    font-size: 1rem;
    border-left: 2px solid #fa4048;
    text-align: left;
    font-weight: 400 !important;
    padding: 10px;
}
*/

/*.step_3 #contactdatacont_1_log,
.step_3 #contactdatacont_2_log,
.step_3 #contactdatacont_4_log,
.step_3 #customsignordercont,
.step_3 #ordproductscont,
.step_3 #ordsumtabcont,
.step_3 #gdprcont{
	display: none !important;
}*/

/*.invoices.sptnavigator .boxcont.srchform {
	margin-left: 15px;
}*/

.orderss .btn-pdf:before {
	display: block;
}


.invoices .hor tr td:first-child,
.orderss .hor tr td:first-child{
	padding-left: 25px;
}
.orderss .ord_offer:after{
	padding: 0px 5px 0 17px !important
}

.invoices .inv_open{
	background: #fff !important;
}

.invoices .hor tr td:nth-child(3) a:hover,
.invoices .hor tr td:first-child a:hover{
	color: #21388a;
	text-decoration: underline;
}

.invoice .hor tr td:nth-child(3),
.invoice .hor tr td:first-child{
	pointer-events: none;
	cursor: default;
	color: #4d4d4d;
}

.invoices .hor tr td:nth-child(3) a{
	pointer-events: none;
	color: #4d4d4d;
}
.invoices .hor tr td:first-child a{
	color: #21388a;
	text-decoration: underline;
}

.input-placeholder.active input{
    padding: 20px 15px 10px 10px;
    height: 48px;
}
.step_3 .input-placeholder.active input{
    height: unset;
}
.orderss .listpage .cnt .pagenav .cnt{
	font-size: 0.8rem;
}

tr[title^='Potvrzeno'] .ord_open  .ord_offer:after{
	content: "Potvrzeno (nabídka)";
}

tr[title^='Potvrdené'] .ord_open  .ord_offer:after{
	content: "Potvrdené (ponuka)";
}

tr[title$='Otevřené'] td .ord_offer:after{
	content: "Zpracovává se (nabídka)";
}

tr[title$='Otvorené'] td .ord_offer:after{
content: "Spracováva sa (ponuka)";
}

tr[title$='Uzavřeno'] td .ord_offer:after{
	content: "Zrušena (nabídka)";
}
tr[title$='Uzavreté'] td .ord_offer:after{
content: "Zrušená (ponuka)";
}
.orderss .ord_offer{
	color: #204471 !important;
}

.spresenttrees .showstyle .table{
	display: none;
}
.gdpr label {
  font-size: 1rem;
}
.boxcont.document.captcha .btn.btn-big.btn-user span{
	color: #152654;
}
.step_2 .boxcont.logincontact.ds_none + form {
background: transparent;
        grid-column-start: 1;
    grid-template-columns: 30% 20% 50%;
}

/*.ordbaskets.sptnavigator .step_2 #ordproductscont .orbstiidpackitem,
.ordbaskets.sptnavigator .step_2 #ordproductscont .ordcount{
	display: none;
}*/
/*.stiparinf[data-strid='17064338'] .paramitem[data-cpaid='20'], .stiparinf[data-strid='17064338'] .paramitem[data-cpaid='1620'] {
    display: none;
}*/

th:hover span {
    display: block;
}

html[lang="cs"] .handlingfee th:before {
    color: #21378a;
    content: "[více info]:";
    font-family: 'IBM Plex Sans', Arial, sans-serif;
    padding: 0 0 0 5px !important;
    font-size: 0.85rem;
    border-bottom: 1px dotted;
        float: right;
    clear: right;

}
.handlingfee th:after{
	content: "" !important;
}
.ordbaskets .sumtab .tabinfo .handlingfee .info:before {
    content: "";
}

.category_info{
	    /*padding: 10px 15px 0 15px;*/
}
#stinotecmtblock_info p span{

	 color: #21378a;
}
#stinotecmtblock_info .right{
width: 50%;
    float: right;
        margin: -30px 0;

}
#stinotecmtblock_info .left{
    width: 50%;
    float: left;

clear: left;
}
#stinotecmtblock_info>h1{
color: rgb(33 55 138);
    font-weight: 400;
    font-size: 1.5rem !important;
width: fit-content;
float: left;
    }
.spresenttrees .boxcont.stinote .hdr{
	display: none;
}
#stinotecmtblock_info{
    transition: height 0.5s ease-out;
	    display: inline-block;
	    height: 200px;
	    overflow: hidden;
	    padding: 10px 15px;
}
#stinotecmtblock_info ~ button{
    width: 100%;
    background: transparent;
    border: none;
    color: #21378a;
    height: 10px;
    text-align: left;
    padding-left: 15px !important;
    padding-bottom: 30px !important;
    text-decoration: underline;
    cursor: pointer;
}
#stinotecmtblock_info ~ button:hover{
text-decoration: underline;
}
#stinotecmtblock_info h2{
	    padding: 10px 0 0 0;
}
#stinotecmtblock_info h2,
.stinotecmtblock_banner h2{
color: #21378a;
    font-weight: 400;
    font-size: 1.125rem !important;
    line-height: 1.6875rem;
    font-weight: normal;

}
.stinotecmtblock_banner div{
	    width: calc(100% / 4);
    float: left;
    padding: 20px 20px 20px 0;
}
.stinotecmtblock_banner div img{
    float: left;
    width: 40px;
}
.stinotecmtblock_banner div h4{
    color: #152654;
    text-align: left;
    margin-left: 55px;
    font-size: 0.875rem;
    font-weight: normal;
}
.stinotecmtblock_banner div p{
	float: left;
    font-size: 0.75rem !important;
    line-height: 1.125rem;
} 

#stinotecmtblock_info .text_pic img{
    width: calc(100% / 3);
    float: left;
}
.stinotecmtblock_banner{
	/*padding: 0 15px 0 15px;*/
}

#sluzbybanner .stinotecmtblock_banner{
	display: none;
}

html[lang="sk"] .stinotecmtblock_banner.sk{
	display: block !important;

    border: none;

}
html[lang="cs"] .stinotecmtblock_banner.cz{
	display: block !important;

    border: none;

}

.step_2 .boxcont.products.noedit {
	    grid-row-start: 1;
    grid-row-end: 4;
    grid-column: 3;
    width: 100%;
    display: block !important;
    max-height: 400px;
    overflow: auto;
}

.step_2 .ordbaskets .trippleswitch .trplopt{
	display: block !important;
    background: #fff !important;
    width: calc(90%/3);
    clear: initial;
    grid-row-start: 1;
    grid-row-end: 1;
    float: right;
    grid-column-start: 1;
}

.step_2 .cont.contentcont.ordbaskets .buttons{
	margin: 0 !important;
}

.step_2 .boxcont.sumtab{
	transform: unset !important;
	grid-column-start: 3;
    grid-row-start: 5;
}

.step_3 #contactdatacont_4 {
	grid-row-start: 2;
    grid-column-start: 1;
    grid-column-end: 3;
    display: unset !important;
}

.step_3 #ordproductscont{
	grid-row-start: 1;
    grid-row-end: 4;
    grid-column: 3;
    width: 100%;
    display: block !important;
    max-height: 400px;
    overflow: auto;
}

.step_3 #deliverycont, .step_3 #paywaycont, .step_3 #gdprcont, .step_3 #customsignordercont{
/*	margin: unset !important;*/
}

.step_3 #contactdatacont_1, .step_3 #contactdatacont_2, .step_3 #contactdatacont_3, .step_3 #contactdatacont_4, .step_3 #contactdatacont_5, .step_3 #contactdatacont_6, .step_3 #contactdatacont_1_log, .step_3 #contactdatacont_2_log, .step_3 #contactdatacont_4_log{
	width: 100%;
	margin: unset !important;
}

.step_3 #gdprcont .cnt .rowbox #gdpr-1 {
	display: none !important;
}

.step_3 form #contactdatacont_4{
	height: unset !important;
	    padding: 10px;
}

.step_3 #deliverycont,
.step_3 #paywaycont,
.step_3 #gdprcont{
	width: 100%;
}


.ordbaskets.sptnavigator .boxcont.logged{
	display: none;
}

.orbitem.orbstiidpackitem .ordcount,
.orbitem.orbstiidpackitem .price.wovat,
.orbitem.orbstiidpackitem .price.wvat,
.orbitem.orbstiidpackitem .totalprc.wvat,
.orbitem.orbstiidpackitem .buyout{
	display: none !important;
}

.tabinfo.hor.stitable tr:nth-child(1){
	display: none;
}

.step_1 .btn-delete:before {
    content: "\f00d" !important;
    color: #152654 !important;
}

.step_1 #ordproductscont .pack_code{
	font-size: 0.875rem;
    color: #9f9f9f;
}

.step_1 .orbstiidpack .name strong, .step_1 .stitable .orbitem td a{
	color:#152654 !important;
	font-weight: 100 !important;
	font-size: 1rem !important;

}

.step_1 .orbstiidpack .name strong,
.step_1 .orbitem .name .stiplname,
.step_1 .orbitem .ordcount:before,
.step_1 .orbitem .price.wovat span,
.step_1 .orbitem .totalprc.wvat span,
.step_1 .orbitem .buyout button,
.step_1 .orbitem .img a,
.step_1 .orbstiidpack .img a,
.step_1 .orbstiidpack .ordcount:before,
.step_1 .orbstiidpack .price.wovat span,
.step_1 .orbstiidpack .totalprc.wvat span,
.step_1 .orbstiidpack .buyout a{
    display: block !important;
    padding-top: 10px !important;

    width: 100% !important;
    font-weight: normal !important;
}

.step_1 .orbitem .name .stiplname, .step_1 .orbitem .price.wovat span, .step_1 .orbitem .totalprc.wvat span{
	padding-top: 50px !important;
}

/*.step_1 .orbitem .name .stiplname,
.step_1 .orbitem .ordcount:before,
.step_1 .orbitem .price.wovat span,
.step_1 .orbitem .totalprc.wvat span,
.step_1 .orbitem .buyout button{
	padding-top: 40px !important;
}*/
.orbstiidpack .ordcount:before,
.orbitem .ordcount:before{
	display: block;
	content: "";
}
.step_1 .stitable .img img {
    max-width: 100px !important;
    transform: translateY(-10px);
}

.step_1 #ordproductscont .tabinfo.hor .name{
    vertical-align: initial;
}

.step_1 .price.wovat{
	color: #adadad !important;
	    max-width: 120px;
    min-width: 100px;
}

.step_1 .stitable .orbstiidpack .buyout{
	vertical-align: top;
}

.step_2 .totalprc.wvat span,
.ordbaskets .step_2 .noedit .stitable .ordcount{
	    color: #152654 !important;
    font-weight: normal;
        font-size: 0.875rem !important;
}

tr.orbstiidpack:nth-child(2) .img, 
tr.orbstiidpack:nth-child(2) .name, 
tr.orbstiidpack:nth-child(2) .ordcount, 
tr.orbstiidpack:nth-child(2) .price.wovat, 
tr.orbstiidpack:nth-child(2) .totalprc.wvat, 
tr.orbstiidpack:nth-child(2) .buyout{
    border: none !important;
}

tr.orbitem:nth-child(2) .img, 
tr.orbitem:nth-child(2) .name, 
tr.orbitem:nth-child(2) .ordcount, 
tr.orbitem:nth-child(2) .price.wovat, 
tr.orbitem:nth-child(2) .totalprc.wvat, 
tr.orbitem:nth-child(2) .buyout{
    border: none !important;
}

.tabinfo.hor.stitable tr:last-child td{
	padding-bottom: 10px;
}
.orbitem .img a{
	padding: 0 !important;
	    height: 110px;
}
.step_1 .orbitem .name .stiplname{
	line-height: 1.5rem;
	padding-top: 40px !important;
}
.ordbaskets.step_1 .sumtab .tabinfo #totaldempayprice, .ordbaskets.step_1 .sumtab .tabinfo #totaldempaypriceoutvat{
    display: table-row !important;
}
#basketsumtab .total.wovat{
	display: none;
}
.step_1 .orbstiidpack .price.wovat span, .step_1 .orbstiidpack .totalprc.wvat span {
    padding-top: 20px !important;
}
#totaldempayprice th{
	padding: 0 !important;
}

#ordproductscont .tabinfo.hor.stitable tr:last-child td{
	padding-bottom: 10px !important;
padding-top: 10px !important;
}
.prodbox .note{
	    margin-top: 18px;
}
.prodbox .config_par + .note{
margin-top: 0px !important;
}
.prodbox .buybox {

    order: 3;
}
html[lang="cs"] .availability .no:before{

	content: "Není skladem";
	font-weight: 600;
	font-size: 0.875rem !important;
    line-height: 1.3125rem;
	color: #fa4047;
	    font-family: 'IBM Plex Sans', Arial, sans-serif;
}

html[lang="sk"] .availability .no:before{

	content: "Nie je skladom";
	font-weight: 600;
	font-size: 0.875rem !important;
    line-height: 1.3125rem;
	color: #fa4047;
	    font-family: 'IBM Plex Sans', Arial, sans-serif;
}
.prodbox .availability.inet .no p{
	display: none;
}

.step_2 .stitable .orbstiidpackitem{
/*display: none;*/
}

.ordbaskets.step_1 .boxcont.products .qtybox .up,
.ordbaskets .boxcont.products .qtybox .down{
	margin-right: 11px;
	height: 19px;
}
.ordbaskets .boxcont.products .qtybox .up,
.ordbaskets .boxcont.products .qtybox .down{
	    color: #152654 !important;
    width: 100% !important;
    margin: 0 !important;
}

.ordbaskets .sumtab .tabinfo{
    padding-top: 10px;
}

.step_2 #ordproductscont .tabinfo.hor .name{
    /*padding: 10px !important;*/
}

.ordbaskets.step_2 .noedit .stitable .ordcount,
.step_2 .boxcont.products.noedit .stitable .name,
.step_2 .boxcont.products.noedit .stitable .totalprc.wvat{
	/*border-top: 5px solid #f2f2f2 !important;*/
}

.step_1 .credit, .step_1 .creditfree{
	display: none;
}
#kosik_wrapper{
    grid-row-start: 1;
    grid-row-end: 4;
    margin: 10px 0 0 0;
}

.step_3 #kosik_wrapper{
    grid-row-end: 5;
    margin: 0;
}
.modal-popup.modal-showinfobeforebuy .modal-content {
    padding: 10px;
    border-top: 5px solid #fa4047;
}
.invoice.sptnavigator .contentcont .boxcont .hdr > p{
	float: left !important;
	padding: 10px !important;
	font-weight: 600;
}

.invoice.sptnavigator .btn-print{
	float: left;
	color: #fa4048;
}

html[lang="cs"] .invoice .btn-print:after{
	content: "Zobrazit PDF";
	font-size: 0.85rem;
}

html[lang="sk"] .invoice .btn-print:after{
	content: "Zobraziť PDF";
	font-size: 0.85rem;
}

.invoice .btn-print span{
	font-size: 0;
}

.invoice .boxcont.document .cnt{
	display: none;
}

.invoice .btn-print:before{
	content: "\f1c1";
	font-size: 1.1rem;
}

.invoice .tabinfo.hor tbody{
	background-color: #fff;
	padding-top: 10px;
}

.invoice .tabinfo.hor {
	padding-top: 10px;
}

.invoice .document .hdr{
	padding: 0 !important;
	border-bottom: none !important;
}

.invoice .tabinfo.invsumtab{
	min-width: 260px;
	width: 25%;
	float: right;
}
.invoice .tabinfo.invsumtab tr td{
	width: 29%;
	min-width: ;
}

.invoice .boxcont.table-scroll .tabinfo.hor td a{
	color: #4d4d4d;
}

.invoice .btn-print:hover:after{
	text-decoration: underline;
}

.invoices .boxcont.srchtools{
	display: none;
}

.config .datasheet th{
border-bottom: 1px solid #e5e5e5;
    text-align: left !important;
    color: #4d4d4d;
    width: 38% !important;
    font-weight: 600;
}



.col-price.qtyprice span, .col-price.total span{
	color: #152654;
}
.iisutil .col-price.qtyprice span,.iisutil .col-price.total span{
	color: #fa4047;
}
.iisutil .ordtbl .orditem .name a{
	color: #4d4d4d;
	    font-weight: 600;
}
.boxcont.pay .tabinfo.hor.stitable.ordtbl,
.boxcont.pay .orders .tabinfo.hor.stitable{
	border: none !important;
}

.invoice .tabinfo.hor th,
.invoice .tabinfo.hor td {
  padding: 8px;
  text-align: left;
}

#sluzbybanner{
	border-top: 10px solid #f2f2f2;
	padding: 10px 15px;
	display: inline-block;
	border-bottom: 10px solid #f2f2f2;
} 


.modalcfg .cnt tr td:nth-child(1){
	text-align: left !important;
}

.modalcfg .cnt tr th,
.modalcfg .cnt tr td{
	text-align: center;
}

.modalcfg .cnt tr th:first-child{
	    text-align: left;
    background-color: #f4f6fb;
    padding: 0px 5px 0 10px !important;
    color: #152654;
    font-weight: 600;
    width: 40%;
    min-width: 120px;
}

.modalcfg .cnt tr{
	height: 60px;
}

.modalcfg .cnt .btn-buy{
	    width: 70%;
	    padding: 8px !important;
	    font-size: 1rem;
	    background: #fa4047 !important;
	    color: #fff !important;
}

.modalcfg .cnt tr td:nth-child(2),
.modalcfg .cnt tr td:nth-child(3),
.modalcfg .cnt tr td:nth-child(4)
{width: 20%;}

.modalcfg .cnt tr th:nth-child(3)
{
	color: #fff;
	background-color: #152654;
	padding: 5px;
}

.modalcfg .cnt tr td:nth-child(3){
	border-left: 1px solid #152654;
	border-right: 1px solid #152654;
}

.modalcfg .cnt table{
	width: 100%;
}

.modalcfg table img{
	max-width: 25px;
}

.modalcfg .cnt tr:last-child td:nth-child(3){
	border-bottom: solid 1px;
}

/*.modal-popup .modal-content.contentcont{
	padding: 0 !important;
}*/

.boxcont.modalcfg .cnt>p{
	color: #152654;
    width: 90%;
    font-size: 1rem !important;
    text-align: center;
    margin: -10px auto 20px auto;
}

.stinotecmtblock_banner{
	display: inline-block;
    border-top: 10px solid #f4F4F4;
    border-bottom: 10px solid #f4F4F4;
    padding: 5px 10px;
}

.category_info li:before {
    content: "-";
    color: #fa4048;
    font-family: monospace;
    display: inline-block;
    float: left;
    padding-right: 5px;
}


#stinotecmtblock_info{
	font-family: 'IBM Plex Sans', Arial, sans-serif !important;
    font-size: 0.875rem !important;
    line-height: 1.3125rem;
    color: #4d4d4d;
    border-radius: 0px !important
}

#stinotecmtblock_info ul li span{
	color: #21378a;
}
.availability.inet .stock.no p{
	display: none;
}
.step_3 #btnOrdBack{
	display: none;
}

.boxcont.modalcfg:after{
	content: "";
}

.comshipto.sptnavigator .tabdetailparthead td {
    padding: 10px;
    color: #15265A;
    font-size: 1rem !important;
    background-color: #e8ecf6 !important;
}

.comshipto.sptnavigator .document .cnt table th{
	font-weight: 500 !important;
	width: 240px !important;
	text-align: left;
	padding-left: 25px;
}

/*.comshipto.sptnavigator .tabedit td,
.comshipto.sptnavigator .tabedit th{
	background-color: #fff !important;
}
*/
.cont.contentcont.comshipto{
	padding-bottom: 10px !important;
}

.comshipto.sptnavigator .tabform input{
	max-width: 300px !important;
    border: none;
}

.faq-container {
    display: inline-block;
    background: #f2f2f2 !important;
    padding: 0px !important;
    width: 100%;
        }

        .faq-sidebar {
            width: 100%;
    display: block;
    float: left;

        }

        .faq-content {
           display: block;
    width: 100%;
    float: left;

        }
.faq-question button {
    cursor: pointer;
    color: #152654;
    padding: 20px 0px 20px 20px;
    background-color: #fff !important;
    font-weight: 600;
    border: none;
    width: 100%;
    text-align: left;
    position: relative;
    z-index: 100;
}

.faq-question button p{
width: auto;
    display: inline-block;
    color: #152654;
    font-size: 1rem !important;
    padding-right: 40px ;
    float: left;
}
 .faq-answer {
/*            color: #152654;*/
/*            padding: 5px 20px 0px 20px;*/
            background-color: #fff !important;     
 }

 .faq-answer.active {
            display: block;
        }

 .faq-question span{
/*	     background: #fa4047;
	 font-size: 1.9rem !important;
	 line-height: 1rem;
	 font-weight: 100;
	 float: right;
	 padding-right: 15px;*/
	}

.kariera .faq-wrapper div div span{
    background: #d2d2d2 !important;
}

.kariera .faq-wrapper:nth-child(1) div div span,
.kariera .faq-wrapper:nth-child(2) div div span,
.kariera .faq-wrapper:nth-child(3) div div span{
    background: #fa4047 !important;
}


.faq-sidebar li{
    padding: 0;
    background: #fff;
    float: left !important;
    clear: left;
    width: 100%;
}

.faq-sidebar a {
	text-decoration: none !important;
	color: #152654 !important;
	display: block;
	float: right;
	width: 75%;
	padding: 30px 0;
	font-weight: 600;
}

.faq-sidebar ul{
	list-style-type: none !important;
	padding: 0 !important;
	background-color: #fff;
}


/*.faq-sidebar span:hover{
	border-left: solid 1.5px #ea200a;
}*/

.wm.sptnavigator, .wm.sptnavigator #centercont {
    background: #f2f2f2 !important;
}

.faq-sidebar ul li span{
       width: 100%;
    display: block;
    height: 80px;
}

.faq-sidebar ul li:nth-child(1) span{
    background: url(../img/icons/box_closed_grey.svg) no-repeat left;
    background-position: 20px 25px;
}

.faq-sidebar ul li:nth-child(2) span{
	    background: url(../img/icons/box_return_grey.svg) no-repeat center;
    background-position: 20px 20px;
    background-size: 45px;
}

.faq-sidebar ul li:nth-child(3) span{
	    background: url(../img/icons/CS_RACK_ICON_grey.svg) no-repeat left;
    background-size: 45px;
    background-position: 17px 18px;
}

.faq-sidebar ul li:nth-child(4) span{
    background: url(../img/icons/gearwheel_grey.svg) no-repeat left;
    background-position: 18px 19px;
    background-size: 45px;
}

.boxcont.I6-gdpr .hdr p{
	display: none;
}

.boxcont.I6-gdpr{
	padding: 10px;
}

.faq-wrapper{
	margin-bottom: 25px;
    float: left;
}
.faq-question{
    float: left;
    width: 100%;
}
.kariera .faq-wrapper,
.kariera .faq-answer{
	padding-bottom: 0px !important;
}

.faq-answer {
overflow: hidden;
    -webkit-transition: max-height 1s;
    -moz-transition: max-height 1s;
    -ms-transition: max-height 1s;
    -o-transition: max-height 1s;
    transition: height 0.5s;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
    transition-delay: 0s;
    transition-property: height;
        padding: 0 0 10px 0;
        float: left;
        width: 100%;
}

.orders.sptnavigator .contentcont{
	padding-top: 50px !important;
}

.orders.sptnavigator .ordersteps{
	display: none;
}

.faq-answer .bold-text {
    font-weight: 600;
}

.faq-answer img {
    max-width: 25px;
}

.faq-wrapper  .cnt tr td, .faq-wrapper .cnt tr th {
    text-align: center;
    padding: 10px 0;
}

.faq-wrapper .cnt tr td:nth-child(1) {
    text-align: left;
    width: 180px !important;
    display: block;
    float: right;
    color: #152654;
    font-weight: 700;
}

.faq-wrapper .cnt tr td:nth-child(2),
.faq-wrapper .cnt tr td:nth-child(3),
.faq-wrapper .cnt tr td:nth-child(4) {
    border-left: 5px solid #fff;
    background: #f9f9f9;
    border-right: 5px solid #fff;
}

.faq-wrapper .cnt tr th:nth-child(2),
.faq-wrapper .cnt tr th:nth-child(3),
.faq-wrapper .cnt tr th:nth-child(4) {
    background: #f9f9f9;
    height: 2.25rem;
    border: 5px solid #fff;
    border-bottom: 10px solid #fff;
}


.faq-wrapper .cnt tr td:nth-child(2),
.faq-wrapper .cnt tr td:nth-child(3),
.faq-wrapper .cnt tr td:nth-child(4) {
    width: 180px;
}

.faq-question .plusminus span{
        height: 3px;
    width: 20px;
    display: inline-block;
    margin: 0 0;
    background: #fa4047;
}

.faq-question .plusminus span:nth-child(2){
rotate: -90deg;
    transition: rotate 0.5s;
    transition-duration: 0.5s;
    transition-delay: 0s;
    transition-property: rotate;
    margin: 0px -20px;

}
.faq-question div{
}
.faq-answer.hidden{
    height: 0 !important;
    padding: 0 !important;

}

.faq-sidebar_kontakty p, .faq-sidebar_kontakty h3{
	text-align: center;
	float: unset;
}

.faq-sidebar_kontakty{
    width: 100%;
    display: inline-block;
    margin: 25px 0 0 0;
    background: url(../img/kontakt_gallery/kontakt_3.jpg) no-repeat center;
    background-position: -183px -90px;
    background-size: 683px;
}

.faq-sidebar_kontakty p{
    color: #152654;
    font-size: 0.875rem !important;
}

.faq-sidebar_kontakty.cenik p{
	font-size: 1.125rem !important;
    line-height: 1.5rem;
}

.faq-wrapper-left{
       display: block;
    float: left;
    width: calc(25% - 25px);
    position: sticky;
    top: 170px;
    margin-right: 25px;
}

.comshipto.sptnavigator .custom-select {
    width: 50%;
    max-width: 300px;
    min-width: 150px;
    margin: 0 6px 0 0;
    border-radius: 0 !important;
    height: 33px;
    padding: 5px 7px;
}

.comshipto.sptnavigator .tabform.tabedit tbody tr:nth-child(9) th,
.comshipto.sptnavigator .tabform.tabedit tbody tr:nth-child(9) td,
.comshipto.sptnavigator .tabform.tabedit tbody tr:nth-child(2) th,
.comshipto.sptnavigator .tabform.tabedit tbody tr:nth-child(2) td {
    padding-top: 10px !important;
}

.comshipto.sptnavigator .tabform.tabedit tbody tr:nth-child(7) th,
.comshipto.sptnavigator .tabform.tabedit tbody tr:nth-child(7) td
 {
    padding-bottom: 10px !important;
}

.config .serverove_cpu .config_par .param:nth-child(1) span:nth-child(2){
grid-column-start: 2;
    grid-row-end: 2;
}

.faq-sidebar button span{
	margin-right: 5px;
}


.faq-sidebar button{
    cursor: pointer;
    color: #152654;
    height: 80px;
    background-color: transparent !important;
    font-weight: 600;
    border: none;
    width: 100%;
    float: left;
    text-align: left;
    font-size: 1rem;
    padding: 0 0 0 80px;
}

.modal-popup .boxcont.modalcfg .ftr{
	    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
}


/*.kalkulacka input,
.kalkulacka input{
	position: relative !important;
    left: unset !important;
}
*/



.kalkulacka button{
	padding: 10px;
    color: #fff;
    font-weight: 600;
    font-size: 1rem;
    background: #fe3e46;
    width: 130px;
    float: left;
    border: none;
    clear: left;
    margin: 15px 0 0 0;
    cursor: pointer;
}

.kalkulacka .vysledky_bez_hous,
.kalkulacka .vysledky_s_hous{
    float: right;
    width: 100%;
    padding: 0 0 40px 30px;
    margin-bottom: 30px;
}

.slider, .pocet-mesicu, .bez_haus{
	    width: 100%;
}

.vysledky_bez_hous p,
.vysledky_s_hous p{
	 padding: 0 0 0 0;
    color: #fff;
    float: left;
        height: 3rem;
        font-size: 1rem !important;
}

.kalkulacka label{
float: left;
    font-size: 1rem;
    color: #152654;

}

.vysledky_bez_hous label,
.vysledky_s_hous label{
	color: #fff;
	font-weight: 600;
}
.faq-content .highlighted{

}

/*input#bez_hous:checked ~ #serverHousingOptions{
	display: none !important;
} 
*/
input#s_hous:checked ~ #serverHousingOptions{
	display: block !important;
}




.faq-answer#answer-15 .cnt tr{
	line-height: 20px;
}

.faq-answer table{
	width: 100% !important;
	display: block;
}


.article h1{
	padding-bottom: 15px;
    font-size: 1.5rem !IMPORTANT;
}

.banner_clanek h1{
    font-size: 2.25rem !IMPORTANT;
}

#DigiCertClickID_Uop_Tb7rSeal{
	display: none !important;
}

html[lang="cs"] .faq-wrapper .cnt tr td:nth-child(1):after {
    content: "[více info]";
    font-family: 'IBM Plex Sans', Arial, sans-serif;
    border-bottom: 1px dotted;
    font-size: 0.85rem;
    color: #21378a;
    font-weight: 400;
}

html[lang="sk"] .faq-wrapper .cnt tr td:nth-child(1):after {
    content: "[viac info]";
    font-family: 'IBM Plex Sans', Arial, sans-serif;
    border-bottom: 1px dotted;
    font-size: 0.85rem;
    color: #21378a;
    font-weight: 400;
}
.datasheet{
	width: 100%;
}
table.datasheet:before{
	    display: table-caption;
    content: "Jedná se o maximální hodnoty uvedené výrobcem. Konkrétní hodnoty vaší konfigurace naleznete v sekci Upravená konfigurace.";
    padding: 0 0 10px 0;
    font-size: 0.85rem;
}

#ui-id-4 #sticomment .hdr{
	display: block !important;
}

#ui-id-4 #sticomment .hdr p{
	display: none;
}

#ui-id-4 #sticomment .hdr:before{
	content: "Datasheet modelové řady serveru";
    display: block;
    padding: 15px 0 0 15px;
    font-weight: 600;
}

/*radiobuttony v článku zápujčky*/

.kalkulacka [type="radio"]:not(:checked) + label:after,.kalkulacka [type="radio"]:checked + label:after {
     background: radial-gradient(circle, #224AAB 35%, #224AAB 38%);
    content: '';
    top: -1px;
    left: -17px;
    width: 14px;
    height: 14px;
    transition: all 0.2s;
    font-weight: 600;
    border-radius: 15px;
    border: 3px solid #224AAB;
}
.kalkulacka [type="radio"]:not(:checked) + label:before,.kalkulacka [type="radio"]:checked + label:before {
        content: '';
    position: absolute;
    left: -16px;
    top: 1px;
    width: 15px;
    height: 15px;
    border: 1px solid #C0C0C0;
    background: white;
    border-radius: 8px;
}
.kalkulacka [type="radio"]:checked + label:before {
    background: transparent;
    border: none !important;
    border-radius: 14px;
}

.kalkulacka label:before, .kalkulacka label:after {
    /* top: 0px !important; */
    pointer-events: all;
}

input#bez_hous:checked ~ .vysledky_s_hous{
    display: none;
}

input#bez_hous:checked ~ #serverHousingOptions{
    display: none !important;
}
.kalkulacka div input:nth-child(2){
	    float: left;
    clear: left;
    width: 100%;
}
.kalkulacka div span input{
    float: right;
    background: transparent;
    border: none;
    font-size: 0.875rem !important;
    margin: 0 !important;
    padding: 0 5px 0 0;
    text-align: right;
}
.slider_cena{
	    margin-top: 35px;
    margin-right: 25px;
}
.slider_pocet-mesicu, #serverHousingOptions{

    margin-right: 25px;
}

input[type="range"] {
  -webkit-appearance: none;
    margin-right: 15px;
    height: 10px;
    background: rgba(255, 255, 255, 0.6);
    background-image: linear-gradient(#f1f1f1, #f1f1f1);
    background-size: 100%;
    background-repeat: no-repeat;
    border: none;
}


input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #224AAB;
  cursor: ew-resize;
  box-shadow: 0 0 2px 0 #555;
}

input[type="range"]::-moz-range-thumb {
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #224AAB;
  cursor: ew-resize;
  box-shadow: 0 0 2px 0 #555;
}

input[type="range"]::-ms-thumb {
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #224AAB;
  cursor: ew-resize;
  box-shadow: 0 0 2px 0 #555;
}

.slider_cena span:after{
	content: " Kč";
    float: right;
    clear: right;
    color: #152654;
    padding: 1px 0 0 0;
}

.slider_pocet-mesicu span:after{
	content: " Měsíců";
    float: right;
    clear: right;
    color: #152654;
    padding: 1px 0 0 0;
}

#serverHousingOptions span:after{
	content: " U";
    float: right;
    clear: right;
    color: #152654;
    padding: 1px 0 0 0;
}
.slider_cena span,
.slider_pocet-mesicu span,
#serverHousingOptions span{
	    display: flex;
    float: right;
}

.objednavky.highlighted span{
	background: url(../img/icons/box_closed_red.svg) no-repeat !important;
	background-position: 20px 25px !important;

}

.vraceni.highlighted span{
	background: url(../img/icons/box_return_red.svg) no-repeat !important;
	background-position: 20px 20px !important;
    background-size: 45px !important;
}

.produkty.highlighted span{
	background: url(../img/icons/CS_RACK_ICON_red.svg) no-repeat !important;
	    background-position: 17px 18px !important;
    background-size: 45px !important;
}

.technicke.highlighted span{
    background: url(../img/icons/gearwheel_red.svg) no-repeat left !important;
    background-position: 16px 16px !important;
    background-size: 49px !important;
}

.financovani_text div:nth-child(3){
	display: none;
}

.cislovka{
	width: 45px;
	border: #fa4047 12px solid;
	border-radius: 30px;
	display: block;
	background: #fa4047;
	color: #fff !important;
	font-weight: 600;
	font-size: 1rem;
	text-align: center;
	margin: 0 auto;
	z-index: 50;
	padding: unset !important;
	position: relative;
}

.infograf_fin div div div{
    position: absolute;
    width: 100%;
    height: 3px;
    background: #dedede;
    top: 50%;
}


.infograf_fin>div div>span{
	color: #152654;
	padding: 20px 0 0 0;
	margin: 0 auto;
	display: block;
	text-align: center;
}

.infograf_fin>div{
	width: calc(100% / 6);
}


.infograf_fin .cara{
	    background: linear-gradient(0deg, rgba(0,0,0,0) 49%, #dedede 53%, rgba(0,0,0,0) 57%);
	    display: flex;
}

.infograf_fin{
	margin: 0 auto;
    display: flex;
    padding-bottom: 40px;
    width: 100%;
    max-width: 1150px;
    padding-top: 20px;
}

.NBD_cnt td img{
	max-width: 30px;
}

.NBD_cnt td {
	text-align: center;
	padding: 10px 0;
	font-size: 1rem !important;
}

.NBD_cnt td {

    width: auto;
    border-left: 1px solid #f2f2f2;
}
.NBD_cnt td:nth-child(1){	
	width: 390px !important;
    padding: 0 10px;
        border-left: none;
}
.NBD_cnt tr td:nth-child(1) p{
	text-align: left !important;
    display: block;
    color: #152654;
    font-weight: 600;
    width: 100%;
    border: none !important;
/*    min-width: 315px;*/
font-size: 1rem !important;
}
.NBD_cnt tr:nth-child(5) td:nth-child(1) p:after{
	content: " na místě";
}
.NBD_cnt tr td:nth-child(1) span{
        font-size: 0.85rem;
    color: rgb(33, 55, 138);
    font-weight: 400;
    float: right;
    border-bottom: 1px dotted;
}
.NBD_cnt table tr td p{
	color: #152654;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.5rem;
    position: relative;
    box-shadow: none;
    float: right;
    min-width: unset;
    padding: 10px 0 15px 0;
    width: 100% !important;
}

.NBD_cnt .nadpis span{
    font-family: 'Hrot Basic Medium';
    font-weight: 400;
    text-transform: uppercase;
    font-size: 2rem;
    color: #152654;
    float: left;
    line-height: 2.25rem;
    width: auto;
    padding: 0 0 0 5px;
}
.NBD_cnt table{
	    float: left;
    width: 100%;
    margin: 0 auto;
    background: #fff;
}
.NBD_cnt{
	max-width: 1000px;
	padding: 20px 0 0 20px ;
}
	.NBD_cnt .next,
	.NBD_cnt .prev{
		display: none;    
		float: left;
	}
	.NBD_cnt .body{
		display: none;
	}

	.NBD_cnt tr:first-child td span{
	color: #152654;
    font-size: 1.25rem;
    display: block;
    font-weight: 700;
    max-width: 89% !important;
    margin: 0 auto;
    line-height: 1.6875rem;
	}

	.NBD_cnt .btn-buy:before{
		content: "";
	}

	.NBD_cnt .column1.active ~ .prev,
	.NBD_cnt .column4.active ~ .next{
		    border: transparent;
    color: transparent;
	}

	.NBD_cnt .nadpis{
    width: 100%;
    display: inline-block;
min-width: 200px;
	}

#sptnav .level3 li:nth-child(2) .level6 li:nth-child(2) .level9 li{
	display: none;
}
  
.comfig_img span {
  display: none;
  position: absolute;
  border: 1px solid #C0C0C0;
  background: #FFFFFF;
  padding: 10px;
  margin-top:30px;
  margin-left:50px;
  min-width: 200px;
  border-top-right-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
  border-bottom-left-radius: 0.5em;
  border-top-left-radius: 0.5em;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 2;
}



.kariera{
	background: #f2f2f2 !important;
	margin: unset !important;

	padding: 25px 0 0 0 !important;
}


.kariera .faq-question button{
	padding: 10px 0 5px 20px !important;
}

.kariera .faq-wrapper{
	margin-bottom: 25px !important;
}

.kariera.cenik .faq-wrapper{
	margin-bottom: 25px !important;
}

.kariera .faq-question div{
float: right;
    clear: right;
}

.kariera .faq-wrapper:nth-child(1),
.kariera.kariera .faq-wrapper:nth-child(2),
.kariera .faq-wrapper:nth-child(3) {
	border-left: 3px solid #fa4047 !important;
}


.kariera .faq-wrapper:nth-child(5),
.kariera .faq-wrapper:nth-child(4){
	border-left: 3px solid #d2d2d2 !important;
}



.kariera .faq-question button>h2{
	float: left;
	font-size: 1rem !important;
}

.kariera .faq-question button>span{
	margin: 13px 50px 0 0;
    background: #edf0f8;
    padding: 5px 10px;
    color: #152654;
    text-align: center;
    font-size: 0.85rem !important;
}

.vraceni_a_reklamace h4{
	padding-top: 10px;
}

.modal-content.NBD_cnt{
	border: none;
    background:#fff;
}

.modal-content.NBD_cnt .btn.btn-close {
    right: 50px;

}

.label-tip{
	color: #fff !important;
    margin: 0 0 50px 100%;
    background: #fa4047;
    width: 100px;
    float: right;
    display: inline-block !important;
    font-size: 1rem !important;
    text-align: center;
}

.modal-content.NBD_cnt table .hidden{
	    display: none;
        position: absolute;
    background: #fff;
    z-index: 100;
    width: 250px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    right: -240px;
    color: #000;
}

.modal-content.NBD_cnt table tr>td>p>span:hover + .hidden{
	display: block !important;
	padding: 5px;
	border-bottom: 0px;
}

/*.kariera .faq-answer div{
	width: 90%;
}

.kariera .faq-answer div:nth-child(1){
	float:left;
}

.kariera .faq-answer div:nth-child(2){
	float:right;
}

.kariera{
	width: 100%;
}

.kariera.cenik{
	width: 70%;
}*/

.banner_clanek>span{
	    width: 50px;
    height: 5px;
    background: #fa4047;
    display: block;
    margin: 40px 0 40px 0 !important;
}

.stiparinf .paramitem.slider .cnt {
    width: 95%;
    margin: 30px auto 70px auto;
    float: unset;
    display: block;
}


.clanek_novinka{
	    background: #fff;
	    padding: 40px 50px 50px 50px;
	    display: inline-block;
}

.clanek_lng{
	float: right;
}

.clanek_novinka .custom-select{
	background: #e8ecf6 url(../img/select-arr-down.svg) no-repeat;
    background-position: 45px;
    background-size: 28%;
}

.clanek_lng select{
    margin: 0px 50px 0 0;
    padding: 5px 10px;
    color: #152654;
    font-size: 0.85rem !important;
}


.clanek_lng .custom-select{
	border: none;
    width: 70px;
    border-radius: 0;
}

.clanek_novinka h1{
	text-align: center;
    padding: 0px 10px 40px 10px;
    color: #21378A;
    font-weight: 100;
    text-transform: uppercase;
}
        .clanek_dva_sloupce {
        display: block;
        width: 100%;
        }
        .clanek_dva_sloupce.levy, .clanek_dva_sloupce.pravy {
            width: 50%;
            float: left;
        }
        .clanek_dva_sloupce.levy img {
            width: 100%;
            margin-bottom: 30px;
            max-width: 535px;
            max-height: 385px;
            padding-right: 50px;
        }
        .clanek_dva_sloupce.pravy {
            text-align: justify;
        }
        .clanek_text {
            width: 100%;
            text-align: justify;
            margin-top: 20px;
        }
        .clanek_foto img {
            width: calc(100%/4 - 55px);
            margin-right: 50px;
            max-height: 310px;
            max-width: 235px;
        }

.clanek_text p, .clanek_dva_sloupce p{
	font-size: 1rem !important;
	font-style: normal;
	font-weight: 400;
	line-height: 35px; /* 194.444% */
	letter-spacing: 0.5px;
	padding-bottom: 10px;
}

.clanek_logo{
	background: url(../img/CZ_S_logo_h.png) no-repeat !important;
    background-size: 95% !important;
    margin: 0;
    width: 35%;
    height: 27px !important;
    display: inline-block;
}

.status .sts.sts_new{
	background: #e8ecf6 !important;
}

.sts.sts_new.sts2953{
background: #fa4047 !important;
}
.sts.sts_new.sts2953 p{
color: #fff !important;
}

#sptnav .level3 li .sptnavsub>ul{
pointer-events: initial;
}

#stinotecmtblock_info .status .sts{
	    background: #e8ecf6 !important;
}

.stoitem #tabs{
	margin-bottom: 20px;
}
#sptnav ul li.act .sptnavsub{
    /* display: none; */
    height: 100%;
    overflow: scroll;
    z-index: 100;
}
.level3>li:hover .sptnavsub{
	display: block !important;
}


.language-toggle {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.toggle-input {
    display: none;
}

.toggle-label {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.toggle-button {
    width: 90px;
    height: 30px;
    margin: 0 0 -30px 0 !important;
    position: relative;
}

.language-label-en,
.language-label-cz{
	color: #bebebe;
	position: absolute;
	pointer-events: none;
	width: 50%;
	text-align: center;
	padding-left: 70px;
}

.language-label-cz{
	padding-left: 20px;
	border-right: 1px solid #152654;
}

.toggle-input:not(:checked) + .toggle-label .language-label-cz {
    color: #152654; 
    font-weight: 600;
}
.toggle-input:checked + .toggle-label .language-label-en {
    color: #152654;
    font-weight: 600;
}


.clanek_novinka [type="checkbox"]:checked + label:before{
	display: none;
}

.clanek_novinka [type="checkbox"]:not(:checked) + label:before{
	display: none;
}


.clanek_datum{
	    float: left;
	    width: 50% !important;
	    color: #152654 !important;
}


.clanek_novinka_cz {
  display: block;
}

.clanek_novinka_en {
  display: none;
}

.toggle-input:checked  ~ .clanek_novinka_cz {
  display: none;
}

.toggle-input:checked  ~ .clanek_novinka_en {
  display: block;
}

.toggle-input:not(:checked) ~ .clanek_novinka_cz {
  display: block;
}

.toggle-input:not(:checked) ~  .clanek_novinka_en {
  display: none;
}

.clanek_novinka h1{
	    font-family: 'Hrot Basic Medium', Arial, sans-serif !important;
    font-size: 1.85rem;
}


.boxcont.article .content ol{
margin: 0;
}

.vraceni_a_reklamace .postup{
	width: calc(100% / 2 - 55px);
    padding: 20px 30px;
    background: #f2f2f2;
    min-height: 323px;
    margin: 20px 35px 30px 20px;
}

.reklamace, .vraceni{
	width: 50%;
	padding: 10px 20px 0px 20px;
}

.vraceni_a_reklamace .postup li::marker{
		color:#fa4047;
		font-weight: bold;
}

.vraceni_a_reklamace .postup li{
		color: #152654;
	padding-bottom: 10px;
}

.category_info ol li:before {
    content: "→";
    padding-right: 5px;
    font-size: 1.5rem;
}

.vyprodej{
	    background: url(../img/uvodni_stranka/vyprodej_full.jpg) no-repeat;
    background-size: 100%;
}

.config .boxcont.legend{
	width: 100% !important;
	background: #fff !important;
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 4;
	grid-row-end: 5;
	margin-top: 30px;
	border: none;
}

.config .boxcont.h-banner div{
	width: calc(100% / 3);
	float: left;
	border-right: 1px solid #f2f2f2;
	padding: 30px;
	display: block;
	height: 100%;
}

.config .boxcont.h-banner h3{
    color: #224AAB;
    font-weight: 400;
    font-family: 'Hrot Basic Medium', Arial, sans-serif !important;
    text-transform: uppercase;
    padding: 0 0 15px 0;
    font-size: 1rem !important;
        line-height: 1.5rem;
}

.config .boxcont.h-banner a{
border: 1px solid #21378a;
    margin-top: 20px;
    color: #21378a;
    font-size: 0.875rem;
}

.config .boxcont.h-banner a span span{
padding: 0 0 0 10px;
    transform: translateY(-1px);
    float: right;
}

.config .boxcont.h-banner p{
    height: 80px;
    font-weight: 400;
}
   
.boxcont.legend .cnt{
	display: none;
}

/*.kariera.cenik .faq-wrapper{
	border-left: unset !important;
}

.kariera.cenik .faq-question button{
	padding: 5px 0 0 20px !important;
}

.kariera.cenik .faq-wrapper .faq-question div{
	margin: 26px 10px 0 0 !important;
}

.kariera.cenik .faq-question div {
    float: left;
    clear: left;
}

.kariera.cenik .faq-question button>span {
    margin: 15px 20px 0 0;
    background: #ffffff;
    color: #fa4047;
    text-align: center;
    font-size: 1rem !important;
    font-weight: 900;
}

.kariera.cenik .faq-wrapper div div span{
	background: #fa4047 !important;
	
}

.kariera.cenik .faq-answer{
	padding: 5px 20px 0 55px;
}
*/
html[lang="cs"] .boxcont.h-banner.sk{
	display: none;
}

html[lang="sk"] .boxcont.h-banner.cz{
	display: none;
}

/*.kariera.cenik li:before{
	content: "-";
    color: #fa4047;
    font-family: monospace;
    display: inline-block;
    float: left;
    padding-right: 5px;
}

.kariera.cenik li{
	list-style: none;
	padding-bottom: 10px;

}

.kariera.cenik a{
    text-decoration: none !important;
}

.kariera.cenik ul{
	padding: 0 !important;
}

.kariera.cenik a span:after{
	content: " → ";
}

.kariera.cenik p{
	font-size: 1rem !important;
	line-height: 1.5rem !important;
}

.kariera.cenik{
	padding: 0 !important;
	margin-top: 25px !important;
	float: left;
}
*/

.faq-sidebar_kontakty.cenik {
    padding: 0 !important;
    float: right;
    width: 27%;
    margin-top: 79px;
}


.modal-content.NBD_cnt .btn:hover{
	opacity: 1 !important;
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
	rgba(60, 64, 67, 0.15) 0px 2px 6px 2px !important;

}

#I6-cookieConsent{
	max-width: 640px;
}
.modal-showinfobeforebuy .btn{
	margin-top: 10px !important;
}
.modal-showinfobeforebuy .btn.btn-buy{
	float: right;
    margin-top: 10px;
}
#contactdatacont_6 .rowbox.dic:before,
#contactdatacont_6 .rowbox.country:before{
    content: ", ";
    float: left;
    line-height: 1.9rem;
    padding: 0 5px 0 0px;
}
#contactdatacont_6 .rowbox.dic,
#contactdatacont_6 .rowbox.country{
	clear: unset;
}

.iisutil .orditem .name{
	color: #4d4d4d;
}

.prouzek div{
	    margin: 30px 30px 20px 30px !important;
    float: left !important;
    display: inline-block !important;
    width: calc(100% - 60px) !important;
}

html[lang="cs"] .config .zaruky_a_servis .configinput input[data-name="Záruka 2 roky, garantovaná oprava serveru do 4 hodin v našem servisu."] + label .configname:after{
	display: inline-block;
    transform: translate(0, 0);
    color: #21378a;
    content: "[více info]" !important;
    font-family: 'IBM Plex Sans', Arial, sans-serif;
    padding: 0 !important;
    font-size: 0.85rem;
    border-bottom: 1px dotted;
    margin: 0 0 0 5px !important;
}

html[lang="sk"] .config .zaruky_a_servis .configinput input[data-name="Záruka 2 roky, garantovaná oprava serveru do 4 hodin v našem servisu."] + label .configname:after{
	    display: inline-block;
    transform: translate(0, 0);
    color: #21378a;
    content: "[viac info]" !important;
    font-family: 'IBM Plex Sans', Arial, sans-serif;
    padding: 0 !important;
    font-size: 0.85rem;
    border-bottom: 1px dotted;
    margin: 0 0 0 5px !important;
}

html[lang="cs"] .config .zaruky_a_servis .configinput input[data-name="Záruka 2 roky, garantovaná oprava serveru do 4 hodin v našem servisu."] + label:hover .configname:before {
    padding: 10px;
    visibility: visible;
    margin: 25px 328px;
    position: absolute;
    content: 'Zaručujeme rychlou opravu vašeho serveru do 4 hodin od jeho předání v naší prodejně (nejpozději do 12 hodin). Oprava se týká celého serveru s výjimkou disků. Vadné disky nahradíme, pokud jsou skladem. Opravy provádíme v pracovní době od 9:00 do 17:00. ';
    box-shadow: 4px 4px 17px -2px rgba(0,0,0,0.5);
    background: white;
    color: black;
    font-weight: 400;
    z-index: 200;
    width: 270px;
    font-size: 0.85rem !important;
    line-height: 1.3125rem;
}

html[lang="sk"] .config .zaruky_a_servis .configinput input[data-name="Záruka 2 roky, oprava do 4 hodin v našem servisu."] + label:hover .configname:before {
        padding: 10px;
   visibility: visible;
    margin: 25px 328px;
    position: absolute;
    content: 'Zaručujeme rýchlu opravu vášho servera do 4 hodín od jeho odovzdania v našej predajni (najneskôr do 12:00). Oprava sa týka celého servera s výnimkou diskov. Poškodené disky nahradíme, ak ich máme skladom. Opravy vykonávame v pracovný čas od 9:00 do 17:00.';
    box-shadow: 4px 4px 17px -2px rgba(0,0,0,0.5);
    background: white;
    color: black;
    font-weight: 400;
    z-index: 200;
    width: 270px;
        font-size: 0.85rem !important;
    line-height: 1.3125rem;
}

.NBD_cnt tr:nth-child(2) td:nth-child(2) {
    text-transform: lowercase;
}
.NBD_cnt tr:nth-child(4) td:nth-child(1) p span.hidden{

    font-size: 0;
    padding: 5px;
}
.NBD_cnt tr:nth-child(4) td:nth-child(1) p span.hidden:before{
	    content: "Speciální zátěžový test, při kterém server a komponenty běží na nejvyšší výkon po dobu 48 hodin. Tento test důkladně ověří chlazení serveru a odhalí případné chyby, které by se jinak mohly projevit až po nasazení v ostrém provozu.";
    font-size: 0.85rem;
    line-height: 1rem;
}

#createdurl{
    z-index: 100;
    grid-row-start: 3;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 3;
    background: #fff;
    margin-top: 30px;
    padding: 30px 0;
}

#btncreateurl{
	margin: 0 10px 0 0;
}

#createdurl .hdr p,
#createdurl .cnt a{
	padding: 0 30px;
    line-break: anywhere;
}

.comfig_img{
	z-index: 110;
}

.comfig_img img{
    max-width: 300px;
}
/*#btncreateurl span{
	    font-size: 0;
	content: "Zkopírovat URL konfigurace";
}
#btncreateurl span:after{
	font-size: 0.875rem !important;
	content: "Zkopírovat konfiguraci";
}*/
.dnesni_datum{
	display: none;
}

#formWebNews .tabform img{
	width: inherit;
}

boxcont .hdr .date,
 {
  float: right;
  font-size: 1.4rem;
}

.aktualita.recenze img, .wntext img{
/*
  display: block;
  max-width: 100%;*/
}

.aktualita.recenze section>p{
	float: left;
    clear: left;
}
.aktualita.recenze section>img{
	float: left;
	width: 100%;    padding-top: 30px;
    padding-bottom: 30px;
}
/*.aktualita ol, .aktualita ul, .aktualita p, .boxcont.webnews.news .wntext p{
  font-size: 1rem !important;
  line-height: 1.5rem;
  	margin: 10px 0;
    color: #4d4d4d;
}*/
.aktualita.recenze>section, .aktualita.recenze>section>div{
	display: inline-block;
}

.hdr .fordeal{
	display: none;
}

.boxcont .hdr .date
 {
  float: right;
  font-size: 1.4rem;
  padding: 0px !important;
      color: #999999;
}
.boxcont.webnews.news>.cnt {
    display: flex;
    flex-direction: column-reverse;
}

.boxcont.webnews.news .wntext{
    background: #fff;
    padding: 0 30px 30px 30px;

}

.boxcont.webnews.news .wntext p{
	color: #152654 !important;
	width: 43%;
	float: left;

}

.boxcont.webnews.news td span{
	color: #227922;
}


.aktualita {
	width: 75%;
    background: #fff;
    padding: 30px;
    margin: 30px 0;
    float: left;
}

.wnnote table thead td{
	text-align: center;
	font-weight: 700;
}

/*.wnnote table tr td:first-child {
	font-weight: 700;
	color: #000;
}*/

/*.aktualita table{
	padding: 5px !important;
}*/

.aktualita .left{

	float: left !important;
}


.aktualita .right{

	float: right !important;
}

.wntext img{
	float: right;
	width: 55%;
}

.note img{
	display: none;
}
 article{

    background: #fff;
    padding: 30px;
 }

.wnnote .boxcont{
    width: calc(25% - 30px);
    float: right;
    clear: initial;
    display: block;
	margin: 15px 0 15px 30px;
}

.wnnote .boxcont .date{
	    margin: 10px 0 0 0;
    padding: 5px 2px;
    color: #999999;
    float: left;
    display: block;
    clear: both;
}

.wnnote .boxcont .hdr{
	padding: 0 !important;
}

.wnnote .boxcont img{
	width: 100%;
}

.boxcont.webnews.news.webnewsall ul .boxcont{
	    background: #fff;
		padding: 20px;
		margin: 7px 0;
		height: 200px;
}

.boxcont.webnews.news.webnewsall ul .boxcont .img{
	float: left;
	width: calc(25% - 10px) !important;
	margin-right: 10px;
	max-width: 260px;
}

.boxcont.webnews.news.webnewsall ul .boxcont .date,
.boxcont.webnews.news.webnewsall ul .boxcont .hdr,
.boxcont.webnews.news.webnewsall ul .boxcont .cnt{
	float: right;
	width: 75%;
	padding: 0px !important;
	clear: none;
}

.boxcont.webnews.news.webnewsall ul .boxcont .date span{
	float: right;
}

.boxcont.webnews.news.webnewsall li{
	border: 0 !important;
}
.aktualita img.right{
	
	padding-left: 30px;
}
.aktualita img.left{
	padding: 0 30px 0px 0px;
}

.aktualita h3{
	float: left;
    clear: left;
}

.wntext:before, .wntext:after{
	content: "";
	display: block;
	background: #fff;
}

section span strong{
	padding-right: 5px;
}

.scrollbutton{
	display: none;
}

.scroll .scrollbutton{
	    display: block;
    position: fixed;
    right: 90px;
    bottom: 35px;
    border: 1px solid;
}

#paramkotva{
	float: left;
    clear: left;
    transform: translateY(-130px);
	
}


.reklamace_vraceni{
	background: #f2f2f2 !important;
	padding: 0 !important;
}

.reklamace_vraceni section{
    float: left;
    width: 100%;
}


/*.reklamace_vraceni section:nth-child(2){
	 float: left;
    width: 100%;
    margin-top: 30px;
}*/

.reklamace_vraceni li{
	 line-height: 1.5rem !important;
    font-size: 1rem !important;
}

.reklamace_vraceni>div{
    width: calc(50% - 15px);
    padding: 20px 25px;
    background: #fff;
    float: left;
    margin-bottom: 30px;
}
.reklamace_vraceni li::marker{
	color: #fa4047;
}

#menu-icon{
	display: none;
}

/*.reklamace_vraceni section.reklamace_vraceni{
	align-items: stretch;
    display: flex;
    justify-content: space-between;
}*/

.reklamace_vraceni .faq-content{
	padding: 0 !important;
	width: 100% !important;
    background: #f2f2f2;
}

#footercont a[href="tel:+420608984413"]{
	display: none;
}


#googlehvezdy span, .googlehvezdyuvodka span{
	    font-family: Roboto, sans-serif;
	    font-weight: 300;

}

#DigiCertClickID_NaOLsinN_1{
    max-width: 220px;
    padding: 50px 0 0 0;
}

#DigiCertClickID_NaOLsinN_1{
    max-width: 220px;
    padding: 50px 0 0 0;
}


.reklamace_vraceni .stahnout_btn{
    display: block;
    clear: both;
    margin: 0 auto;
    padding: 10px;
    background: #e8ecf6;
    width: 160px;
    text-decoration: none !important;
    text-align: center;
}

.blok_doprava {
    background-color: #f2f2f2;
    display: block;
    padding: 30px;
    margin-top: 20px;
}

.blok_doprava.prvni {
    clear: both;
    float: left;
    height: 395px;
    margin-right: 10px;
    padding: 30px 20px 30px 30px;
    width: calc(32% - 10px);
}

.blok_doprava.prvni img {
    margin-bottom: -25px;
    width: 105%;
}

.blok_doprava.druhy {
    float: right;
    height: 395px;
    margin-left: 10px;
    padding: 30px 30px 30px 20px;
    width: calc(68% - 10px);
}

.blok_doprava.druhy img{
    width: 45%;
}

.blok_doprava.treti {
    clear: both;
    float: left;
    height: 580px;
    padding: 30px 20px 30px 30px;
    text-align: center;
    width: calc(50% - 10px);
}

.blok_doprava.treti img {
    width: 100%;
}

.blok_doprava.ctvrty {
    float: right;
    height: 580px;
    padding: 30px 20px 30px 30px;
    width: calc(50% - 10px);
}

.blok_doprava.ctvrty img {
    width: 100%;
}

.blok_doprava img {
    mix-blend-mode: multiply;
}

.vykup span{
    float: left;
    padding-right: 6px;
    color: #fa4047;
    font-size: 16px;
}


.vykup p, .vykup span{
    padding-top: 10px;
}

.vykup_formular input, .vykup_formular textarea{
    width: 100% !important;
}

.vykup_formular input, .vykup_formular textarea{
    background: #fbfbfb;
    border: 0.5px solid #a8adbc;
    border-radius: 0;
}

.vykup_formular input{
    height: 40px;
}

.vykup_formular label{
    margin-top: 10px;
}

.vykup_formular button{
    float: right;
    padding: 10px;
    width: 150px;
    background: #fa4047;
    color: #fff;
    border: none;
    font-weight: 800;
    font-size: 0.85rem;
    margin-top: 20px;
}




.aktualita.recenze h3{
    padding: 0 0 15px 0;
}

.boxcont.news .note br{
    display: none;
}

/*.webnews .boxcont > .hdr{
  max-height: 3.875rem;
  overflow: hidden;
}*/
.title.title_serverove_diskove_ramecky .info:before{
    content: "";
    display: none;
}
.title.title_serverove_diskove_ramecky .info{

}
.title.title_serverove_diskove_ramecky .info span{
    display: inline !important;
    position: relative;
    box-shadow: none;
    margin: 0;
    padding: 5px 0;
    color: #21378a;
    z-index: 0;
    top: unset;
    left: unset;
}

.boxcont.webnews .detwn,
.boxcont .news .cnt .detwn{
    display: none;
}

.boxcont.news .boxcont {
    display: block;
    grid-template-columns: 50% 50%;
    transition: transform 0.2s;
    padding: 20px;
    background: white;
    height: 375px;
}
.boxcont.news .boxcont .label{
    order: -1;
}

.boxcont.news .boxcont .label span{
    background: #fa4047;
    padding: 10px;
}

.boxcont.news .boxcont:hover .hdr a {
    color: #fa4047;
}


.boxcont.news .boxcont .img img {
    width: 100%; 
    height: auto; 
}

.boxcont.news .boxcont .date span {
    font-size: 0.875em !important;
    margin: 5px 0;
}


.boxcont.news .boxcont:hover .img img{
    transform: scale(1.05);
}

.news .note .perex{display: none;}

.boxcont.webnews.news .wntext .perex_hp{
    display: none;
}

/*.boxcont.webnews .news ul li .boxcont .img:before {
    content: "Recenze";
    margin: 0px 5px 0px 5px;
    padding: 5px 10px;
    display: block;
    float: right;
    clear: right;
    color: #21378a;
    background: #f5f5f5;
    font-size: 0.75rem;
    border-radius: 25px;
}*/

.sts.sts115{
    display: none;
}

/*body > div.modal-popup > div > div > div > div > table > tbody > tr:nth-child(3) > td:nth-child(2) > img{
display: none;
}

body > div.modal-popup > div > div > div > div > table > tbody > tr:nth-child(3) > td:nth-child(2){
   background-image: url(../img/krizek_sedy.svg) !important;
background-position: center;
background-repeat: no-repeat;
background-size: 30px;
}*/

/*div[data-cpaid="1832"] .hdr p{
            color: #fff !important;
        border-bottom: none;
        padding: 10px 0px 10px 0 !important;
        margin: 5px -15px 10px 0 !important;
        width: 100%;
        background: #21378a;
        text-align: center;
        font-size: 0.875rem !important;
        font-family: 'Hrot Basic Medium', Arial, sans-serif !important;
        text-transform: uppercase;
        font-weight: normal;
}*/

div[data-cpaid="1832"] .hdr:after{
    display: none;
}

div[data-cpaid="1633"]{
/*          background: #edf0f8;*/
    padding: 0 !important;
}

div[data-cpaid="1788"] .from, div[data-cpaid="1788"] .to{
    background: #21378a;
    color: #fff;
    padding: 0px 10px !important;
}

a[href="#paramkotva"]{
   margin-top: 20px;
    display: inline-block;
/*    margin-left: 253px;
    display: flex;
    width: 140px;
    border: 1px solid #21378a;
    padding: 5px 10px;
    text-decoration: unset;
    color: #152654;
    clear: none;*/
}


.accordion {
  background-color: #fff;
  color: #152654;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.accordion:after {
  content: '\276F';
  transform:rotate(90deg);
  color: #224aab;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}


.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.aktualita li{
    border-bottom: 0;
}

.boxcont.stoitem .hdr h1{
    display: table-cell;
vertical-align: middle;
float: unset;
clear: unset;
}

#wnCarousel14 .hdr p{
line-height: 0px;
color: transparent;
font-size: 0px !important;
}

#wnCarousel14 .hdr p:after{
    content: "SPOLEHLIVÉ REPASOVANÉ SERVERY skladem na naší prodejně";
line-height: 2.25rem;
color: #152654;
font-size: 1.5rem !important;
}

.PF_sloupce .text p:nth-child(3),
.PF_sloupce .text p:nth-child(2){
    display: none;
}

.PF_sloupce .text p:nth-child(4){
    font-weight: bold;
    padding-top: 30px;
    font-size: 1.5rem !important;
    line-height: 2.25rem;
}

.xmas2024 .hdr{
    display: none;
}

.banner_PFKO{
    width: 100% !important;
    margin: 0 !important;
}
.serverinfo{
max-height: 15.6rem;
    overflow: hidden;max-height: 15.6rem;
    overflow: hidden;}
.stoitem li[aria-labelledby="ui-id-2"]{
    display: none;
}
#sptnav ul li .sptnavsub{
    z-index: 104;
}

.navbar ul li.hp a:before{
    font-size: 1.5rem;
}
/*.navbar ul li.hp a:before{
    content: "";
}*/

.cont.contentcont.comshiptos .legend{
    display: none;
}

/*.company .btn.btn-tool.btn-edit{
    display: none !important;
}*/

.boxcont.document.comcommon .tabinfo tr:nth-child(3),
.boxcont.document.comres .tabinfo tr:nth-child(2){
display: none;
}

#new_cst .custom-select{
    border: none;
}

#logincont div.input-placeholder input{
    border: 1px solid #C0C0C0;
}

.company #toolbar.toolbar .btn.btn-tool.btn-edit{
    display: none;
}
.left, .right{
    width: 50%;
}
section{
    width: 100%;
    float: left;
}




.infoblok{
    background: #e8ecf6;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    flex: 1 1 190px;

}
.infoblok_wrapper{
    display: flex !important;
    float: left;
    gap: 15px;
    flex-wrap: wrap; 
    padding-bottom: 20px;  
}
.infoblok span{
    width: auto;
    text-align: center;
    font-size: 1rem !important;
    line-height: 27px;
    color: #4d4d4d;       
}

.wnnote p.left + img,
.wnnote p.right + img{
    width: 50%;
}

.wnnote article{
        width: 75%;
    background: #fff;
    padding: 30px;
    margin: 30px 0;
    float: left;
}

.wnnote p.right + img{
    float: left;
}
.wnnote p.left + img{
    float: right;
}
p.right{
    float: right;
}
p.left{
    float: left;
}

.wnnote article p{
    font-size: 1rem !important;
    line-height: 27px !important;
}

.wnnote article section h2{
    line-height: 2.25rem;
    margin: 30px 0 15px 0;
    color: #21378a;
    width: 100%;
    display: block;
    float: left;
    font-weight: 500 !important;
}

.boxcont.news .wnnote article section h2 { font-size: 1.5rem !important; line-height: 2.25rem;}


.wnnote article h3{
    font-size: 1.25rem !important;
    line-height: 1.875rem !important;
    padding: 20px 0 20px 0;
    color: #224aab;
    width: 100%;
    display: block;
    float: left;
    font-weight: 400 !important;
}

.wnnote article p{
    padding: 0 0 15px 0;
}

.wnnote article p.right{
    padding: 0 0 15px 15px;
}

.tabulka{

         background: #e8ecf6;
         padding: 25px 20px;
         border-left: #224aab 5px solid;
         float: left;
         width: 100%;
}

.tabulka tbody td{
    padding: 5px;
    text-align: center
}

.tabulka tbody tr td:nth-child(1){
    font-weight: 700;
    color: #000;
}
.tabulka tbody tr td:nth-child(2){
    color: #1a3fa0;
}
.tabulka tbody tr td:nth-child(3){
    color: #6c7285;
}
.tabulka thead th{
    padding: 5px;
    border-bottom: 2px solid #d0d4e4;
    color: #1a2a55;
    background-color: #f9fafc;
}

.tabulka table{
    background:#ffffff;
    border-collapse:collapse;
    width:100%
}

.tabulka small{
    color: #4d4d4d;
    padding: 10px 0;
    float: left;
}

.tabulka {
  width: 100%;
  display: block;       
  overflow-x: auto;    
  background: #e8ecf6;
  border-left: 5px solid #224aab;
  padding: 25px 20px;
}

.tabulka table {
  border-collapse: collapse;
  min-width: 700px;     
}

.tabulka th, .tabulka td {
  border: 1px solid #ccc;
  padding: 8px;
  text-align: left;
}


.wnnote article li{
    margin-bottom: 10px;
    border: none;
}

.wnnote article ul li{
    padding-left: 10px; 
    font-size: 1rem;
    color: #4d4d4d;
}

.wnnote article .seznam_wrapper ul li::marker{
    content: "— ";
    color: #fa4049;
    position: absolute;

}

.wnnote article .seznam_wrapper ol,
.wnnote article .seznam_wrapper ul{
    padding: 10px 0;
    margin: 0;
    padding-inline-start: 20px;
    font-size: 1rem;
    color: #4d4d4d;
}

.wnnote article .seznam_wrapper h3{
    padding: 0 !important;
}

.wnnote article .seznam_wrapper ol ul{
    padding: 0 !important;
}

ol li::marker{
        color: #152654;
    font-weight: 400;
}

.wnnote article .kontakt-box{
    background: linear-gradient(90deg, #e8ecf6 80%, #224aab14 100%);
    border-left: 7px solid #224aab;
    margin-top: 35px;
    max-width: 620px;
    padding: 38px 30px 32px 30px;
    width: 100%;
}

.config [type="checkbox"]:disabled + label{
    display: none;
}

.foxentry-input-valid ~ .text-placeholder{
    top: -5px !important;
}

/*PF2026*/
.PF2026 .scene {
          position: relative;
    width: 100%;
    height: 100%;
    background-image: url('../PF2026/scene.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    z-index: 10;
    }

   .PF2026 .scene_1 {
      position: relative;
      width: 100%;
      height: 100%;
      background-image: url('../PF2026/scene_1.svg');
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: center;
      overflow: hidden;
      z-index: 100;
    }
    
   .PF2026.wrapper{

    position: relative;
    width: 900px;
    height: 650px;
    margin: auto !important;
    background: linear-gradient(360deg, #0343a8d6 53%, #152654 100%) !important;
    overflow: inherit;
    padding: 0px !important;
    }

   .PF2026 .flake {
      position: absolute;
      top: -10px;
      width: 10px;
      height: 10px;
      background-image: url('../PF2026/vlocka.png'); /* PNG vločka */
      background-size: contain;
      background-repeat: no-repeat;
      background-color: transparent;
      opacity: 0.8;
      animation: fall linear infinite;
      pointer-events: none;
    }
   .PF2026 .titulek{
      position: absolute;
      width: 100%;

    }
   .PF2026 h2{
    color: #fff;
    font-family: 'Hrot Basic Medium' !important;
    text-transform: uppercase;
    margin: 30px 0 30px 0;
    font-size: 4rem !important;
    font-weight: 500;
    text-align: center;
    padding: 0;
    line-height: unset;
    }

   .PF2026 span{
display: block;
    color: #fff;
    font-family: 'IBM Plex Sans', Arial, sans-serif !important;
    font-size: 1.4rem;
    font-weight: 400;
    text-align: center;
    padding: 0 23%;
    }

    .PF2026 .btn.btn-close{
        position: absolute;
    z-index: 1000;
    right: 0px;
    top: 10px;
    }

    .PF2026 .btn.btn-close:before{
        font-size: 2rem;
        font-weight: 100;
    }

    @keyframes fall {
      0% {
        transform: translateY(0) rotate(0deg);
      }
      100% {
        transform: translateY(110vh) rotate(360deg);
      }
    }
    .modal-content{
        background: transparent;
    }
    .xmaspopup-cont .hdr{
        display: none;
    }

    .xmaspopup-cont .cnt{
             border: 5px solid #db3d39;
    border-radius: 10px;
        background: #fff;
    }
    .xmas-popup .btn-close:before{
        font-size: 2rem;
        
    }

     .xmas-popup .btn-close{
        z-index: 1000;
        
    }

    .modal-popup.xmas-popup .contentcont{
        margin-top: 5%;
    }

    .xmas-popup{
        display: none;
    }
/*PF2026*/

.boxcont.custom-banner{
    border-top: 30px solid #f5f5f5;
    padding: 30px 20px;
}
.boxcont.custom-banner a{
    float: left;
}
.boxcont.custom-banner a span{
    float: right;
}
.boxcont.custom-banner a:hover{
    color: #fa4047;
    text-decoration: underline;
}
.boxcont.custom-banner a{
font-size: 1.125rem;
line-height: 1.6875rem;
padding: 7px 0px 0px 0px;
color: #21378a;
}


/*
.operacni_pamet_ram td,
.title.title_operacni_pamet_ram{
    background: #f2f2f2 !important;
}

.operacni_pamet_ram div.configinput,
.operacni_pamet_ram  td>span{
    background: transparent !important;
}

.configuration .cnt .tabform .operacni_pamet_ram td>span{
    width: 100% !important;
    color: #4D4D4D;
    font-style: normal !important;
    text-align: left;
    font-weight: 600 !important;
    padding: 10px 0 5px 0px !important;
    font-size: 1rem;
    font-family: 'IBM Plex Sans', Arial, sans-serif;
}

*/

.boxcont.configuration table tr.title,
.boxcont.configuration table tr.info{
    position: sticky;
    top: 148px;
    z-index: 100;


}

.registration #comtaxnum{
    width: 75%;
    margin-right: 10px !important;
}

#contactdatacont_1 .cnt>div,#contactdatacont_1>.cnt{
    display: grid;
}

#contactdatacont_1 .cnt div.rowbox.nonlogin{
    order: -1;
}
/*.registration #reg-firm tbody{
    display: grid;
}

.registration #reg-firm tr:nth-child(4){
    order:-1;
}

.registration table tr{
        display: grid
;
    padding-top: 5px;
}*/

input[name="ordtype"] + label{
    display: none;
}

.article .prodbox{
        width: 100%;
    border: none !important;
}
.box{
    padding: 30px;
    margin:30px 0 0 0;
    float: left;
    width: 100%;
}

.bw{
    background: #fff;
}
.shdw{

box-shadow:0px 2px 0px 0px rgb(221 221 221);
}

.article>.cnt{
    margin-bottom: 30px ;
}

.cont{
    color: #4d4d4d;
}

.plusminus{
    display: block;
    float: right;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0 30px;
}

.faq-answer div,
.faq-answer p{
        padding: 0px 20px 10px 20px;
}

.faq-label{
    display: block;
    float: right;
}

.article-wrapper .leftcont{
    float: left;
    width: calc(100% - 330px);
    background: transparent;
    padding: 0;
    margin: 0;

}

.sptnavigator .kontakt .left,
.sptnavigator .kontakt .right{
    height: 570px;
}

.boxcont.img>img{
    display: none;
}

.article-wrapper .rightcont{
float:right;
width:25%;
margin-top: 0;
}

.faq-content section .faq-wrapper{
 box-shadow: 0px 2px 0px 0px rgb(221 221 221);
}
.status span{
    font-size: 0.8rem;
}

.title .info span{
    border-radius: 0px;
    box-shadow: 4px 4px 17px -2px rgb(0 0 0 / 50%);
    border: none;
    font-size: 0.85rem !important;
    line-height: 1.3125rem;
    height: unset;
    width: 550px;
    margin: 0px !important;
    top: -20px;
    left: 80px;
        display: none;
    position: absolute;
    color: #000000;
    font-size: 1.3rem !important;
    font-weight: normal;
    padding: 10px;
    border-bottom: 1px solid #C0C0C0;
    z-index: 100;
}

.title:hover + .info span {
    display: block;
}

.config_par span{
    font-size: 0.875rem;
}

.config .info:before{
    content: "";
}

.title + .info{
    display: none;
    z-index: 101 !important;
    padding: 0;
    border: none;
    transform: translateY(-25px);
    height: 0px;
    float: right;
    left: 0;
    width: 100%;
    top: 220px !important;
    max-width: 600px;
}

.config-detail .boxcont.h-banner{
     box-shadow: 0px 2px 0px 0px rgb(221 221 221);
}

.title:hover + .info{
    display: initial !important;
}

#alertcontainer .btn-close{
    color: #fff;
}

.kontakt_cont{
    min-width: 300px;
}

.rightcont.kontakt_cont + div img {
    display: none; 
    float: left;
    width: calc(26% - 15px);
    padding-right: 15px;
}