/*GLOBAL*/
header,nav,section,article,aside,footer,hgroup{display:block;}
a{text-decoration:none; outline: 0; color:inherit;}
a img{border:none;}
.clear{clear:both; margin: 0;}
.float_right{float:right; position: relative;}
.float_left{float:left; position: relative;}
button, input[type=submit]{cursor: pointer; -webkit-appearance: none; outline: 0; }
input[type="submit"]:focus {outline:none;}
input, textarea {-webkit-appearance: none; border-radius: 0;}
input[type="submit"]::-moz-focus-inner {border:0;}
label{cursor: text;}
input[type=checkbox], input[type=radio]{cursor: pointer;}
input:focus{outline:0; }
input[type="text"], input[type="password"], textarea, select {outline: none;}
.relative{position: relative;}

.align-center{align-text: center;}

h1{color: #4d4d4d; font-size: 28px; line-height: 38px; font-weight: 400; margin: 0 0 10px; text-align: left; }
h2{color: #4d4d4d; font-size: 24px; line-height: 34px; font-weight: 400; margin: 15px 0; text-align: left; }
h3{color: #333333; font-size: 20px; line-height: 30px; font-weight: 700; margin: 15px 0; text-align: left; }
h4, h5, h6{color: #333333; font-size: 18px; line-height: 28px; font-weight: 700; margin: 15px 0; text-align: left; }

p, div, article, li, a, .text_page{color: #333333; font-size: 15px; font-weight: 400;}
strong, b{font-weight: 700;}
sup{color: #333333; font-size: 11px; font-weight: 400;}

article a, article a strong, article strong a{text-decoration: underline; color: #4d4d4d;}
article a:hover, article a strong:hover{text-decoration: none; }
article{line-height: 22px;}
article p, article div{margin:0 0 15px; text-align: justify; line-height: 20px;}

article ul{margin: 15px 0; padding: 0 0 0 ;}
article ul li{ padding-left: 14px; list-style: none; background: url(../img/list_style.png) no-repeat scroll left 8px;}
article ol{margin: 15px 0; padding: 0 0 0 17px;}
article ol li{padding-left: 4px;}

article table{margin: 20px 0; border-collapse: collapse; width: 100%;}
article table tr:first-child th{text-align: left; font-size: 13px; font-weight: 700; line-height: 18px; padding: 5px 8px; background: #d53a3a; text-transform: uppercase; color: #fff; border: 1px solid #fff; border-right: 0;}
article table tr td{text-align: left; font-size: 13px; line-height: 18px; padding: 5px 8px; font-weight: 400;  color: #6a6a6a; border: 1px solid #ebebeb}
article img{max-width: 100%;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #333333; font-size: 13px; line-height: 20px; font-weight: 400;}
input::-moz-placeholder, textarea::-moz-placeholder {color: #333333; font-size: 13px; line-height: 20px; font-weight: 400;}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {color: #333333; font-size: 13px; line-height: 20px; font-weight: 400;}


/*font-family: 'Roboto Slab', serif, Arial;*/
/*font-family: 'Source Sans Pro', sans-serif, Arial;*/
/*font-family: 'Lato', sans-serif;*/

input[type=text], input[type=password], input[type=submit], textarea{font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 17px; margin: 0;}

.parent_hide{
    display:none;
}
.parent_show{
    display:flex;
    padding-left: 32px;
    box-sizing: border-box;
}



.no_scroll{overflow: hidden;}


article, div{height: auto; min-height: 1px; max-height: 9999999px;}
div.clear{min-height: 0; }

html,body{min-width: 1220px;}

html{margin: 0 auto; padding: 0; background: url(../img/black_denim.png) repeat; overflow-x: hidden;}
body{-webkit-box-shadow: 0px 0px 20px -5px #000; -moz-box-shadow: 0px 0px 20px -5px #000; box-shadow: 0px 0px 20px -5px #000; text-rendering: auto; max-width: 1920px; margin: 0 auto; font-family: 'Open Sans', sans-serif; padding: 0; font-weight: normal; position: relative; }
body.hp{background: #f0f0f0;}
.inside{z-index: 100; width: 1200px; padding: 0; margin: 0 auto; position: relative;}

header{-webkit-box-shadow: 0px 0px 20px -5px #333; -moz-box-shadow: 0px 0px 20px -5px #333; box-shadow: 0px 0px 20px -5px #333; height: 86px; background: #fff; display: block; position: relative; z-index: 999;}
header a.logo{font-size: 40px; font-weight: 400; color: #333333; float: left; display: block; height: 86px; margin:  0;}
header a.logo strong{font-size: 40px; font-weight: 700; color: #FFE619;}
header nav{float: left; display: flex; align-items: center; height: 86px;}
header nav ul{margin: 0 0 0 30px; padding: 0; height: 29px;}
header nav ul li{margin-right: 4px; float: left; list-style: none; position: relative;}
header nav ul li a{border: 1px solid #fff; display: block; font-size: 15px; color: #333333; font-weight: 400; line-height: 25px; padding: 1px 12px 3px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -o-transition: all 150ms linear; -ms-transition: all 150ms linear; transition: all 150ms linear;}
header nav ul li.hassub a{padding-right: 22px;}
header nav ul > li:hover > a{border: 1px solid #ff0000; }
header nav ul > li.active > a{border: 1px solid #333;}

header nav ul > li.hassub .arrow{display: inline-block;position: absolute;right: 5px;top: 8px;background-image: url(../img/arrow_right.svg);background-size: 12px 12px;background-position: center;background-repeat: no-repeat;width: 15px;height: 15px;transform: rotate(90deg);}

header nav ul li .submenu{opacity: 0; padding-top: 10px; position: absolute; top: 100%; left: 50%; transform: translateX(-50%);}
header nav ul li:hover .submenu{opacity: 1;}
header nav ul li .submenu ul{display: flex; flex-direction: column; height: auto; margin: 0; padding: 0;}
header nav ul li .submenu ul li:hover{border: 0 !important;}
header nav ul li .submenu ul li a{background-color: #fff; font-size: 14px; line-height: 20px; width: 100%; border-radius: 0; display: inline-block; white-space: nowrap; padding: 6px 15px; box-sizing: border-box; border-top: 1px solid lightgrey !important; border-left: 1px solid lightgrey !important; border-right: 1px solid lightgrey !important; -webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}
header nav ul li .submenu ul li a:hover{background-color: #FF0000; color: #fff;}




header .order{float: right; margin: 0; background: #FFE619; display: block; font-size: 15px; color: #000; font-weight: 400; line-height: 25px; padding: 23px 12px;}
header .order:hover{text-decoration: underline;}

header .inside .s_vami_box{position: absolute; right: 0; top: 40%; transform: translate(50%,-50%);}
header .inside .s_vami_box .red_black{margin: 0;font-size: 24px;line-height: 24px;}
header .inside .s_vami_box .red_black .red{font-weight: 500;}
header .inside .s_vami_box .red_black .heart{background-image: url(../img/heart.svg);background-size: 20px 20px;background-position: center;background-repeat: no-repeat;width: 20px;height: 20px;position: absolute;bottom: 0;left: 50%;transform: translate(-50%, calc(100% + 3px));}


@media screen and (max-width: 1440px) {
    header .inside .s_vami_box{right: 75px;}
}





.category_background_first{width: 100%; max-width: 1920px; height: 425px; z-index: 1; position: absolute; left: 0; right: 0; top: -126px; background: url(../img/pneumatiky_main_bg.png) no-repeat scroll center top;}
.category_background_first.sub{height: 375px;  top: -136px; }
.category_background{margin-top: 160px; width: 100%; max-width: 1920px; height: 1130px; z-index: 0; position: absolute; left: 0; right: 0; top: 228px; background: url(../img/hp_background_car.jpg) no-repeat scroll center top #000;}
.category_background.sub{height: 100%; margin-top: 0; top: 0; background: url(../img/sub_background_car.jpg) no-repeat scroll center top #000;}



.vyhledavani_text{color: #fff;position: absolute;top: 80px;font-family: cursive;font-size: 14px;line-height: 24px;transform: rotate(-4deg);right: 50px;max-width: 220px;text-align: right;text-transform: uppercase;}
/*
.vyhledavani_text::after{content: ''; background: url(../img/arrow_circle_white.svg); width: 80px;height: 80px;position: absolute;right: -40px;top: -10px;background-size: 80px 80px;}
*/
.top{height: 167px; position: relative; z-index: 200;}
.hp .top{height: 618px;}

.login{z-index: 100; width: 506px; position: relative; float: left;}
.login .top_text{height: 55px; z-index: 999; width: 820px; text-align: left; padding: 0 0 0 20px; background: #606060; border-bottom: 1px solid #4d4d4d; border-right: 1px solid #4d4d4d; line-height: 55px; font-size: 17px; font-weight: 300; text-transform: uppercase; color: #fff; margin: 0; position: relative;}
.login .top_text label.name{cursor: inherit; width: auto; border: 0; margin-right: 15px; float: left; line-height: 55px; font-size: 15px; font-weight: 300; text-transform: uppercase; color: #fff;}
.login .top_text label.name.not{text-transform: none;}
.login .top_text label.name a{margin-right: 15px; display: block; line-height: 55px; font-size: 17px; font-weight: 300; text-transform: none; color: #fff;}
.login .top_text form{float: left;}
.login .top_text input[type=text], .login .top_text input[type=password]{width: 150px; margin-right: 5px; top: -2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #fff; border: 1px solid #e4e4e4; position: relative; padding: 2px 15px 1px; color: #333; font-size: 13px; line-height: 25px;}
.login .top_text input::-webkit-input-placeholder{color: #333333; font-size: 13px; line-height: 25px; font-weight: 400;}
.login .top_text input::-moz-placeholder{color: #333333; font-size: 13px; line-height: 25px; font-weight: 400;}
.login .top_text input::-ms-input-placeholder{color: #333333; font-size: 13px; line-height: 25px; font-weight: 400;}

.login .top_text input[type=text]:focus, .login .top_text input[type=password]:focus{border: 1px solid #333}
.login .top_text input[type=submit].submit{margin-left: 10px; color: #fff; background: #ff0000; border: 0;  width: auto; padding: 2px 25px 1px !important; font-size: 13px; height: 28px; position: relative; top: -1px; text-transform: uppercase; text-align: center; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}
.login .top_text input[type=submit].submit:hover{background: #333; color: #ccc; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -o-transition: all 150ms linear; -ms-transition: all 150ms linear; transition: all 150ms linear;}
.login .top_text form input[type=submit].login_submit{border: 0; background: none; font-size: 15px; color: #A7A7A7; font-weight: 400;}
.login .top_text form input[type=submit].login_submit:hover{text-decoration: underline;}
.login .top_text label{float: right; cursor: pointer; display: block; width: 55px; height: 55px; position: relative; border-left: 1px solid #4d4d4d;}
.login .top_text label.setting{background: url(../img/wheel_icon.png) no-repeat scroll center center #606060;}
.login .top_text label.registrace {background: url(../img/registration_icon.png) no-repeat scroll 21px 17px #606060;}
.login .top_text label.profil{background: url(../img/profil_icon.png) no-repeat scroll center center #606060;}
.login .top_text label.profil2{background: url(../img/order_icon.png) no-repeat scroll center center #606060; background-size: 32px auto;}
.login .top_text label.basket{background: url(../img/basket_icon.png) no-repeat scroll center center #606060;}
.login .top_text label.basket a span.number{border-left: 0; float: none; background: none; position: absolute; left: 23px; top: 8px; display: block; width: 18px; line-height: 18px; text-align: center; color: #fff; font-weight: 700; font-size: 11px;}
.login .top_text label.setting:hover, .login .top_text label.registrace:hover, .login .top_text label.profil:hover, .login .top_text label.profil2:hover, .login .top_text label.basket:hover{background-color:#4d4d4d;}

.login .top_text label.setting a, .login .top_text label.registrace a, .login .top_text label.profil a, .login .top_text label.profil2 a{width: 55px; height: 55px; display: block;}

.search{z-index: 100; position: relative; float: right; width: 339px; z-index: 0; padding: 10px 0 10px 20px; background: #FF0000; height: 36px;}
/*.search::after{content: ''; background-image: url(../img/search_arrow.png); background-size: 211px 87px; width: 217px; height: 87px; position: absolute; top: 100%; right: 0;}*/
.search input[type=text]{float: left; width: 233px; font-size: 13px; line-height: 20px; background: #fff; border: 0; padding: 7px 15px 6px; text-align: center; border: 1px solid #fff; -webkit-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px;}
.search input[type=text]:focus{border: 1px solid #4d4d4d;}
.search input[type=text]::-webkit-input-placeholder{color: #333333; font-size: 13px; line-height: 20px; font-weight: 400;}
.search input[type=text]::-moz-placeholder{color: #333333; font-size: 13px; line-height: 20px; font-weight: 400;}
.search input[type=text]::-ms-input-placeholder{color: #333333; font-size: 13px; line-height: 20px; font-weight: 400;}
.search input[type=submit]{float: left; width: 58px; padding: 5px 0 6px; background: url(../img/find_icon.png) no-repeat scroll center center #666666; border: 0; margin: 0px 0 0 -4px; -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; -webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}
.search input[type=submit]:hover{background: url(../img/find_icon.png) no-repeat scroll center center #4d4d4d; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -o-transition: all 150ms linear; -ms-transition: all 150ms linear; transition: all 150ms linear;}
.pc .search input[type=submit]{padding: 5px 0 7px;}
.search a.detail_filter{display: block; float: left; font-size: 16px; line-height: 32px; margin: 1px 0 1px 30px; color: #4d4d4d; text-transform: uppercase; font-weight: 700; padding-left: 30px; border-left: 1px solid #cacaca}
.search a.detail_filter:hover{text-decoration: underline;}




.hp .box_list{display: block; width: 1200px; margin: 112px auto 0; position: relative; z-index: 0; }
.box_list{display: none; box-shadow: 0 0px 12px -2px #000000; -webkit-box-shadow: 0 0px 12px -2px #000000; -moz-box-shadow: 0 0px 12px -2px #000000;}
.box_list .item{position: relative; float: left; z-index: 20;}
.box_list .item.show_filter{z-index: 200;}
.box_list .item .img{background-color:#A7A7A7; z-index: 100; height: 247px; width: 100%; position: relative; -webkit-transition: background-color 150ms linear; -moz-transition: background-color 150ms linear; -o-transition: background-color 150ms linear; -ms-transition: background-color 150ms linear; transition: background-color 150ms linear;}
.box_list .item .img .click_div{width: 100%; height: 187px; top: 60px; cursor: pointer; z-index: 999; position: relative; background-color: #A7A7A7;}
.box_list .item.show_filter .img .click_div{background-color: #fff;}
.box_list .item .img img.box_img{opacity: 0.6; position: absolute; left: 0; right: 0; bottom: 7px; margin: 0 auto; display: block; mix-blend-mode: multiply; -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; transition: all 400ms ease-out;}
.box_list .item .img span.shadow_left{background: url(../img/shadow_left.png) no-repeat; position: absolute; left: -21px; top: 0; width: 22px; height: 247px; display: none;}
.box_list .item .img span.shadow_right{background: url(../img/shadow_right.png) no-repeat; position: absolute; right: -21px; top: 0; width: 22px; height: 247px; display: none;}
.box_list .item.show_filter .img span.shadow_left, .box_list .item.show_filter .img span.shadow_right{display: block;}
.box_list .item.show_filter .img img.box_img{opacity: 1}
.box_list .item.first .img span.shadow_left{display: none !important;}
.box_list .item.last .img span.shadow_right{display: none !important;}
.box_list .item.show_filter .img{background-color:#fff;}
.box_list .item .img .box{position: absolute; left: 0; right: 0; top: 0; height: 247px;}
.box_list .item .img .box p.top_title{font-family: 'Ubuntu', sans-serif; position: absolute; left: 0; right: 0; top: 0; padding: 0 30px; margin: 0; font-size: 20px; line-height: 60px; text-align: left; background: #4D4D4D; font-weight: 400; color: #fff;}
.box_list .item .img .box a{color: #fff; position: relative; float: right; display: block; font-size: 15px; line-height: 45px; padding-right: 20px; text-align: center; background: url(../img/box_list_a_arrow_yellow.png) no-repeat scroll right center; height: 45px; margin: 10px 0 0 30px;}
.box_list .item .img .box a:hover{text-decoration: underline;}
.box_list form{margin: 0; z-index: 0; background: url(../img/filter_bg.png) repeat-x scroll center bottom; background-size: auto 100%;  position: absolute; top: 0; left: 0; width: 1138px; border: 1px solid #fff; padding: 20px 30px; height: initial;}
.box_list form.filter1{top: 247px;  box-shadow: 0 0px 12px -2px #000000; -webkit-box-shadow: 0 0px 12px -2px #000000; -moz-box-shadow: 0 0px 12px -2px #000000;}
.box_list form.filter3{padding: 40px 30px;}
.box_list form.filter3 .text_preparing p:first-child{margin-top: 0;}
.box_list form.filter3 .text_preparing p:last-child{margin-bottom: 0;}



@keyframes pulse {
    from{transform: translateX(0) rotate(-90deg)}
    to{transform: translateX(10px) rotate(-90deg)}
}



.box_list form .select_type .checkboxes{display: flex; justify-content: center; gap: 28px 10px; flex-wrap: wrap; margin: 0 auto; max-width: 800px; position: relative;}
.box_list form .select_type .checkboxes .pointer_box{position: absolute; right: 99%; top: 18px; display: flex; align-items: center; gap: 10px;}
.box_list form .select_type .checkboxes .pointer_box .select_category_title{color: #FF0000; font-weight: 400; width: 125px; margin: 0;}
.box_list form .select_type .checkboxes .pointer_box .arrow{animation: pulse 0.8s linear infinite alternate; width: 42px; height: 42px; transform: rotate(-90deg); display: inline-block; background-image: url(../img/arrow_thick.svg); background-size: contain; background-repeat: no-repeat; background-position: center;}
.box_list form .select_type .checkboxes label{display: flex; flex-direction: column-reverse; align-items: center; padding: 12px 5px; box-sizing: border-box; border-radius: 20px; gap: 6px; width: calc(20% - 18px); cursor: pointer; -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; transition: all 400ms ease-out;}
.box_list form .select_type .checkboxes label:hover{background-color: rgba(255, 0, 0, 0.8);}
.box_list form .select_type .checkboxes label .radio{opacity: 0; visibility: hidden; width: 0; height: 0;}
.box_list form .select_type .checkboxes label:has(> div.radio .checked), .box_list form .select_type .checkboxes label:hover{background-color: #f0f0f0;}
.box_list form .select_type .checkboxes label .info_box{display: flex; flex-direction: column; align-items: center; gap: 0;}
.box_list form .select_type .checkboxes label .info_box .img{width: 42px; height: 42px; display: inline-block; background-size: contain; background-repeat: no-repeat; background-position: center;}
.box_list form .select_type .checkboxes label .info_box .img.osobni{background-image: url(../img/auta_black.svg);}
.box_list form .select_type .checkboxes label .info_box .img.ctyry{background-image: url(../img/4x4_black.svg);}
.box_list form .select_type .checkboxes label .info_box .img.van{background-image: url(../img/dodavka_black.svg);}
.box_list form .select_type .checkboxes label .info_box .img.motocyk{background-image: url(../img/moto_black.svg);}
.box_list form .select_type .checkboxes label .info_box .img.nakladni{background-image: url(../img/nakladni_black.svg);}
.box_list form .select_type .checkboxes label .info_box .img.zemedel{background-image: url(../img/zemedelske_black.svg);}
.box_list form .select_type .checkboxes label .info_box .img.prumysl{background-image: url(../img/bagr_black.svg);}
.box_list form .select_type .checkboxes label .info_box .img.ostatni{background-image: url(../img/ostatni_black.svg);}


.box_list form .filter_box{display: none; padding-top: 30px; border-top: 1px solid #f1f1f1; margin-top: 25px;}
.box_list form .filter_box .filter_box_in{display: flex; flex-direction: column; align-items: center;}


.box_list form .filter_box.pneu_filter_box .check_table tbody{display: flex; align-items: flex-end; gap: 15px;}
.box_list form .filter_box.pneu_filter_box .check_table td.padding_top_cell{padding-top: 20px; padding-right: 0;}
.box_list form .filter_box.pneu_filter_box .check_table td .small_label_text{font-size: 14px; line-height: 20px;}


.box_list .item .filter2{left: inherit; right: 0;}
.box_list .item.show_filter .img{background-color:#fff;}
.box_list .item.show_filter a.filtr{display: none; opacity: 0; }
.box_list .item.show_filter .img .box p.top_title{background: #ff0000; color: #fff;}
.box_list .item.show_filter .img .box a{color: #fff; background: url(../img/box_list_a_arrow.png) no-repeat scroll right center; }




.aktualita{display: inline-block; vertical-align: top; border: 1px solid #cacaca; width: calc(33.33% - 6px); margin: 4px 0 0;}
.aktualita .img{display: block; position: relative;}
.aktualita .img img{max-width: 100%; display: block; position: relative; margin: 0 auto;}
.aktualita .text{padding: 20px; text-align: left; display: block; position: relative;}
.aktualita .text .date{margin: 0; font-size: 14px; line-height: 22px; color: #000; font-weight: 400;}
.aktualita .text h2{display: block; font-size: 15px; line-height: 20px; font-weight: 700; margin: 0; padding: 0; color: #4d4d4d;}

aside{float: left; border-right: 1px solid #cacaca; margin-right: -1px;}
aside p.top_text{margin-top: -56px;;}
aside .category_box{float: none; width: 280px; margin: 0; padding: 45px 0 50px;}
aside .efekt_box{backface-visibility: hidden; opacity: 1;min-height: 100%; max-height: 100%; transform: rotateX(0deg); transform-origin: center top 0;
    transition:         transform 500ms ease 300ms, opacity 500ms ease 0s, max-height 400ms ease 0s, min-height 400ms ease 0s, padding 400ms ease 0s;
    -webkit-transition: transform 500ms ease 300ms, opacity 500ms ease 0s, max-height 400ms ease 0s, min-height 400ms ease 0s, padding 400ms ease 0s;
    -moz-transition:    transform 500ms ease 300ms, opacity 500ms ease 0s, max-height 400ms ease 0s, min-height 400ms ease 0s, padding 400ms ease 0s;
    -o-transition:      transform 500ms ease 300ms, opacity 500ms ease 0s, max-height 400ms ease 0s, min-height 400ms ease 0s, padding 400ms ease 0s;
    -ms-transition:     transform 500ms ease 300ms, opacity 500ms ease 0s, max-height 400ms ease 0s, min-height 400ms ease 0s, padding 400ms ease 0s;}
aside .efekt_box.efekt {min-height: 0px !important; max-height: 0 !important; opacity: 0; padding: 0; transform: rotateX(-90deg);
    transition:         transform 500ms ease 0s, opacity 500ms ease 0s, max-height 500ms ease 500ms, min-height 500ms ease 500ms, padding 500ms ease 500ms;
    -webkit-transition: transform 500ms ease 0s, opacity 500ms ease 0s, max-height 500ms ease 500ms, min-height 500ms ease 500ms, padding 500ms ease 500ms;
    -moz-transition:    transform 500ms ease 0s, opacity 500ms ease 0s, max-height 500ms ease 500ms, min-height 500ms ease 500ms, padding 500ms ease 500ms;
    -o-transition:      transform 500ms ease 0s, opacity 500ms ease 0s, max-height 500ms ease 500ms, min-height 500ms ease 500ms, padding 500ms ease 500ms;
    -ms-transition:     transform 500ms ease 0s, opacity 500ms ease 0s, max-height 500ms ease 500ms, min-height 500ms ease 500ms, padding 500ms ease 500ms;}

aside p.title{text-align: left; font-size : 26px; text-transform : uppercase; color : #000000; line-height: 30px; margin: 0 0 40px;}
aside .category_box ul.category{margin: 0; padding: 0;}
aside .category_box ul.category > li{position: relative; list-style: none; display: block;}
aside .category_box ul.category > li a{display: block; color: #000; font-size: 15px; line-height: 25px; background: url(../img/category_icon.png) no-repeat scroll left -61px; padding: 5px 0 5px 25px; font-weight: 400;}
aside .category_box ul.category > li a:hover{background: url(../img/category_icon.png) no-repeat scroll left -28px;}
aside .category_box ul.category > li.active a{background: url(../img/category_icon.png) no-repeat scroll left 9px;}
aside .category_box ul.category > li ul.submenu{display: none !important; padding: 0 0 0 30px; margin: 0;}
aside .category_box ul.category > li ul.submenu li{position: relative; list-style: none; display: block;}
aside .category_box ul.category > li ul.submenu > li a{display: block; color: #808080; font-size: 15px; line-height: 25px; background: none; padding: 2px 0 2px 20px; font-weight: 400;}
aside .category_box ul.category > li ul.submenu > li a:hover{background: url(../img/sub_category_icon.png) no-repeat scroll left -18px;}
aside .category_box ul.category > li ul.submenu > li.active a{background: url(../img/sub_category_icon.png) no-repeat scroll left 12px;}

.c_column{position: relative; width: 870px; float: right; padding: 0 10px 0 39px; border-left: 1px solid #cacaca; min-height: 550px;}
.c_column.full_width{border-left: 0; width: 1200px; float: none; margin: 0 auto; padding: 0;}

.drobky{text-align: left; width: 100%; height: 18px; margin: 0 auto; padding: 18px 0;}
.drobky ul{margin: 0; padding: 0;}
.drobky ul li{list-style: none; float: left; background: url(../img/drobky_arrow.png) no-repeat scroll left center; padding-left: 12px;}
.drobky ul li:first-child{padding: 0; background: none;}
.drobky ul li a.home{width: 15px; height: 20px; display: block; background: url(../img/drobky_icon.png) no-repeat scroll center center; padding-left: 0; }
.drobky ul li span{display: block; color: #4d4d4d; font-size: 12px; line-height: 20px; text-decoration: none; font-weight: 400; padding: 0 16px;}
.drobky ul li a{display: block; color: #CACACA; font-size: 12px; line-height: 20px; font-weight: 400; padding: 0 16px; text-decoration: none;}
.drobky ul li a:hover{text-decoration: underline;}

.drobky a.move_back{text-transform: uppercase; font-size: 13px; float: right; font-weight: 400; line-height: 20px; color: #CACACA; background: url(../img/back_arrow.png) no-repeat scroll left 2px; padding-left: 28px;}
.drobky a.move_back:hover{color: #4d4d4d; background: url(../img/back_arrow.png) no-repeat scroll left -28px;}






.hp .filter table{margin: 0 7px; border-collapse: separate; border-spacing: 0 12px; }
.z_index_top{z-index: 100; position: relative;}
.z_index_bottom{z-index: 0; position: relative;}

.hp .filter table th{color: #333; padding: 0 10px 0 0;}
/*
.hp .filter table tr th:first-child{width: 50px; padding: 0 18px 0 0;}
*/
.hp .filter table td{padding: 0;}
.hp .filter .range-slider input[type="text"]{color: #333}


.hp .filter table.checkbox_table th{padding: 0 10px 0 30px;}
.hp .filter table.checkbox_table th:nth-child(1){padding-left: 0;}


.filter input[type=text], .filter input[type=number]{width: 100%; max-width: 95px; box-sizing: border-box; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #fff; border: 1px solid #969696; position: relative; padding: 4px 15px 5px; color: #333; font-size: 13px; line-height: 25px;}
.filter input[type=text]:focus, .filter input[type=number]:focus{border: 1px solid #333}
.hp .filter input[type=submit]{border: 1px solid #fefefe; color: #fff; background: url(../img/arrow_circle_off.png) no-repeat scroll 95% center #FF0000; background-size: 20px auto; margin-top: 15px; /*position: absolute; right: 42px; top: 75px;*/ width: auto; padding: 2px 65px 2px 30px !important; display: block; font-size: 15px; height: 34px; text-transform: uppercase; text-align: center; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}
.hp .filter input[type=submit]:hover{border: 1px solid #333; background: url(../img/arrow_circle_off.png) no-repeat scroll 95% center #333; color: #ccc; background-size: 20px auto; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -o-transition: all 150ms linear; -ms-transition: all 150ms linear; transition: all 150ms linear;}

.hp .filter table td input[type="number"]{max-width: 95px;}
.hp .filter table tr.flex_row{display: flex; align-items: center;}
/*
.hp .filter table:nth-child(1) tr:nth-child(1).flex_row{margin-bottom: 20px;}
*/

.hp .filter table tr.flex_row td{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.hp .filter table.special_flex_row_table tr.flex_row td{flex-direction: row-reverse; gap: 3px;}


.hp .filter table.check_table tr.flex_row td div.checker{margin: 0;}

.hp .filter table tr td{padding-right: 20px;}

.hp .filter table tr.flex_row.seasons_box{display: flex; flex-direction: column; align-items: center;}
.hp .filter table tr.flex_row.seasons_box .z_index_top{display: grid; grid-template-columns: repeat(3,1fr); gap: 15px;}
.hp .filter table tr.flex_row.seasons_box label{display: flex; cursor: pointer; flex-direction: column-reverse; align-items: center; gap: 2px; padding: 35px 10px 10px; box-sizing: border-box; border-radius: 15px; -webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}
.hp .filter table tr.flex_row.seasons_box label:has(> div.radio .checked), .hp .filter table tr.flex_row.seasons_box label:hover{background-color: #f0f0f0;}
.hp .filter table tr.flex_row.seasons_box label .radio{display: none;}
.hp .filter table tr.flex_row.seasons_box label .season_info{color: #333; position: relative; font-size: 14px; line-height: 20px; display: flex; flex-direction: column; align-items: flex-start;}
.hp .filter table tr.flex_row.seasons_box label .season_info .icon{position: absolute; bottom: calc(100% + 3px); left: 50%; transform: translateX(-50%); width: 22px; height: 22px; display: inline-block; background-size: contain; background-repeat: no-repeat; background-position: center;}
.hp .filter table tr.flex_row.seasons_box label .season_info .icon.celorocni{background-image: url(../img/celorocni.svg);}
.hp .filter table tr.flex_row.seasons_box label .season_info .icon.letni{background-image: url(../img/letni.svg);}
.hp .filter table tr.flex_row.seasons_box label .season_info .icon.zimni{background-image: url(../img/zimni.svg);}


.hp .filter table td input[type="text"]::-webkit-input-placeholder, .hp .filter table td input[type="number"]::-webkit-input-placeholder{color: #aaa; font-size: 13px; line-height: 23px; font-weight: 400;}
.hp .filter table td input[type="text"]::-webkit-input-placeholder::-moz-placeholder, .hp .filter table td input[type="number"]::-webkit-input-placeholder::-moz-placeholder{color: #aaa; font-size: 13px; line-height: 23px; font-weight: 400;}
.hp .filter table td input[type="text"]::-webkit-input-placeholder::-ms-input-placeholder, .hp .filter table td input[type="number"]::-webkit-input-placeholder::-ms-input-placeholder{color: #aaa; font-size: 13px; line-height: 23px; font-weight: 400;}

.hp .filter .alu_link{font-weight: 700; text-decoration: underline;}
.hp .filter .alu_link:hover{text-decoration: none;}



.box_list form.filter2 table tbody tr.flex_row:nth-child(2){margin-top: 20px;}



.filter{height: 74px; padding: 25px 0 23px 25px; background: #f6f6f6; width: 795px; margin-left: -20px;}
.filter table{border-collapse: collapse;}
.filter table th{padding: 0; font-size: 13px; line-height: 25px; font-weight: 400; color: #333; display: flex; align-items: center;}
.filter table td{padding: 0 15px 0 0;}
.filter table.check{margin: 15px 0;}

.filter table th{padding: 0 10px 0 0;}
.filter .range-slider{height: 26px; width: 600px; margin: 2px 0 0;}
.filter .range-slider p{float: left; width: 80px; margin: 0}
.filter .range-slider p.left_price{margin-right: 20px;}
.filter .range-slider p.left_price input[type=text]{text-align: right;}
.filter .range-slider p.right_price{margin-left: 30px;}
.filter .range-slider p.right_price input[type=text]{text-align: left;}
.filter .range-slider input[type=text]{padding: 0; width: 100%; background: none; border: 0; font-size: 13px; line-height: 25px; font-weight: 700; text-transform: uppercase; color: #333;}
.filter #slider-range{float: left; width: 370px; }
/*
.filter .sbHolder{border: 1px solid #e4e4e4; background: #fff; font-size: 13px; font-weight: 400; margin: 0; height: 34px; z-index: 10; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.filter .sbHolder .sbToggle{border-left: 1px solid #e4e4e4; z-index: 999; background: url(../img/select_arrow.png) no-repeat scroll -1px center; right: 0; top: 0; height: 34px; width: 33px;}
.filter .sbHolder a.sbSelector{z-index: 998; display: block; text-align: left; color: #333; font-size: 13px; line-height: 25px; padding: 4px 38px 5px 10px;}
.filter .sbOptions{z-index: 999; border: 1px solid #e4e4e4; border-top: 0; top: 34px !important; background: #fff; padding: 0; left: -1px; -webkit-border-radius: 0 0 2px 2px;  -moz-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px;}
.filter .sbOptions li:first-child{display: none;}
.filter .sbOptions a{height: auto; background: none; padding: 0 15px; font-size: 13px; border-top: 1px solid #e4e4e4; line-height: 25px; text-align: left; margin: 0; font-weight: 400; color: #333;}
.filter .sbOptions a:hover{background: #ebebeb; color: #000;}                    
*/
.filter .selectBox-dropdown{-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 180px !important; display: block !important; border: 1px solid #969696; background: #fff; font-size: 13px; padding-right: 35px; font-weight: 400; margin: 0; height: 34px; z-index: 10; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.filter .selectBox-dropdown .selectBox-label{width: 100% !important; z-index: 998; display: block; text-align: left; color: #333; font-size: 13px; line-height: 21px; padding: 6px 0 7px 10px;}
.filter .selectBox-dropdown .selectBox-arrow{display: block; border-left: 1px solid #e4e4e4; z-index: 999; background: url(../img/select_arrow.png) no-repeat scroll -1px center; right: 0; top: 0; height: 30px; width: 33px;}
.selectBox-options{z-index: 99999; padding: 0; margin: 1px 0 0; background: #fff; border: 1px solid #bbb;}
.selectBox-options li{list-style: none;}
.selectBox-options li:first-child{display: none;}
.selectBox-options li a{display: block; cursor: pointer; padding: 4px 25px; font-size: 12px; border: 0; line-height: 20px; text-align: left; margin: 0; font-weight: 400; color: #565656;}
.selectBox-options li a:hover{background: #e3e3e3; color: #000;}


.filter table td .select2-container{width: 160px !important;}



.sorting table td:nth-child(4) .selectBox-dropdown, .sorting table td:nth-child(6) .selectBox-dropdown{width: 150px !important;}
.sorting .selectBox-dropdown{-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;  width: 195px !important; display: block !important; border: 1px solid #e4e4e4; background: #fff; font-size: 13px; padding-right: 35px; font-weight: 400; margin: 0; height: 30px; z-index: 10; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.sorting .selectBox-dropdown .selectBox-label{width: 100% !important; z-index: 998; display: block; text-align: left; color: #333; font-size: 12px; line-height: 21px; padding: 4px 0 5px 10px;}
.sorting .selectBox-dropdown .selectBox-arrow{display: block; border-left: 1px solid #e4e4e4; z-index: 999; background: url(../img/select_arrow.png) no-repeat scroll -1px center; right: 0; top: 0; height: 30px; width: 33px;}


.filter input[type=submit]{border: 0; width: auto; background: #333; color: #fff; font-size: 15px; line-height: 20px; height: 28px; font-weight: 400; padding: 0 45px !important; margin: 0; text-align: center; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
.filter input[type=submit]:hover{background: #4d4d4d; }

.filter .long .sbHolder{width: 165px;}
.filter .long .sbHolder a.sbSelector{width: 112px; }
.filter .long .sbOptions{width: 165px;}

.filter .middle .sbHolder{width: 120px;}
.filter .middle .sbHolder a.sbSelector{width: 67px; }
.filter .middle .sbOptions{width: 120px;}

.filter .short .sbHolder{width: 100px;}
.filter .short .sbHolder a.sbSelector{width: 47px; }
.filter .short .sbOptions{width: 100px;}
.hp .filter table.padding{margin-bottom: 15px;}



.sorting{float: left; width: 100%; box-sizing: border-box; background: #606060; padding: 10px 0 16px 0; position: relative;}
.sorting.special_padding{padding: 10px 0 16px 25px;}
.sorting table{border-collapse: collapse; /*float: left;*/}
.sorting table.check_table.checks_box tr{display: flex;}
.sorting table.check_table.checks_box tr td{display: flex; flex-direction: row-reverse; align-items: center; justify-content: center; gap: 3px;}
.sorting table.check_table.checks_box tr td :is(strong,span){color: #fff;}
.sorting table.check_table.checks_box tr td div.checker{margin: 0;}
.sorting table.sort{margin: 3px 0 14px;}
.sorting table.padding{margin: 9px 0 15px; border-collapse: separate; border-spacing: 0 15px;}
.sorting table{margin: 6px 0 13px;}
.sorting table th{padding: 0 10px 18px 0; font-size: 13px; line-height: 25px; font-weight: 400; color: #cacaca;}


.sorting .bottom_tables{display: flex; justify-content: space-between; width: 90%; margin-top: 15px;}

.sorting .bottom_tables .check_table{margin: 0;}
.sorting table.buttons_box{margin-top: 0;}




.sorting .pointer_box{display: flex; flex-direction: column; align-items: center; gap: 10px; margin-top: 20px;}
.sorting .pointer_box .select_category_title{color: #fff; font-weight: 400; margin: 0; text-align: center;}
.sorting .pointer_box .arrow{margin-top: 15px; width: 42px; height: 42px; display: inline-block; background-image: url(../img/arrow_thick_white.svg); background-size: contain; background-repeat: no-repeat; background-position: center;}


.sorting table.filter_pneu{width: 100%;}
.sorting table.filter_pneu tbody{display: flex; align-items: flex-end; justify-content: center;}
.sorting table.filter_pneu tr{justify-content: center;}
.sorting table.filter_pneu.select_type tr{width: 100%;}
.sorting table.filter_pneu tr.flex_row{display: flex; align-items: center; flex-direction: column; margin-top: 35px;}
.sorting table.filter_pneu tr.flex_row.go_row{flex-direction: row; margin: 0;}

.sorting table.filter_pneu tr.flex_row.more_margin{margin-top: 55px;}
.sorting table.filter_pneu tr.flex_row:nth-child(1){margin-top: 0;}
.sorting table.filter_pneu tr.flex_row th:nth-child(1){min-width: 56px;}

.sorting table.filter_pneu tr.flex_row td{display: flex; flex-direction: column; align-items: center;}
.sorting table.filter_pneu tr.flex_row td.padding_top{padding-top: 20px;}
.sorting table.filter_pneu tr.flex_row td.full_width{width: 100%; padding: 0;}
.sorting table.filter_pneu tr.flex_row td .small_label_text{color: #fff; font-size: 14px; line-height: 20px;}

.sorting table.filter_pneu .checks{display: flex; flex-wrap: wrap; justify-content: center; gap: 30px 20px; width: 100%; max-width: 680px;}
.sorting table.filter_pneu .checks label{display: flex; flex-direction: column-reverse; align-items: center; gap: 6px; border-radius: 20px; cursor: pointer; color: #fff; width: calc(20% - 8px); font-size: 14px; line-height: 20px; padding: 10px; box-sizing: border-box; -webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}
.sorting table.filter_pneu .checks label:has(> div.radio .checked), .sorting table.filter_pneu .checks label:hover{background-color: #9d9d9d;}

.sorting table.filter_pneu .checks label .radio{display: none;}

.sorting table.filter_pneu .checks label .info_box{display: flex; flex-direction: column; align-items: center; gap: 2px;}
.sorting table.filter_pneu .checks label .info_box .img{width: 41px; height: 41px; display: inline-block;}

.sorting table.filter_pneu .checks{display: flex; gap: 28px 10px; flex-wrap: wrap;}
.sorting table.filter_pneu .checks label .info_box{display: flex; flex-direction: column; align-items: center; gap: 0;}
.sorting table.filter_pneu .checks label .info_box .img{width: 42px; height: 42px; display: inline-block; background-size: contain; background-repeat: no-repeat; background-position: center;}
.sorting table.filter_pneu .checks label .info_box .img.osobni{background-image: url(../img/auta_white.svg);}
.sorting table.filter_pneu .checks label .info_box .img.ctyry{background-image: url(../img/4x4_white.svg);}
.sorting table.filter_pneu .checks label .info_box .img.van{background-image: url(../img/dodavka_white.svg);}
.sorting table.filter_pneu .checks label .info_box .img.motocyk{background-image: url(../img/moto_white.svg);}
.sorting table.filter_pneu .checks label .info_box .img.nakladni{background-image: url(../img/nakladni_white.svg);}
.sorting table.filter_pneu .checks label .info_box .img.zemedel{background-image: url(../img/zemedelske_white.svg);}
.sorting table.filter_pneu .checks label .info_box .img.prumysl{background-image: url(../img/bagr_white.svg);}
.sorting table.filter_pneu .checks label .info_box .img.ostatni{background-image: url(../img/ostatni_white.svg);}


/*
.sorting table.filter_pneu.padding.filter_pneu.border_top_light{margin-top: 30px;padding-top: 40px;border-top: 1px solid #767676;}
*/
.sorting table.filter_pneu .checks_season{display: grid;grid-template-columns: repeat(3,1fr);gap: 10px;}
.sorting table.filter_pneu .checks_season label{display: flex; cursor: pointer; flex-direction: column-reverse; align-items: center; gap: 2px;padding: 35px 6px 10px; box-sizing: border-box; border-radius: 15px; -webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}
.sorting table.filter_pneu .checks_season label .radio{display: none;}
.sorting table.filter_pneu .checks_season label:has(> div.radio .checked), .sorting table.filter_pneu .checks_season label:hover{background-color: #9d9d9d;}
.sorting table.filter_pneu .checks_season label .season_info{color: #fff; position: relative; font-size: 14px; line-height: 20px; display: flex; flex-direction: column; align-items: flex-start;}
.sorting table.filter_pneu .checks_season label .season_info .icon{position: absolute; bottom: calc(100% + 3px); left: 50%; transform: translateX(-50%); width: 22px; height: 22px; display: inline-block; background-size: contain; background-repeat: no-repeat; background-position: center;}
.sorting table.filter_pneu .checks_season label .season_info .icon.celorocni{background-image: url(../img/celorocni.svg);}
.sorting table.filter_pneu .checks_season label .season_info .icon.letni{background-image: url(../img/letni.svg);}
.sorting table.filter_pneu .checks_season label .season_info .icon.zimni{background-image: url(../img/zimni.svg);}



/*
.hide_table_sub_filter{display: none;}
*/
.hide_table_sub_filter .hide_table_sub_filter_in{display: flex; flex-direction: column; align-items: center; margin-top: 20px;padding-top: 30px;border-top: 1px solid #767676;}
.hide_table_sub_filter .hide_table_sub_filter_in .sort{margin: 3px 0 25px;}




/*
.sorting table tr th:first-child{padding: 0 18px 0 0;}
*/
.sorting table th{text-align: right; padding: 0 10px 0 0; display: inline-block;}
.sorting table.check_table th{width: auto; white-space: nowrap;}
.sorting table.check_table th .light_color{color: #e4e4e4;}
.sorting table td{padding: 0 20px 0 0; position: relative;}

.sorting table td .silencer_sorting{position: absolute; left: 0; right: 20px; background-color: #fff; z-index: 99;}
.sorting table td .silencer_sorting ul{padding: 0; margin: 0;}
.sorting table td .silencer_sorting ul li{list-style: none;}
.sorting table td .silencer_sorting ul li button{width: 100%; border: 0; border-top: 1px solid lightgrey; text-align: left; background-color: #fff; padding: 6px 12px; box-sizing: border-box; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -o-transition: all 150ms linear; -ms-transition: all 150ms linear; transition: all 150ms linear;}
.sorting table td .silencer_sorting ul li button:hover, .sorting table td .silencer_sorting ul li button:focus{background-color: lightgrey;}






.sorting table.sort td{padding: 0 10px 0 0;}
.sorting table td a{display: block; width: 20px; height: 11px; background: url(../img/sort_arrow.png) no-repeat;}
.sorting table td a.up{background-position: right bottom;  margin-right: 30px;}
.sorting table td a.down{background-position: left bottom;}
.sorting table td.active a.up, .sorting table td a.up:hover{background-position: right top;}
.sorting table td.active a.down, .sorting table td a.down:hover{background-position: left top;}
.sorting input[type=text], .sorting input[type=number]{width: 50px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #fff; border: 1px solid #e4e4e4; position: relative; padding: 2px 15px 3px; color: #333; font-size: 12px; line-height: 23px;}
.sorting input[type=text].search_input{width: 160px;}
.sorting input[type=text].small_text, .sorting input[type=number].small_text{width: 100%; max-width: 96px; padding: 4px 15px; font-size: 13px; line-height: 22px; box-sizing: border-box;}

.sorting input[type=text]::-webkit-input-placeholder, .sorting input[type=number]::-webkit-input-placeholder{color: #aaa; font-size: 13px; line-height: 23px; font-weight: 400;}
.sorting input[type=text]::-moz-placeholder, .sorting input[type=number]::-moz-placeholder{color: #aaa; font-size: 13px; line-height: 23px; font-weight: 400;}
.sorting input[type=text]::-ms-input-placeholder, .sorting input[type=number]::-ms-input-placeholder{color: #aaa; font-size: 13px; line-height: 23px; font-weight: 400;}


.sorting input[type=text]:focus, .sorting input[type=number]:focus{border: 1px solid #333}
.sorting .range-slider{height: 26px; width: 600px; margin: 2px 0 0;}
.sorting .range-slider.sub{width: 465px;}
.sorting .range-slider p{float: left; width: 80px; margin: 0}
.sorting .range-slider p.left_price{margin-right: 20px;}
.sorting .range-slider p.left_price input[type=text]{text-align: right;}
.sorting .range-slider p.right_price{margin-left: 30px;}
.sorting .range-slider p.right_price input[type=text]{text-align: left;}
.sorting .range-slider input[type=text]{padding: 0; width: 100%; background: none; border: 0; font-size: 13px; line-height: 25px; font-weight: 700; text-transform: uppercase; color: #cacaca;}
.sorting #slider-range{float: left; width: 370px; }
.sorting .range-slider.sub #slider-range{width: 250px; }

.sorting .sbHolder{border: 1px solid #e4e4e4; background: #fff; font-size: 12px; font-weight: 400; margin: 0; height: 26px; z-index: 10; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.sorting .sbHolder .sbToggle{border-left: 1px solid #e4e4e4; z-index: 999; background: url(../img/select_arrow.png) no-repeat scroll -1px center; right: 0; top: 0; height: 26px; width: 33px;}
.sorting .sbHolder a.sbSelector{height: auto; background: none; z-index: 998; display: block; text-align: left; color: #333; font-size: 12px; line-height: 25px; padding: 0px 38px 1px 10px;}
.sorting .sbOptions{z-index: 999; border: 1px solid #e4e4e4; border-top: 0; top: 24px !important; background: #fff; padding: 0; left: -1px; -webkit-border-radius: 0 0 2px 2px;  -moz-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px;}
.sorting .sbOptions li:first-child{display: none;}
.sorting .sbOptions a{width: auto; height: auto; background: none; padding: 0 10px; font-size: 13px; border-top: 1px solid #e4e4e4; line-height: 25px; text-align: left; margin: 0; font-weight: 400; color: #333;}
.sorting .sbOptions a:hover{background: #ebebeb; color: #000;}
.sorting input[type=submit]{border: 0; width: auto; background: #333; color: #fff; font-size: 15px; line-height: 20px; height: 28px; font-weight: 400; padding: 0 45px !important; margin: 0; text-align: center; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;  -webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}
.sorting input[type=submit]:hover{background: #ff0000; color: #fff; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -o-transition: all 150ms linear; -ms-transition: all 150ms linear; transition: all 150ms linear; }

.sorting #filtrovat{background: #ff0000;}
.sorting #filtrovat:hover{background: #333;}

.sorting .long .sbHolder{width: 165px;}
.sorting .long .sbHolder a.sbSelector{width: 112px; }
.sorting .long .sbOptions{width: 165px;}

.sorting .middle .sbHolder{width: 120px;}
.sorting .middle .sbHolder a.sbSelector{width: 67px; }
.sorting .middle .sbOptions{width: 120px;}

.sorting .short .sbHolder{width: 120px;}
.sorting .short .sbHolder a.sbSelector{width: 67px; }
.sorting .short .sbOptions{width: 120px;}



.sorting .change_produkt{position: absolute; right: 0; top: 0; padding: 15px 16px; width: 58px; background: #4D4D4D;}
.sorting .change_produkt a.line{background: url(../img/row_icon.png) no-repeat; display: block; width: 18px; height: 18px; float: left; margin-right: 22px;}
.sorting .change_produkt a.box{background: url(../img/box_icon.png) no-repeat; display: block; width: 18px; height: 18px; float: left;}
.sorting .change_produkt a.line:hover, .sorting .change_produkt a.line.active{background: url(../img/row_icon_hover.png) no-repeat;}
.sorting .change_produkt a.box:hover, .sorting .change_produkt a.box.active{background: url(../img/box_icon_hover.png) no-repeat;}




.preparing{height: 0;}
.preparing p{text-align: center; font-size: 24px; line-height: 30px;}




#content{width: 100%; position: relative; z-index: 100; margin: 1px 0 0; }
#content .inside{background: #fff; padding: 0 20px;}
.hp #content{background: none; margin: 350px 0 0;}

.category_text{background: #fff;}
.category_text h1{font-size: 25px; line-height: 35px; color: #4d4d4d; font-weight: 300; text-transform: uppercase; margin: 0; padding: 44px 0 20px; text-align: center;}
.category_text p{text-align: center; font-size: 15px; line-height: 21px; color: #000000; font-weight: 400; margin: 0; padding: 0;}
.category_text img{display: block; margin: 20px auto 49px;}

.product_list_action{background: #fff; width: 100%; text-align: center;}
.product_list_action .item{margin: 0; float: left; width: 25%;}
.product_list_action .item .box{border: 1px solid #cacaca;}
.product_list_action .item .box a{padding: 55% 10% 10%; width: 80%; height: 80%; display: block; background-repeat: no-repeat; background-size: auto 55%; background-color: #fff; background-position: center 0; display: block; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear;}
.product_list_action .item .box a .text{display: table; height: 100px; width: 100%;}
.product_list_action .item .box a .text .centering{display: table-cell; vertical-align: middle;}
.product_list_action .item .box a h2{font-size: 15px; line-height: 25px; color: #4d4d4d; font-weight: 400; text-transform: uppercase; margin: 0; padding: 15px 0; text-align: center;}
.product_list_action .item .box a p{font-size: 13px; line-height: 17px; color: #666666; font-weight: 400; margin: 0; padding: 0; text-align: center;}
.product_list_action .item .box a p.link{font-size: 13px; line-height: 17px; color: #bf0018; text-transform: uppercase; font-weight: 400; margin: 0; padding: 5px 0; text-align: center;}
.product_list_action .item .box a:hover{background-color: #f6f6f6;}


aside .product_list_action{width: 245px;}
aside .product_list_action .item{-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: 1px solid #fff; width: 100%; float: none; margin-bottom: 15px; position: relative; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; -ms-transition: all 300ms ease; transition: all 300ms ease;}
aside .product_list_action .item:hover{border: 1px solid #FFE619; -webkit-box-shadow: 0 0 10px -7px #000; -moz-box-shadow: 0 0 10px -7px #000; box-shadow: 0 0 10px -7px #000;}
aside .product_list_action .item a{padding: 55% 0 10%; margin-top: 10%; width: 100%; height: 80%; display: block; background-repeat: no-repeat; background-size: auto 55%; background-position: center 0; display: block; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear;}
aside .product_list_action .item a h2{font-size: 12px; line-height: 16px; color: #4d4d4d; font-weight: 400; text-transform: uppercase; margin: 0; padding: 10px 0 5px; text-align: center;}
aside .product_list_action .item p{display: inline-block; zoom: 1; *display: inline; font-size: 15px; line-height: 35px; font-weight: 700; text-align: center; margin: 0; padding: 0; color: #4d4d4d;}
aside .product_list_action .item p.top_price{line-height: 20px; padding: 5px 0 0px;}
aside .product_list_action .item p.bottom_price{color: #808080; font-weight: 400; line-height: 18px; padding: 0px 0 5px; font-size: 13px;}
aside .product_list_action .item p.old{display: block; font-weight: 400; line-height: 20px; padding: 5px 0 0px;}
aside .product_list_action .item p.sleva{color: #BF0018; margin: 0 2px; line-height: 20px; padding: 0px 0 5px;}
aside .product_list_action .item .bottom_price{position: relative;}
aside .product_list_action .item .bottom_price .dostupnost{text-align: center; padding: 10px 0;}
aside .product_list_action .item .bottom_price .dostupnost span{padding: 1px 0; display: block; font-weight: 400; color: #808080; text-align: center; line-height: 18px; font-size: 13px;}
aside .product_list_action .item .bottom_price .dostupnost span.je{color: #39B34A;}
aside .product_list_action .item .bottom_price .dostupnost span.neni{color: #BF0018;}
aside .product_list_action .item .bottom_price span{color: #808080; font-weight: 700; line-height: 18px; padding: 0px 5px 12px; font-size: 13px;}
aside .product_list_action .item .bottom_price span.skladem{color: #39B34A;}
aside .product_list_action .item .bottom_price span.neni_skladem{color: #BF0018;}

aside .product_list_action .item .bottom_price span .tooltip{position: inherit; display: inline-block; zoom: 1; *display: inline; padding: 0; width: auto; height: 25px;}
aside .product_list_action .item .bottom_price span .tooltip-item{font-family: 'Open Sans', sans-serif; padding: 0; height: 25px; width: auto;line-height: 25px; font-size: 13px; color: #39B34A;; font-weight: 700; text-align: center; text-decoration: none}
aside .product_list_action .item .bottom_price span.neni_skladem .tooltip-item{color: #39B34A;}
aside .product_list_action .item .bottom_price span .tooltip-content{top: initial; bottom: 27px; padding: 0; width: 300px; left: 0; right: 0; margin: 0; font-size: 16px; line-height: 24px; background: #000;}
aside .product_list_action .item .bottom_price span .tooltip-text{font-weight: 600; font-size: 13px; line-height: 18px; padding: 10px 0; color: #fff;}
aside .product_list_action .item .bottom_price span .tooltip-content::after{display: none; border-bottom-color: #000; border-top-color: transparent; top: inherit; bottom: 100%;}
aside .product_list_action .item .bottom_price span .tooltip-effect-2 .tooltip-content{ -webkit-transform-origin: 50% calc(100% + 30px); transform-origin: 50% calc(100% + 30px); -webkit-transform: perspective(1000px) rotate3d(1,0,0,-45deg); transform: perspective(1000px) rotate3d(1,0,0,-45deg); -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, transform 0.2s;}
aside .product_list_action .item .bottom_price span .tooltip:hover .tooltip-content{pointer-events: auto; opacity: 1; -webkit-transform: translate3d(0,0,0) rotate3d(0,0,0,0); transform: translate3d(0,0,0) rotate3d(0,0,0,0);}
aside .product_list_action .item .bottom_price .tooltip.tooltip-effect-2:hover .tooltip-content{-webkit-transform: perspective(1000px) rotate3d(1,0,0,0deg); transform: perspective(1000px) rotate3d(1,0,0,0deg);}




.product_list.box{display: block; text-align: left; width: 101%; margin: 20px 0 20px -0.5%; padding: 0;}
.product_list.box{backface-visibility: hidden; opacity: 1; overflow: hidden; transform: rotateX(0deg); transform-origin: center top 0;
    transition: transform 500ms ease 300ms, opacity 500ms ease 0s, max-height 400ms ease 0s, min-height 400ms ease 0s, padding 400ms ease 0s;
    -webkit-transition: transform 500ms ease 300ms, opacity 500ms ease 0s, max-height 400ms ease 0s, min-height 400ms ease 0s, padding 400ms ease 0s;
    -moz-transition: transform 500ms ease 300ms, opacity 500ms ease 0s, max-height 400ms ease 0s, min-height 400ms ease 0s, padding 400ms ease 0s;
    -o-transition: transform 500ms ease 300ms, opacity 500ms ease 0s, max-height 400ms ease 0s, min-height 400ms ease 0s, padding 400ms ease 0s;
    -ms-transition: transform 500ms ease 300ms, opacity 500ms ease 0s, max-height 400ms ease 0s, min-height 400ms ease 0s, padding 400ms ease 0s;}
.product_list.box.efekt{min-height: 1px !important; max-height: 0 !important; opacity: 0; padding: 0; transform: rotateX(-90deg);
    transition: transform 500ms ease 0s, opacity 500ms ease 0s, max-height 500ms ease 500ms, min-height 500ms ease 500ms, padding 500ms ease 500ms;
    -webkit-transition: transform 500ms ease 0s, opacity 500ms ease 0s, max-height 500ms ease 500ms, min-height 500ms ease 500ms, padding 500ms ease 500ms;
    -moz-transition: transform 500ms ease 0s, opacity 500ms ease 0s, max-height 500ms ease 500ms, min-height 500ms ease 500ms, padding 500ms ease 500ms;
    -o-transition: transform 500ms ease 0s, opacity 500ms ease 0s, max-height 500ms ease 500ms, min-height 500ms ease 500ms, padding 500ms ease 500ms;
    -ms-transition: transform 500ms ease 0s, opacity 500ms ease 0s, max-height 500ms ease 500ms, min-height 500ms ease 500ms, padding 500ms ease 500ms;}
.product_list.box .item{position: relative; background: #F0F0F0; margin: 0 0.5% 20px 0.5%; display: inline-block; zoom: 1; *display: inline; width: 32%;}
.product_list.box .item a.img{padding: 45% 10% 10%; width: 80%; height: 80%; position: relative; display: block; background-repeat: no-repeat; background-size: auto 100%; background-color: #ffffff;  background-position: center 0; display: block; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear;}
.product_list.box .item a.img .code{position: absolute; left: 0; top: 0; font-size: 11px; line-height: 18px; padding: 0 3px; background-color: #575757; color: #fff;}
.product_list.box .item a.img .code.more_down{top: 42px;}
.product_list.box .item .season_icon{position: absolute; top: 4px; right: 4px; width: 24px; height: 24px; background: no-repeat scroll center center; background-size: 24px 24px;}
.product_list.box .item .season_icon.summer{background-image: url(../img/letni.svg); }
.product_list.box .item .season_icon.winter{background-image: url(../img/zimni.svg); }
.product_list.box .item .season_icon.year{background-image: url(../img/celorocni.svg); }
.product_list.box .item h2{background: #F0F0F0; margin: 0; padding: 5px 0; font-size: 13px; line-height: 20px; text-align: center; display: table; height: 65px; width: 100%;}
.product_list.box .item h2 a{font-size: 15px; line-height: 20px; color: #4d4d4d; font-weight: 400; display: table-cell; vertical-align: middle; text-align: center; padding: 0 15px;}
.product_list.box .item.hover_efekt h2 a{color: #BF0018;}
.product_list.box .item .info{text-align: center; padding: 10px 0; margin: 0 15px; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.product_list.box .item .info span.code{display: inline-block; zoom: 1; *display: inline; padding-right: 20px; text-align: center; font-size: 13px; line-height: 20px; color: #333333; font-weight: 400; margin-bottom: 5px;}
.product_list.box .item .info span.code strong{font-size: 13px; line-height: 20px; color: #333333; text-align: left; font-weight: 600; text-transform: uppercase; }
.product_list.box .item .info label{text-align: center; width: 100px; font-size: 13px; line-height: 20px; color: #333333; font-weight: 400;}
.product_list.box .item .info label span{display: inline-block; zoom: 1; *display: inline; padding-left: 6px; font-size: 13px; line-height: 20px; color: #808080; text-align: left; font-weight: 400;}
.product_list.box .item .info label input[type=text]{display: inline-block; zoom: 1; *display: inline; width: 20px; font-size: 13px; line-height: 20px; background: #fff; border: 0; padding: 4px 15px 3px; text-align: center; border: 1px solid #fff;}
.product_list.box .item .info label input[type=text]:focus{border: 1px solid #4d4d4d;}
.product_list.box .item .info label input[type=text]::-webkit-input-placeholder{color: #333333; font-size: 13px; line-height: 20px; font-weight: 400;}
.product_list.box .item .info label input[type=text]::-moz-placeholder{color: #333333; font-size: 13px; line-height: 20px; font-weight: 400;}
.product_list.box .item .info label input[type=text]::-ms-input-placeholder{color: #333333; font-size: 13px; line-height: 20px; font-weight: 400;}
.product_list.box .item .price{position: relative; text-align: center;}
.product_list.box .item .price p{display: inline-block; zoom: 1; *display: inline; font-size: 15px; line-height: 35px; font-weight: 700; text-align: center; margin: 0; padding: 0; color: #4d4d4d;}
.product_list.box .item .price p.top_price{line-height: 20px; padding: 12px 0 0px;}
.product_list.box .item .price .bottom_price{color: #808080; font-weight: 400; line-height: 18px; padding: 0px 0 12px; font-size: 13px;}
.product_list.box .item .price p.old{display: block; font-weight: 400; line-height: 20px; padding: 12px 0 0px;}
.product_list.box .item .price p.sleva{color: #BF0018; margin: 0 2px; line-height: 20px; padding: 0px 0 12px;}

.product_list.box .item .price .bottom_price .dostupnost{text-align: center; padding: 10px 0;}
.product_list.box .item .price .bottom_price .dostupnost span{padding: 1px 0; display: block; font-weight: 400; color: #808080; text-align: center; line-height: 18px; font-size: 13px;}
.product_list.box .item .price .bottom_price .dostupnost span.je{color: #39B34A;}
.product_list.box .item .price .bottom_price .dostupnost span.neni{color: #BF0018;}
.product_list.box .item .price .bottom_price span{color: #808080; font-weight: 700; line-height: 18px; padding: 0px 5px 12px; font-size: 13px;}
.product_list.box .item .price .bottom_price span.skladem{color: #39B34A;}
.product_list.box .item .price .bottom_price span.neni_skladem{color: #BF0018;}

.product_list.box .item .price .bottom_price span .tooltip{position: inherit; display: inline-block; zoom: 1; *display: inline; padding: 0; width: auto; height: 25px;}
.product_list.box .item .price .bottom_price span .tooltip-item{font-family: 'Open Sans', sans-serif; padding: 0; height: 25px; width: auto;line-height: 25px; font-size: 13px; color: #39B34A;; font-weight: 700; text-align: center; text-decoration: none}
.product_list.box .item .price .bottom_price span.neni_skladem .tooltip-item{color: #39B34A;}
.product_list.box .item .price .bottom_price span .tooltip-content{bottom: 40px; top: initial; padding: 0; width: 300px; left: 0; right: 0; margin: 0; font-size: 16px; line-height: 24px; background: #000;}
.product_list.box .item .price .bottom_price span .tooltip-text{font-weight: 600; font-size: 13px; line-height: 18px; padding: 10px 0; color: #fff;}
.product_list.box .item .price .bottom_price span .tooltip-content::after{display: none; border-bottom-color: #000; border-top-color: transparent; top: inherit; bottom: 100%;}
.product_list.box .item .price .bottom_price span .tooltip-effect-2 .tooltip-content{ -webkit-transform-origin: 50% calc(100% + 30px); transform-origin: 50% calc(100% + 30px); -webkit-transform: perspective(1000px) rotate3d(1,0,0,-45deg); transform: perspective(1000px) rotate3d(1,0,0,-45deg); -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, transform 0.2s;}
.product_list.box .item .price .bottom_price span .tooltip:hover .tooltip-content{pointer-events: auto; opacity: 1; -webkit-transform: translate3d(0,0,0) rotate3d(0,0,0,0); transform: translate3d(0,0,0) rotate3d(0,0,0,0);}
.product_list.box .item .price .bottom_price span .tooltip.tooltip-effect-2:hover .tooltip-content{-webkit-transform: perspective(1000px) rotate3d(1,0,0,0deg); transform: perspective(1000px) rotate3d(1,0,0,0deg);}




/*
.product_list.box .item .icon.sleva{background: url(../img/price_icon.png) no-repeat; display: block; position: absolute; top: 8px; left: 20px; width: 17px; height: 17px;}
.product_list.box .item .icon.akce{background: url(../img/star_icon.png) no-repeat; display: block; position: absolute; top: 9px; right: 20px; width: 17px; height: 16px;}
*/
.product_list.box .item .add_basket{width: 100%;}
.product_list.box .item .add_basket input[type=submit]{width: 100%; display: block; border: 0; background: url(../img/basket_white_icon.png) no-repeat scroll center center #474747; height: 42px; -webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}
.product_list.box .item .add_basket input[type=submit]:hover{ background: url(../img/basket_white_icon.png) no-repeat scroll center center #ff0000; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -o-transition: all 150ms linear; -ms-transition: all 150ms linear; transition: all 150ms linear;}

.product_list.box .item .add_basket a{ text-align:center; color:#FFFFFF; padding: 10px 0px; display:block; width: 100%; display: block; border: 0; background-color: #474747; height: 24px; -webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}
.product_list.box .item .add_basket a:hover{ background-color: #ff0000; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -o-transition: all 150ms linear; -ms-transition: all 150ms linear; transition: all 150ms linear;}







.product_list.box.home{display: flex; flex-wrap: wrap; background: #F0F0F0; text-align: left; width: 100%; margin: 0 0 20px 0; padding: 50px 0 10px;}
.product_list.box.home .item{width: 24%;}







.product_list.row{margin: 20px 0 20px; padding: 0; width: 100%;}
.product_list.row{backface-visibility: hidden; opacity: 1; overflow: hidden; transform: rotateX(0deg); transform-origin: center top 0;
    transition: transform 500ms ease 300ms, opacity 500ms ease 0s, max-height 400ms ease 0s, min-height 400ms ease 0s, padding 400ms ease 0s;
    -webkit-transition: transform 500ms ease 300ms, opacity 500ms ease 0s, max-height 400ms ease 0s, min-height 400ms ease 0s, padding 400ms ease 0s;
    -moz-transition: transform 500ms ease 300ms, opacity 500ms ease 0s, max-height 400ms ease 0s, min-height 400ms ease 0s, padding 400ms ease 0s;
    -o-transition: transform 500ms ease 300ms, opacity 500ms ease 0s, max-height 400ms ease 0s, min-height 400ms ease 0s, padding 400ms ease 0s;
    -ms-transition: transform 500ms ease 300ms, opacity 500ms ease 0s, max-height 400ms ease 0s, min-height 400ms ease 0s, padding 400ms ease 0s;}
.product_list.row.efekt{min-height: 1px !important; max-height: 0 !important; opacity: 0; padding: 0; transform: rotateX(-90deg);
    transition: transform 500ms ease 0s, opacity 500ms ease 0s, max-height 500ms ease 500ms, min-height 500ms ease 500ms, padding 500ms ease 500ms;
    -webkit-transition: transform 500ms ease 0s, opacity 500ms ease 0s, max-height 500ms ease 500ms, min-height 500ms ease 500ms, padding 500ms ease 500ms;
    -moz-transition: transform 500ms ease 0s, opacity 500ms ease 0s, max-height 500ms ease 500ms, min-height 500ms ease 500ms, padding 500ms ease 500ms;
    -o-transition: transform 500ms ease 0s, opacity 500ms ease 0s, max-height 500ms ease 500ms, min-height 500ms ease 500ms, padding 500ms ease 500ms;
    -ms-transition: transform 500ms ease 0s, opacity 500ms ease 0s, max-height 500ms ease 500ms, min-height 500ms ease 500ms, padding 500ms ease 500ms;}
.product_list.row table{width: 100%; border-collapse: collapse;}

.product_list.row table tr:first-child:hover{background: #fff;}
.product_list.row table tr:hover{background: #f0f0f0;}


.product_list.row table th{border-bottom: 2px solid #333333; color: #333333; padding: 0 15px; font-weight: 600; font-size: 13px; line-height: 40px; text-transform: uppercase;}
.product_list.row table th.one{background: url(../img/info_icon.png) no-repeat scroll center center;}
.product_list.row table th.one{text-align: left; width: 25px;}
.product_list.row table th.two{text-align: left; width: 80px;}
.product_list.row table th.three{text-align: left;}
.product_list.row table th.four{text-align: center; width: 80px;}
.product_list.row table th.five{text-align: right; width: 90px;}
.product_list.row table th.six{text-align: center}
.product_list.row table td{border-bottom: 1px solid #E4E4E4; padding: 0;}
.product_list.row table td.one label{width: 10px; height: 10px; display: block; margin: 0 auto; position: relative; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.product_list.row table td.one label.skladem{background: #03A651;}
.product_list.row table td.one label.orange {background: orange;}
.product_list.row table td.one label.bude{background: #BFD62E;}
.product_list.row table td.one label.pozdeji{background: red;}


.product_list.row table td.one .tooltip{height: auto;}
.product_list.row table td.one .tooltip-item{height: auto;}
.product_list.row table td.one .tooltip-content::after {border: none;}
.product_list.row table td.one .tooltip-content {margin: 0; left: 90%; top: -2px;}

.product_list.row table td.two a{display: block; color: #333333; padding: 8px 15px; font-weight: 400; font-size: 13px; line-height: 20px; text-align: left;}
.product_list.row table td.two a:hover{color: #000; text-decoration: underline;}
.product_list.row table td.three a{display: block; color: #333333; padding: 10px 15px; font-weight: 400; font-size: 13px; line-height: 20px; text-align: left;}
.product_list.row table td.three a:hover{color: #000; text-decoration: underline;}
.product_list.row table td.four label{padding: 0 15px; text-align: center; width: 100px; font-size: 13px; line-height: 20px; color: #333333; font-weight: 400;}
.product_list.row table td.four label span{display: inline-block; zoom: 1; *display: inline; padding-left: 6px; font-size: 13px; line-height: 20px; color: #808080; text-align: left; font-weight: 400;}
.product_list.row table td.four label input[type=text]{display: inline-block; zoom: 1; *display: inline; width: 20px; font-size: 13px; line-height: 20px; background: #fff; border: 0; padding: 4px 15px 3px; text-align: center; border: 1px solid #E4E4E4;}
.product_list.row table td.four label input[type=text]:focus{border: 1px solid #4d4d4d;}
.product_list.row table td.four label input[type=text]::-webkit-input-placeholder{color: #333333; font-size: 13px; line-height: 20px; font-weight: 400;}
.product_list.row table td.four label input[type=text]::-moz-placeholder{color: #333333; font-size: 13px; line-height: 20px; font-weight: 400;}
.product_list.row table td.four label input[type=text]::-ms-input-placeholder{color: #333333; font-size: 13px; line-height: 20px; font-weight: 400;}
.product_list.row table td.five a{display: block; padding: 8px 15px; color: #4d4d4d;}
.product_list.row table td.five a p{display: block; font-size: 13px; line-height: 20px; font-weight: 700; text-align: right; margin: 0;  color: #4d4d4d;}
.product_list.row table td.five a:hover p{text-decoration: underline;}
.product_list.row table td.five a p.old{font-weight: 400; color: #808080; text-decoration: line-through}
.product_list.row table td.five a p.sleva{color: #BF0018;}
.product_list.row table td.six{text-align: center;}
.product_list.row table td.six input[type=submit]{width: 100%; display: block; border: 0; background: url(../img/basket_black_icon.png) no-repeat scroll center center; height: 30px; }
.product_list.row table td.six a{border: 0; width: auto; background: #333; color: #fff; font-size: 15px; line-height: 20px; height: 28px; font-weight: 400; padding: 2px 30px !important; margin: 0; text-align: center; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}
.product_list.row table td.six a:hover{background: #ff0000; color: #fff;}


.strankovani{padding: 0 0 40px 0;}
.strankovani ul{float: left; margin: 0; padding: 0;}
.strankovani ul li{list-style: none; float: left; margin: 0 0 0 8px;}
.strankovani ul li a{border: 1px solid #cacaca; display: block; width: 30px; font-size: 11px; line-height: 30px; text-align: center; color: #333; font-weight: 400; position: relative; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.strankovani ul li a:hover{color: #000; border: 1px solid #000}
.strankovani ul li.active a, .strankovani ul li.active a:hover{color: #4d4d4d; border: 1px solid #4d4d4d}
.strankovani ul li.tecky{font-size: 16px; line-height: 20px; padding-top: 7px; color: #333; font-weight: 400;}


.popisek_v_obrazku{padding: 7px 12px;background: #FF0000;color: #fff;font-size: 13px;line-height: 20px;position: absolute;top: 8px;left: 0; -webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}
.popisek_v_obrazku:hover{opacity: 0.1;}


.detail{clear: both; padding-bottom: 50px;}
.detail .img_slider{float: left; width: 398px; visibility: hidden; height: 350px; padding: 0 0 100px;}
.detail .img_slider .bx-wrapper{position: relative; z-index: 10; border: 1px solid #F0F0F0; border-bottom: none; }
.detail .img_slider .bx-viewport{height: 100% !important;}
.detail .img_slider .bx-viewport a.swipebox{display: block;}
.detail .img_slider .bx-viewport img{margin: 0 auto; display: block; max-height: 350px;}
.detail .img_slider .bx-viewport .season_icon{position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; background: no-repeat scroll center center; background-size: 30px 30px; border-radius: 50%; background-color: #fff;}
.detail .img_slider .bx-viewport .season_icon.summer{background-image: url(../img/letni.svg); }
.detail .img_slider .bx-viewport .season_icon.winter{background-image: url(../img/zimni.svg); }
.detail .img_slider .bx-viewport .season_icon.year{background-image: url(../img/celorocni.svg); }
.detail .img_slider #bx-pager{width: 398px; margin-left: -1px; position: relative; z-index: 100; display: flex; justify-content: center;}
.detail .img_slider #bx-pager div{text-align: center; border: 1px solid #F0F0F0; margin-right: -1px; float: left; position: relative; z-index: 0; display: block; width: 98.5px; height: 98.5px;}

.detail .img_slider #bx-pager div img{display: block; margin: 0 auto;  max-width: 98.5px; max-height: 98.5px;}
.detail .img_slider #bx-pager div.spotreba img{ margin-top: 24px;}
.detail .img_slider #bx-pager div.spotreba span.text{display: inline-block; zoom: 1; *display: inline; background: #2f292b; font-size: 15px; line-height: 20px; color: #fff; font-weight: 700; padding: 3px 12px; margin: 0 0 0 -12.5px; position: absolute; top: -15px;}
.detail .img_slider #bx-pager div.spotreba span.bottom_line{position: absolute; margin: 0 auto;  left: 0; right: 0; bottom: 2px; width: 95px; height: 10px; background: url(../img/spotreba_line.png) no-repeat;}
.detail .img_slider #bx-pager div.spotreba span.bottom_line span.arrow{position: absolute; left: 20%; bottom: 6px; width: 10px; height: 14px; background: url(../img/bottom_line_arrow.png) no-repeat;}

.detail .img_slider #bx-pager div.prilnavost img{margin-top: 24px;}
.detail .img_slider #bx-pager div.prilnavost span.text{display: inline-block; zoom: 1; *display: inline; background: #2f292b; font-size: 15px; line-height: 20px; color: #fff; font-weight: 700; padding: 3px 12px; margin: 0 0 0 -12.5px; position: absolute; top: -15px;}
.detail .img_slider #bx-pager div.prilnavost span.bottom_line{position: absolute; margin: 0 auto;  left: 0; right: 0; bottom: 2px; width: 95px; height: 10px; background: url(../img/prilnavost_line.png) no-repeat;}
.detail .img_slider #bx-pager div.prilnavost span.bottom_line span.arrow{position: absolute; left: 20%; bottom: 6px; width: 10px; height: 14px; background: url(../img/bottom_line_arrow.png) no-repeat;}

.detail .img_slider #bx-pager div.hlucnost img{margin-top: 29px;}
.detail .img_slider #bx-pager div.hlucnost span.text{display: inline-block; zoom: 1; *display: inline; background: #2f292b; font-size: 15px; line-height: 20px;  color: #fff; font-weight: 700; padding: 3px 12px; margin: 0 0 0 -26px; position: absolute; top: -15px;}
.detail .img_slider #bx-pager div.hlucnost span.text strong{color: #fff; font-weight: 700; font-size: 12px; line-height: 20px; padding: 0 0 0 1px;}


.detail .main_info{float: right; width: 46%;}
.detail .main_info.active{width: 62%;}
.detail .main_info p.code{font-size: 16px; line-height: 22px; font-weight: 400; color: #333333; text-align: left; margin: 0 0 15px;}
.detail .main_info p.code strong{font-size: 16px; line-height: 22px; font-weight: 600; color: #333333; text-align: left; text-transform: uppercase;}
.detail .main_info h1{font-size: 25px; line-height: 32px;}
.detail .main_info table{margin-bottom: 20px; border-top: 2px solid #000; border-collapse: collapse; width: 100%;}
.detail .main_info table th{border-bottom: 1px solid #E4E4E4; font-size: 13px; text-align: left; line-height: 18px; padding: 8px 5px; color: #333; font-weight: 400;}
.detail .main_info table td{border-bottom: 1px solid #E4E4E4; font-size: 13px; text-align: right; line-height: 18px; padding: 8px 5px; color: #333; font-weight: 400;}
.detail .main_info table td span{float: right; display: block; font-size: 13px; line-height: 18px; font-weight: 700; position: relative; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.detail .main_info table td span.skladem{color: #03A651;}
.detail .main_info table td span.vyprodano{color: #ED1D23;}
.detail .main_info table td span.bude{color: #BFD62E;}
.detail .main_info table td span.pozdeji{color: #FDB813;}


.detail .main_info .price{margin: 10px 0; display: table; height: 60px; width: 385px; background: #F6F6F6; padding: 0 0 0 15px;}
.detail .main_info.active .price{width: 330px;}
.detail .main_info.active .price.unit{float: left;}
.detail .main_info.active .price.package{float: right;}
.detail .main_info .price p{width: 195px; padding-right: 10px; display: table-cell; vertical-align: middle; margin: 0; font-size: 14px; line-height: 18px; font-weight: 600; color: #333333; text-align: left;}
.detail .main_info.active .price p{width: 120px;}
.detail .main_info .price p span{margin: 0; font-size: 13px; line-height: 18px; font-weight: 400; color: #808080; text-align: left;}
.detail .main_info .price label{display: table-cell; vertical-align: middle; padding: 0; text-align: left; width: 90px; font-size: 13px; line-height: 20px; color: #333333; font-weight: 400;}
.detail .main_info .price label span{display: inline-block; zoom: 1; *display: inline; padding-left: 6px; font-size: 13px; line-height: 20px; color: #808080; text-align: left; font-weight: 400;}
.detail .main_info .price label input[type=text]{display: inline-block; zoom: 1; *display: inline; width: 20px; font-size: 13px; line-height: 20px; background: #fff; border: 0; padding: 4px 15px 3px; text-align: center; border: 1px solid #E4E4E4;}
.detail .main_info .price label input[type=text]:focus{border: 1px solid #4d4d4d;}
.detail .main_info .price label input[type=text]::-webkit-input-placeholder{color: #333333; font-size: 13px; line-height: 20px; font-weight: 400;}
.detail .main_info .price label input[type=text]::-moz-placeholder{color: #333333; font-size: 13px; line-height: 20px; font-weight: 400;}
.detail .main_info .price label input[type=text]::-ms-input-placeholder{color: #333333; font-size: 13px; line-height: 20px; font-weight: 400;}
.detail .main_info .price input[type=submit]{width: 70px; display: block; float: right; border: 0; background: url(../img/basket_black_icon.png) no-repeat scroll center center #ffe619; height: 60px; -webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}
.detail .main_info .price input[type=submit]:hover{background: url(../img/basket_white_icon.png) no-repeat scroll center center #4d4d4d; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -o-transition: all 150ms linear; -ms-transition: all 150ms linear; transition: all 150ms linear;}

.detail .popis{padding-top: 30px;}
.detail .popis p.title{font-size: 20px; line-height: 40px; margin: 0 0 10px; padding: 0; font-weight: 400; color: #333;}
.detail .popis .legend{margin: 0; padding: 0 0 0 15px;}
.detail .popis .legend li a{display: block; color: #808080; font-weight: 400; font-size: 15px; line-height: 25px;}

.detail .popis .legend li.green{color: #39B34A}
.detail .popis .legend li.red{color: #BF0018}
.detail .popis .legend li.orange{color: #F5911E}

.detail table.vyber_ceny{margin: 0; border-collapse: collapse;}
.detail table.vyber_ceny th{border-bottom: 2px solid #333333; color: #333333; padding: 0 13px; position: relative; font-weight: 600; font-size: 13px; line-height: 40px; text-transform: uppercase;}
.detail table.vyber_ceny th.no_filter img{display: none;}
.detail table.vyber_ceny th.one{text-align: left;}
.detail table.vyber_ceny th.two{text-align: center;}
.detail table.vyber_ceny th.three{text-align: right;}
.detail table.vyber_ceny th.four{text-align: center; width: 126px;}
.detail table.vyber_ceny th.four .sorttable_img{display: none;}
.detail table.vyber_ceny th .sorttable_img{display: inline;position: absolute;right:0;top: 50%;transform: translateY(-50%);margin-left: 6px !important;}
.detail table.vyber_ceny td{border-bottom: 1px solid #E4E4E4; padding: 0;}

.detail table.vyber_ceny td.one{color: #333333; padding: 8px 12px; font-weight: 400; font-size: 13px; line-height: 20px; text-align: left;}
.detail table.vyber_ceny td.two{color: #333333; padding: 8px 12px; font-weight: 700; font-size: 13px; line-height: 20px; text-align: center;}
.detail table.vyber_ceny td.two.je{color: #39B34A;}
.detail table.vyber_ceny td.two.neni{color: #BF0018;}
.detail table.vyber_ceny td.three{color: #333333; padding: 10px 15px; font-weight: 400; font-size: 13px; line-height: 20px; text-align: right;}
.detail table.vyber_ceny td.four label{float: left; padding: 8px 15px; text-align: center; width: 100px; font-size: 13px; line-height: 20px; color: #333333; font-weight: 400;}
.detail table.vyber_ceny td.four label span{display: inline-block; zoom: 1; *display: inline; padding-left: 6px; font-size: 13px; line-height: 20px; color: #808080; text-align: left; font-weight: 400;}
.detail table.vyber_ceny td.four label input[type=text]{display: inline-block; zoom: 1; *display: inline; width: 20px; font-size: 13px; line-height: 20px; background: #fff; border: 0; padding: 4px 15px 3px; text-align: center; border: 1px solid #E4E4E4;}
.detail table.vyber_ceny td.four label input[type=text]:focus{border: 1px solid #4d4d4d;}
.detail table.vyber_ceny td.four label input[type=text]::-webkit-input-placeholder{color: #333333; font-size: 13px; line-height: 20px; font-weight: 400;}
.detail table.vyber_ceny td.four label input[type=text]::-moz-placeholder{color: #333333; font-size: 13px; line-height: 20px; font-weight: 400;}
.detail table.vyber_ceny td.four label input[type=text]::-ms-input-placeholder{color: #333333; font-size: 13px; line-height: 20px; font-weight: 400;}
.detail table.vyber_ceny td.four input[type=submit]{width: 20px; display: block; border: 0; background: url(../img/basket_blue_icon.png) no-repeat scroll center center; height: 45px; }

.detail table.vyber_ceny td.total{color: #333; background: #f0f0f0; padding: 6px 15px; font-weight: 400; font-size: 13px; line-height: 20px; text-align: left;}


.detail table.vyber_ceny th .info_box{position: relative; display: inline; font-size: 13px; line-height: 20px;}
.detail table.vyber_ceny th .info_box::before{content: 'i';position: absolute;top: -12px;left: calc(100% - 2px);width: 11px;height: 11px;font-size: 9px;line-height: 11px;border: 1px solid #9c9c9c;display: flex;justify-content: center;align-items: center;border-radius: 50%;font-weight: 800;color: #9c9c9c;text-transform: lowercase;}
.detail table.vyber_ceny th .info_box .info_box_text{z-index: 9; opacity: 0; visibility: hidden; font-size: 14px; line-height: 20px; text-align: left; text-transform: none; position: absolute; bottom: calc(100% + 10px); left: calc(100% + 10px); width: 300px; padding: 18px; box-sizing: border-box; background-color: #484848; color: #fff; -webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}
.detail table.vyber_ceny th .info_box:hover .info_box_text{opacity: 1; visibility: visible;}



.detail table.vyber_ceny td.two .demo_relative{position: relative;}
.detail table.vyber_ceny td.two .demo_relative .info_box{background-color: #fff; padding: 15px; box-sizing: border-box; width: 300px; border: 1px solid #ececec; position: absolute; bottom:calc(100% + 6px);left:calc(100% - 20px); display: none;font-size:13px;align-items: flex-start;flex-direction: column;}
.detail table.vyber_ceny td.two .demo_relative:hover .info_box{display: flex;}
.detail table.vyber_ceny td.two .demo_relative .info_box *{font-size: 12px; margin: 0; padding: 0; text-align: left;}
.detail table.vyber_ceny td.two .demo_relative .info_box p{margin: 0 0 8px;}
.detail table.vyber_ceny td.two .demo_relative .info_box ul{padding-left: 20px; box-sizing: border-box;}



.detail .product_table_description{margin-top: 15px;}
.detail .product_table_description p{margin: 6px 0 0; font-size: 13px; line-height: 20px;}
.detail .product_table_description p:nth-child(1){margin: 0;}



/*KOSIK*/

#basket{}
#basket h2{margin: 35px 0 10px;}
#basket h2.first{margin: 10px 0 10px;}
#basket h2 strong{display: block; text-transform: none; color: #333; font-size: 16px; line-height: 25px; font-weight: 400;}



#basket table.product_souhrn{border-collapse: collapse; width: 100%; padding: 0; margin: 25px 0 40px;}
#basket table.product_souhrn th{border-bottom: 2px solid #333333; color: #333333; padding: 0 15px; font-weight: 600; font-size: 13px; line-height: 40px; text-transform: uppercase;}
#basket table.product_souhrn th.first{text-align: center; width: 70px;}
#basket table.product_souhrn th.second{padding: 0 20px; text-align: left;}
#basket table.product_souhrn th.three{text-align: center;}
#basket table.product_souhrn th.four{text-align: right; width: 100px;}
#basket table.product_souhrn th.fifth{text-align: center; width: 65px;}

#basket table.product_souhrn td{height: 110px; background: #f6f6f6; padding: 0 10px; position: relative;}
#basket table.product_souhrn tr.even td{background: #fff;}
#basket table.product_souhrn td.first img{display: block; margin: 0 auto;}
#basket table.product_souhrn td.second{padding: 0 20px;}
#basket table.product_souhrn td.second a{font-size: 16px; line-height: 23px; color: #333; font-weight: 600;}
#basket table.product_souhrn td.second a:hover{color: #4d4d4d;}
#basket table.product_souhrn td.second span{font-size: 13px; line-height: 17px; color: #808080; font-weight: 400;}
#basket table.product_souhrn td.third{text-align: center;}
#basket table.product_souhrn td.three{text-align: center;}
#basket table.product_souhrn td.third div{position: relative;}
#basket table.product_souhrn td.third input[type="text"]{border: 0; padding: 5px 0; position: relative; display: inline-block; zoom: 1; *display: inline; border: 1px solid #cacaca; width: 50px; background: #fff; font-size: 15px; line-height: 20px; text-align:center; color: #333; font-weight: 400;}
#basket table.product_souhrn td.third input[type=button]{cursor: pointer; position: absolute; padding: 0; border: 0; margin: -10px 0 0; top: 50%; width: 20px; height: 20px; background: url(../img/basket_plus_minus.png) no-repeat;}
#basket table.product_souhrn td.third input[type=button].increment{background-position: right top; right: 25%;}
#basket table.product_souhrn td.third input[type=button].decrement{background-position: left top; left: 25%;}
#basket table.product_souhrn td.third input[type=button].increment:hover{background-position: right bottom;}
#basket table.product_souhrn td.third input[type=button].decrement:hover{background-position: left bottom;}
#basket table.product_souhrn td.fourth{font-size: 16px; line-height: 22px; text-align:right; color: #333; font-weight: 600;}
#basket table.product_souhrn td.fifth{text-align: center;}
#basket table.product_souhrn td.fifth a{display: block; padding: 5px; width: 14px; height: 19px; margin: 0 auto; background: url(../img/delete.png) no-repeat scroll 5px 5px;}
#basket table.product_souhrn td.fifth a:hover{background: url(../img/delete.png) no-repeat scroll 5px -38px;}
#basket table.product_souhrn tr.celkem td{text-align: right; background: #4d4d4d; height: 60px; color: #fff; font-size: 16px; line-height: 22px;}
#basket table.product_souhrn tr.celkem td strong{color: #fff; font-size: 16px; line-height: 22px; font-weight: 600;}
#basket table.product_souhrn tr.empty td{height: 5px; background: #fff; border: 0; }
#basket table.product_souhrn tr.empty.border td{border-bottom: 1px solid #cacaca}

#basket table.product_souhrn td.first .season_icon{position: absolute; top: 10px; right: 7px; width: 24px; height: 24px; background: no-repeat scroll center center; background-size: 24px 24px; border-radius: 50%; background-color: #fff;}
#basket table.product_souhrn td.first .season_icon.summer{background-image: url(../img/letni.svg); }
#basket table.product_souhrn td.first .season_icon.winter{background-image: url(../img/zimni.svg); }
#basket table.product_souhrn td.first .season_icon.year{background-image: url(../img/celorocni.svg); }


#basket #finalordform table{margin: 0; width: 600px;}
#basket #finalordform table th{border: 0 !important; padding: 0 10px 0 0; text-align: left; }
#basket #finalordform table td{border: 0 !important; padding: 0 50px 0 0;}
#basket #finalordform table td input[type="text"],#basket #finalordform table td input[type="password"]{padding: 6px 10px 7px; margin: 0 15px 5px 0; width: 310px; border: 1px solid #f0f0f0; position: relative; font-size: 13px; line-height: 19px; color: #333; font-weight: 400;}
#basket #finalordform table td input[type="text"].long, #basket #finalordform table td input[type="password"].long{width: 840px;}
#basket #finalordform table td input[type="text"]:focus,#basket #finalordform table td input[type="password"]:focus{border: 1px solid #cacaca;}
#basket #finalordform input::-webkit-input-placeholder{text-transform: uppercase; font-size: 13px; line-height: 19px; color: #000; font-weight: 400;}
#basket #finalordform input::-moz-placeholder{text-transform: uppercase; font-size: 13px; line-height: 19px; color: #000; font-weight: 400;}
#basket #finalordform input::-ms-input-placeholder{text-transform: uppercase; font-size: 13px; line-height: 19px; color: #000; font-weight: 400;}
#basket #finalordform table.special{width: 600px;}
#basket #finalordform table.special th{text-align: right !important; margin: 0; padding: 0 0 20px; color: #353943; font-size: 13px; line-height: 17px; text-transform: none; font-weight: 600;}
#basket #finalordform table.special td input{width: 250px;}
#basket #finalordform .submit_center{text-align: center; padding: 40px 0 0; }
#basket #finalordform table.platba{width: auto; border-collapse: collapse; margin: 0 auto;}
#basket #finalordform table.platba td{padding: 4px 10px; text-align: left; text-transform: uppercase; font-size: 16px; line-height: 22px; font-weight: 400; color: #333;}
#basket #finalordform table.platba td:first-child{text-align: right;}
#basket #finalordform table.platba td strong{text-align: right; text-transform: none; font-size: 16px; line-height: 22px; font-weight: 400; color: #333;}
#basket #finalordform table.platba tr.celkem td{color: #4d4d4d;}
#basket #finalordform table.platba tr.celkem td strong{color: #4d4d4d;}
#basket #finalordform .submit_center input[type="submit"]{cursor: inherit; display: inline-block; zoom: 1; *display: inline; border: 0; text-transform: uppercase; margin: 0 auto; font-size: 15px; line-height: 40px; padding: 0 25px; color: #808080; border: 1px solid #808080; background: ##999999; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -o-transition: all 150ms linear; -ms-transition: all 150ms linear; transition: all 150ms linear;}
#basket #finalordform .submit_center input[type="submit"].active{cursor: pointer; border: 1px solid #4d4d4d; background: #4d4d4d; color: #fff;}
#basket #finalordform .submit_center input[type="submit"].active:hover{background: #fff; color: #4d4d4d;}

#finalordform #notice { width:80%; height:50px; padding: 6px 10px 7px; margin: 0 15px 5px 0; border: 1px solid #f0f0f0; position: relative; font-size: 13px; line-height: 19px; color: #333; font-weight: 400;}

#basket .div_border{border: 2px solid #cacaca; padding: 20px; margin-bottom: 30px;}
#basket .kosik_two{text-align: left;}

#basket #finalordform .kosik_two .box{display: inline-block; zoom: 1; *display: inline; width: 500px; padding: 20px 0 25px;}
#basket #finalordform .kosik_two h3{text-align: left; margin: 0 0 15px 0; font-size: 15px; line-height: 25px;}
#basket #finalordform .kosik_two table{width: 500px;}
#basket #finalordform .kosik_two table td{padding: 0;}
#basket #finalordform .kosik_two table td.special_blue{padding-top: 18px;}
#basket #finalordform .kosik_two table p{text-align: left; float: left; margin: 3px 0 0; font-size: 13px; line-height: 20px; width: 455px; font-weight: 400;}
#basket #finalordform .kosik_two table p strong{color: #4d4d4d; font-size: 16px; line-height: 22px; width: 455px; font-weight: 700;}

#basket #finalordform .kosik_two table td div.relative{position: relative; display: inline-block;}
#basket #finalordform .kosik_two table td div.relative p{width: unset; position: relative;}
#basket #finalordform .kosik_two table td.special_blue div.relative p, #basket #finalordform .kosik_two table tr.parent_show td div.relative p{color: #005cac; font-weight: 600;}
#basket #finalordform .kosik_two table td div.relative p.tooltip_box::after{content: 'i';position: absolute;top: -2px;left: calc(100% + 4px);width: 11px;height: 11px;font-size: 9px;line-height: 11px;border: 1px solid #9c9c9c;display: flex;justify-content: center;align-items: center;border-radius: 50%;font-weight: 800;color: #9c9c9c;}
#basket #finalordform .kosik_two table td div.relative .text_box_basket_absolute{display: none; z-index: 999; min-width: 210px; position: absolute;bottom: 100%;left: calc(100% + 20px);border: 1px solid #606060;padding: 10px;font-size: 13px !important;background: #606060;color:#fff;}
/*
#basket #finalordform .kosik_two table td div.relative:hover .text_box_basket_absolute, #basket #finalordform .kosik_two table td div.relative .text_box_basket_absolute:hover{display: flex;}
*/
#basket #finalordform .kosik_two table td div.relative .text_box_basket_absolute p{color: #fff !important; margin-top: 0; width: unset; width: unset;}
#basket #finalordform .kosik_two table td div.relative .text_box_basket_absolute > ul{padding: 0 22px 0 0;}
#basket #finalordform .kosik_two table td div.relative .text_box_basket_absolute ul{list-style: none; padding-left: 0;}
#basket #finalordform .kosik_two table td div.relative .text_box_basket_absolute ul li, #basket #finalordform .kosik_two table td div.relative .text_box_basket_absolute ul li *{white-space: nowrap; color: #fff !important;}
#basket #finalordform .kosik_two table td div.relative .text_box_basket_absolute > ul > li > ul{padding: 0; list-style: none;}


#basket div.center{text-align: center;}
#basket div.center p{display: inline-block; zoom: 1; *display: block; margin: 40px 0 0; line-height: 23px;}
#basket div.center p a{text-decoration: none; color: #4d4d4d; font-weight: 700; line-height: 23px;  }
#basket div.center p a:hover{text-decoration: underline}






#basket.my_order table.product_souhrn td.one .centering{background: #ffffff;}
#basket.my_order .item{background: #ffffff; border: 1px solid #efefef; margin-top: 20px; padding: 20px 3%; width: calc(94% - 2px); -webkit-transition: all 400ms ease; transition: all 400ms ease;}
#basket.my_order .item:first-of-type{margin: 0;}
#basket.my_order .item p.title{margin: 0; padding: 0; text-align: left; font-size: 14px; line-height: 38px; }
#basket.my_order .item p.title span{white-space: nowrap; position: relative; display: inline-block; vertical-align: middle; margin-right: 20px; text-align: left;}

#basket.my_order .item p.title span.zasilka a{display: block; width: 43px; height: 30px; background: url(../img/doprava_icon.png) no-repeat;}
#basket.my_order .item p.title button{border: 1px solid #606060; background: none; font-size: 12px; line-height: 20px; padding: 9px 0; float: right; padding-left: 0; padding-right: 0; width: 180px; text-align: center; text-transform: none;}
#basket.my_order .box{display: none; clear: both; padding: 0; text-align: left;}
#basket.my_order .box i{display: block;}
#basket.my_order table.product_souhrn{margin: 0;}
#basket.my_order table.product_souhrn th.one, #basket.my_order table.product_souhrn td.one{display: none;}

#basket.my_order table.product_souhrn td{font-size: 12px; height: initial; height: auto; padding: 20px 0; background: transparent;}


#basket .qr_box{margin-top: 45px;}
#basket .qr_box tr td:nth-child(1){padding-right: 30px;}





.forgotten_password_box{display: flex; flex-direction: column;}
.forgotten_password_box form{display: flex; gap: 10px; margin-top: 15px;}
.forgotten_password_box input[type=text]{width: 220px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background: #fff;border: 1px solid #e4e4e4;position: relative;padding: 2px 15px 1px;color: #333;font-size: 13px;line-height: 25px;}
.forgotten_password_box .login_submit{color: #fff;background: #ff0000;border: 0;width: auto;padding: 2px 25px !important;font-size: 13px;height: 28px;position: relative;top: -1px;text-transform: uppercase;text-align: center;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;-webkit-transition: all 250ms linear;-moz-transition: all 250ms linear;-o-transition: all 250ms linear;-ms-transition: all 250ms linear;transition: all 250ms linear;}
.forgotten_password_box .login_submit:hover{background: #333; color: #ccc;}





.quick_contact{z-index: 0; background: #4d4d4d; position: relative; display: block; text-align: center; width: 100%; }
.quick_contact .inside{padding: 0 !important; background: none !important}
.hp .quick_contact{margin-top: 0;}
.quick_contact p{background: #4d4d4d; position: relative; z-index: 999; width: 33.2%; margin: 0; display: inline-block; zoom: 1; *display: inline; margin: 0;}
.quick_contact p span, .quick_contact p a{font-size: 20px; padding: 10px 0 10px 60px; line-height: 119px; color: #c7c7c7; font-weight: 300;}
.quick_contact p a:hover{color: #ff0000;}
.quick_contact p.phone span{background: url(../img/phone_icon.png) no-repeat scroll left center;}
.quick_contact p.phone{text-align: left;}
.quick_contact p.newsletter{opacity: 1; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear;}
.quick_contact p.newsletter.none{opacity: 0;}
.quick_contact p.newsletter span{background: url(../img/newsletter_icon.png) no-repeat scroll left center ;}
.quick_contact p.mail a{background: url(../img/mail_icon.png) no-repeat scroll left center; -webkit-transition: all 400ms ease; transition: all 400ms ease;}

.quick_contact #newsmail{position: absolute; right: 5px; top: 0; bottom: 1px; width: 33.25%; background: #4d4d4d; z-index: 500;}
.quick_contact.sub #newsmail{top: 0; width: 33.4%;}
.quick_contact #newsmail input[type=text]{font-size: 15px; padding: 1px 15px; line-height: 36px; margin: 39.5px 0; border: 1px solid #cacaca; color: #333333; font-weight: 400; position: relative;}
.quick_contact #newsmail input[type=text]:focus{border: 1px solid #4d4d4d;}
.quick_contact #newsmail input[type=text]::-webkit-input-placeholder{color: #333333; font-size: 15px; line-height: 36px; font-weight: 400;}
.quick_contact #newsmail input[type=text]::-moz-placeholder{color: #333333; font-size: 15px; line-height: 36px; font-weight: 400;}
.quick_contact #newsmail input[type=text]::-ms-input-placeholder{color: #333333; font-size: 15px; line-height: 36px; font-weight: 400;}
.quick_contact #newsmail input[type=submit]{position: relative; top: 14px; z-index: 999; width: 44px; padding: 8px 0; background: url(../img/close_login2.png) no-repeat scroll center center #666666; border: 0; margin: 0px 0 0 -5px; -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; -webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}
.pc .quick_contact #newsmail input[type=submit]{padding: 8px 0 9px;}
.quick_contact #newsmail input[type=submit]:hover{background: url(../img/close_login2.png) no-repeat scroll center center #ff0000; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -o-transition: all 150ms linear; -ms-transition: all 150ms linear; transition: all 150ms linear;}


.program{position: relative; width: 600px; float: right; background: url(../img/black_bg.png) repeat;;}
.program img.akce{position: absolute; top: 50%; margin-top: -96.5px; left: -500px; width: 200px;}
.program .box{ padding: 55px 35px;}
.program h3{font-size: 25px; line-height: 35px; color: #fff; font-weight: 400; text-transform: none; margin: 0; padding: 0 0 15px; text-align: left;}
.program p{text-align: left; font-size: 15px; line-height: 20px; color: #fff; font-weight: 400; margin: 0; padding: 0;}

.action_product_title{font-size: 25px; line-height: 70px; position: relative; width: 100%; margin: 0; padding: 0; background: url(../img/zbozi_v_akci_bg.png) repeat;; color: #fff; text-align: center; z-index: 500;}
.action_product_title img{position: absolute; left: 0; right: 0; display: block; margin: 0 auto; bottom: -16px;}




footer{position: relative; background: #333333; padding: 55px 0 60px; z-index: 0; }
footer .inside{width: 1200px;}
footer form{width: 600px; float: left;}
footer form p.title{font-size: 25px; font-weight: 400; line-height: 30px; color: #fff; margin: 0 0 30px; text-transform: uppercase;}
footer form input[type=text]{margin-bottom: 18px; font-size: 14px; line-height: 20px; color: #cccccc; padding: 7px 15px; border: 1px solid #b3b3b3; background: #333333; width: 566px; font-weight: 400; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
footer form input[type=submit]{-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: 0; float: right; display: block; text-align: center; padding: 0 18px; height: 38px; color: #c7c7c7; background: #4d4d4d; -webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}
footer form input[type=submit]:hover{color: #333333; background: #ffe519; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -o-transition: all 150ms linear; -ms-transition: all 150ms linear; transition: all 150ms linear;}
footer form textarea{resize: none; margin-bottom: 18px; font-size: 14px; line-height: 20px; color: #cccccc; padding: 7px 15px; border: 1px solid #b3b3b3; background: #333333; width: 566px; height: 60px; font-weight: 400; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
footer form input[type=text]:focus, footer form textarea:focus{border: 1px solid #fff;}
footer form input[type=text]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {font-size: 14px; line-height: 20px; color: #cccccc; font-weight: 600;}
footer form input[type=text]::-moz-placeholder, textarea::-moz-placeholder {font-size: 14px; line-height: 20px; color: #cccccc; font-weight: 600;}
footer form input[type=text]::-ms-input-placeholder, textarea::-ms-input-placeholder {font-size: 14px; line-height: 20px; color: #cccccc; font-weight: 600;}
footer .contact{width: 340px; float: left; padding-left: 90px;}
footer .contact p.title{font-size: 25px; font-weight: 400; line-height: 29px; color: #fff; margin: 0 0 30px; text-transform: uppercase;}
footer .contact p{font-size: 18px; font-weight: 400; line-height: 24px; color: #cccccc; margin: 0;}
footer .contact p strong{font-size: 18px; font-weight: 700; line-height: 24px; color: #cccccc; margin: 0;}
footer .contact p a{margin: 0; font-size: 18px; line-height: 24px; color: #333333; font-weight: 400; text-align: left; text-decoration: none;}
footer .contact p a:hover{text-decoration: underline; color: #bd1622}
footer .contact ul.social{margin: 25px 0 0; padding: 0;}
footer .contact ul.social li{list-style: none; float: left; padding: 3px 0; border-left: 1px solid #b3b3b3;}
footer .contact ul.social li:first-child{border-left: 0; padding-left: 0;}
footer .contact ul.social li a{height: 21px; padding: 0 25px; display: block; margin: 0 auto; background-image: url(../img/socials.png); background-repeat: no-repeat;}
footer .contact ul.social li a.fb{width: 10px; background-position: 25px 0;}
footer .contact ul.social li a.skype{width: 21px; background-position: 25px -103px;}
footer .contact ul.social li a.in{width: 21px; background-position: 25px -52px;}
footer .contact ul.social li a.fb:hover{width: 10px; background-position: -35px 0;}
footer .contact ul.social li a.skype:hover{width: 21px; background-position: -24px -103px;}
footer .contact ul.social li a.in:hover{width: 21px; background-position: -24px -52px;}


/*REGISTRACE*/

#regform table{margin: 0; width: 100%;}
#regform table th{white-space:nowrap; border: 0 !important; padding: 0 10px 0 0; text-align: left; }
#regform table td{border: 0 !important; padding: 0 50px 0 0;}
#regform table td input[type="text"], #regform table td input[type="password"]{padding: 6px 10px 7px; margin: 0 15px 5px 0; width: 200px; border: 1px solid #f0f0f0; position: relative; font-size: 13px; line-height: 19px; color: #333; font-weight: 400;}
#regform table td input[type="text"].long, #regform table td input[type="password"].long{width: 840px;}
#regform table td input[type="text"]:focus,#regform table td input[type="password"]:focus{border: 1px solid #cacaca;}
#regform input::-webkit-input-placeholder{text-transform: uppercase; font-size: 13px; line-height: 19px; color: #000; font-weight: 400;}
#regform input::-moz-placeholder{text-transform: uppercase; font-size: 13px; line-height: 19px; color: #000; font-weight: 400;}
#regform input::-ms-input-placeholder{text-transform: uppercase; font-size: 13px; line-height: 19px; color: #000; font-weight: 400;}
#regform table.special{width: 600px;}
#regform table.special th{text-align: right !important; margin: 0; padding: 0 0 20px; color: #353943; font-size: 13px; line-height: 17px; text-transform: none; font-weight: 600;}
#regform table.special td input{width: 250px;}
#regform .submit_center{text-align: center; padding: 40px 0 35px; }
#regform .submit_center input[type="submit"]{cursor: pointer; display: inline-block; zoom: 1; *display: inline; border: 0; text-transform: uppercase; margin: 0 auto; font-size: 15px; line-height: 40px; padding: 0 25px; color: #fff; border: 1px solid #4d4d4d; background: #4d4d4d; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -o-transition: all 150ms linear; -ms-transition: all 150ms linear; transition: all 150ms linear;}
#regform .submit_center input[type="submit"]:hover{background: #fff; color: #4d4d4d;}



.file_list{margin: 15px 0 0 -20px;}
.file_list h2{margin: 44px 0 16px 20px; text-align: left;}
.file_list .file{float: left; width: 363px; margin: 0 0 20px 20px; border: 1px solid #e1e1e1;}
.file_list .file .text{height: 82px; position: relative; margin: 0; width: 100%;}
.file_list .file .text .box{display: table; width: 100%; height: 82px; padding: 0;}
.file_list .file .text a{text-decoration: none; margin: 0; padding: 5px 10px; line-height: 22px; display: table-cell; vertical-align: middle;}
.file_list .file .text a p.title{text-align: left; text-decoration: none; padding: 0 0 5px; display: block; font-size: 16px; color: #000; line-height: 22px; font-weight: 400;}
.file_list .file .text p{margin: 0; font-size: 12px; line-height: 20px;}
.file_list .file .text p span{margin: 0; font-size: 12px; line-height: 20px;}
.file_list .file.hover_efekt{border: 1px solid #d83232;}
.file_list .file.hover_efekt a p.title{color: #d83232;}


.fotogalerie{margin: 20px 0 0 -20px}
.fotogalerie h2{margin: 44px 0 15px 20px;}
.fotogalerie .gallery_popis{margin: 0 0 0 20px}
.fotogalerie a.gallery_item, .fotogalerie a.swipebox{margin: 0 0 17px 17px; display: block; overflow: hidden; float: left; width: 175px; height: 175px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear;}
.fotogalerie a.gallery_item img, .fotogalerie a.swipebox img{display: block; width: 175px; height: 175px;}
.fotogalerie a.more_gallery{display: block; float: right; background: #e41717; position: relative; font-size: 17px; line-height: 30px; font-weight: 400; color: #fff; padding: 0px 13px 1px; border: 1px solid #e41717;}
.fotogalerie a.more_gallery:hover{background: #fff; color: #e41717}

.sign{max-height: 9999999px; position: relative; z-index: 9999; color: #fff; background: #333333; text-align: center; margin: 0; font-size: 14px; line-height: 45px; font-weight: 400;}
.sign a{color: #fff;text-align: center; margin: 0; font-size: 14px; line-height: 45px; font-weight: 700;}
.sign a:hover{text-decoration: underline;}


.dostupnost_hidden {display:none;  border:3px solid black; background:white; top:-100px; left:0px; }
.skladem {cursor:pointer;}
.skladem:hover .dostupnost_hidden {
    position: absolute;
    width:255px;
    height:100px;
    display: block;
    color:green;
    padding:3px 10px;
    text-align: center;
}
aside .dostupnost_hidden {display:none;  border:3px solid black; background:white; top:80px; left:0px; }
aside .skladem:hover .dostupnost_hidden {
    position: absolute;
    width:220px;
    height:100px;
    display: block;
    color:green;
    padding:3px 10px;
    text-align: center;
}

/*MOZILLA*/

@-moz-document url-prefix() {

}

/*SAFARI*/

/*CHROME*/

@media screen and (-webkit-min-device-pixel-ratio:0) {

}

.title_filter{border-top: 1px solid #e4e4e4; text-align: left; margin: 25px 0 0; padding: 20px 0 10px; font-size: 18px; line-height: 26px; color: #000; font-weight: 400; }
.center_filter{margin: 0; text-align: left;}
.button_hp{margin: 10px 20px 8px 0px; color: #fff; background: #FF0000; border: 0;  width: auto; padding: 2px 25px 1px !important; font-size: 13px; line-height: 28px; display: inline-block; zoom: 1; *display: inline; position: relative; text-transform: uppercase; text-align: center; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}
.button_hp:hover{background: #333; color: #fff; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -o-transition: all 150ms linear; -ms-transition: all 150ms linear; transition: all 150ms linear;}


#basket.my_order table.product_souhrn td.one .centering{background: #fff;}
#basket.my_order table.product_souhrn td.one a, #basket.my_order table.product_souhrn td.one label{border: 0;}
#basket.my_order .item{background: #f9f9f9; margin-bottom: 20px; padding: 20px 3%; width: 94%; -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.my_order .item p.title{margin: 0; padding: 0;  line-height: 37px; text-align: left;}
#basket.my_order .item p.title span{position: relative; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin-right: 50px;}
#basket.my_order .item p.title span.number{color: #231f20; font-size: 16px; line-height: 40px; font-weight: 600; text-align: left; }
#basket.my_order .item p.title span.date{text-align: left; color: #231f20; font-weight: 400; font-size: 13px; line-height: 40px;}
#basket.my_order .item p.title span.date strong{font-size: 13px; line-height: 40px;}
#basket.my_order .item p.title span.price{text-align: left; color: #000; font-weight: 400; font-size: 13px; line-height: 20px;}
#basket.my_order .item p.title span.price strong{display: inline-block; text-align: right; color: #231f20; font-weight: 600; font-size: 14px; line-height: 20px; padding-left: 8px;}
#basket.my_order .item p.title span.status{text-align: left; color: #000; font-weight: 400; font-size: 13px; line-height: 20px;}
#basket.my_order .item p.title span.status strong{display: inline-block; text-align: right; color: #231f20; font-weight: 600; font-size: 14px; line-height: 20px; padding-left: 8px;}
#basket.my_order .item p.title span.zasilka a{display: block; width: 43px; height: 30px; background: url(../img/doprava_icon.png) no-repeat;}
#basket.my_order .item p.title button{width: 116px; text-align: center;}
#basket.my_order .box{display: none; clear: both; padding: 0; text-align: left;}
#basket.my_order table.product_souhrn{margin: 0;}
#basket.my_order .item .pdf_btn{color: #fff; background: #FF0000; border: 0; width: auto; padding: 2px 25px 1px !important; font-size: 13px; line-height: 28px; display: inline-block; zoom: 1; *display: inline; position: relative; text-transform: uppercase; text-align: center; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}
#basket.my_order .item .pdf_btn:hover{background: #333; color: #fff; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -o-transition: all 150ms linear; -ms-transition: all 150ms linear; transition: all 150ms linear;}


#basket.my_order .box .control_package{float: right; position: relative; position: relative; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; line-height: 38px; margin-top: 20px;}
#basket.my_order .box .control_package a{display: inline-block; text-align: right; color: #231f20; font-weight: 600; font-size: 14px; line-height: 20px; padding-left: 8px; text-decoration: underline; -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}
.notouch #basket.my_order .box .control_package a:hover{color: #8d7249}





.popup_popup{display: none;}
.popup_popup{display: none; width: 100%;
    max-width: 1920px; margin: 0 auto; height: 100%; text-align: center; opacity: 0; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.popup_popup::before{position: absolute; top: 0; left: 0; right: 0; bottom: -100px; display: block; content: ""; background: rgba(0,0,0,0.8); z-index: 0; }
.popup_popup .box{width: 100%; height: auto; position: relative; display: table-cell; vertical-align: middle; z-index: 10;}
.popup_popup .boxes{text-align: center; position: relative; width: calc(100% - 60px); max-width: 500px; padding: 0; left: 0; display: inline-block; background: #ffffff; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.popup_popup .box span.warning{z-index: 900; position: relative; text-transform: uppercase; display: block; margin: 0 auto 15px; width: calc(100% - 70px); text-align: center; font-size: 18px; line-height: 24px; font-weight: 700; color: #000000;}
.popup_popup .box img{margin: 0 auto; display: block; width: 100%; height: 100%;}
.popup_popup .box .text{z-index: 100; position: relative; margin: 0; padding: 0; text-align: center; overflow-y: auto; max-height: calc(100vh - 120px); }
.popup_popup .box .text .padding{padding: 20px;}
.popup_popup .box .text .text_box, .popup_popup .box .text .text_box *{text-align: center;}
.popup_popup .box .text .btn{color: #fff;display:inline-block;background: #ff0000;border: 0;width: auto;padding: 6px 25px !important;font-size: 13px;text-transform: uppercase;text-align: center;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;-webkit-transition: all 250ms linear;-moz-transition: all 250ms linear;-o-transition: all 250ms linear;-ms-transition: all 250ms linear;transition: all 250ms linear;}
.popup_popup .box .text .btn:hover{background: #333;color: #ccc;-webkit-transition: all 150ms linear;-moz-transition: all 150ms linear;-o-transition: all 150ms linear;-ms-transition: all 150ms linear;transition: all 150ms linear;}


.popup_popup .boxes .close{border: 0; padding: 0; z-index: 999; cursor: pointer; overflow: hidden; background: #000000; position: absolute; right: 0; top: 0; width: 34px; height: 34px; -webkit-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.popup_popup .boxes .close::before{content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/close_white.svg) no-repeat scroll center center; background-size: 12px 12px; margin: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.popup_popup .boxes .close:hover{background: #FF0000;}