bold {font-weight: bold;}

.itemsFrame {width: 100%; float: left; margin: 30px 0; flex-wrap: wrap;}

.itemsFrame .itemFrame {position: relative; width: 24%; margin: 10px 1.3333% 10px 0; padding: 40px; flex-direction: column; justify-content: space-between;}
.itemsFrame .itemFrame:nth-child(4n) {margin-right: 0;}
.itemsFrame .itemFrame:hover {box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.07);}

.itemsFrame .itemFrame .photo {padding: 0 25px;}
.itemsFrame .itemFrame .stitky {position: absolute; left: 0; top: 20px; width: 100%; flex-direction: column; align-items: flex-start;}
.itemsFrame .itemFrame .stitky span {margin: 5px 0 0 25px; color: #fff; padding: 5px 10px; display: inline-block; font-size: 12px; opacity: 0.9}


.itemsFrame .itemFrame .data {flex: 1; flex-direction: column;}
.itemsFrame .itemFrame .data h3 {width: 100%; text-align: center; font-size: .925rem; line-height: 1.25rem; font-weight: 400; padding: 10px 0; margin: 20px 0 0 0;}
.itemsFrame .itemFrame .data .price {margin-top: auto; font-size: 17px; font-weight: 400; text-align: center; justify-content: center; align-items: center; letter-spacing: -0.05rem;}
.itemsFrame .itemFrame .data .price span {font-size: 21px; font-weight: 700; margin: 0 5px;}
.itemsFrame .itemFrame .data .price span.stara {margin: 0; font-size: 12px; text-decoration: line-through; color: red;}
.itemsFrame .itemFrame .data .btn {width: 100%; text-align: center; margin: 15px 0 0 0;}
.itemsFrame .itemFrame .data .btn span {display: inline-block; background-color: #AA9969; color: #fff; padding: 10px 18px; font-weight: 600; border-radius: 6px;}  
.itemsFrame .itemFrame .data .btn span

                        //665421

#item {width: 100%; float: left; padding: 40px 0;}
#item .inner {width: 100%; float: left; flex-wrap: wrap; margin-top: 45px;}
#item .inner .left {width: 35%; float: left; margin-right: 5%;}
#item .inner .left .mobileTitle {display: none;}
#item .inner .left .dalsiPhotos {width: 100%; float: left;}
#item .inner .left .dalsiPhotos a {width: 32%; float: left; margin: 5px 1.33333% 5px 0;}
#item .inner .left .dalsiPhotos a:nth-child(3n) {margin-right: 0;}
#item .inner .left .infoBlock {width: 100%; float: left; padding: 20px 0 0 0;}
#item .inner .right {width: 60%; float: left;}
#item .inner .right .title {font-size: 0.85rem; line-height: 2.2rem;}
#item .inner .right .perex {margin-top: 30px; font-size: .975rem; border-bottom: 2px solid #987D30; padding: 0 0 25px 0;}
#item .inner .right .perex ul li {font-size: 0.925rem; position: relative; padding: 0 0 0 15px; line-height: 2;}
#item .inner .right .perex ul ul {position: relative; padding: 0 0 0 20px;}
#item .inner .right .perex ul li::before {position: absolute; top: 11px; left: 0; height: 6px; width: 6px; content: ""; border-radius: 50%; background: #987D30;}
#item .inner .right .cena {width: 100%; float: left; margin: 20px 0 20px 0; align-items: center;}
#item .inner .right .cena .castky {flex-direction: column; line-height: 1;}
#item .inner .right .cena .castky .priceVat {display: block; font-size: 28px; font-weight: 700; color: #e40421;}
#item .inner .right .cena .castky .priceVat span {font-size: 16px; font-weight: 300; color: #000; margin-right: 7px;}
#item .inner .right .cena .castky .priceVatOld {display: block; font-size: 20px; font-weight: 400; color: #666; text-decoration: line-through;}
#item .inner .right .cena .sleva {width: 60px; height: 60px; margin-left: 20px; border-radius: 50%; background-color: #eeee7b; font-size: 20px; font-weight: 500; justify-content: center; align-items: center;}

#item .inner .right .priceInfo {width: 100%; float: left; margin: 0 0 20px 0; align-items: center;}

#item .inner .right .varianta {width: 100%; float: left; margin-top: 20px; align-items: center;}
#item .inner .right .varianta span {margin-right: 10px;}
#item .inner .right .varianta select {font-size: 15px; padding: 10px 0; border-radius: 4px;} 

#item .inner .right .variantaRows {width: 100%; float: left; margin-top: 20px;}
#item .inner .right .variantaRows .row {width: 100%; float: left; padding: 5px 0; border-bottom: 1px solid #d5d5d5; align-items: center; justify-content: space-between;}
//#item .inner .right .variantaRows .row:HOVER {background-color: #f5f5f5; border-top-color: #eee; text-decoration: none;}
#item .inner .right .variantaRows .row .namePrice {width: 55%; align-items: center;}
#item .inner .right .variantaRows .row .photo {width: 12%; float: left;}
#item .inner .right .variantaRows .row .name {width: 48%; float: left; *padding-top: 27px; padding-left: 15px;}
#item .inner .right .variantaRows .row .name span.skladem {color: green; font-weight: 500;}
#item .inner .right .variantaRows .row .cena {width: 40%; float: left; text-align: right; margin: 0; *padding-top: 22px; padding-right: 40px; font-size: 1.175rem; font-weight: 700; +color: #e40421; line-height: 1;}
#item .inner .right .variantaRows .row .cena .stara {font-size: 13px; font-weight: 400; text-decoration: line-through; color: #665421;}
#item .inner .right .variantaRows .row .mnozstvi {width: 22%; float: left;}
#item .inner .right .variantaRows .row .mnozstvi .mnozstvi_in {background: #ededed; border: 1px solid #d5d5d5; border-radius: 4px;}
#item .inner .right .variantaRows .row .mnozstvi .mnozstvi_in a {width: 27px; text-align: center; justify-content: center; align-items: center;}
#item .inner .right .variantaRows .row .mnozstvi .mnozstvi_in input {width: 40px; padding: 5px 6px; text-align: center; border: 0;}
#item .inner .right .variantaRows .row .btn {width: 23%; float: left; color: #fff; background-color: #665421; border-color: #665421; font-size: 0.975rem; font-weight: 600; border-radius: 4px; cursor: pointer; align-items: center; text-align: center;}
#item .inner .right .variantaRows .row .btn a {display: block; padding: 6px 20px;}
#item .inner .right .variantaRows .row .nedostupne {}
#item .inner .right .doKosiku {width: 100%; float: left; margin-top: 20px;}
#item .inner .right .doKosiku .poctyKusu {width: auto; height: 50px; margin: 0px 12px 0px 0px; border: 1px solid #e9e9e9; border-radius: 4px; box-shadow: 0px 0 6px rgba(100,100,100,0.1);}
#item .inner .right .doKosiku .poctyKusu input {border: 0; width: 50px; text-align: center; -moz-appearance: textfield; border-radius: 4px 0 0 4px; font-weight: bold;}
#item .inner .right .doKosiku .poctyKusu .buttons {flex-direction: column;} 

#item .inner .right .doKosiku .poctyKusu .buttons .icon {width: 30px; height: 50%; flex-shrink: 0; flex-grow: 0; cursor: pointer; position: relative; background: linear-gradient(#f7f7f7, #e9e9e9);}
#item .inner .right .doKosiku .poctyKusu .buttons .icon:hover {background-color: #e1e1e1;}
#item .inner .right .doKosiku .poctyKusu .buttons .icon.minus:before {content: ""; width: 12px; height: 2px; background-color: #222; position: absolute; top: calc(50% - 1px); left: calc(50% - 6px);}
#item .inner .right .doKosiku .poctyKusu .buttons .icon.plus:before {content: ""; width: 12px; height: 2px; background-color: #222; position: absolute; top: calc(50% - 1px); left: calc(50% - 6px);}
#item .inner .right .doKosiku .poctyKusu .buttons .icon.plus:after {content: ""; width: 2px; height: 12px; background-color: #222; position: absolute; top: calc(50% - 6px); left: calc(50% - 1px);}

#item .inner .right .doKosiku .poctyKusu .buttons .icon.plus:before {content: ""; width: 12px; height: 2px; background-color: #222; position: absolute; top: calc(50% - 1px); left: calc(50% - 6px);}
#item .inner .right .doKosiku .poctyKusu .buttons .icon.plus:after {content: ""; width: 2px; height: 12px; background-color: #222; position: absolute; top: calc(50% - 6px); left: calc(50% - 1px);}
#item .inner .right .doKosiku .poctyKusu .buttons input {width: 50px; height: 100%; flex-shrink: 0; flex-grow: 0; font-size: 20px; text-align: center; -webkit-appearance: none; -moz-appearance: textfield; border: 0px; background-color: transparent; border-left: 1px #FFF solid;  border-right: 1px #FFF solid;}

#item .inner .right .doKosiku .submit {padding: 0 20px; color: #fff; background-color: #e40421; border-color: #e40421; font-size: 17px; font-weight: 600; border-radius: 4px; cursor: pointer; align-items: center;}

#item .inner .right .zalozkyFrame {width: 100%; float: left; margin-top: 43px;}
#item .inner .right .zalozkyFrame .zalozky {width: 100%; float: left; border-bottom: 1px solid #ccc;}
#item .inner .right .zalozkyFrame .zalozky a {width: auto; float: left; font-size: 15px; letter-spacing: .12em; padding: 12px 17px; margin: 0 4px 0 0; background-color: #e6e6e6; border-radius: 4px 4px 0 0;}
#item .inner .right .zalozkyFrame .zalozky a:hover {background-color: #ccc;}
#item .inner .right .zalozkyFrame .zalozky a.active {background-color: #ccc;}
#item .inner .right .zalozkyFrame {}

#item .inner .right .text {width: 100%; float: left; font-size: 0.975rem; padding: 15px 0 20px 0; line-height: 1.7em;}
#item .inner .right .text ul li {font-size: .925rem; position: relative; padding: 0 0 0 15px; line-height: 1.7em;}
#item .inner .right .text ul ul {position: relative; padding: 0 0 0 20px;}
#item .inner .right .text ul li::before {position: absolute; top: 10px; left: 0; height: 6px; width: 6px; content: ""; border-radius: 50%; background: #987D30;}
#item .inner .right .text TABLE {width: 100%;}
#item .inner .right .text TABLE TR {width: 100%; height: auto; float: left; padding: 5px 0; border-top: 1px solid #fff; border-bottom: 1px solid #dddddd;}
#item .inner .right .text TABLE TD {width: 50%; height: auto; float: left; padding: 0;}

#item .inner .souvisejici {width: 100%; float: left; margin-top: 20px;}
#item .inner .souvisejici h2 {font-size: 28px;}

/* Košík */
.cartFrame {width: 100%; float: left; margin: 0px 0px 0px 0px;}
.cartFrame .cartLine {width: 100%; float: left; display: flex; border-top: 1px #eeeeee solid;}
.cartFrame .cartLine.slevovyKod {justify-content: space-between;}
.cartFrame .cartLine.heading .cell {background-color: #eeeeee; align-items: center; font-weight: 600;}
.cartFrame .cartLine .cell {min-height: 40px; display: flex; align-items: center; flex-grow: 1; padding: 0px 10px; font-size: 14px; background-color: #FFF; /*outline: 2px #eeeeee solid;*/}
.cartFrame .cartLine.slevovyKod .cell {flex-grow: 0;}
.cartFrame .cartLine .cell.nazev {/*flex: 4;*/ padding-top: 10px; padding-bottom: 10px;}
.cartFrame .cartLine .cell.pocet {/*flex: 1;*/ width: 150px; flex-shrink: 0; flex-grow: 0; flex-direction: column; justify-content: center;}
.cartFrame .cartLine .cell.cena {/*flex: 1;*/  width: 100px; flex-shrink: 0; flex-grow: 0;}
.cartFrame .cartLine.slevovyKod .cell.cena {margin-left: auto; white-space: nowrap;}
.cartFrame .cartLine .cell.removeWishlist {/*flex: 1;*/  width: 150px; flex-shrink: 0; flex-grow: 0;}
.cartFrame .cartLine .cell.delete {width: 30px; flex-shrink: 0; flex-grow: 0;}
.cartFrame .cartLine .cell.full {width: 100%;}
.cartFrame .cartLine .cell.half {width: 50%;}
.cartFrame .cartLine .cell.align-r {justify-content: flex-end; text-align: right;}
.cartFrame .cartLine .cell.cenaCol {flex-direction: column; justify-content: center; align-items: flex-end;}
.cartFrame .cartLine .cell.total {font-size: 18px;}
.cartFrame .cartLine .cell .cenaOld {text-decoration: line-through; color: #414042; font-size: 14px;}
.cartFrame .cartLine .cell .cenaActive {/*color: #814997;*/}
.cartFrame .cartLine .cell .cenaActive.akce {color: #ff0000;}
.cartFrame .cartLine .cell .photo {max-width: 80px; height: auto; margin: 0px 10px 0px 0px;}
.cartFrame .cartLine .cell .photo.small {max-width: 50px;}
.cartFrame .cartLine .cell .inputCnt {width: 40px; height: 30px; padding: 3px 5px; margin: 0px px 0px 0px; background-color: #fff; border: 1px #aaa solid; display: flex; align-items: center; justify-content: center;}
.cartFrame .cartLine .cell .jednotka {margin: 0px 0px 0px 0px;}
.cartFrame .cartLine .cell A {text-decoration: none;}
.cartFrame .cartLine .cell A:HOVER {text-decoration: underline;}
.cartFrame .cartLine .cell .cart-icon {width: 19px; height: 19px; float: left; display: flex; align-items: center; flex-shrink: 0; flex-grow: 0; justify-content: center; background-color: #888; color: #FFF; font-weight: 300; font-size: 20px; line-height: 16px; margin: 0px 0px 0px 0px; cursor: pointer; border-radius: 2px; position: relative;}
.cartFrame .cartLine .cell .cart-icon.delete {background-color: #eee;}
.cartFrame .cartLine .cell .cart-icon.delete:before {position: absolute; content: ""; width: 11px; height: 1px; background-color: #222; top: calc(50% - 0.5px); left: calc(50% - 5.5px); transform: rotate(45deg);}
.cartFrame .cartLine .cell .cart-icon.delete:after {position: absolute; content: ""; width: 1px; height: 11px; background-color: #222; top: calc(50% - 5.5px); left: calc(50% - 0.5px); transform: rotate(45deg);}
.cartFrame .cartLine .cell .cart-icon.delete:HOVER {background-color: #e1e1e1;}
.cartFrame .cartLine .cell .cart-icon:HOVER {background-color: #000;}
.cartFrame .cartLine .cell .cntFrame {width: auto; height: 40px; padding: 0px 0px; margin: 0px 0px 0px 0px; display: flex; background-color: #eee; border-radius: 5px; overflow: hidden;}
.cartFrame .cartLine .cell .cntFrame .inputCnt {width: 40px; height: 100%; flex-shrink: 0; flex-grow: 0; font-size: 16px; text-align: center; border: 0px; background-color: transparent; border-left: 1px #FFF solid;  border-right: 1px #FFF solid;}
.cartFrame .cartLine .cell .cntFrame .icon {width: 30px; height: 100%; flex-shrink: 0; flex-grow: 0; cursor: pointer; position: relative;}
.cartFrame .cartLine .cell .cntFrame .icon:HOVER {background-color: #e1e1e1;}
.cartFrame .cartLine .cell .cntFrame .icon.minus:before {content: ""; width: 12px; height: 2px; background-color: #222; position: absolute; top: calc(50% - 1px); left: calc(50% - 6px);}
.cartFrame .cartLine .cell .cntFrame .icon.plus:before {content: ""; width: 12px; height: 2px; background-color: #222; position: absolute; top: calc(50% - 1px); left: calc(50% - 6px);}
.cartFrame .cartLine .cell .cntFrame .icon.plus:after {content: ""; width: 2px; height: 12px; background-color: #222; position: absolute; top: calc(50% - 6px); left: calc(50% - 1px);}

.cartFrame .cartLine .cell .slevaKsFrame {width: auto; height: auto; padding: 0px 0px; margin: 0px 0px 0px 0px; background-color: #eeee7b; background-color: #eeee7b; padding: 0px 8px; font-size: 12px; border-radius: 3px; margin-top: 6px;}

.cartFrame .cartLine .cell .total {*color: #ff0000; font-size: 20px; font-weight: 600;}
.cartFrame .cartLine .cell .variant {font-size: 14px;}
.cartFrame .cartLine .cell .pocetLine {width: 100%; float: left; display: flex; align-items: center; justify-content: center;}
.cartFrame .cartLine .cell .fontSmall {font-size: 12px; color: #ccc;}
.cartFrame .cartLine.doprava .td-nazev {width: 50%;}
.cartFrame .cartLine.doprava .td-pocet {display: none;}
.cartFrame .cartLine.doprava .td-cena {display: none;}
.cartFrame .cartLine.row.doprava .td-cena-celkem {width: 50%;}

.cartFrame .cartLine.gift {flex-wrap: wrap; padding: 10px 0 20px;}
.cartFrame .cartLine.gift .title {width: 100%; float: left; padding: 10px 10px; font-size: 18px; font-weight: 700;}
.cartFrame .cartLine.gift .giftList {width: 100%; float: left; justify-content: flex-start;}
.cartFrame .cartLine.gift .giftList .gift {width: 25%; padding: 15px 30px 20px 30px; border: 1px solid #dedede; cursor: pointer; box-shadow: 0px 0px 20px 5px rgba(234,234,234,1);}
.cartFrame .cartLine.gift .giftList .gift.active {border-color: #665421;}
.cartFrame .cartLine.gift .giftList .gift:hover {box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.07);}
.cartFrame .cartLine.gift .giftList .gift .photo {width: 100%; height: 155px; background-position: center; background-repeat: no-repeat; background-size: contain;}
.cartFrame .cartLine.gift .giftList .gift .name {width: 100%; text-align: center; font-size: 0.925rem; font-weight: 600;}
.cartFrame .cartLine.gift .giftList .gift .perex {width: 100%; text-align: center; font-size: 14px; font-weight: 300;}
.cartFrame .cartLine.gift .giftList .gift .cena {width: 100%; text-align: center; padding: 20px 0 0 0; font-size: 0.925rem; font-weight: 400;}


.cartFrame .freeShipping {color: #ff0000;}
.cartLoadingFrame {width: 100%; min-height: 100px; background-color: #eee; display: flex; align-items: center; justify-content: center; font-size: 16px;}
#ajaxContentCartMessage {width: 100%; float: left;}
@media only screen
and (max-width: 700px)
{
  .cartFrame .cartLine.heading .th-pocet {display: none;}
  .cartFrame .cartLine.heading .th-cena {display: none;}
  .cartFrame .cartLine.heading .th-cena-celkem {display: none;}
  .cartFrame .cartLine.row {flex-wrap: wrap;}
  .cartFrame .cartLine .cell.nazev {width: 100%;}
  .cartFrame .cartLine.row .cell.pocet {width: 33.33%;}
  .cartFrame .cartLine.row .cell.cena {width: 33.33%;}
  .cartFrame .cartLine.row .cell.cena-celkem {width: 33.33%;}
  .cartFrame .cartLine.row-total {flex-direction: column;}
  .cartFrame .cartLine.row-total .cell.half {width: 100%;}
  .cartFrame .cartLine .cell.total {font-size: 16px; padding: 5px 0px 0px 0px;}
  .cartFrame .cartLine .cell.total .info {font-size: 14px; text-align: center;}
  .cartFrame .cartLine .cell.total.total-left {display: none;}
  .cartFrame .cartLine.row.recap .cell.pocet {width: 50%; align-items: flex-start;}
  .cartFrame .cartLine.row.recap .cell.cena {width: 50%;}
}



/* Tlačítka v objednávce */
#buttonsFrame {width: 100%; float: left; display: flex; justify-content: space-between; align-items: center; margin: 20px 0px 0px 0px;}
#buttonsFrame .leftFrame {width: 50%;}
#buttonsFrame .freeShippingFrame {padding: 20px; border-radius: 5px;}
#buttonsFrame .buttonOrder {width: 350px; height: 60px; margin-right: 0px; padding: 0px 20px; background-color: #27b841; color: #FFF; text-decoration: none; font-size: 18px; font-weight: 600; display: flex; align-items: center; justify-content: space-between; transition: 200ms all; border-radius: 5px;}
#buttonsFrame .buttonOrder:last-child {margin-right: 0px;}
#buttonsFrame .buttonOrder:after {width: 17px; height: 28px; content: ''; background-image: url('/images/arrow-white-r.png'); background-position: center center; background-repeat: no-repeat;}
#buttonsFrame .buttonOrder:HOVER {background-color: #000; color: #FFF;}
#buttonsFrame .buttonOrder:HOVER:after {background-image: url('/images/arrow-white-r.png');}
#buttonsFrame .buttonOrder.disabled {background-color: #eee; color: #ccc; cursor: not-allowed;}
#buttonsFrame .buttonOrder.disabled:after {background-image: url('/images/arrow-gray2-r.png');}
#buttonsFrame .buttonOrder.disabled:HOVER {background-color: #eee; color: #ccc;}
#buttonsFrame .buttonOrder.disabled:HOVER:after {background-image: url('/images/arrow-gray2-r.png');}
#buttonsFrame .buttonOrder.back {background-color: #eee; color: #222; cursor: pointer; justify-content: space-between;}
#buttonsFrame .buttonOrder.back:before {width: 17px; height: 28px; content: ''; background-image: url('/images/arrow-black-l.png'); background-position: center center; background-repeat: no-repeat;}
#buttonsFrame .buttonOrder.back:after {display: none;}
#buttonsFrame .submitOrder {width: 350px; height: 60px; padding: 0px 20px; text-align: left; background-color: #27b841; color: #FFF; border: 0px; font-size: 18px; font-weight: 600; display: flex; align-items: center; justify-content: space-between; transition: 200ms all; background-image: url('/images/arrow-white-r.png'); background-position: right 20px center; background-repeat: no-repeat; border-radius: 5px;}
#buttonsFrame .submitOrder:HOVER {background-color: #000; color: #FFF;}
@media only screen
and (max-width: 800px)
{
  #buttonsFrame {display: flex; align-items: center; }
  #buttonsFrame.column {flex-direction: column;}
  #buttonsFrame .leftFrame {width: 100%; margin: 0px 0px 20px 0px;}
  #buttonsFrame .buttonOrder {width: 150px; font-size: 14px;}
  #buttonsFrame .submitOrder {width: 150px; font-size: 14px;}
}



/* Objednávka - navigace */
#orderNavigFrame {width: 100%; min-height: 60px; margin: 20px 0px 30px 0px; float: left; display: flex;}
#orderNavigFrame .button {flex: 1; margin-right: 0px; padding: 10px 20px; font-size: 18px; font-weight: 400; display: flex; align-items: center; justify-content: center; transition: 200ms all; border-bottom: 2px #eee solid; text-decoration: none !important; color: #666;}
#orderNavigFrame .button:last-child {margin-right: 0px;}
#orderNavigFrame .button.disabled {color: #ccc;}
#orderNavigFrame .button .circle {width: 30px; height: 30px; background-color: #eee; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-weight: 400; margin: 0px 10px 0px 0px;}
#orderNavigFrame .button.active {border-color: #665421;}
#orderNavigFrame .button.active .text {font-weight: 600;}
#orderNavigFrame .button.active .circle {}
#orderNavigFrame .button.done {border-color: #AA9969;}
#orderNavigFrame .button.done .circle {background-color: #AA9969; color: #FFF;}
@media only screen
and (max-width: 700px)
{
  #orderNavigFrame {flex-direction: column;}
  #orderNavigFrame .button {font-size: 14px; padding: 5px 10px; margin: 0px;}
}



/* Kontejner pro OBJ */
.ordeCont {width: 100%; display: flex;}
@media only screen
and (max-width: 700px)
{
  .ordeCont {flex-direction: column;}
}



/* Objednávka - doprava a platba */
.dopravaPlatbaFrame {width: calc(100% - 400px); float: left; display: flex; flex-direction: column; flex-shrink: 0; flex-grow: 0; margin: 0px 50px 0px 0px;}
.dopravaPlatbaFrame H3 {font-size: 24px; margin-top: 0px;}
.dopravaPlatbaFrame .dopravaFrame {width: 100%; margin: 0px 0px 30px 0px; padding: 20px 30px; border: 1px #eee solid;}
.dopravaPlatbaFrame .platbaFrame {width: 100%; margin: 0px 0px 0px 0px; padding: 20px 30px; border: 1px #eee solid;}
.dopravaPlatbaFrame .optionLine {width: 100%; padding: 15px 0px; float: left; display: flex; flex-wrap: wrap; border-top: 1px #eee solid;}
.dopravaPlatbaFrame .optionLine .left {display: flex; align-items: center; flex-wrap: wrap;}
.dopravaPlatbaFrame .optionLine .left p {margin-left: 10px; padding: 0;}
.dopravaPlatbaFrame .optionLine .left .logos {width: 100%; display: flex; flex-direction: column;}
.dopravaPlatbaFrame .optionLine .left .logos .comgateLogos {width: 400px; max-width: 90%;}
.dopravaPlatbaFrame .optionLine .right {display: flex; align-items: center;}
.dopravaPlatbaFrame .optionLine .right P {white-space: nowrap; padding: 0;}
.dopravaPlatbaFrame .optionLine .lineNamePrice {width: 100%; float: left; font-size: 18px; display: flex; align-items: center; justify-content: space-between;}
.dopravaPlatbaFrame .optionLine .lineDesc {width: 100%; float: left; margin: 10px 0px 0px 0px; font-size: 14px; color: #717171;}
.dopravaPlatbaFrame .optionLine .lineDesc IMG {max-width: 100%; height: auto;}
.dopravaPlatbaFrame .optionLine .logo {width: 70px; height: auto; margin: 0px 20px 0px 0px;}
.dopravaPlatbaFrame .checkboxLabel {font-size: 16px; margin: 0px 0px 0px 0px;}
.dopravaPlatbaFrame .paragraf1 {margin: 0px 0px 10px 0px;}
.dopravaPlatbaFrame .paragraf1:last-child {margin-bottom: 0px;}
/*@media only screen
and (max-width: 1400px)
{
  .dopravaPlatbaFrame {flex-direction: column;}
  .dopravaPlatbaFrame .dopravaFrame {width: 100%; margin: 0px 0px 30px 0px;}
  .dopravaPlatbaFrame .platbaFrame {width: 100%;}
}*/
@media only screen
and (max-width: 1000px)
{
  .dopravaPlatbaFrame {width: calc(100% - 320px); margin: 0px 20px 0px 0px;}
  .dopravaPlatbaFrame H3 {font-size: 18px; margin-bottom: 10px;}
  .dopravaPlatbaFrame .dopravaFrame {padding: 10px;}
  .dopravaPlatbaFrame .platbaFrame {padding: 10px;}
  .dopravaPlatbaFrame .optionLine .lineNamePrice {font-size: 16px;}
  .dopravaPlatbaFrame .optionLine .lineDesc {font-size: 12px; color: #A8A8A8;}
  .dopravaPlatbaFrame .comgateLogos {max-width: 100%; height: auto;}
}
@media only screen
and (max-width: 700px)
{
  .dopravaPlatbaFrame {width: 100%; margin: 0px 0px 20px 0px;}
}
@media only screen
and (max-width: 500px)
{
  .dopravaPlatbaFrame .optionLine .left .logos .comgateLogos {}
}



/* Rekapitulace OBJ */
.recapFrame {width: 350px; flex-shrink: 0; flex-grow: 0; float: left; padding: 20px 30px; font-size: 14px; /*background-color: #f5f5f5;*/ border: 1px #eee solid;}
.recapFrame H3 {font-size: 24px; margin-top: 0px; font-weight: 500;}
.recapFrame .recapLinesFrame {width: 100%; float: left; display: flex; flex-direction: column;}
.recapFrame .recapLineFrame {width: 100%; float: left; display: flex; flex-wrap: wrap; border-top: 1px #eeeeee solid; padding: 10px 0px;}
.recapFrame .recapLineFrame .cell {display: flex; flex-grow: 0; flex-shrink: 0; align-items: center;}
.recapFrame .recapLineFrame .cell p {padding: 0;}
.recapFrame .recapLineFrame .cell.name {width: calc(100% - 100px); flex-grow: 1;}
.recapFrame .recapLineFrame .cell.name span.zasilkovna {font-size: 12px; font-style: italic; color: #666;}
.recapFrame .recapLineFrame .cell.pocet {width: 35px; justify-content: flex-end;}
.recapFrame .recapLineFrame .cell.price {width: 65px; justify-content: flex-end;}
.recapFrame .recapLineFrame .cell.price {width: 65px; justify-content: flex-end;}
.recapFrame .recapLineFrame .cell.slevaProc {width: 100%; text-align: right; justify-content: flex-end;}
.recapFrame .recapLineFrame .cell.slevaProc span {background-color: #eeee7b; padding: 0px 5px; font-size: 12px;}
.recapFrame .recapLineFrame .cell.nameTotal {width: calc(100% - 100px); flex-grow: 1; font-weight: 600;}
.recapFrame .recapLineFrame .cell.priceTotal {width: 100px; justify-content: flex-end; font-size: 20px; font-weight: 600;}
.recapFrame .recapLineFrame .cell.priceTotal p {font-weight: 700;}
@media only screen
and (max-width: 1000px)
{
  .recapFrame {width: 300px; padding: 10px;}
  .recapFrame H3 {font-size: 18px; margin-bottom: 10px;}
}
@media only screen
and (max-width: 700px)
{
  .recapFrame {width: 100%; margin: 0px 0px 0px 0px;}
}

.shippingLine .freeShippingFrame {width: 50%;}
.freeShippingFrame {width: 100%; float: left; background-color: #f6f6f6;}
.freeShippingFrame B {font-weight: 600;}
.freeShippingFrame .textFrame {width: 100%; display: flex; justify-content: center; align-items: center;}
.freeShippingFrame .textFrame p {margin: 0; padding: 0;}
.freeShippingFrame .progressFrame {width: 100%; height: 8px; border-radius: 3px; overflow: hidden; margin: 5px 0px 0px 0px; display: flex; background-color: #E4E4E4;}
.freeShippingFrame .progressFrame .done {background-color: #67ad30;}
.freeShippingFrame .iconDoprava {width: 30px; margin: 0px 10px 0px 0px;}


/* Tlačítka v objednávce */
#buttonsFrame {width: 100%; float: left; display: flex; justify-content: space-between; align-items: center; margin: 20px 0px 0px 0px;}
#buttonsFrame .leftFrame {width: 50%;}
#buttonsFrame .freeShippingFrame {padding: 20px; border-radius: 5px;}
#buttonsFrame .buttonOrder {width: 350px; height: 60px; margin-right: 0px; padding: 0px 20px; background-color: #AA9969; color: #FFF; font-size: 18px; font-weight: 600; display: flex; align-items: center; justify-content: space-between; transition: 200ms all; border-radius: 5px;}
#buttonsFrame .buttonOrder:last-child {margin-right: 0px;}
#buttonsFrame .buttonOrder:after {width: 17px; height: 28px; content: ''; background-image: url('/images/arrow-white-r.png'); background-position: center center; background-repeat: no-repeat;}
#buttonsFrame .buttonOrder:HOVER {background-color: #665421; color: #FFF;}
#buttonsFrame .buttonOrder:HOVER:after {background-image: url('/images/arrow-white-r.png');}
#buttonsFrame .buttonOrder.disabled {background-color: #eee; color: #ccc; cursor: not-allowed;}
#buttonsFrame .buttonOrder.disabled:after {background-image: url('/images/arrow-gray2-r.png');}
#buttonsFrame .buttonOrder.disabled:HOVER {background-color: #eee; color: #ccc;}
#buttonsFrame .buttonOrder.disabled:HOVER:after {background-image: url('/images/arrow-gray2-r.png');}
#buttonsFrame .buttonOrder.back {background-color: #eee; color: #222; cursor: pointer; justify-content: space-between;}
#buttonsFrame .buttonOrder.back:before {width: 17px; height: 28px; content: ''; background-image: url('/images/arrow-black-l.png'); background-position: center center; background-repeat: no-repeat;}
#buttonsFrame .buttonOrder.back:after {display: none;}
#buttonsFrame .submitOrder {width: 350px; height: 60px; padding: 0px 20px; text-align: left; background-color: #AA9969; color: #FFF; border: 0px; font-size: 18px; font-weight: 600; display: flex; align-items: center; justify-content: space-between; transition: 200ms all; background-image: url('/images/arrow-white-r.png'); background-position: right 20px center; background-repeat: no-repeat; border-radius: 5px;}
#buttonsFrame .submitOrder:HOVER {background-color: #665421; color: #FFF;}
@media only screen
and (max-width: 800px)
{
  #buttonsFrame {display: flex; align-items: center; flex-wrap: wrap; }
  #buttonsFrame.column {flex-direction: column;}
  #buttonsFrame .leftFrame {width: 100%; margin: 0px 0px 20px 0px;}
  #buttonsFrame .buttonOrder {width: 200px; font-size: 14px; margin-left: auto;}
  #buttonsFrame .buttonOrder.back {width: 120px;}
  #buttonsFrame .submitOrder {width: 200px; font-size: 14px;}
}