/*
    e-shop css - dolezite pre responzivny eshop
*/

input, textarea, select, button, a, div, span, p{ outline: none; }

/* ............... back top ............. */
#back_top{
    background-color: #EE0481;
    position: fixed;
    bottom: 0;
    right: 0;
    color: #fff;
    padding: 5px 15px;
    font-size: 120%;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transition:visibility 0s linear 0.5s,opacity 0.5s linear;
    -moz-transition:visibility 0s linear 0.5s,opacity 0.5s linear;
    -o-transition:visibility 0s linear 0.5s,opacity 0.5s linear;
    transition:visibility 0s linear 0.5s,opacity 0.5s linear;
    opacity: 0;
    visibility: hidden;
}
#back_top.active{
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
#back_top:hover{
    background-color: #333;
}

/* .................... search ................. */

#instantsearch{
    display: none;
	border: 1px solid #F5F5F5;
	border-top: 0;
	margin: 0 -1px;
	z-index: 9;
	position: absolute;
	width: 100%;
	max-width: 486px;
}
.isrch_main{
    position: relative;
    z-index: 9;
    background-color: #fff;
}
.isrch_main #instantsearch_content{
    padding: 5px;
}
.isrch_main .isrch_item{
    margin-bottom: 10px;
    cursor: pointer;
}
.isrch_main .isrch_item .img{
    position: relative;
    float: left;
    width: 40px;
    margin-right: 10px;
}
.isrch_main .isrch_item .isrch_item_text{
    position: relative;
    margin-left: 45px;
}
.isrch_main .isrch_item .isrch_item_text:hover{
    background-color: rgba(238, 4, 129, 0.05);;
}
.isrch_bottom{
    position: relative;
    z-index: 9;
    background-color: #EE0481;
    cursor: pointer;
    padding: 5px 0px;
	width: 100%;
	float: left;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-bottom-left-radius: 3px;
    -moz-border-bottom-right-radius: 3px;
    -o-border-bottom-left-radius: 3px;
    -o-border-bottom-right-radius: 3px;
    -khtml-border-bottom-left-radius: 3px;
    -khtml-border-bottom-right-radius: 3px;
	transition: background-color .3s ease-in-out;
	  text-align: center;
}
.isrch_bottom:hover {
	background-color: #333;
}
.isrch_bottom a{
    color: #fff;
	padding: 0 10px;
	width: 100%;
	float: left;
}
.isrch_bottom a:hover{
    color: #fff;
}

