.btn .item{display: none;}
.btn i{display: block;}

.btn, .btn i{font-size: 13px; line-height: 17px; font-weight: 500; text-transform: none;}

h1, h1 strong, h1 span, .head_title, .head_title strong{font-size: 22px; line-height: 28px; text-align: center;}
#content .container > h1{padding: 35px 0 0 !important}

article p{width: 100%; display: block; clear: both;}
article img{float: none !important; display: block; margin: 0 auto 10px !important;}


header{position: absolute; top: 0 !important}
header nav ul{display: none;}
header .soc{display: none;}
header .contact{display: none;}
header .open_close_navigation{display: inline-block; zoom: 1; *display: inline; vertical-align: middle;}
header .open_close_navigation::after{display: none;}
.ipad_menu{display: block;}



   .header_height{height: 63px;}
   header{padding: 10px 5%; width: 90%;}
   header a.logo{width: 115px; height: 32px;}
   header a.logo img{max-width: 115px; max-height: 32px;}
   header .box{width: calc(100% - 215px - 5px); margin: 0 0 0 10px;}
   .ipad_menu{padding: 63px 0 0}
   header .soc{display: none;}
   @media only screen and (orientation: portrait) {
      header .search_box{display: none;}
   }
   header nav::before{display: none;}

   header nav ul li{margin: 0 0 0 3px;}
   header nav ul li a{text-transform: none; padding: 15px 3px;}

.main_cat{margin: 0 0 -30px;}
.main_cat > * a{text-transform: none; padding: 9px 0 39px;}
.main_cat > * a .text{padding: 3px 12px; letter-spacing: 0; font-size: 12px; line-height: 30px; }
.main_cat > * a .text::before{line-height: 36px;}
.main_cat > * a .icon{display: none}
.main_cat > *.active a{margin: -10px 0 10px; padding: 18px 0 33px;}
.main_cat > *.active:after{top: 24px;}


.welcome_2 {padding: 0; }
.welcome_2 h2{transform: translateX(0) translateY(0) rotate(0deg); position: relative; line-height: 80px; left: 0; top: 0; margin: 0 0 40px; }
.welcome_2 .inside{width: 90%; padding: 0 5%;}

