@charset "utf-8";

html {
  
}

body {
  margin: 0;
  width: 100%;
  color: #1f2a53;
  font-family: 'Open Sans', sans-serif;
}

h1 {
    font-size: 1.6em;
    padding: 10px 20px;
    color: #2b6593;
    text-transform: uppercase;
    margin: 0 0 15px 0;
    
    background: rgba(243,230,51,1);
    background: -moz-linear-gradient(left, rgba(243,230,51,1) 0%, rgba(243,243,243,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(243,230,51,1)), color-stop(100%, rgba(243,243,243,1)));
    background: -webkit-linear-gradient(left, rgba(243,230,51,1) 0%, rgba(243,243,243,1) 100%);
    background: -o-linear-gradient(left, rgba(243,230,51,1) 0%, rgba(243,243,243,1) 100%);
    background: -ms-linear-gradient(left, rgba(243,230,51,1) 0%, rgba(243,243,243,1) 100%);
    background: linear-gradient(to right, rgba(243,230,51,1) 0%, rgba(243,243,243,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e633', endColorstr='#f3f3f3', GradientType=1 );
    min-height: 55px;

}
h1:hover{
    
}

h2 {
    font-size: 1.3em;
    margin: 0 0 5px 0;
    padding: 0 0 0px 0;
    text-transform: uppercase;
    border-bottom: thin solid #0146DB;
    color: #2b6593;
}

h2:hover{
    
}

h3 {
    font-size: 1.1em;
    margin: 0;
    padding: 0;
    color: #2b6593;
    font-weight: initial;
    font-weight: bold;
}

h3:hover{
 
}

h4 {
    font-size: 1.05em;
    margin: 0;
    padding: 0;
    color: #2b6593;
    font-weight: initial;
    font-weight: bold;
}

h4:hover{
 
}

a, a:visited, a:link, a:active{
  color: #e21d26;
  cursor: pointer;
}
a:hover{
  outline: 0;
  color: #1d54f3;
}

input[type='text'], input[type='password'], input[type='number'], textarea, select, option{
    font-family: 'Open Sans', sans-serif;
    transition: 0.2s all;
    color:black;
}

input[type='text'], input[type='password']{
    
}
input[type='submit']{
    margin: 5px 0 0 0;
}
input[type='submit']:hover, input[type='submit']:focus{
    
}
input:hover, input:focus{
    
}
textarea{
    
}
textarea:hover{
    
}

.ui-front {
    z-index: 10000 !important;
}

    
/******************************************************************************/     
/***************************** MAIN STRUCTURE *********************************/ 
/******************************************************************************/         

#wrapper *{
    box-sizing: border-box;
}

#wrapper{
    background: rgba(181,180,222,1);
    background: -moz-linear-gradient(top, rgba(181,180,222,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(181,180,222,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(181,180,222,1) 0%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(181,180,222,1) 0%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(181,180,222,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(181,180,222,1) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5b4de', endColorstr='#ffffff', GradientType=0 );
}

#wrapper_webmenu{
    
}

#wrapper_eshopmenu{
    
}

#wrapper_slider.home{
    min-height: 285px;
}

#wrapper_header{
    
}

#wrapper_content{
    
}

#wrapper_footer{
    
}

#wrapper_header_notif{
    background-color: #1c4f9c;
    color:#fff;
    padding: 5px 10px;
    text-align: center;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
#wrapper_header_notif a{
    color:#00ffc4;
}

/********************************SECTION***************************************/
#wrapper .section{
    width: 1044px;
    margin: 0 auto;
}


/********************************SLIDER****************************************/    

