body{background-position: center top;}

.info_line{display: none;}
header{padding: 14px 0; position: absolute !important; top: 0 !important;}
header a.logo{margin: 0 0 0 3%; width: 73px; height: 51px;}
header a.logo img{width: 120px; height: 51px; width: 93px; }

header.active a.logo{height: 51px;}
header.active a.logo img{height: 51px;}

header nav{padding: 25px 0 24px 3%; }
header.active nav{padding: 10px 0 9px 3%; }

.open_close_navigation{display: block; padding: 0;}
header nav{display: none;}

header nav ul li{margin: 0 0 0 0; }
header nav ul li a{font-size: 13px; padding: 0 10px;}

header ul.icons{padding: 6px 3% 7px 0;}
header.active ul.icons{padding: 6px 3% 7px 0}


header ul.icons li span.open_close_user{display: block;}
header ul.icons li span.user{display: none;}
header ul.icons li ul{display: none;}

.ipad_menu, .user_menu{display: block; padding: 79px 0 0;}

header ul.icons li a.basket{font-size: 14px; margin: 0 10px 0 0;}
header ul.icons li a.basket span{font-size: 14px;}


.main_top{padding: 10px 5% 30px; width: 90%; margin: 0 auto;}
.main_top .box{height: initial; height: auto; display: block; padding: 0;}
.main_top .box .centering{text-align: center; display: block;}
.main_top .box .centering h1{max-width: 760px; margin: 0 auto; text-align: center; font-size: 28px; line-height: 34px;}
.main_top .box .centering p{max-width: 760px; margin: 0 auto; font-size: 14px; line-height: 20px; text-align: center; padding: 20px 0 0; padding-bottom: 0;}
.main_top .box .centering p a{font-size: 14px; line-height: 20px;}