.welcome_2 .navigation{margin: 40px 0 0; height: 80px; width: 100%; position: relative; border: 0; border-top: 1px dashed #e5e5e5;}
.welcome_2 .navigation .prev{transform: translateX(0) translateY(0) rotate(0deg) translateZ(0); top: 50%; margin-top: -30px; left: initial; left: auto; right: 55%;}
.welcome_2 .navigation .next{transform: translateX(0) translateY(0) rotate(0deg) translateZ(0); top: 50%; margin-top: -30px; right: initial; right: auto; left: 55%;}
.welcome_2 .navigation .next::before, .welcome_2 .navigation .next::after{right: -16px;}
.welcome_3 {padding-top: 0; }
.welcome_3 h2{transform: translateX(0) translateY(0) rotate(0deg); position: relative; line-height: 80px; left: 0; top: 0; margin: 0; }
.welcome_3 .news_slider .item{width: 90%; padding: 60px 0;}
.welcome_3 .news_slider.owl-carousel .owl-controls{opacity: 0; visibility: hidden;}




.welcome_3 {padding-top: 0; }
.welcome_3 h2{transform: translateX(0) translateY(0) rotate(0deg); position: relative; line-height: 80px; left: 0; top: 0; margin: 0; }
.welcome_3 .news_slider .item{width: 90%; padding: 40px 0;}
.welcome_3 .news_slider.owl-carousel .owl-controls{opacity: 0; visibility: hidden;}

.welcome_3 .news_slider .item .text{width: 100%; float: none; padding: 220px 0 0 0; z-idnex: 0;}
.welcome_3 .news_slider .item .text .box{display: block; height: initial; height: auto;}
.welcome_3 .news_slider .item .text .box .centering{display: block;}

.welcome_3 .news_slider .item .img{height: 180px; width: 100%; float: none; position: absolute; top: 40px; left: 0; right: 0; -webkit-box-shadow: 0 0 40px -10px rgba(0,0,0,0.6); box-shadow: 0 0 40px -10px rgba(0,0,0,0.6);}
.welcome_3 .news_slider .item .img .prev, .welcome_3 .news_slider .item .img .next{bottom: 4px; width: 44px; height: 44px; background-size: 32px 32px;}
.welcome_3 .news_slider .item .img .prev{right: 52px}


.welcome_4 {padding-top: 0; }
.welcome_4 h2{transform: translateX(0) translateY(0) rotate(0deg); position: relative; line-height: 80px; left: 0; top: 0; margin: 0 0 40px; }
.welcome_4 .inside{width: 90%; padding: 0 5%;}
.welcome_4 .item, .welcome_4 .item:nth-child(2n + 1){width: calc(50% - 1px) !important; border-left: 0 !important}
.welcome_4 .item:nth-child(2n + 1){border-left: 1px solid #f1f1f1 !important; width: calc(50% - 2px) !important; }
.welcome_4 .item .img{height: 90px; background-attachment: local;  background-repeat: no-repeat; background-position: center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;}










.drobky{display: none;}


aside{width: 100%; float: none; padding: 50px 0 0;}
aside.small_hide{display: none;}
aside > .title{display: block;}
aside > ul.first{display: none; margin: 20px 0 0;}
aside > ul.first > li > span{font-size: 16px; padding: 6px 0;}
aside > ul.first > li > ul > li > a{font-size: 14px; font-weight: 600;}
aside > ul.first > li > ul > li > a .anotation{font-size: 14px;}





.c_column{width: 100%; float: none;}
.c_column.small_full{width: 100%; float: none; display: block;}
.c_column.small_full h1{text-align: center;}

.sorting{padding: 6px 5px; width: calc(100% - 12px)}
.sorting .item{margin: 7px 2px 7px 10px;}
.sorting .item span{text-transform: none;}


@media only screen and (orientation: landscape) {
   .product_list .item{width: calc(50% - 30px / 2 - 2px); margin: 0 0 30px !important; padding: 0 !important}
   .product_list .item:nth-child(2n){padding: 0 0 0 30px !important;}

}

@media only screen and (orientation: portrait) {
   .product_list .item{width: 100%; margin: 0 0 30px !important; padding: 0 !important}
   .product_list .item:nth-child(2n){padding: 0 !important;}

}


.load_next_page{display: block; text-align: center; margin: 0;}
.strankovani{display: block; text-align: center; margin: 20px 0 0;}
.strankovani ul{text-align: center;}


.detail .head_title{display: block;}
.detail > .img{width: 100%; float: none; margin: 0 auto 30px;}
.detail > .img .wishlist{top: 197px;}
.detail > .img .main{height: 238px; width: calc(100% - 2px);}
.detail > .img div a.swipebox{height: 75px;}
.detail > .text{width: 100%; padding: 0; float: none;}   
.detail > .text h1{display: none;}

.detail .text .size_list .item{width: calc(50% - 10px / 2 - 24px); margin: 0 0 10px !important}
.detail .text .size_list .item:nth-child(2n + 1){margin: 0 0 10px 10px !important}

.detail .text .price .left_side{width: 100%; display: block; margin: 0 0 5px;}

.related > h2, .alternated > h2, .visited > h2{padding: 15px 20px; font-size: 16px; line-height: 22px;}

.free_pay{margin: 40px 0 0;}
.free_pay .title{font-size: 14px; line-height: 20px;}

.accessories_list .item{width: 100%; border-left: 0; border-top: 1px solid #e5e5e5 !important;}
.accessories_list .item:nth-child(1){border-top: 0;}




@media only screen and (orientation: landscape) {
   .benefits{padding: 50px 0 20px;}
   .benefits .list{display: block;}
   .benefits .list .item{display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: calc(50% - 4px); margin: 0 0 30px;}

   footer .item, footer .item.small{width: calc(50% - 20px / 2 - 10px); margin: 0 0 30px !important}
   footer .item:nth-child(1){display: none;}
   footer .item:nth-child(2n){margin: 0 20px 0 0 !important;}
}

@media only screen and (orientation: portrait) {
   .benefits{padding: 50px 0 20px;}
   .benefits .list{display: block;}
   .benefits .list .item{display: block; width: 100%; margin: 0 0 30px;}

   footer{padding: 50px 0 10px;}
   footer .item, footer .item.small{width: 100%; margin: 0 0 40px !important; text-align: center; }
   footer .item:nth-child(1){display: none;}
   footer .item p.title:nth-child(1){border: 0;}
   footer .item p.title:nth-child(1)::before{width: 60px; height: 1px; background: #e0dfdf; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 0; content: ""; display: block;}
   footer ul li a{padding: 0 !important;}
}





.category_list .item{width: calc(100% - 2px); border: 0 !important; border-bottom: 1px solid #e5e5e5 !important;}








/************************
 MODULY
************************/
 

.drobky{padding: 10px 5%; width: 90%;}

.contact_page .item{width: 100%; float: none; display: block; padding: 40px 0 20px}
.contact_page .item .box{display: block; height: initial; height: auto;}
.contact_page .item .box .centering{text-align: center; display: block; }
.contact_page .item .box .centering .inline{margin: 0 auto; width: 100%; max-width: 300px; padding: 0; display: block;}

.contact_page .mapa{width: 100%; float: none; display: block;}
.contact_page .mapa #MyGmaps{height: 300px;}







.reference_list .item{width: calc(50% - 20px);}





@media only screen and (orientation: landscape) {
   .news_list .item{width: calc(50% - 15px / 2 - 5px); margin: 0 0 15px !important}
   .hp .news_list .item:nth-child(3){display: none;}
   .news_list .item:nth-child(2n){margin: 0 0 15px 15px !important}
}

@media only screen and (orientation: portrait) {
   .news_list .item{width: 100%; margin: 0 0 15px !important}
   .hp .news_list .item:nth-child(3){display: none;}
}




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





/************************
 OTHER
************************/


.reg_form{max-width: 292px; margin: 0 auto;}
.reg_form .box{width: 90%; padding: 0 5%; margin: 0; text-align: center;}
.reg_form .box.second{width: 90%; padding: 0 5%;}
.reg_form .box.show{margin: 0 auto;}
.reg_form .box.full{width: 90% ;padding: 25px 5% 10px;}
.reg_form .box.second::before{display: none;}
.reg_form .box .top_title{text-align: left;}
.reg_form .box.second .top_title{padding-top: 30px;}
.reg_form .box.long p.anotation{margin: 10px 0;}
.reg_form .box p.anotation{margin: 0 0 20px; text-align: left; font-size: 12px;}

.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.dodaci{display: table; min-width: 420px; width: initial; width: auto; margin: 20px auto 0;}
.reg_form .box table.dodaci tbody{display: table-row-group;}
.reg_form .box table.dodaci tr{display: table-row;}
.reg_form .box table.dodaci th, .reg_form .box table.dodaci td{display: table-cell;  width: initial; width: auto;}
.reg_form .box table.dodaci th{width: 130px; padding: 0 20px 10px;}
.reg_form .box table.dodaci tr th:first-child{padding-left: 0}
.reg_form .box table.dodaci td{width: width: initial; width: auto;}
.reg_form .box table.dodaci th.mobile_cell, .reg_form .box table.dodaci td.mobile_cell{display: table-cell;}

       
.reg_form .box.second .overflow_form{opacity: 1 !important;}
.reg_form .box.second .overflow_form table{display: none !important;}
.reg_form .box.second .overflow_form.active table{display: table !important;}
.reg_form .box.second .overflow_form::before{display: none !important}  







.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, .reg_form .box table tbody, .reg_form .box table tr, .reg_form .box table th, .reg_form .box table td{text-align: left; width: 100%; display: block; clear: both; min-width: initial; max-width: initial; font-size: 12px; margin: 0 auto;}
.reg_form .box table td a{font-size: 12px;}
.reg_form .box table td.centering{text-align: left;}
.reg_form .box table th{padding: 10px 0 1px; font-weight: 600; text-align: left;}
.reg_form .box table td input[type="submit"]{float: none;}


.reg_form .box table.dodaci, .reg_form .box table.dodaci tbody, .reg_form .box table.dodaci tr, .reg_form .box table.dodaci th, .reg_form .box table.dodaci td{text-align: left; width: 100%; display: block; clear: both; min-width: initial; max-width: initial;}


.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}

       
       
       
       
       

.login_form{padding: 30px; max-height: initial !important; max-height: auto !important;}
.login_form p.overtitle{margin: -5px 0 10px; text-align: left; text-transform: uppercase; font-weight: 700;}
.login_form p.center{text-align: left; line-height: 16px; margin: -10px 0 10px}
.login_form .box{text-align: left; 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: left; width: 100%; display: block; clear: both; min-width: initial; max-width: initial;}
.login_form .box table th{text-align: left; padding: 10px 0 1px;}
.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; margin-left: 0; margin-right: 0;}
.login_form .box a.btn{float: none; margin: 15px 0;}
form.max > .btn.right{margin: 0; float: none;}
.login_form .box table td a.forgotten{display: block; text-align: center;}
.login_form .box p{text-align: center; margin: 0 0 10px;}
.login_form .box ul{display: inline-block; zoom: 1; *display: inline; vertical-align: middle;}







       
       
       
       
       


























#basket{text-align: center;}
#basket .align-center .btn.left, #basket .align-center .btn.right{float: none;}
#basket .inline_box{width: calc(100% - 52px); margin: 0 0 30px; text-align: center; display: block;}
#basket .inline_box:nth-child(2){margin: 0;}
#basket .inline_box h3, #basket .inline_box p{text-align: center;}
#basket p.information img{margin: 0 auto 8px; display: block;}
#basket .basket_navigation{margin: 0 0 15px;}
#basket .basket_navigation h1{display: block;}
#basket .basket_navigation ul{display: none;}
#basket table.product_souhrn{margin: 0;}
#basket table.product_souhrn tr{position: relative;}
#basket table.product_souhrn th{display: none !important;}
#basket table.product_souhrn td{height: initial; height: auto;}
#basket table.product_souhrn td.one{display: none;}
#basket table.product_souhrn td.two{border-top: 1px solid #e3e3e3 !important; padding-top: 15px;}
#basket table.product_souhrn td.two span.box{display: block; height: initial; height: auto;}
#basket table.product_souhrn td.two .main_link{text-align: center; display: block;}
#basket table.product_souhrn td.two .main_link span{text-align: center;}
#basket table.product_souhrn td.three{width: 100%; padding: 5px 0; font-size: 12px;}
#basket table.product_souhrn td.three.padding{padding: 0; line-height: 20px;}
#basket table.product_souhrn td.three .box.centering{padding: 0;}
#basket table.product_souhrn td.three .decrement{margin: 0;}
#basket #finalordform table.product_souhrn tr.celkem td.three{padding: 0;}
#basket table.product_souhrn td.four, #basket table.product_souhrn td.four strong, #basket table.product_souhrn td.four strong span{line-height: 20px; font-size: 12px;}
#basket table.product_souhrn.final td.four{width: 100%;}
#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 td.five{padding: 2px 0 16px;}
#basket #finalordform table.product_souhrn tr td.four:nth-child(5){padding: 0 0 15px !important;}
#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 td.two{border: 0; padding-bottom: 0;}
#basket table.product_souhrn td.three{border: 0;}
#basket table.product_souhrn td.five.cant_delete{padding: 0 0 13px;}
#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{font-size: 12px; line-height: 20px; text-align: center; width: 100%; border: 0; padding: 0;}
#basket table.product_souhrn td.five{font-size: 12px; line-height: 20px; width: 100%;}
#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 30px; max-width: 100%; top: 0; text-align: left;}
#basket .doprava_platba .item .box label .radio{margin: -5px 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% - 30px); 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 29px; top: 0; right: 0; position: relative; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; float: none;}
#basket  #finalordform table.product_souhrn tr.celkem{border-top: 2px solid #e3e3e3}
#basket table.product_souhrn tr.celkem{border-top: 1px solid #e3e3e3}
#basket table.product_souhrn td.no_border{display: none;}
#basket table.product_souhrn td.no_border.small{display: block; padding-left: 0; padding-right: 0;}
#basket table.product_souhrn td.four strong.total{font-size: 12px; line-height: 20px;}
#basket .doprava_platba{width: 100%; }
#basket .doprava_platba .item{width: 100%; margin: 0 0 30px !important; display: block;}
#basket .doprava_platba .item p.title{padding: 0; margin: 0 0 10px;}
#basket .inline:not(.btn){padding: 0; margin: 0 -4px 50px 0; width: 50%; }
#basket .inline.btn{margin: 20px 0 40px;}
#basket .login_form .inline.btn{ margin: 0 15px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; text-align: center; width: initial; width: auto;; }
#basket table.product_souhrn td.two .main_link span{text-align: center;}
#basket .inline:not(.btn){width: 100%; margin: 30px 0 50px; display: block; text-align: left;}
#basket p.celkem{padding: 15px 0;}
#basket .inline.btn{margin: 10px 0 0;}

#basket .reg_form .box p.anotation.empty{display: none;}
/*
#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.svg) no-repeat scroll center center; -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_correct.svg) no-repeat scroll center center; -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;}
*/
#basket.my_order .item p.title span.number, #basket.my_order .item p.title span.status, #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: 20px; font-size: 12px;}
#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.date strong, #basket.my_order .item p.title span.price strong{text-align: center; line-height: 20px; font-size: 12px;}
#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; float: none;}
#basket.my_order .box{padding: 15px 0 0; text-align: center;}


#basket.my_order table.product_souhrn td.two span.box{padding: 0;}
#basket.my_order table.product_souhrn td.three{padding: 0; font-size: 12px; line-height: 20px;}
#basket.my_order table.product_souhrn td.four, #basket.my_order table.product_souhrn td.four strong{font-size: 12px; line-height: 20px;}

#basket.my_order table.product_souhrn td.four:nth-child(5){padding-bottom: 15px !important}


.normal_form{margin: 0 0 30px;}
.normal_form form{display: block; width: calc(100% - 52px)}
.normal_form form table, .normal_form form tbody, .normal_form form table tr, .normal_form form table th, .normal_form form table td{display: block; width: 100%; text-align: center; clear: both;}
.normal_form form table th{text-align: center; padding: 0 0 5px;}
.normal_form form table td input[type=text], .normal_form form table td input[type=password]{text-align: center;}
#basket .normal_form form table td .inline.btn{margin: 8px 0 0;}
















#tracy-debug{display: none !important}