#slider.section{
    margin: 0 auto 5px auto;
    display: none;
    position: relative;
    max-height: 300px;
}
    #slider.section .pgwSlider{
        max-width: 790px !important;
        min-height: 275px !important;
    }
    #slider.section .btn_cont{
        position: absolute;
        top: 0;
        right: 0;
        z-index: 50;
    }
        #slider.section .btn_cont .btn{
            padding: 15px 25px 15px 55px;
            border-radius: 5px;
            margin: 11px 0;
            font-size: 18px;
            border: thin solid;
            font-weight: bold;
            cursor: pointer;
            background: rgba(242,242,242,1);
            background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(184,184,184,1) 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,242,242,1)), color-stop(100%, rgba(184,184,184,1)));
            background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(184,184,184,1) 100%);
            background: -o-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(184,184,184,1) 100%);
            background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(184,184,184,1) 100%);
            background: linear-gradient(to bottom, rgba(242,242,242,1) 0%, rgba(184,184,184,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#b8b8b8', GradientType=0 );
            position: relative;
            color:#1f2a53;
            min-width: 280px;
        }
        #slider.section .btn_cont .btn::before{
            width: 35px;
            height: 35px;
            content:"";
            position: absolute;
            top: 9px;
            left: 9px;
            background-size: 35px;
        }
        #slider.section .btn_cont .btn.btn_1::before{
            background-image: url('images/btn_1.png');
        }
        #slider.section .btn_cont .btn.btn_2::before{
            background-image: url('images/btn_2.png');
        }
        #slider.section .btn_cont .btn.btn_3::before{
            background-image: url('images/btn_3.png');
        }
        #slider.section .btn_cont .btn.btn_4::before{
            background-image: url('images/btn_4.png');
        }
        #slider.section .btn_cont .btn:hover{
            -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
            -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
            box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
            background: rgba(184,184,184,1);
            background: -moz-linear-gradient(top, rgba(184,184,184,1) 0%, rgba(242,242,242,1) 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(184,184,184,1)), color-stop(100%, rgba(242,242,242,1)));
            background: -webkit-linear-gradient(top, rgba(184,184,184,1) 0%, rgba(242,242,242,1) 100%);
            background: -o-linear-gradient(top, rgba(184,184,184,1) 0%, rgba(242,242,242,1) 100%);
            background: -ms-linear-gradient(top, rgba(184,184,184,1) 0%, rgba(242,242,242,1) 100%);
            background: linear-gradient(to bottom, rgba(184,184,184,1) 0%, rgba(242,242,242,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8b8b8', endColorstr='#f2f2f2', GradientType=0 );
        }
    
    
    #slider.section .ps-caption{
        color: #000;
        font-weight: bold;
        font-size: 1.9em;
        position: absolute;
        top: 57%;
        width: 100%;
        text-align: center;
        padding: 0 37px 0 12px;
        background: none;
        border: 0;
    }
    #slider.section.cs .ps-caption{
        top: 53%;
        font-size: 1.2em;
        padding: 0 80px 0 25px;
    }
        #slider.section .ps-caption span{
            display: inline-block;
            width: 25%;
            float: left;
            position: relative;
        }
    
        #slider.section.cs span p{
            margin: -36px 0 88px 0;
        }
    

/*******************************BANNERY****************************************/        
#wrapper .banner_left{
    position: fixed;
    top: 180px;
    width: 158px;
    margin: 0 auto;
    right: 0;
    left: -1208px;
}
#wrapper .banner_right{
    position: fixed;
    top: 180px;
    width: 158px;
    margin: 0 auto;
    left: 0;
    right: -1209px;
}
        
/*******************************SEARCH*****************************************/    
#search{
    
}

/*****************************NEWSLETTER***************************************/    
.newsletter{
    
}


/******************************CURRENCY****************************************/
.currency{
    
}
    .currency .cur{
        color:green;
    }
    .currency .cur.selected{
        color:black;
    }

/*****************************LANGUAGES****************************************/    
.languages{
    
}
    



/**********************************HEADER**************************************/    
#header{
    
}
    #header .logo{
        margin: 0 0 5px 0;
    }
    #header .search_login{
        padding: 8px 0 8px 8px;
        background-color:rgb(252,236,29);
        margin: 0 0 10px 0;
    }

    #header .lang_cur{
        margin: 0 0 -20px 0; 
    }
        #header .lang_cur .selectboxit-container .selectboxit{
            border-radius: 0px;
            background-image: initial;

        }
        #header .lang_cur .selectboxit-btn{
            background-color: rgb(255, 244, 105);
        }
    
    #header .header_title{
        margin: 0 0 10px 0; 
    }
    #header .header_title.sk{
        cursor: pointer;
    }
    #header .header_title.cs{
        padding: 15px 20px;
    }
    #header .header_title.cs{
        background: rgba(33,72,158,1);
        background: -moz-linear-gradient(-45deg, rgba(33,72,158,1) 0%, rgba(40,53,105,1) 100%);
        background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(33,72,158,1)), color-stop(100%, rgba(40,53,105,1)));
        background: -webkit-linear-gradient(-45deg, rgba(33,72,158,1) 0%, rgba(40,53,105,1) 100%);
        background: -o-linear-gradient(-45deg, rgba(33,72,158,1) 0%, rgba(40,53,105,1) 100%);
        background: -ms-linear-gradient(-45deg, rgba(33,72,158,1) 0%, rgba(40,53,105,1) 100%);
        background: linear-gradient(135deg, rgba(33,72,158,1) 0%, rgba(40,53,105,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21489e', endColorstr='#283569', GradientType=1 );
        color:#fff;
    }
/*********************************CONTENT**************************************/    
#content{
    min-height: 200px;
    margin: 0 0 10px 0;
    background-color: #f3f3f3;
    padding: 15px;
}
    #content .mod{
        
    }
    
    
    #content .mod.eshop h1,
    #content .mod.mod_eshop_main_category h1{
        padding: 10px 230px 10px 20px;
    }

