﻿        /*Main category container cell*/
        .CatContainerCell {
            display:inline-block;             
            box-sizing:border-box;
            overflow:hidden;
            height:100%;                
            width: calc(100% - 47px); 
            background-color:black;
        }

        .CatContainer_Arrow {
            display: inline-block;
            box-sizing:border-box;
            cursor:pointer;
            position:relative;
            top:0px;
            background-size:contain;
            background-position:center center;
            background-repeat:no-repeat;
            /*border:1px solid black;*/
            /*background-color:black;*/
            width:30px;
            height:35px;
            line-height:35px;
            text-align:center;
            background-size:contain;
            opacity:0.2;
            cursor:pointer;  
            transition:ease-in-out 0.3s;
            -webkit-transition:ease-in-out 0.3s;  
            
        }
        .CatContainer_Arrow:hover {
            opacity:1;
        }

.MainCatFullBtn {
    display: inline-block;
    background-color: transparent;
    /*border:1px solid blue;*/
    color: orange;
    box-sizing: border-box;
    overflow: hidden;
    width: 150px;
    height: 55px;
    line-height: 55px;
    cursor: pointer;
    font: bold 22px OurFont;
    background-position: bottom center;
    background-repeat: no-repeat;
    user-select: none;
}
.MainCatFullBtn:hover {
           
 }        

.MobileMenuCatButtons {
    display:inline-block; background-color:black;color:white;cursor:pointer;text-align:center;box-sizing:border-box;
    width:100%;
    height:33px;line-height:33px;
    padding-left:10px;padding-right:10px;  
    user-select:none;
    /*border:1px solid green;*/
}
.MobileMenuCatButtons:hover {
    /*background-color:#484444;*/
    /*text-decoration: underline;*/    
}

.MobileMenuSubCatButtons {
    user-select: none;
}
.MobileMenuSubCatButtons:hover {
    /*text-decoration:underline;*/
}

.MainCatBtn {
    display: inline-block;
    user-select:none;
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: border-box;
    /*border:1px solid white;*/
    padding-top:9px;
    height: 53px;
    line-height: 53px;
    text-decoration: none;
    color: white;
    overflow: hidden;
}

.ShowSubCatCmd {
    display: none;
    width: 20px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    font: normal 30px OurFont;
}

.SubCatPanel {
            display:none;                       
            background-color:black;            
            width:250px;
            min-width:250px;
            padding:5px;
            min-height:50px;
            box-sizing:border-box;
            border:1px solid black;            
            border-bottom-left-radius:4px;
            border-bottom-right-radius:4px;            
            box-shadow:0px 2px 5px dimgray;
            position:fixed;
            z-index:20001;
            opacity:0.9;
            /*transition:ease-in-out 0.3s;
            -webkit-transition:ease-in-out 0.3s;*/ 
}

.SubCatCmd {
    display: inline-block;
    user-select: none;
    padding: 5px;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    font: normal 18px OurFont;
    color: white;
    cursor: pointer;
}
.SubCatCmd:hover {    
    /*text-decoration: underline;*/
    /*background-color:#484444;*/
}




.buttons {
    display: inline-block;
    cursor: pointer;
    padding-right: 10px;
    box-sizing: border-box;
    user-select: none;
    /*border:1px solid black;*/
}

        .headerRightLeftPart_Top {
            width:100%;
            height:35px;
            line-height:35px;      
            padding-left:5px;
            padding-right:5px;              
            box-sizing:border-box;           
            transition:ease-in-out 0.3s;
            -webkit-transition:ease-in-out 0.3s;            
        }

        .headerRightLeftPart_Bottom {
            width:100%;
            height:35px;
            line-height:35px;                        
            box-sizing:border-box;           
            transition:ease-in-out 0.3s;
            -webkit-transition:ease-in-out 0.3s;
        }



                
        #DvBottom_Txt, #DvBottom_EMAIL, #DvBottom_SOCIAL {
            display:inline-block;
            width:33.33%;
            min-width:280px;
            padding:5px;                        
            box-sizing:border-box; 
            height:180px;
            transition:ease-in-out 0.3s;
            -webkit-transition:ease-in-out 0.3s;              
            float:right;
        }