/* ............ podsekcie_list ......... */
.podsekcie_list {
    position: relative;
    width: 100%;
    display: inline-block;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
.podsekcie_list li {
    position: relative;
    width: 33.3333333%;
    display: inline-block;
    padding-left: 15px;
}

@media screen and (max-width: 639px) {
    .podsekcie_list li {
        width: 50%;
    }
}
.podsekcie_list li:before {
    content: "\f0c8";
    font-family: "FontAwesome";
    font-size: 8px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto;
    height: 10px;
}
.podsekcie_list li a {
    color: #ED3093;
}
.podsekcie_list li a:hover {
    text-decoration: underline;
}

/* ............. result .............. */
#mob_bottom_box{
	background-color: #F5F5F5;
	border-radius: 5px;
	padding: 10px 0;
	margin-bottom: 15px;
}
.pager{
    margin: 20px 10px;
    text-align: right;
}
#mob_bottom_box .pager{
	margin: 0;
}
#links_mainbox a.last_links_mainbox{
    color: #777;
}
#mob_bottom_box_right .pager .p_page a{
	background-color: #EE0481;
	padding: 1px 7px;
	color: #fff;
	transition: all .3s ease-in-out;
}
#mob_bottom_box_right .pager .p_page b a{
	padding: 3px 9px;
}
#mob_bottom_box_right .pager .p_page a:hover{
	background-color: #333;
}
#mob_bottom_box_right .pager .p_prev a, #mob_bottom_box_right .pager .p_next a{
	background-color: #EE0481;
	padding: 1px 7px;
	color: #fff;
	transition: all .3s ease-in-out;
}
#mob_bottom_box_right .pager .p_prev a:hover, #mob_bottom_box_right .pager .p_next a:hover{
	background-color: #333;
}
.produkt_box{ min-height: 60px; }
.produkt_box .p_title {
    color: #EE0481;
}
.produkt_box .p_title h3 {
    text-align: left;
    margin: 10px 0px;
    font-size: 140%;
    color: #EE0481;
}
.produkt_box .p_title h3 a {
    color: #EE0481;
}
.produkt_box .p_title h3 a:hover {
    text-decoration: underline;
}
.produkt_box .p_title h3 .fa {
    font-size: 30%;
    float: left;
    margin-top: 10px;
}
.ajaxresult_target{
    position: relative;
    float: left;
    text-align: center;
}
.ajaxresult_target .ajaxresult_button{
    line-height: 22px;
    border: 0;
    background-color: #BEBEBE;
    color: #fff;
    padding: 6px 8px;
    border-radius: 3px;
}
.zoom_image_container{
   -webkit-backface-visibility: hidden;
    overflow: hidden;
}
.zoom_image{
    transition: all 400ms;
	z-index: -1;	
}
.zoom_image_container:hover .zoom_image {
-webkit-transform:scale(1.3);
-moz-transform:scale(1.3);
-o-transform:scale(1.3);
-ms-transform:scale(1.3);
transform:scale(1.3);
transition:all 400ms;
z-index: 5;
}
.zoom_image_container:hover {
overflow: visible;
}

/* ............. table .......... */
.table_view{ margin-top: 10px; margin-bottom: 10px; }
.table_view .col-md-7 p{ text-align: justify; }
.table_view .col-md-7 h3{ margin-top: 0; }
.table_view a.nav_next{ margin-right: 5px; }

/* ........ filter ............. */
#filter_closed .in{
    position: relative;
    float: left;
    width: 100%;
    background-color: #e6e6e6;
    margin: 10px 0px;
}
#filter_closed .in .filter_title{ float: left; margin-right: 10px; line-height: 25px; }
#filter_closed .in .filter_text{ float: left; line-height: 25px; }
#filter_closed .in .filter_down{
    float: right;
    background: #fff;
    padding: 2px 5px;
    color: #565656;
}
#filter_closed .in .filter_down:hover{
    box-shadow: 0px 0px 5px #ccc;
}
#filter_open #filter_open_inside{
    position: relative;
    width: 100%;
    float: left;
    /*background-color: #e6e6e6;*/
    margin: 15px 0px;
}
#filter_open #filter_open_inside .in{
    position: relative;
    float: left;
    width: 100%;
}

#filter_open #filter_open_inside .filter_title{ float: left; margin-right: 10px; line-height: 25px; }
#filter_open #filter_open_inside .filter_text{ float: left; line-height: 25px; }
#filter_open #filter_open_inside .filter_up, #filter_open #filter_open_inside #fob_menu1{
    float: right;
    /*background: #fff;*/
    padding: 2px 15px;
    /*color: #565656;*/
}
#filter_open #filter_open_inside #fob_menu2{
    float: left;
    /*background: #fff;*/
    border: 0;
    padding: 2px 15px;
    outline: none;
}
#filter_open #filter_open_inside .filter_up:hover, #filter_open #filter_open_inside #fob_menu1:hover, #filter_open #filter_open_inside #fob_menu2:hover{
    box-shadow: 0px 0px 5px #ccc;
}
#filter_open #filter_open_inside .filter_open_main{
    position: relative;
    float: left;
    width: 100%;
    padding: 10px 10px;
    margin: 0px 0px;
    /*background-color: #fff;*/
    border: 1px solid #ccc;
}
.fom_one, .fom_two, .fom_three{
    margin: 5px 0px;
}
#filter_open #filter_open_inside input{
    border: 1px solid #ccc;
    /*background: #e6e6e6;*/
    padding-left: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -khtml-border-radius: 5px;
}
#filter_open #filter_open_inside select{
    border: 1px solid #ccc;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -khtml-border-radius: 5px;
}
#filter_open #filter_open_inside #filter_open_bottom_sklad{
    padding: 10px 0px;
}
#filter_open #filter_open_inside #filter_open_bottom{
    position: relative;
    float: left;
    width: 100%;
    padding-bottom: 5px;
}
#filter_open #filter_open_inside #filter_open_bottom #filter_open_bottom_sklad{
    float: left;
    width: 100%;
    padding: 5px 0px;
}