/*********************************FOOTER***************************************/    
#footer{
    
}
    #footer .copyright{
        background-color: rgb(35, 65, 129);
        color:#fff;
        padding: 10px;

        -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    }

    #footer .fast_links{
        background-color: rgb(252,236,29);
        padding: 30px 30px;
        border-top: thin solid #ADADAE;
    }
        #footer .fast_links ul,
        #footer .fast_links ol{
            list-style: none;
            margin: 0;
        }
        #footer .fast_links ul li,
        #footer .fast_links ol li{
            margin: 0;
        }
        #footer .fast_links li a{
            transition: 0.2s all ease-in-out;
            color: #1f2a53;
        }
        #footer .fast_links li a:hover{
            padding: 0 0 0 10px;
            color: #1d54f3;
        }
    
    #footer a{

    }
    #footer a:hover{

    }
   
    
.customer_monitor_button_cont{
    width: 1044px;
    margin: 0 auto;
    position: fixed;
    z-index: 5000;
    left: 0;
    right: 0;
    top: 20%;
}    
    .customer_monitor_button_cont .customer_monitor_button{
        right: -120px;
        display: inline-block;
        position: absolute;
        cursor: pointer;
    }  
        .customer_monitor_button_cont .customer_monitor_button:hover{
            opacity: 0.8;
        }
    .customer_monitor_button_cont .customer_monitor_button img{
        width: 100px;
    }
    
    
    
    
/*****************************WEBMENU******************************************/    
.int_menu{
    
    
}
    .int_menu .int_link{
        float: left;
        color: #fff;
        padding: 5px 30px;
        background-color: #e84646;
        margin: 0 1px 5px 3px;
    }
    .int_menu .int_link:hover{
        background-color: rgb(45,92,164);
    }

.webmenu{
}                  
    
    
                                            /*************MAIN MENU************/
    .webmenu ul{
        transition:0.2s all;
    }
    .webmenu > ul{
        font-size: 0px;
        text-align: center;
    }
    .webmenu > ul > li a{
        display:block;
    }
    .webmenu > ul > li > ul li{
        position: relative;
        display: block;
    }
    .webmenu > ul > li{
        position: relative;
        display: inline-block;
        margin:0 1px;
    }
        
        .webmenu > ul > li > a{
            color: #28366b;
            font-size: 14px;
            background-color:rgb(252,236,29);
        }
        .webmenu > ul > li > a.pawn{
            background-color: #c22514;
            color: #fff;
        }
        .webmenu > ul > li > a:hover{
            background-repeat: no-repeat;
            background-position: 30% bottom;
        }
        .webmenu > ul > li > a.sk_lang{
            padding: 8px 34px;
        }
        .webmenu > ul > li > a.cs_lang{
            padding: 8px 34px;
        }
        .webmenu > ul > li > a.en_lang{
            padding: 8px 32px;
        }
        .webmenu > ul > li.eshop_li > a{
            background-color: #e21d26;
            color:white;
            background-image: url(images/eshop_cat.png);
            background-repeat: no-repeat;
            background-position: 10px center;
            padding: 8px 22px 8px 44px;
            font-weight: bold;
        }
        .webmenu > ul > li > a.selected,
        .webmenu > ul > li > a:hover{
            background-color: rgb(45,92,164);
            color:white;
        }
        .webmenu > ul > li:hover > ul{
            visibility:visible;
            opacity:1;
        }

                                            /**********FIRST SUBMENU***********/
        
        .webmenu > ul > li > ul{
            position: absolute;
            z-index: 100;
            width: 250px;
            background-color: silver; 
            left: 0;
            visibility:hidden;
            opacity:0;        
        }
        
        .webmenu > ul > li:nth-child(6) ul{
            
        }
            .webmenu > ul > li > ul > li{
            
            }
            .webmenu > ul > li > ul > li > a{
                font-size: 17px;
                padding: 3px 8px;
            }
            .webmenu > ul > li > ul > li > a:hover{
                background-color: red;
                color:white;
            }
            .webmenu > ul > li > ul > li > a.selected{
                background-color: orange;
                color:white;
            }
                
                                            /**********SECOND SUBMENU**********/
            
                .webmenu > ul > li > ul > li > ul{
                    
                }
                    .webmenu > ul > li > ul > li > ul > li{
                        
                    }
                    .webmenu > ul > li > ul > li > ul > li > a{
                        display: block;
                        font-size: 15px;
                        padding: 3px 15px;
                    }
                    .webmenu > ul > li > ul > li > ul > li > a:hover{
                        background-color: red;
                        color:white;
                    }
                    .webmenu > ul > li > ul > li > ul > li > a.selected{
                        background-color: orange;
                        color:white;
                    }

.remove_own_prod_from_cart{
    position: absolute;
    top: -7px;
    right: 0;
    background-color: #f92929;
    padding: 5px 8px;
    font-size: 14px;
    border: thin solid #737171;
    color: #fff;
}                    
.remove_own_prod_from_cart:hover{
    background-color: #af0f0f;
}