
#doprava{margin-top:15px;}
.dopravaPlatbaContent{margin-top:10px;background: #f7f7f7;padding: 25px 30px 25px;border-radius:5px;}
.dopravaPlatbaContent ul li{border-bottom: 1px solid #e1e1e1;padding:4px;list-style:none;height:auto;}
.deliveryRowObal{padding:16px;}
.dopravaPlatbaContent strong{font-size: 16px !important;color: #d50037 !important;}
.dopravaPlatbaContent label{padding-left:50px;}
.dopravaPlatbaContent label:hover{text-decoration:underline;}
.dopravaPlatbaContent .btn.btn-default.btn-color{background:#d50037 !important;}
.dopravaPlatbaContent .btn.btn-default.btn-color:hover{background:#a2002a !important;}

#doprava .dopravaPlatbaContent label strong[data-price="0"]{background: #43a900;color: #fff !important;height: 28px !important;padding: 4px 16px;border-radius: 18px;margin: 6px 0;font-size:0 !important;right:-5px;}
#doprava .dopravaPlatbaContent label strong[data-price="0"] em{font-size:0 !important;margin:0;}
#doprava .dopravaPlatbaContent label strong[data-price="0"]::after{content:'ZDARMA';display:block;font-size: 16px;}
.dopravaPlatbaContent .vybranaPobocka{color:#43a900;text-decoration: underline;}
 

.el-radio>input[type="radio"]+.el-radio-style:after{background:#fff !important;}
.el-radio>input[type="radio"]+.el-radio-style:before, .el-checkbox>input[type="checkbox"]+.el-checkbox-style:before{border:1px solid #666 !important;background:#fff; width:23px !important;height:23px !important;top:8px !important;    left: 8px !important;}
/*.el-radio>input[type="radio"]:checked+.el-radio-style:before {border: 6px solid #d50037 !important;}*/

.dopravaPlatbaButton.btn.btn-default.btn-color {top: 60px;position: absolute;right: 0;background:#d50037 url('../img/arrow_forward.svg') no-repeat right 18px center !important;padding:12px 48px 12px 20px !important;font-size:18px;z-index:99;background-size:18px !important;transition:300ms;}
.dopravaPlatbaButton.btn.btn-default.btn-color:hover{background:#a2002a  url('../img/arrow_forward.svg') no-repeat right 14px center !important;background-size:18px !important;transition:300ms;;}
.verticalAlignTop{vertical-align: top;}

#doprava h2 img, #platba h2 img{display:inline-block;margin:0 8px 0 0;top:-2px;}

#div-souhlasSeZpracOsUdaju{padding:25px 30px;}
#div-souhlasSeZpracOsUdaju input[type=checkbox]{top:2px;}
.formularContentSelectBox{background:#f7f7f7;padding: 25px 30px 25px;}
.formularContentSelectBox + .formularContentSelectBox{border-top: 1px solid #fff;}
.formularContentSelectBox ul.errors{margin:15px 0 25px !important;}
.formularContentSelectBox ul.errors li{display:block;border-radius:5px;background:#d50037;padding:8px 15px !important;color:#fff;}
.formularContentSelectBox dd{height:36px;}
.formularContentSelectBox input[type=checkbox]{top:2px;}

#FullCart table table,#FullCart table table tr,#FullCart table table th, #FullCart table table td{background-color:none !important;border:0 !important;background:none !important;}
/*#doprava ul li,#platba ul li{background:#f7f7f7;border:1px solid #d1d6df;display:block;border-radius:5px;padding:8px 15px;margin:0 0 7px;}*/
#FullCart input[type=checkbox],#FullCart input[type=radio], #formularContentSelect input[type=checkbox]{box-sizing:border-box;padding:0;transform:scale(1.5);margin:5px 15px 5px 5px;}
#doprava label,#platba label{    margin-bottom: 0;
                                 font-family: 'Geogrotesque-Bold';
                                 font-weight: unset;
                                 color: #000;
                                 width: calc(100% - 30px);
                                 height: auto;
                                 padding: 0;
                                 text-align: left;
                                 margin: unset;
                                 display: block;;}
#doprava label strong,#platba label strong{float:right;font-family:'Geogrotesque-Bold';font-weight:unset;color:#3d3935 !important;font-size: 15px !important; display: flex;align-items: center;height:40px;}
.el-radio>input[type="radio"]+.el-radio-style:before, .el-checkbox>input[type="checkbox"]+.el-checkbox-style:before {
    border: 1px solid #666 !important;
    background: #fff;
    width: 23px !important;
    height: 23px !important;
    top: 8px !important;
    left: 8px !important;
}

.dopravaPlatbaImageIcon{max-width: 70px;}
.dopravaPlatbaKodMeny{font-size:14px;font-weight:400;font-family:'G-regular';margin:0 0 0 5px;font-style:normal;}
.deliveryRow .col{display:grid;align-items: center;text-align: left;}
.deliveryRow:hover{background:#fff;}
/*.dopravaPlatbaContent .el-radio>input[type="radio"]+.el-radio-style:before{top: calc( 50% + -10px ) !important;width:20px !important;height:20px !important;}*/
.ui-draggable .ui-dialog-titlebar{border-radius: 4px 4px 0 0 ;}

.el-radio>input[type="radio"]:checked+.el-radio-style:after, .el-checkbox>input[type="checkbox"]:checked+.el-checkbox-style:after {
    display: block;
    width: 15px;
    height: 17px;
    clip-path: polygon(32% 70%, 90% 17%, 99% 28%, 33% 90%, 1% 59%, 11% 49%);
    box-shadow: inset 1em 1em #fff;
    background-color: CanvasText;
    top: 10px;
    left: 12px;
}
.el-radio>input[type="radio"]+.el-radio-style:before{}
.el-radio>input[type="radio"]:checked+.el-radio-style:before{top:8px !important;border: 11.5px solid #43a900 !important;width:23px !important;height:23px !important;top:8px !important;left:8px !important;
}


.form-check label, .form-check input{cursor: pointer;}
.form-check-input:disabled~.form-check-label, .form-check-input[disabled]~.form-check,.form-check-input[disabled]{cursor: no-drop;}


#doprava{margin-top:15px;}
.dopravaPlatbaContent{margin-top:10px;background: #f7f7f7;padding: 25px 30px 25px;border-radius:5px;}
.dopravaPlatbaContent ul li{border-bottom: 1px solid #e1e1e1;padding:4px;list-style:none;height:auto;}
.deliveryRowObal{padding:16px;}
.dopravaPlatbaContent strong{font-size: 16px !important;color: #d50037 !important;}
.dopravaPlatbaContent label{padding-left:50px;}
.dopravaPlatbaContent label:hover{text-decoration:underline;}
.dopravaPlatbaContent .btn.btn-default.btn-color{background:#d50037 !important;}
.dopravaPlatbaContent .btn.btn-default.btn-color:hover{background:#a2002a !important;}

#doprava .dopravaPlatbaContent label strong[data-price="0"]{background: #43a900;color: #fff !important;height: 28px !important;padding: 4px 16px;border-radius: 18px;margin: 6px 0;font-size:0 !important;right:-5px;}
#doprava .dopravaPlatbaContent label strong[data-price="0"] em{font-size:0 !important;margin:0;}
#doprava .dopravaPlatbaContent label strong[data-price="0"]::after{content:'ZDARMA';display:block;font-size: 16px;}
.dopravaPlatbaContent .vybranaPobocka{color:#43a900;text-decoration: underline;}


.el-radio>input[type="radio"]+.el-radio-style:after{background:#fff !important;}
.el-radio>input[type="radio"]+.el-radio-style:before, .el-checkbox>input[type="checkbox"]+.el-checkbox-style:before{border:1px solid #666 !important;background:#fff; width:23px !important;height:23px !important;top:8px !important;    left: 8px !important;}
/*.el-radio>input[type="radio"]:checked+.el-radio-style:before {border: 6px solid #d50037 !important;}*/

.dopravaPlatbaButton.btn.btn-default.btn-color {top: 60px;position: absolute;right: 0;background:#d50037 url('../img/arrow_forward.svg') no-repeat right 18px center !important;padding:12px 48px 12px 20px !important;font-size:18px;z-index:99;background-size:18px !important;transition:300ms;}
.dopravaPlatbaButton.btn.btn-default.btn-color:hover{background:#a2002a  url('../img/arrow_forward.svg') no-repeat right 14px center !important;background-size:18px !important;transition:300ms;;}
.verticalAlignTop{vertical-align: top;}

#doprava h2 img, #platba h2 img{display:inline-block;margin:0 8px 0 0;top:-2px;}

.dopravaPlatbaContent ul{display:block;}
#doprava li {
    min-height: unset;
    padding: unset;
}
.dopravaPlatbaContent ul li{width:100%;display:block;margin:unset;background:unset;min-width: unset;}


#doprava label strong, #platba label strong{width:auto;}

.el-radio>input[type="radio"]+.el-radio-style:before, .el-checkbox>input[type="checkbox"]+.el-checkbox-style:before {
    border: 1px solid #666 !important;
    background: #fff;
    width: 23px !important;
    height: 23px !important;
    top: 8px !important;
    left: 8px !important;
}

.el-radio>input[type="radio"]+.el-radio-style:before, .el-checkbox>input[type="checkbox"]+.el-checkbox-style:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    content: '';
    border: 1px solid #C0CCDA;
}

.el-radio>input[type="radio"]+.el-radio-style:before {
    border-radius: 50%;
}


#newsletterMail input.btn {
    background: #6db43f;
    color: #fff;
    font-family: 'Geogrotesque-Bold';
    border-radius: 0 5px 5px 0;
    padding: 9px 20px 10px;
}


#doprava li{     padding: 15px;}

#potrebujetePoraditSideBar{padding:32px;background:#f7f7f7;margin:64px 0 32px 0;}
#potrebujetePoraditSideBar strong.potrebujetePoraditSideBarNadpis{font-size:22px;margin-bottom: 16px;display:block;}
#potrebujetePoraditSideBar .hlavniKontakty li{vertical-align: middle;padding:5px 0;list-style: none;}
#potrebujetePoraditSideBar .hlavniKontakty li a{color:#6db43f;font-size:16px;vertical-align: middle;font-family:'Geogrotesque-Bold';text-decoration: underline;}
#potrebujetePoraditSideBar .hlavniKontakty li:first-child a{color:#000;text-decoration: none;}
#potrebujetePoraditSideBar .hlavniKontakty li a:hover{text-decoration: underline;color:#000;}
#potrebujetePoraditSideBar .hlavniKontakty img{width:20px;margin-right: 12px;}


#beAll{padding:35px;}
#beAll img{width:100%;max-width: 600px;height:auto;display:block;}


#vypisProduktuNaDetailuClanku{display:block;margin:40px auto;text-align: center;}
#vypisProduktuNaDetailuClanku img{max-width: 274px;width:100%;height:auto;}
#vypisProduktuNaDetailuClanku .obrazkovyProstor{height:274px;}

h1 span{line-height:normal;}

#rozcestnik .btn.btn-default{background:#6db43f !important;color:#fff;}
#rozcestnik .btn.btn-default:hover{background:#1a8424 !important;color:#fff;}
#rozcestnik .col-3{margin-bottom: 25px;}
#rozcestnik .col-3 .col-6 img.zvyraznenyBoxImg{margin-top: 25px;}


#kontaktniStranka{background:#fff;text-align: center;padding:45px;}
#kontaktniStranka .container{max-width: 1000px !important; margin:0 auto;}
#kontaktniStranka h1{color:#052435;font-family:'G-regular';font-size: 40px;}
#kontaktniStranka small{color:#727d8e;font-family:'G-regular';font-size: 16px;}
#kontaktniStranka #galerieProdejny{margin:15px auto 0;border-radius: 5px;overflow: hidden;}
#kontaktniStranka #galerieProdejny img{width:100%;height:auto;display:block;}
#kontaktniStranka #galerieProdejnySub{;}
#kontaktniStranka #galerieProdejnySub .galerieClanku .col-sm-3{margin:0;padding:0;flex:2 0 18%;}
#kontaktniStranka #galerieProdejnySub .galerieClanku .col-sm-3 img{border-radius: 5px;}

.kontaktniAdresa{text-align: left;margin-bottom: 35px;}
.kontaktniAdresa h2, .napisteNamNadpisKontaktniStranka{color:#052435;font-family:'G-regular';font-size: 30px;}
.kontaktniAdresa p{font-size:16px;line-height:26px;}
.kontaktniAdresa p strong{color:#000;}
.kontaktniAdresa ul li{font-size:16px;line-height:26px;}
.kontaktniAdresa ul{margin:0 0 35px 20px;}


#ovladaniMapy{padding:25px;max-width:600px;margin:0 auto 35px;;}
#ovladaniMapy img{transform:scale(0.7);top:-2px;margin:0 10px 0 0;}
#ovladaniMapy a{color:#052435;font-size:16px;}

#transportAccordion {text-align: center;margin-bottom:100px;}
#transportAccordion .nav-tabs .nav-link {border: none;color: #052435;padding: 18px 28px;font-size:23px;}
#transportAccordion .nav-tabs .nav-link.active {border-bottom: 3px solid #052435;background-color: transparent;z-index:9;}
#transportAccordion .tab-content {border-top: 2px solid #e7eaf0;padding-top: 20px;margin-top: -2px;}
#transportAccordion .tab-pane p {margin-bottom: 0;font-size: 16px;line-height: 26px;}
#transportAccordion .nav-tabs {justify-content: center;}

.oProdejne a{text-decoration: none !important;}
.oProdejne a img{transform:scale(0.5);transition:300ms;}
.oProdejne a:hover img{transform:scale(0.6);transition:300ms;}

.napisteNamNadpisKontaktniStranka{margin: 55px 0 25px;}
#kontaktniStranka #detailClanek{padding-top:0 !important;text-align: left;}


.produktovky .tagyProduktu li{display:none;}
.produktVarianty .tagyProduktu li{display:none;}
.produktovky .tagyProduktu li:first-child{display:inline-block;}
.produktVarianty .tagyProduktu li:first-child{display:inline-block;}


section#uroven2{background:#fff !important;}

#uroven1 .row{display:flow;}
#uroven2 .row{display:flow;}
#uroven1 .produktovky .col-md-3{max-width:320px;}
#uroven2 .produktovky .col-md-3{max-width:320px;}


@media all and (min-width:0px) and (max-width:1440px) {
    #rozcestnik .col-3{width:50%;flex: 0 0 auto;max-width: 50%;}
    #rozcestnik .col-3 img{max-width: 220px;}
}

@media all and (min-width:0px) and (max-width:1200px) {
    #vypisProduktuNaDetailuClanku .col-3{width:50%;flex:0 0 auto;max-width: 50%;padding:25px 0;}
    #vypisProduktuNaDetailuClanku span strong{font-size:25px !important;}
}

@media all and (min-width:0px) and (max-width:900px) {
    #rozcestnik .col-3{width:100%;flex: 0 0 auto;max-width: 100%;}
    
}
@media all and (min-width:0px) and (max-width:768px) {
    #kontaktniStranka h1{font-size:30px;line-height:40px;}
#kontaktniStranka .col{width:100%;flex:0 0 100%;} 
.form-line-text{margin-left:0;position:unset;}
.form-line, .width-33{width:100%;}
}

@media all and (min-width:0px) and (max-width:650px) {
    #beAll .col{width:100%;flex: 0 0 auto;max-width: 100%;margin:25px auto;}
    #vypisProduktuNaDetailuClanku .col-3{width:100%;flex:0 0 auto;max-width: 100%;padding:25px 0;}
    #vypisProduktuNaDetailuClanku .obrazkovyProstor{height:unset;}
}

@media all and (min-width:0px) and (max-width:500px) {
 #kontaktniStranka #galerieProdejnySub .galerieClanku .col-sm-3{flex:0 0 33%;} 
    #kontaktniStranka h1{font-size:20px;line-height:30px;}  
    #kontaktniStranka h2{font-size:20px;line-height:30px;}  
    #kontaktniStranka h3{font-size:20px;line-height:30px;}  
    #kontaktniStranka h4{font-size:20px;line-height:30px;}  
}
@media all and (min-width:0px) and (max-width:360px) {
    #kontaktniStranka{padding:45px 25px;}
    #kontaktniStranka #detailClanek{padding:0;}
    #kontaktniStranka #detailClanek .container{padding:0;}
    #kontaktniStranka #polozitDotaz form{display:block;}
    #kontaktniStranka #polozitDotaz div{    max-width: -webkit-fill-available;padding:0;}
    #kontaktniStranka #polozitDotaz div.col-sm-12.clearfix{padding:0;display:grid;}
}



#rozcestnik .col-3.fadeAnimationReady p{min-height:44px;}
#rozcestnik .col-3 .col-7{text-align: left;text-decoration: none;padding-right:0;padding-left:0;top:0px;}
#rozcestnik .col-3 .col-7 h2{height: unset;padding:0;}
#rozcestnik .col-3 .col-5 img{margin-top:35px;}


.media-text-cta__text{background:#FFD700;color:#000;}
.media-text-cta__title{color:#000;}


#clanekPodstrankaDetail{margin:0 auto 35px;max-width:920px;}
#clanekPodstrankaDetail table{margin:35px 0;}
#clanekPodstrankaDetail table th{background:#f2f2f2;}
#clanekPodstrankaDetail table th:first-child{text-align: left;}
#clanekPodstrankaDetail table th:last-child{text-align: right;width: 150px;}
#clanekPodstrankaDetail table td:last-child{text-align: right;width: 150px;}
#clanekPodstrankaDetail ul{margin:0 25px 25px 25px;}