#filter_open .filter_open_main .input_fom_two{ text-align: left; }

/* ......... produkt box - tags ................ */
.p_tags_box{
    position: absolute;
    top: 10px;
    left: 0;
    text-align: center;
}
.p_tags_box .p_tag{
    font-size: 75%;
    color: #fff;
    margin-bottom: 3px;
    padding: 0px 10px;
    border-radius: 25px;
}
.p_tags_box .p_tag.akcia{
    background: #e84c3d;
}
.p_tags_box .p_tag.novinka{
    background: #2fcc71;
}
.p_tags_box .p_tag.zlava{
    background: #3598dc;
}
.p_tags_box .p_tag.vypredaj{
    background: #f1c40f;
}
.p_tags_box .p_tag.doporucujeme{
    background: #9c59b8;
}

/* ......... detail page .......... */
.product_detail_page{ margin-top: 30px; border-bottom: 1px solid #ddd; margin-bottom: 15px; }
.product_detail_page .row{ margin-bottom: 10px; }
.d_popis{ text-align: justify; }

.d_cena_simple a.nav_next02 {
    margin-top: 8px;
    float: right;
    width: 90px;
    color: #fff;
}
.d_cena_simple b{
    font-size: 14pt;
}
.d_info{
	width: 100%;
	float: left;
	padding: 3px 0;
}
.d_info img{
    /*margin-right: 5px;*/
}
.d_info span, .d_hodnotenie .d_hodnotenie_text span {
	width: 40px;
	float: left;
	text-align: center;
	color: #333;
	font-size: 110%;
}

.qty_minus, .qty_plus {
    border: 1px solid #ddd;
    border-radius: 0rem;
}

#quantity_product {
    z-index: initial;
}

#product_price_row {
    margin: 0;
    padding: 0;
    border: 0;
    color: black;
    text-align: initial;
}

#product_cart_controlls {
    border-bottom: 1px solid #ddd;
    padding-bottom: 0.75rem;
}

#product_cart_controlls_container {
    padding-right: 0;
    padding-left: 0;
}

/* varianty */
/* .d_cena_var{
    border: 2px solid #EE0481;
    padding-bottom: 5px;
    margin: 10px 0px;
} */
.d_cena_var .offer{
    width: 100%;
}
.d_cena_var .offer tr th{
    text-align: center;
    width: 33%;
    line-height: 35px;
	color: #EE0481;
	font-weight: normal;
	text-transform: capitalize;
}
.d_cena_var .offer tr td{
    text-align: center;
    line-height: 45px;
}
.d_cena_var a.nav_next02 {
    height: 37px;
    line-height: 100%;
}
.product_detail_page table {
	width: 100% !important;
	height: auto !important;
	border-color: #ddd;
	text-align: center;
	table-layout: fixed;
}
.product_detail_page table td { 
    overflow: hidden; 
    text-overflow: ellipsis; 
    word-wrap: break-word;
}
/* ......... font awesome customization ........ */
.fa.fa-eur{
    font-size: 15pt;
    margin: 0px 5px;
}