.main_top .category_hp_list{text-align: center; margin: 20px 0 0; }
.main_top .category_hp_list .item{width: 100%;}
.main_top .category_hp_list .item:nth-child(2){padding: 20px 0; margin: 20px 0; border: 0; border-top: 1px solid #5a5a5a; border-bottom: 1px solid #5a5a5a;}
.main_top .category_hp_list .item:nth-child(3){padding: 0;}
.main_top .category_hp_list .item .icon{display: block; width: 50px; height: 43px; background-size: 50px 43px; margin: 0 auto;}
.main_top .category_hp_list .item .title{max-width: 200px;text-align: center; font-size: 15px; margin: 0 0 10px;}






.info_panel{padding: 50px 0}
.info_panel .box{text-align: center; width: 90%; padding: 0 5%;}
.info_panel .box .item{width: 100%;}
.info_panel .box .item:nth-child(2){padding: 10px 0 35px; margin: 35px 0 10px;  width: 100%; border: 0; border-top: 1px dashed #a5a5a5; border-bottom: 1px dashed #a5a5a5;}


.detail h1{text-align: center; margin: 0 0 30px;}


.detail .img{width: 100%;}
.detail .text{width: 100%; padding: 30px 0 0;}



.detail .text .price .left_side{width: 100%; margin: 0; text-align: center;}
.detail .text .price .right_side{width: 100%; text-align: center; margin: 25px 0 0;}

.detail .text .price .right_side_second{width: 100%; text-align: center; margin: 20px 0 0;}


#content{padding: 79px 0 0;}
#content::before{display: none;}
.sub #content::before{display: none;}
.sub #content.axe::before{display: none;}

.box_list .inside{padding: 0; width: 100%;}






footer::before{display: none;}
.sub footer::before{display: none;}
footer .mapa{width: 100%; float: none;}
footer .mapa #MyGmaps{height: 280px;}
footer .text{float: none; text-align: center; width: 90%; padding: 0 5%;}
footer .text .box{padding: 45px 0; height: initial; height: auto; display: block;}
footer .text .box .centering{display: block;}




.container .inside{padding: 0 3%; width: 94%;}
.container .box.spec{padding: 70px 0 83px}
.container .box.spec2{padding: 70px 0 0}
.container .box .img{display: none;}


.container{padding: 100px 0}
.sub .container{padding: 60px 0}
.container .bg1{display: none; background-size: 768px auto; }
.container .bg2{background-size: 768px 864px}
.container .bg3{display: none; background-size: 768px auto; }
.container .box .text{width: calc(100% - 80px); padding: 0 40px; max-width: 460px; margin: 0 auto; display: block;}
.container .box .text .icon_1, .container .box .text .icon_2, .container .box .text .icon_3{display: none;}
.container .box .text h2{font-size: 26px; line-height: 32px;}
.container .box .text p{font-size: 14px; line-height: 20px;}






.fotogalerie a.swipebox{width: 25%;}








.box_list{padding: 36px 0;}
.box_list .item{ width: 90%; padding: 30px 0; margin: 0 5%; display: block;}
.box_list .item.spec{border: 0; border-top: 1px dashed #a5a5a5; border-bottom: 1px dashed #a5a5a5;}




#tracy-debug{display: none !important}










.reg_form .box{width: 100%; padding: 0; margin: 0; text-align: center;}
.reg_form .box:not(.second)::before{display: none}
.reg_form .box.second{width: 100%; padding: 30px 0 0;}
.reg_form .box.full{width: 90% ;padding: 25px 5% 10px;}
.reg_form .box.second::before{display: none;}
.reg_form .box.second .top_title{padding-top: 30px;}
.reg_form .box p.anotation{margin: 20px 0 0;}
.reg_form .box p.anotation{margin: 0 0 30px;}
.reg_form .box.show{margin: 0 auto;}

.reg_form .box p.gdpr{text-align: center;}

.reg_form .box .change_buy{margin: 20px 0 0;}

.reg_form .box table{min-width: 420px; width: initial; width: auto; margin: 20px auto 0;}
.reg_form .box table td input[type=text], .reg_form .box table td input[type=password]{max-width: 260px;}
.reg_form .box table td textarea{max-width: 260px;}
.reg_form .box table td .sbHolder{max-width: 289px; margin: 0 auto;}



.reg_form .box table, .reg_form .box table tbody, .reg_form .box table tr, .reg_form .box table th, .reg_form .box table td{text-align: center; width: 100%; display: block; clear: both; min-width: initial; max-width: initial;}
.reg_form .box table th{padding: 5px 0 3px;}
.reg_form .box table td input[type="submit"]{float: none;}


.login_form{padding: 30px; max-height: initial !important; max-height: auto !important;}
.login_form p.overtitle{margin: -10px 0 15px;}
.login_form p.center{margin: -10px 0 10px; line-height: 18px;}
.login_form .box{text-align: center; width: 100% !important; padding: 0 !important; border: 0 !important;} 
.login_form .box.middle{padding-bottom: 15px !important;}     
.login_form .box table, .login_form .box table tbody, .login_form .box table tr, .login_form .box table th, .login_form .box table td{text-align: center; width: 100%; display: block; clear: both; min-width: initial; max-width: initial;}
.login_form .box table th{padding: 5px 0 3px;}
.login_form .box table td a{margin: 0;}
.login_form .box p.title{display: block;}
.login_form .box a.fb, .login_form .box a.g{margin: 0 auto 10px !important; display: inline-block; zoom: 1; float: none;}
.login_form .box table td input[type="submit"]{float: none;}

.finall_order{padding: 0;}
.finall_order.small{width: 100%; text-align: center; padding: 0;}
.finall_order.small img{position: relative; top: 0;}
.finall_order .text{text-align: center;}
.finall_order .text.reverse{text-align: center;}
.finall_order .text.small{width: 100%}
.finall_order img{position: absolute; top: 130px; max-width: 300px; margin: 0 -4px 0 -80px}


.login_form .box p{text-align: center; margin: 0 0 10px;}




#basket .inline_box{width: 100%; margin: -10px 0 70px; text-align: center; display: block;}
#basket .inline_box h3, #basket .inline_box p{text-align: center;}



#basket p.information img{margin: 0 auto 8px; display: block;}

#basket.my_order .item p.title span.number{position: relative; left: 0; top: 0;}
#basket.my_order .item p.title span.number, #basket.my_order .item p.title span.status, #basket.my_order .item p.title span.pref, #basket.my_order .item p.title span.date, #basket.my_order .item p.title span.price{width: 100%; padding: 0; margin: 0; text-align: center; line-height: 24px;}
#basket.my_order .item p.title, #basket.my_order .item p.title span.number strong, #basket.my_order .item p.title span.status strong, #basket.my_order .item p.title span.pref strong, #basket.my_order .item p.title span.date strong, #basket.my_order .item p.title span.price strong{text-align: center; line-height: 24px;}
#basket.my_order .item p.title button{float: none; margin: 10px auto 0;}
#basket.my_order .item p.title span.ikonka.car{margin: 8px 0;}
#basket table.product_souhrn td.two span.box{padding: 0;}
#basket.my_order .item p.title span.ikonka:not(.car){display: none}
#basket.my_order .inline.btn{margin: 5px 0 0;}
#basket.my_order .box{padding: 15px 0 0;}

#basket table.product_souhrn td.two span.box{padding: 0;}

#basket table.product_souhrn td.two{border-top: 1px solid #e3e3e3 !important;}
#basket.my_order table.product_souhrn td.four{padding-bottom: 15px !important}

#basket table.product_souhrn td.four, #basket table.product_souhrn td.four strong, #basket table.product_souhrn td.four strong span{line-height: 20px;}

#basket .basket_navigation{display: none;}

#basket table.product_souhrn{margin: 30px 0 0;}
#basket table.product_souhrn th{display: none !important; font-size: 12px; line-height: 22px; border-bottom: 1px solid #000; }
#basket table.product_souhrn th.one{display: none}
#basket table.product_souhrn th.one.small{ display: table-cell; padding: 4px 15px;}
#basket table.product_souhrn td{height: initial; height: auto;}
#basket table.product_souhrn td.one{display: none;}
#basket table.product_souhrn td.two span.box{display: block; height: initial; height: auto;}
#basket table.product_souhrn td.two a.main_link, #basket table.product_souhrn td.two label.main_link, #basket table.product_souhrn td.two span.main_link{text-align: center; display: block;}
#basket table.product_souhrn td.two a.main_link i, #basket table.product_souhrn td.two label.main_link i, #basket table.product_souhrn td.two span.main_link i{text-align: center;}

#basket table.product_souhrn th.one.small{width: 300px;}
#basket table.product_souhrn th.two{display: none;}      
#basket table.product_souhrn th.three{display: none;}
#basket table.product_souhrn th.four, #basket table.product_souhrn td.four{width: 40%; text-align: center; padding: 0; line-height: 20px;}
#basket #finalordform table.product_souhrn tr td.four:nth-child(5){padding: 0 0 15px !important;}
#basket table.product_souhrn.final th.four, #basket table.product_souhrn.final td.four{width: 100%;}
#basket.my_order table.product_souhrn th.four, #basket.my_order table.product_souhrn td.four{width: 100%;}
#basket table.product_souhrn td.five{width: 20%; text-align: center; padding: 2px 0 16px;}
#basket table.product_souhrn th.five{width: 20%; text-align: center; padding: 0 0 5px;}
#basket table.product_souhrn th.six{width: 20%; text-align: center;}
#basket #finalordform table.product_souhrn tr.celkem td.three{padding: 0;}
#basket table.product_souhrn td.four strong.total span{display: inline-block;}

#basket table.product_souhrn td.four{padding-bottom: 0;}
#basket table.product_souhrn td.four span{display: inline-block; line-height: 20px;}

#basket table.product_souhrn, #basket table.product_souhrn tbody, #basket table.product_souhrn tr, #basket table.product_souhrn th, #basket table.product_souhrn td{display: block; width: 100%; }
#basket table.product_souhrn th, #basket table.product_souhrn td{float: left;}
#basket table.product_souhrn td.two,  #basket table.product_souhrn td.three{border: 0; padding-bottom: 0;}
#basket table.product_souhrn td.two{padding-top: 15px;}
#basket table.product_souhrn td.three{width: 100%; padding: 5px 0;}
#basket table.product_souhrn td.three.padding{padding: 0; line-height: 20px;}
#basket table.product_souhrn td.five.cant_delete{padding: 0 0 13px;}
#basket table.product_souhrn td.three .decrement{margin: 0;}

#basket table.product_souhrn tr.celkem td{border: 0 !important;}

#basket .repay{float: none; display: inline-block; margin: 0 0 40px;}

#basket table.product_souhrn td.four strong.total{font-weight: 800;}
#basket{text-align: center;}
#basket .next_step{float: none; display: inline-block; zoom: 1; *display: inline; margin: 0 0 10px;}
#basket .prev_step{float: none; display: inline-block; zoom: 1; *display: inline; margin: 0 0 10px;}

#basket table.product_souhrn td.three .box.centering{padding: 0;}

#basket table.product_souhrn tr{position: relative;}
#basket table.product_souhrn td.one_one a.main_link, #basket table.product_souhrn td.one_one label.main_link{padding: 0 15px;}
#basket table.product_souhrn td.one_one a.main_link i, #basket table.product_souhrn td.one_one label.main_link i{font-size: 12px;}
#basket table.product_souhrn td.two a{margin: 0 5%;}

#basket table.product_souhrn td.three input[type="image"]{margin: 3px -36px 0 10px; position: relative; right: 0;}
#basket table.product_souhrn td.four{font-size: 14px; text-align: center; width: 100%; border: 0; }
#basket table.product_souhrn td.five{font-size: 14px; width: 100%;}
     
#basket .reg_form .box table td{line-height: 20px; text-align: center;}
#basket .reg_form .box table td > a{line-height: 20px; text-align: center;}

#basket p.information .text{max-width: 100%; text-align: center;}

#basket h2 span.text span{font-size: 16px;}
#basket .doprava_platba{width: 100%; }
#basket .doprava_platba .item h3{margin: 15px 0 5px; font-size: 16px; line-height: 22px;}
#basket .doprava_platba .item .box label{text-align: left;}
#basket .doprava_platba .item .box label span.text{margin: 0 0 0 35px; max-width: 100%; top: 0; text-align: left;}
#basket .doprava_platba .item .box label .radio{margin: 0 10px 0 0; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; float: none; }
#basket .doprava_platba .item .box label strong{width: initial; width: auto; max-width: calc(100% - 60px); max-width: auto;  display: inline-block; zoom: 1; *display: inline; vertical-align: middle; float: none;}
#basket .doprava_platba .item .box label span.price{margin: 0 0 0 35px; top: 0; right: 0; position: relative; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; float: none;}

#basket table.product_souhrn td.no_border{display: none;}
#basket table.product_souhrn td.no_border.small{display: table-cell; padding-left: 0; padding-right: 0;}

#basket .doprava_platba{width: 100%; }
#basket .doprava_platba .item{width: 100%;  margin: 0 0 30px; float: none;}
#basket .doprava_platba .item p.title{font-size: 18px; line-height: 22px; padding: 0; margin: 25px 0 5px;}


.reg_form .box .change_buy{margin: 10px 50px 10px 75px}

.reg_form .box table td.firemni_zaznam, .reg_form .box table th.firemni_zaznam, .reg_form .box table td.heslo_zaznam, .reg_form .box table th.heslo_zaznam{display: none; opacity: 1}
.reg_form .box table td.firemni_zaznam.active, .reg_form .box table th.firemni_zaznam.active, .reg_form .box table td.heslo_zaznam.active, .reg_form .box table th.heslo_zaznam.active{display: block; opacity: 1}


#basket .inline:not(.btn){padding: 0; margin: 0 -4px 50px 0; width: 50%; }

#basket p.celkem .inline.btn{width: initial; width: auto; margin: 5px auto 0; padding: 11px 30px;}

#basket .inline:not(.btn){width: 100%; margin: 30px 0 50px; display: block; text-align: left;}


#basket .reg_form .box.second table{display: none;}
#basket .reg_form .box.second p.title{position: relative; margin-bottom: 5px; cursor: pointer; }
#basket .reg_form .box.second p.title::before{opacity: 1; display: block; content: ""; width: 21px; height: 21px; position: absolute; right: -43px; top: 4px; background: url(../img/sprite.png) no-repeat scroll center left; -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; -ms-transition: all 250ms ease-out; transition: all 250ms ease-out; }
#basket .reg_form .box.second p.title::after{opacity: 0; display: block; content: ""; width: 21px; height: 21px; position: absolute; right: -43px; top: 4px; background: url(../img/sprite.png) no-repeat scroll center right; -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; -ms-transition: all 250ms ease-out; transition: all 250ms ease-out; }
#basket .reg_form .box.second p.title.active::before{opacity: 0;}
#basket .reg_form .box.second p.title.active::after{opacity: 1;}



.buy_popup .boxes{min-width: initial; min-width: auto; padding: 30px 35px; left: 0; width: calc(100% - 80px); overflow-y: auto; max-height: calc(100vh - 130px)}
.buy_popup .box span.warning{z-index: 900; position: relative; text-transform: uppercase; display: block; margin: 0 0 15px; text-align: center; font-size: 21px; line-height: 26px; font-weight: 600; color: #d8001b;}
.buy_popup .box .btn{z-index: 100; position: relative;}

.buy_popup .box p.anotation{font-size: 13px; line-height: 17px; color: #000; margin: 10px 0; padding: 14px 0; border-bottom: 1px dashed #e3e3e3; border-top: 1px dashed #e3e3e3; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.buy_popup .box p.anotation strong{font-weight: 700; font-size: 13px; line-height: 17px; color: #d8001b;}

.buy_popup .box p:not(.anotation){display: none;}

.buy_popup .box .btn.close{float: none; width: calc(100% - 46px); text-align: center; max-width: 250px; }

.buy_popup table.product_souhrn, .buy_popup table.product_souhrn tbody, .buy_popup table.product_souhrn tr, .buy_popup table.product_souhrn th, .buy_popup table.product_souhrn td{display: block; width: 100%; text-align: center;}
.buy_popup table.product_souhrn td{height: initial; height: auto;; padding: 8px 15px;}
.buy_popup table.product_souhrn td.one{display: none;}
.buy_popup table.product_souhrn td.two{padding: 8px 0; text-align: center;}
.buy_popup table.product_souhrn td.two span.box{display: block; width: 100%; height: initial; height: auto;}
.buy_popup table.product_souhrn td.two a.main_link, .buy_popup table.product_souhrn td.two label.main_link, .buy_popup table.product_souhrn td.two span.main_link{display: block; padding: 0 15px; text-align: center;}
.buy_popup table.product_souhrn td.two a.main_link i, .buy_popup table.product_souhrn td.two label.main_link i, .buy_popup table.product_souhrn td.two span.main_link i{text-align: center;}
.buy_popup table.product_souhrn td.two a.main_link i strong, .buy_popup table.product_souhrn td.two label.main_link i strong, .buy_popup table.product_souhrn td.two span.main_link i strong{text-align: center;}
.buy_popup table.product_souhrn td.four{text-align: center; width: 100%; padding: 0;}







.popup_popup span.close{right: -15px;}
.popup_popup .boxes{width: calc(100% - 60px); border: 5px solid #004C87; padding: 12px; }
.popup_popup .box .text{max-height: calc(100vh - 190px); }
.popup_popup .box span.warning{font-size: 16px; line-height: 20px;}
.popup_popup .box .text{font-size: 12px; line-height: 16px;}
.popup_popup .box .text img{margin: 15px auto 0; display: block; max-width: 100%;}