.MainBtnsTextInside {
    position: absolute;
    top: 7px;
    right: 5px;
    border-radius: 50%;
    background-color:#fcffd6;
    font: bold 15px OurFont;
    padding: 2px;
    color:red;
    border: 1px solid black;
    box-sizing: border-box;
    opacity: 0.9;
}
        
.SearchForItem {             
    position:fixed;
    left:0px;
    top:95px;
    box-sizing:border-box;
    border-bottom:1px solid silver;
    box-shadow:0px 3px 5px silver;
    z-index:100000;
    float:left;
    text-align:center;
    padding-top:5px;
    width:100%;            
    background-color:white;
    background-color:rgba(255,255,255,0.95);                         
}






.FloatingSideMenu {
    display: inline-block;
    position: fixed;
    z-index: 100000;
    left: -15px;
    /*top: 300px;*/
    box-sizing: border-box;
    width: 15px;
    background-color: transparent;
    height: auto;
    /*border: 1px solid black;*/
    cursor: pointer;
    text-align: left;
    user-select: none;
    /*transition: ease-in-out 0.3s;
    -webkit-transition: ease-in-out 0.3s;*/
}

.FloatingSideMenu:hover {
    width:146px;
}

.FloatingSideMenu:hover div {
    left:-1px;
}
.FloatingSideMenu:hover a {
    left: -1px;
}


.FSMButtons {
    display: inline-block;
    position: relative;
    left: -130px;
    margin-top:1px;
    width: 145px;
    box-sizing: border-box;
    border: 1px solid dimgray;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow:1px 1px 5px dimgray;
    float: left;
    padding: 5px;
    text-align: center;
    cursor: pointer; 
    user-select:none;
}

.FSMButtons:hover {
   /*box-shadow: 5px 5px 10px dimgray;*/
   border: 1px solid white;
   transition: ease-in-out 0.2s;
   -webkit-transition: ease-in-out 0.2s;
}

.Tr_Lvl1 {
    transition: ease-in-out 0.1s;
    -webkit-transition: ease-in-out 0.1s;
}

.Tr_Lvl2 {
    transition: ease-in-out 0.15s;
    -webkit-transition: ease-in-out 0.15s;
}

.Tr_Lvl3 {
    transition: ease-in-out 0.2s;
    -webkit-transition: ease-in-out 0.2s;
}

.Tr_Lvl4 {
    transition: ease-in-out 0.25s;
    -webkit-transition: ease-in-out 0.25s;
}

.Tr_Lvl5 {
    transition: ease-in-out 0.3s;
    -webkit-transition: ease-in-out 0.3s;
}

.Tr_Lvl6 {
    transition: ease-in-out 0.35s;
    -webkit-transition: ease-in-out 0.35s;
}

.Tr_Lvl7 {
    transition: ease-in-out 0.4s;
    -webkit-transition: ease-in-out 0.4s;
}

.Tr_Lvl8 {
    transition: ease-in-out 0.45s;
    -webkit-transition: ease-in-out 0.45s;
}

.Tr_Lvl9 {
    transition: ease-in-out 0.5s;
    -webkit-transition: ease-in-out 0.5s;
}

/*****************************************************************************************************/
    @media screen and (max-width: 9in) {
        #DvBottom_Txt, #DvBottom_EMAIL, #DvBottom_SOCIAL {
        width:100%;
        text-align:center;  
        float:none;     
    }
}

@media screen and (max-width: 4in) {
    
}

@media screen and (max-width: 6in) {
    .MainCatFullBtn {
        /*width:100%;*/
    }

    

    .ShowSubCatCmd {
        display:inline-block;
    }

    .SubCatCmd {        
        width:100%;
        text-align:center;
    }
}