/* ............ eshop user profile ........... */
#filter_box{
   padding-bottom: 15px;
   margin-top: 30px;
   position: relative;
}
.profilbox {
    width: 100%;
    margin-bottom: 20px;
    float: left;
    min-height: 222px;
    border: 1px solid #D7D7D7;
    padding: 10px;
}
.profilbox .px_title { margin-bottom: 8px; }
.profilbox .px_title{
    font-size: 100%;
    padding: 5px;
    background: #c2c2c2;
    color: #fff;
}
.profilbox .px_title a:link , .profilbox .px_title a:visited , .profilbox .px_title a:active , .profilbox .px_title a:hover {
    color: #fff;
}
.profilbox .profilbtn{
    margin-left: 10px;
    background: #BEBEBE;
    padding: 2px 10px;
    color: #fff;
}
.profilbox .profilbtn:hover{
    background: #979797;
}
.profilbox p{ padding-left: 10px; }
.profilbox ul { padding-left: 40px; list-style-type: disc; }
.profilbox #profil_newsletter{ padding-left: 10px; }
.profilbox #profil_newsletter .newsletter_select{ float: left; width: 30px; }
#backbutton{ color: #fff; background: #BEBEBE; }

/* ................ moje konto .................. */
.mk_nav{
    width: 100%;
    float: left;
    background-color: #c2c2c2;
    color: #fff;
    padding: 5px 0px;
}
.second{
    width: 100%;
    float: left;
    background-color: #f2f2f2;
}
.mk_d_nazov span{
    font-size: 90%;
}
.mk_d_nazov div{
    font-size: 80%;
}

/* ......... zakladne udaje .............*/
.container_x1 #reg_form .col-md-4{
    text-align: left;
    padding: 10px;
    margin-bottom: 0px;
}
.container_x1 #reg_form .c_d input{
    padding: 5px;
}
#reg_form input[type="text"], #reg_form input[type="password"], #reg_form select{ width: 100% !important; }
#reg_form .reg_po, #reg_form .newpwd{ display: none; }

.errorinput { border: 1px solid #FD7B7B; }

.textinput {
border: 1px solid #ccc;
padding: 5px;
}


#response.hidden { display: block !important; }

/* ........... formulare ........... */
#adresa_edit_form .logistika_box{ min-height: 195px; }
#adresa_edit_form .logistika_box small{ font-size: 75%; }
#adresa_edit_form .logistika_box small a{ color: #3598dc; }
#adresa_edit_form .logistika_box small a:hover{ text-decoration: underline; }
#adresa_edit_form .logistika_box .btn-primary{ border-radius: 5px; background-color: #337ab7; z-index: 5; }
#adresa_edit_form .logistika_box .btn-primary:hover{ background-color: #286090; }

/* .......... dodacie adresy .......... */
.dodacie_adresy input[type="text"], .dodacie_adresy select{ border: 1px solid #ddd; border-radius: 5px; }
/* ......... fakturacne adresy ....... */
.fakturacne_adresy input[type="text"], .fakturacne_adresy select{ border: 1px solid #ddd; border-radius: 5px; }

/* .................. login ............... */
header .login {
/*font-weight: bold;*/
list-style-type: none;
text-align: right;
display: inline-block;
width: 100%;
    margin-left: 0;
    margin-top: 0;
	position: relative;
}
header .login li a {
padding: 0;
}
.badge {
position: absolute;
top: 5px;
right: 10px;
}
#kosik_notice {
position: fixed;
z-index: 999;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.7);
margin: auto;
opacity: 0;
visibility: hidden;
transition: visibility 0s, opacity .3s ease-in-out;
}
#kosik_notice div {
margin: auto;
width: 300px;
height: 50px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #EE0481;
text-align: center;
padding-top: 15px;
color: #fff;
border-radius: 5px;
}

#kosik_notice.visible_notice {
opacity: 1;
visibility: visible;
}
#kosik_notice .kosik_notice_button {
top: 230px;
background-color: transparent;
}
#kosik_notice #kosik_close {
top: 120px;
background-color: transparent;
}
#kosik_notice .kosik_notice_button a, #kosik_notice #kosik_close a {
border: 2px solid #EE0481;
padding: 10px;
color: #fff;
border-radius: 5px;
}
#kosik_notice .kosik_notice_button a:hover, #kosik_notice #kosik_close a:hover {
background-color: #EE0481;
}

