/* CSS Document */
.div-next {text-align:right;padding-bottom:20px}
.size-chart-select{width:85px;margin-bottom: 0px;}
.size-chart{width:60px;margin-bottom: 0px;}
.no-dec{text-decoration:none !important}
.to-show {display:none}
.first-three {float:left;}
.sidemenuhide{display:none;}
@media (max-width: 768px) and (min-width: 479px) {
.first-three:nth-child(2){display:none;}

}
@media (max-width: 767px) {
#mobile_banner_index{display:block !important;}
.filtrhide h3{font-size:12px;color:black;padding-top:10px;}
.sidebar-item .underlined{margin-bottom: 0px;}
.product-title h1 br {display: none;}
.meta-sub{margin-bottom:35px !important;}

.product-alt-container{width:100%;text-align:center;}
.product-alt-container .mobile-btn{
    
        border: none; -webkit-box-shadow: 0 2px 0 #bababa; -moz-box-shadow: 0 2px 0 #bababa; box-shadow: 0 2px 0 #bababa; filter: none;
        -webkit-box-shadow: 0 2px 0 #0b3b6e; -moz-box-shadow: 0 2px 0 #0b3b6e; box-shadow: 0 2px 0 #0b3b6e; color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #2886ea; background-image: -moz-linear-gradient(top, #2886ea, #2886ea); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2886ea), to(#2886ea)); background-image: -webkit-linear-gradient(top, #2886ea, #2886ea); background-image: -o-linear-gradient(top, #2886ea, #2886ea); background-image: linear-gradient(to bottom, #2886ea, #2886ea); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF2886EA', endColorstr='#FF2886EA', GradientType=0); border-color: #2886ea #2886ea #1260b4; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #2886ea; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
        display: block;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-weight:bold;
        padding-top:5px;
        padding-bottom:5px;
         
      
}

.mobile-btn.mobile-btn:hover, .btn.mobile-btn:focus, .btn.mobile-btn:active, .btn.mobile-btn.active, .btn.mobile-btn.disabled, .btn.mobile-btn[disabled] { color: white; background-color: #2886ea; *background-color: #1679e2; }
.mobile-btn.mobile-btn:active, .btn.mobile-btn.active { background-color: #146dcb \9; }
.mobile-btn:hover { background: #1679e2; }


.product-alt-panske{width:48.71795%;padding-top:27px !important; height: 100%;margin-right:0px !important;}
.product-alt-panske img,.product-alt-damske img,.product-alt-damske-w img{width:95px;margin-bottom:15px;vertical-align:middle;}
.product-alt-panske img{margin-bottom:35px;}
.product-alt-damske-w img{margin-bottom:35px;}
.product-alt-damske{width:48.71795%;margin-left:2.51091%;}
.product-alt-damske-w{width:48.71795%;margin-left:2.51091%;padding-top:27px}


}

.higher-line a{text-decoration:none;}
.icon-search {text-decoration:none}
.to-hide-img {display:none}
.modal_big { padding: 30px 40px 10px; width: auto; left: 20px; right: 20px; margin-left:0px;}
.modal_big-body {  max-height:none }  
.button_st {margin-bottom:20px}
#menu_button,#menu2_button {-webkit-border-radius: 10px;border-radius: 10px;padding: 30px 0 30px 0;font-size: 30px;}
.modal_big .menu-fce {display:block;*display: inline;}   
.modal_big .menu-fce:hover, .modal_big .menu-fce:focus { text-decoration: none; color: white;}


.modal_big .menu-fce/*,.higher-line a*/ { /* IE7 inline */-block hack */ *zoom: 1; padding: 8px 18px; margin-bottom: 0; font-size: 20px; line-height: 19px; text-align: center; vertical-align: middle; cursor: pointer; color: #333333; border: 1px solid #bbbbbb; *border: 0; border-bottom-color: #a2a2a2; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; *margin-left: .3em; -webkit-box-shadow: 0 2px 0 #006d75; -moz-box-shadow: 0 2px 0 #006d75; box-shadow: 0 2px 0 #006d75; color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #00becc; background-image: -moz-linear-gradient(top, #00becc, #00becc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00becc), to(#00becc)); background-image: -webkit-linear-gradient(top, #00becc, #00becc); background-image: -o-linear-gradient(top, #00becc, #00becc); background-image: linear-gradient(to bottom, #00becc, #00becc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF00BECC', endColorstr='#FF00BECC', GradientType=0); border-color: #00becc #00becc #007780; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #00becc; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
.modal_big .menu-fce{padding: 30px;}
.modal_big .menu-fce:hover, .modal_big .menu-fce:focus/*, .higher-line a:hover,.higher-line a:focus*/ { text-decoration: none; color: white; background-color: #00becc; *background-color: #00a6b3; }       

/*.modal_big {position:absolute;}*/
#cross_modal .to-hide {display:none !important} 
#cross_modal .for-mobile li { border-bottom:0px !important;} 
#cross_modal .for-mobile ul li a b{ display:none !important;} 
#cross_modal .for-mobile ul li a,#cross_modal  .modal_big-body li a { text-align:center;font-size:20px;} 
#cross_modal .for-mobile ul li,#cross_modal  .modal_big-body li { line-height:300%;} 
#cross_modal .modal_big { padding: 30px 40px 10px; width: auto; left: 20px; right: 20px; margin-left:0px;}
#cross_modal .modal_big-body {  max-height:none }  
#cross_modal .span2 { text-align:center }
#cross_modal .span2 ul li a:link,#cross_modal .span2 ul li a:visited,#cross_modal .modal_big-body li a{ text-decoration: none }
#cross_modal .span2 ul { border-top:0px !important}
#cross_modal .outer_a  { border:0px !important;font-size: 20px !important;background: white !important;}
#cross_modal .inner_li,#cross_modal .just_li {font-size: 20px;background: #f3f3f3;padding: 20px 40px 20px;border:1px solid white;-webkit-border-radius: 10px;border-radius: 10px;text-align: center;list-style-type: none;} 
#cross_modal .inner_li .to-hide-img {display:inline} 
/*
#cross_modal .woman {background: LightPink} 
#cross_modal .man {background: YellowGreen;} 
#cross_modal .woman a {background: LightPink !important;color:black} 
#cross_modal .man a{background: YellowGreen !important;color:black} 
*/
#cross_modal .outer_li {background: white;text-align: center;}
/*.modal_big-body { height:85vh; } 
.modal_big {height:90vh;}*/
/*.modal_big {height:auto;}*/
#cross_modal .modal_big-body {max-height:580px;}
/*.modal_big-body { height:auto; }*/ 
#cross_modal .span2,#cross_modal .span3{width:45%;}

.modal_big-body {width:100% !important;;max-height:none !important;}
.modal_big {position:absolute;}
.justl-li-body {padding:0px 0px;}

@media (max-width: 979px) {

.for-menu-container{background-color: white;}
.to-show {display:inline}
/*.modal_big {position:absolute;}*/
.to-hide {display:none !important} 
.for-mobile li { border-bottom:0px !important;} 
.for-mobile ul li a b{ display:none !important;} 
.for-mobile ul li a,.modal_big-body li a,.for-mobile ul li a label { text-align:center;font-size:20px;} 
.for-mobile ul li,.modal_big-body li { line-height:300%;} 
.for-mobile .nav li a{ border: 1px solid; border-radius:15px !important; -webkit-border-radius: 15px !important;margin-top:10px} 
.modal_big { padding: 30px 40px 10px; width: auto; left: 20px; right: 20px; margin-left:0px;}
.modal_big-body {  max-height:none }  
.span2 { text-align:center }
.span2 ul li a:link,.span2 ul li a:visited,.modal_big-body li a{ text-decoration: none }
.span2 ul li a{background: #f3f3f3;}

.span2 ul { border-top:0px !important}
.outer_a  { border:0px !important;font-size: 20px !important;background: white !important;}
.inner_li,.just_li {font-size: 20px;padding: 0px 40px 0px 40px;border:1px solid white;-webkit-border-radius: 10px;border-radius: 10px;text-align: center;list-style-type: none; margin:10px} 
.outer_li {background: white;text-align: center;}
/*.modal_big-body { height:85vh; } 
.modal_big {height:90vh;}*/
/*.modal_big {height:auto;}*/

.modal_big-body {width:100% !important;;max-height:580px;}
/*.modal_big-body { height:auto; }*/ 
/*.span2,.span3{width:90% !important;}*/
.span98 {width:100% !important}
.span-aside {width:100% !important}

}
/*.modal_big .menu-fce {margin: 0px 0px 0px -10px;} */
@media (min-width: 480px) {
.modal_big-body {  padding:0px 20px; }
.justl-li-body {padding:0px 0px;}
/*.modal_big .menu-fce {margin: 0px 0px 0px 0px;} */
}

@media (min-width: 551px) {
/*.modal_big .menu-fce {margin: 0px 0px 0px 0px;}*/
}


@media (min-width: 768px) {
.modal_big-body {  padding:0px 15px }
.justl-li-body {padding:0px 0px;}
/*.button-fce {display: none;}*/
}

@media (min-width: 980px) {
.justl-li-body {padding:0px 0px !important;}
.modal_big-body {  padding:0px 20px }
/*.to-hide-true {display:none !important}*/ 
}

/*
.hide-container{display:none;}
*/

@media (max-width: 979px) {
.nav-tabs-mobile > li > a{font-size: 9px !important;padding: 16px 4px;}
#stickyNavbar{display:none !important;} 
#logo-to-hide{display:none !important;}

.sidemenuhide{display:block !important;}
.to-hide-mobile{padding:0px } 
.login-btn{margin-top:5px}
.lang-currency{margin-bottom:5px}
.to-together{display: inline-block;width: 100%;text-align: center;}
.filter-float{float:left;padding-right:30px}
.after-group:after {background-color: inherit !important;}
.fce-menu-new {display: block !important;} 
.span9 {width:100%}
.item-to-sw-grid {width:30% !important;}
.btn-vice {display:none;}
.span3-product {width:30% !important;float:left}
.popup-products .product .stars, .popup-products .product .hidden-line { opacity: 1; filter: alpha(opacity=100); }
.item-to-sw-grid {margin-left:20px !important}
#ajax_cart {width:100% !important}
.navbar .cart .btn {-webkit-border-radius: 5px;border-radius:5px;margin-bottom:10px;font-size:20px;padding:15px 20px}
.login-btn,.fce-btn/*,.higher-line a*/ { /* IE7 inline */-block hack */ *zoom: 1; padding: 8px 18px; margin-bottom: 10px; font-size: 13px; line-height: 19px; text-align: center; vertical-align: middle; cursor: pointer; color: #333333; border: 1px solid #bbbbbb; *border: 0; border-bottom-color: #a2a2a2; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; *margin-left: .3em; -webkit-box-shadow: 0 2px 0 #006d75; -moz-box-shadow: 0 2px 0 #006d75; box-shadow: 0 2px 0 #006d75; color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #00becc; background-image: -moz-linear-gradient(top, #00becc, #00becc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00becc), to(#00becc)); background-image: -webkit-linear-gradient(top, #00becc, #00becc); background-image: -o-linear-gradient(top, #00becc, #00becc); background-image: linear-gradient(to bottom, #00becc, #00becc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF00BECC', endColorstr='#FF00BECC', GradientType=0); border-color: #00becc #00becc #007780; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #00becc; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
.login-btn { display: inline-block; *display: inline;}
.fce-btn{width:60%;margin: 0 10px 10px 10px;}
.login-btn:hover, .login-btn:focus,. fce-btn:hover,. fce-btn:focus/*, .higher-line a:hover,.higher-line a:focus*/ { text-decoration: none; color: white; background-color: #00becc; *background-color: #00a6b3; }
.selected {padding:10px 8px !important}
.js-possibilities a {padding:15px 20px !important}
/*.higher-line span{display:none}*/
.topmost-line .higher-line {margin-bottom: 10px ;}
.topmost-line .higher-line a{text-decoration: none;}
.topmost-line .higher-line a:hover,.topmost-line .higher-line a:focus{color:#727272;}
#navSearchInput {-webkit-border-radius: 30px;border-radius:30px;padding: 30px;font-size: 30px;}
.navbar .navbar-form button[type="submit"] {top: 35px;right: 40px;font-size:30px}
.retina-ostatni{padding: 15px !important}
}
}
@media (max-width: 767px) {

.buy-pr {width:90%;padding:0px 0px}
.buy-pr span{font-size:35px !important;position:static !important;}
.left-sidebar { margin-bottom: -30px;}
.social-span {display: none;}  
.login-span{width: 30%;float: left;}
.span8 .higher-line {display: none;}
.item-to-sw-grid {width:45% !important;}
.btn-vice {display:none;}
.isotope-container .product {border:0;} 
.popup-products .product:hover { background: white; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35); box-shadow: 0 0 5px rgba(0, 0, 0, 0.35); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); z-index: 1; }
.popup-products .product:hover .product-inner { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.login-btn {padding: 8px 24px;margin-bottom: 10px;}
.span6-product {width:70% !important;float:left}

} 

@media (max-width: 979px) and (min-width: 769px) {
.buy-pr .tiny-size {margin-bottom: 16px;}
.buy-pr span{font-size:35px !important;position:static !important}
.form-inline .span2 {margin-bottom:16px}
.buy-pr {width:90%;padding:0px 0px;float:none}
.row-related .span3 {width:22% !important}}
}

@media (max-width: 768px) and (min-width: 480px) {
.row-related .span3 {
width: 20% !important;
float: left;
margin: 10px 10px 10px 10px;}
}

@media (max-width: 550px) {
.item-to-sw-grid {width:45% !important;}
.btn-vice {display:none;}

}
@media (max-width: 480px) {
.row-related .span3 {width:90% !important}
.item-to-sw-grid {width:40% !important;}
.btn-vice {display:none;}

}


@media (max-width: 979px) and (min-width: 768px) {
.span6-product {width:60% !important;float:left}
.navbar .open-panel {left:0;}
.cart-container .cart {border:0}

}



.nav-collapse2 .dropdown-menu li + li a { margin-bottom: 0; }
.nav-collapse2.collapse { height: auto; overflow: visible; }

@media (max-width: 480px) { 
.nav-collapse2 { -webkit-transform: translate3d(0, 0, 0); }
} 
@media (max-width: 979px) { body { padding-top: 0; }

  .nav-collapse2 { clear: both; }
  .nav-collapse2 .nav { float: none; margin: 0 0 9.5px; }
  .nav-collapse2 .nav > li { float: none; }
  .nav-collapse2 .nav > li > a { margin-bottom: 2px; }
  .nav-collapse2 .nav > .divider-vertical { display: none; }
  .nav-collapse2 .nav .nav-header { color: #777777; text-shadow: none; }
  .nav-collapse2 .nav > li > a, .nav-collapse2 .dropdown-menu a { padding: 9px 15px; font-weight: bold; color: #777777; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
  .nav-collapse2 .btn { padding: 4px 10px 4px; font-weight: normal; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
  .nav-collapse2 .dropdown-menu li + li a { margin-bottom: 2px; }
  .nav-collapse2 .nav > li > a:hover, .nav-collapse2 .nav > li > a:focus, .nav-collapse2 .dropdown-menu a:hover, .nav-collapse2 .dropdown-menu a:focus { background-color: #f2f2f2; }
  .navbar-inverse .nav-collapse2 .nav > li > a, .navbar-inverse .nav-collapse2 .dropdown-menu a { color: #999999; }
  .navbar-inverse .nav-collapse2 .nav > li > a:hover, .navbar-inverse .nav-collapse2 .nav > li > a:focus, .navbar-inverse .nav-collapse2 .dropdown-menu a:hover, .navbar-inverse .nav-collapse2 .dropdown-menu a:focus { background-color: rgba(0, 0, 0, 0.8); }
  .nav-collapse2.in .btn-group { margin-top: 5px; padding: 0; }
  .nav-collapse2 .dropdown-menu { position: static; top: auto; left: auto; float: none; display: none; max-width: none; margin: 0 15px; padding: 0; background-color: transparent; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
  .nav-collapse2 .open > .dropdown-menu { display: block; }
  .nav-collapse2 .dropdown-menu:before, .nav-collapse2 .dropdown-menu:after { display: none; }
  .nav-collapse2 .dropdown-menu .divider { display: none; }
  .nav-collapse2 .nav > li > .dropdown-menu:before, .nav-collapse2 .nav > li > .dropdown-menu:after { display: none; }
  .nav-collapse2 .navbar-form, .nav-collapse2 .navbar-search { float: none; padding: 9.5px 15px; margin: 9.5px 0; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); }
  .navbar-inverse .nav-collapse2 .navbar-form, .navbar-inverse .nav-collapse2 .navbar-search { border-top-color: rgba(0, 0, 0, 0.8); border-bottom-color: rgba(0, 0, 0, 0.8); }
  .navbar .nav-collapse2 .nav.pull-right { float: none; margin-left: 0; }
  .nav-collapse2, .nav-collapse2.collapse { overflow: hidden; height: 0; }
 }
@media (min-width: 980px) { .nav-collapse2.collapse { height: auto !important; overflow: visible !important; } }

.navbar-form-search #form_search {padding:0 !important}


.inner-a img, .higher-a img{max-width: 30% !important;}
.inner-a{font-size:20px !important;padding: 20px 0px 20px 0px !important;}
.higher-a{padding: 30px 0 30px 0 !important;}
.higher-a {background-color: #f2f2f2;cursor:pointer}
.menu-ul {text-align:center;font-size:20px}

@media (max-width: 499px) { 
.menu-ul{margin:5px 40px !important}
}
@media (min-width: 500px) { 
.menu-ul{margin:5px 100px !important}
} 
@media (min-width: 768px) {
.span-menu{margin-left:10px !important}
.nav-collapse2{margin-left:20px !important}
}

@media (min-width: 768px) and (max-width: 979px) {
.img-list {max-width:90%}
} 

.sidenav {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 1200; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  background-color: #111; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
  text-align:left;
  
}

/* The navigation menu links */
.sidenav a {
  //padding: 8px 8px 8px 25px;
  padding-bottom:9px;
  padding-top:9px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 10px;
  font-size: 36px;
  margin-left: 50px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-left .5s;
  padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}


/* Style the button that is used to open and close the collapsible content */
.collapsible {
  //background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 90%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.collapsible1 {
  //background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 90%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.nocollapsible {
  //background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 90%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover {
 //background-color: #ccc;
}

/* Style the collapsible content. Note: hidden by default */
.content {
  padding-left:28px;
  display: none;
  overflow: hidden;
  //background-color: #f1f1f1;
}

.collapsible:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 10px;
  color: white;
  float: right;
  padding-right:20px;
  margin-left: 5px;
}

.active12:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}

.collapsible1:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 10px;
  color: red;
  float: right;
  padding-right:23px !important;
  margin-left: 5px;
}
.collapsible1.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}

[data-letters]:before {
  content:attr(data-letters);
  display:inline-block;
  font-size:9pt;
  width:2.5em;
  height:2.5em;
  line-height:2.5em;
  text-align:center;
  border-radius:50%;
  background:#00becc;
  vertical-align:middle;
  
  color:white;
  margin-bottom:15px;
  }