.fb-like{
margin-top: 5px;
}

.mainPanel table tr td { padding: 3px 5px; }

/* ................ Doprava a platba ............... */
.pageDoprava h2 {
text-align: left;
border-bottom: 0;
font-size: 150%;
}
.pageDoprava h2 img {
max-width: 65px;
margin-right: 10px;
}
.pageDoprava .row {
margin-bottom: 15px;
}
.pageDoprava .insideItem {
border: 1px solid #ddd;
border-radius: 5px;
padding: 15px;
text-align: center;
background-color: #F7F7F7;
margin-bottom: 15px;
}
.pageDoprava .insideItem img {
margin-left: auto;
margin-right: auto;
}
.pageDoprava .insideItem.arrow {
border: 0;
background-color: transparent;
}
.pageDoprava .insideItem h3 { font-size: 130%; }
.pageDoprava .insideItem h4 {
font-size: 100%;
color: #EE0481;
margin-bottom: 5px;
}
.pageDoprava .insideItem p {
font-size: 90%;
margin-bottom: 15px;
}
.pageDoprava .insideItem p span {
float: left;
width: 100%;
color: #EE0481;
font-size: 110%;
}

/* ............. hodnotenie ................ */
.d_hodnotenie_stars {
display: inline-block;
line-height: 15p
}
.d_hodnotenie_stars li {
float: left;
margin-left: 5px;
}

/* .................. meny .................. */
.currencyChange .btn {
    border: 0px;
    padding: 0px !important;
    margin-right: 10px;
    font-size: 100%;
}
.currencyChange .btn:hover,
.currencyChange .btn:active,
.currencyChange .btn:focus {
    background: transparent;
    outline: none;
}
.currencyChange .btn img {
    width: 20px;
    margin-top: -5px;
}
.currencyChange ul {
    list-style-type: none;
    display: none;
    font-size: 100%;
}
.currencyChange ul li {
    width: 100%;
    font-size: 100%;
}
.currencyChange ul li a {
    padding: 5px;
}
.currencyChange ul li a img {
    width: 25px;
}

#product_cart_controlls .form-control option {
    white-space: normal !important;
}


/* ................. responive ................ */
@media screen and (max-width: 1199px) {
	header .login { text-align: center; }

}

@media screen and (max-width: 991px){
	.fb-like{ margin-top: 0px; margin-bottom: 10px; }
	 .product_detail_page { margin-top: 10px;}
	 #filter_box { margin-top: 10px;}
}

@media screen and (max-width: 767px) {
	.zoomContainer { display: none; }
	.container_x1 .col-md-4 { float: left; width: 100%; }
	.pageDoprava h2 { font-size: 100%; }
	.pageDoprava h2 img { max-width: 30px; }
	.pageDoprava .insideItem img { max-width: 150px; }
	.register { float: left; width: 100%; margin: auto; }

}

@media screen and (max-width: 630px) {
	#filter_open_inside .fom_one, #filter_open_inside .fom_two { width: 100%; }
	#filter_open_inside .fom_one input { max-width: 50px; }
	.fom_three .col-md-2.col-xs-2 { width: 100%;   margin-bottom: 10px; }
	#filter_open #filter_open_inside #filter_open_bottom_sklad { padding: 0 15px; width: 100%; margin-bottom: 10px; }
	.pageDoprava .insideItem img { max-width: 100px; }
	
	.product_detail_page table  {
        overflow-x: auto;
        display: block;
		border: 0;
    }	
}

@media (max-width: 540px) {
    .fom_three .input_fom_three {
        width: 100%;
    }
}

@media screen and (max-width: 450px) {
	#mob_bottom_box .col-md-6, #mob_bottom_box .pager { text-align: center; }
	#mob_bottom_box .pager { margin-top: 10px; }
}

.kategoria_banner {
    clear: both;
}