.noDesktop{
display: none;
}



@font-face {
font-family: 'GameFrame';
src: url("../font/Spinnaker-Regular.ttf");
}



:root{
--main-color: #202020;
--second-color-b: #01ADEF;
--second-color-g: #3AB64B;
--second-color-y: #F7EF33;
--second-color-r: #EF207B;
}





html{
width: 100%; 
height: 100%;
	
font-display: auto;	
	
overflow: initial;
}

body{
position: relative;
	
margin: 0vw;
padding: 0vw;	
	
width: 100%; 

font-family: 'GameFrame', sans-serif;
font-size: 0.9vw;
text-align: center;	

color: #000000;
    
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
    
overflow-x: hidden;
overflow-y: auto;
    
    
cursor: default;
}




::-webkit-scrollbar{
width: 0.4vw;
height: 0.4vw;
	
background: none;
	
cursor: default !important;
}
::-webkit-scrollbar-track{
border-radius: 0.2vw;    
    
cursor: default !important;
}
::-webkit-scrollbar-thumb{
background: var(--second-color-r); 
    	
border-radius: 0.2vw;        
    
cursor: default !important;
}

::placeholder{
    color: rgba(0,0,0,0.35); 
}
::-webkit-input-placeholder{
    color: rgba(0,0,0,0.35); 
}
:-moz-placeholder{
    color: rgba(0,0,0,0.35); 
} /* FF 4-18 */
::-moz-placeholder{
    color: rgba(0,0,0,0.35); 
} /* FF 19+ */
:-ms-input-placeholder{
    color: rgba(0,0,0,0.35); 
} /* IE 10+ */



    input[type="text"], input[type="search"], input[type="password"], input[type="number"], input[type="date"], input[type="datetime-local"], textarea, input[type="email"]{
    padding: 0.25vw;
    
    width: 15vw;
        
    font-family: 'GameFrame', sans-serif;
    font-size: 0.9vw;
    text-align: center;
		
	border: 0.05vw solid #CACACA;	
    outline: none;    
        
    border-radius: 0.25vw;    
        
	cursor: text;
	caret-color: var(--second-color-r);	
    }

	input[type="text"], input[type="search"], input[type="password"], input[type="number"], input[type="date"], input[type="email"]{
	height: 1.4vw;
	}


    select{
    padding: 0.25vw;

    min-width: 5vw;    
        
    font-family: 'GameFrame', sans-serif;
    font-size: 1vw;
    text-align: center;
    
	border: 0.05vw solid #CACACA !important;	
	background: #FFFFFF !important;
    outline: none;    
        
    border-radius: 0.25vw;    
		
    cursor: pointer;
    }
    #cart2row_Provincia{
    width: 15.65vw;
	height: 2vw;
        
    text-align: left;
    }


    input:focus, textarea:focus, select:focus{
    box-shadow: 0vw 0vw 0.1vw var(--second-color-r);
    -webkit-box-shadow: 0vw 0vw 0.1vw var(--second-color-r);
    -moz-box-shadow: 0vw 0vw 0.1vw var(--second-color-r);
    -o-box-shadow: 0vw 0vw 0.1vw var(--second-color-r);
    }


    a{
    text-decoration: underline;
    color: var(--second-color-r);
    font-size: 75%;
    }
    
	.hover:hover, .hoverTop:hover .hoverBottom{
	cursor: pointer;
	
	text-decoration: underline;
	}




#topBar{
width: 100vw;
line-height: 2vw;
    
color: #FFFFFF;
font-size: 0.85vw;    
    
background: #202020;
}

#top{
display: flex;
align-items: center;
justify-content: space-between;
column-gap: 2.5vw;    
 
position: relative;
    
margin-bottom: 2.5vw;    
padding: 2vw 5vw;    
    
width: 90vw;
line-height: 2vw; 
    
background: #FFFFFF;    
    
box-shadow: 0vw 0vw 0.25vw #6D6D6D;
-webkit-box-shadow: 0vw 0vw 0.25vw #6D6D6D;
-moz-box-shadow: 0vw 0vw 0.25vw #6D6D6D;
-o-box-shadow: 0vw 0vw 0.25vw #6D6D6D;
    
z-index: 9;
}
    #topLogo{
    height: 5vw;
        
    cursor: pointer;
        
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;	
    }


    #menu{
    flex-grow: 1;    

    display: flex;
    align-items: flex-start;
    column-gap: 1vw;    
        
    padding: 0vw 2.5vw;  
        
    height: 3vw;
    }
        .menu{
        position: relative;
            
        padding: 0.75vw 0vw;    
            
        height: 2vw;
            
        font-size: 1.65vw;
        font-variant: small-caps;
            
        border-left: 0.15vw solid #FFFFFF;
            
        border-radius: 0.5vw;   
 
        background: #FFFFFF;  
            
        box-shadow: 0.05vw 0.05vw 0.1vw #D7D7D7;
        -webkit-box-shadow: 0.05vw 0.05vw 0.1vw #D7D7D7;
        -moz-box-shadow: 0.05vw 0.05vw 0.1vw #D7D7D7;
        -o-box-shadow: 0.05vw 0.05vw 0.1vw #D7D7D7;
            
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;	
            
        z-index: 9;
        }
            .menu:hover{
            height: auto;
                
            border-left: 0.15vw solid var(--second-color-b);
                
            cursor: pointer;
            }
            .menu:hover .subMenu{
            display: block;
            }

                .menuTit{
                height: 2.25vw;
                }

                .subMenu{
                display: none;
                    
                margin-top: 0.35vw;
                padding: 0vw 1vw;    
                    
                max-height: calc(100vh - 20vw);
                    
                font-size: 0.85vw;
                font-variant: normal;
                text-align: left;
                    
                overflow-x: hidden;
                overflow-y: auto;
                }
                    .subMenu li{
                    list-style: none;
                        
                    margin-bottom: 0.5vw;    
                        
                    line-height: 1.25vw;
                    }



    #topMenu{
    display: flex;
    align-items: center;
    column-gap: 1.5vw;
    }
        #topMenu img{
        height: 2vw;
            
        cursor: pointer;
        }

    #topCart{
    position: relative;
        
    height: 2vw;
            
    cursor: pointer;
    }
        #topCartCount{
        position: absolute;
        top: -0.5vw;
        right: -0.5vw;
            
        width: 1vw;    
        line-height: 1vw;    
            
        color: #FFFFFF;
        font-size: 0.5vw;
        
        border-radius: 10vw;        
            
        background: var(--main-color);
        }




#content{
position: relative;
    
width: 100vw;
min-height: calc(100vh - 33.5vw);   
    
z-index: 8;
}





#homeHead{
display: flex;
    
margin-top: -2vw;   
}
    #homeGallery{
    position: relative;

    width: 40vw;
    height: 11vw;
        
    border-radius: 0.35vw;    
            
    outline: 0.1vw solid var(--second-color-b);
        
    overflow: hidden;
    }
        #homeGallery:hover{
        margin-bottom: -14vw;   
            
        height: 25vw;
        }

        #homeZoom{
        position: absolute;
        top: 0vw;    
        left: 0vw;    
            
        width: 100%;
        height: 100%;
            
        background: url('../../img/zoom.png') center center no-repeat;
        background-size: auto 4vw;
            
        opacity: 0.65;    
            
        z-index: 2;
        }
            #homeLeft{
            position: absolute;
            top: 0vw;    
            left: 0vw;    

            width: 4vw;
            height: 100%;

            background: url('../../img/gallerySx.png') center right no-repeat;
            background-size: 3vw auto;

            cursor: pointer;    
                
            opacity: 0;    
                
            z-index: 2;
            }
            #homeRight{
            position: absolute;
            top: 0vw;    
            right: 0vw;    

            width: 4vw;
            height: 100%;

            background: url('../../img/galleryDx.png') center left no-repeat;
            background-size: 3vw auto;

            cursor: pointer;    
                
            opacity: 0;    
                
            z-index: 2;
            }

        .homeGallery{
        position: relative;
            
        width: 100%;
        height: 100%;
            
        background-color: #FFFFFF;    
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
            
        box-shadow: inset 0.05vw 0.05vw 0.2vw #787878;
        -webkit-box-shadow: inset 0.05vw 0.05vw 0.2vw #787878;
        -moz-box-shadow: inset 0.05vw 0.05vw 0.2vw #787878;
        -o-box-shadow: inset 0.05vw 0.05vw 0.2vw #787878;
            
        opacity: 0.5;
            
        z-index: 1;
        }

            #homeGallery:hover #homeZoom{
            display: none;
            }
            #homeGallery:hover .homeGallery{
            opacity: 0.85;
            }
            #homeGallery:hover #homeLeft, #homeGallery:hover #homeRight{
            opacity: 1;
            }



    #home_howItWorksBox{
    width: 50vw;
    }
        .home_howItWorks{
        margin: 0vw auto 1vw auto;
        padding: 0vw 8vw 0vw 7vw;

        width: 15vw;
        line-height: 5vw;    

        color: #FFFFFF;    
        font-size: 1.25vw;    
        text-align: left;

        text-shadow: 0.1vw 0.1vw 0.1vw rgba(0,0,0,0.5);    

        background-color: rgba(1,173,239,0.85);
        background-position: 1vw center;
        background-repeat: no-repeat;
        background-size: auto 80%;

        border-radius: 0.5vw;

        box-shadow: 0.05vw 0.05vw 0.2vw #787878;
        -webkit-box-shadow: 0.05vw 0.05vw 0.2vw #787878;
        -moz-box-shadow: 0.05vw 0.05vw 0.2vw #787878;
        -o-box-shadow: 0.05vw 0.05vw 0.2vw #787878;
            
        cursor: pointer;
        }
            .home_howItWorks:hover{
            background-color: rgba(1,173,239,1);
            }
            .home_howItWorks:active{
            box-shadow: inset 0.05vw 0.05vw 0.2vw #787878;
            -webkit-box-shadow: inset 0.05vw 0.05vw 0.2vw #787878;
            -moz-box-shadow: inset 0.05vw 0.05vw 0.2vw #787878;
            -o-box-shadow: inset 0.05vw 0.05vw 0.2vw #787878;
            }




.home_catRow{
position: relative;
        
margin-top: 2.5vw;    
    
width: 100%;
}

    .home_catRow_tit{
    padding-left: 3.5vw;    
        
    color: var(--second-color-r);    
    text-align: left;
    font-size: 1.75vw;
    font-weight: bold;
    text-shadow: 0.05vw 0.05vw 0.05vw #A2A2A2;    
    }
    .home_catRow_prodContainer{
    margin: 1vw 1vw 0vw 1vw;   
    padding: 0.5vw 0vw;   
    
    width: calc(100% - 2vw);
        
    overflow-x: scroll;
    overflow-y: hidden;
    }

        .home_catRow_prodContainer_sx{
        display: none;
            
        position: absolute;
        top: 2.75vw;
        left: 1.5vw;
            
        width: 1.5vw;
        height: 16vw;
            
        z-index: 2;    
        
        background: url('../../img/catSx.png') center 5vw no-repeat;
        background-size: contain;
            
        opacity: 0.35;    
            
        cursor: pointer;
        }
        .home_catRow_prodContainer_dx{
        position: absolute;
        top: 2.75vw;
        right: 1.5vw;
            
        width: 1.5vw;
        height: 16vw;
            
        z-index: 2;    
        
        background: url('../../img/catDx.png') center 5vw no-repeat;
        background-size: contain;
            
        opacity: 0.35;    
            
        cursor: pointer;
        }

        .home_catRow_prodContainerFlex{
        display: flex;
        align-items: center;
        column-gap: 1.5vw;
            
        position: relative;
            
        z-index: 1;
        }

            .home_catRow_prodBox{
            flex-shrink: 0;    
                
            position: relative;

            width: 15vw;
            height: 15vw;

            cursor: pointer;

            overflow: hidden;
                
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;	
            }
                .home_catRow_prodBox_img{
                position: absolute;
                top: 0vw;
                left: 0vw;

                width: 100%;
                height: 100%;

                background-repeat: no-repeat;
                background-position: top center;
                background-size: cover;  

                z-index: 1;
                }
                .home_catRow_prodBox_tit{
                position: absolute;
                bottom: 0vw;
                left: 0vw;

                padding: 3.5vw 0vw 0.5vw 0vw;    

                width: 100%;
                height: 1.5vw;
                line-height: 1vw;

                text-align: left;

                background: rgb(255,255,255);
                background: -moz-linear-gradient(0deg, rgba(255,255,255,0.9) 35%, rgba(255,255,255,0) 100%);
                background: -webkit-linear-gradient(0deg, rgba(255,255,255,0.9) 35%, rgba(255,255,255,0) 100%);
                background: linear-gradient(0deg, rgba(255,255,255,0.9) 35%, rgba(255,255,255,0) 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);

                z-index: 2;
                }
                .home_catRow_prodBox_colors{
                display: flex;
                align-items: center;
                justify-content: center;
                    
                position: absolute;
                bottom: 2.25vw;
                left: 0vw;

                padding: 0.25vw 0.35vw 0.25vw 0vw;    
                    
                width: calc(100% - 0.35vw);

                z-index: 3;
                }
                    .home_catRow_prodBox_colorsCircle{
                    margin-right: -0.35vw;    
                        
                    width: 0.955vw;
                    height: 0.955vw;
                        
                    border: 0.1vw solid #FFFFFF;
                    outline: 0.1vw solid #333333;
                    border-radius: 5vw;
                        
                    box-shadow: inset 0vw 0vw 0.2vw #787878;
                    -webkit-box-shadow: inset 0vw 0vw 0.2vw #787878;
                    -moz-box-shadow: inset 0vw 0vw 0.2vw #787878;
                    -o-box-shadow: inset 0vw 0vw 0.2vw #787878;
                    }




#prodMain{
display: flex;
justify-content: space-around;
column-gap: 1vw;
    
margin: 0vw auto;
    
width: 95vw;
}

    #prodMediaBox{
    display: flex;
    }
        #prodImgMain{
        width: 30vw;
        height: 30vw;

        border: 0.1vw solid #CACACA;    

        border-radius: 0.2vw;

        box-shadow: 0.05vw 0.05vw 0.15vw #919191;
        -webkit-box-shadow: 0.05vw 0.05vw 0.15vw #919191;
        -moz-box-shadow: 0.05vw 0.05vw 0.15vw #919191;
        -o-box-shadow: 0.05vw 0.05vw 0.15vw #919191;

        background-color: #FFFFFF;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        }
        #prodVideoMain{
        display: none;
            
        width: 30vw;
        height: 30vw;

        border: 0.1vw solid #CACACA;    

        border-radius: 0.2vw;

        box-shadow: 0.05vw 0.05vw 0.15vw #919191;
        -webkit-box-shadow: 0.05vw 0.05vw 0.15vw #919191;
        -moz-box-shadow: 0.05vw 0.05vw 0.15vw #919191;
        -o-box-shadow: 0.05vw 0.05vw 0.15vw #919191;
            
        background: #FFFFFF url('../../img/filigrana.png') top left; 
        background-size: 33% auto;
        }

        #prodImgsBox{
        width: 9vw;
        height: 30vw;

        text-align: center;

        overflow-x: hidden;
        overflow-y: auto;
        }
            .prodImgs, .prodVideo{
            margin: 0.5vw 0vw;    

            width: 6.35vw;
            height: 6.35vw;

            border-radius: 0.2vw;   

            box-shadow: 0.05vw 0.05vw 0.25vw #5D5D5D;
            -webkit-box-shadow: 0.05vw 0.05vw 0.25vw #5D5D5D;
            -moz-box-shadow: 0.05vw 0.05vw 0.25vw #5D5D5D;
            -o-box-shadow: 0.05vw 0.05vw 0.25vw #5D5D5D;

            cursor: pointer;
                
            opacity: 0.5;
            }
            .prodVideo{
            margin: 0.5vw auto;    

            background: url('../../img/social/yt.png') center center no-repeat;
            background-size: auto 5vw;
            }
                .prodImgs:hover, .prodVideo:hover{
                opacity: 1;
                }



    #prodDescrMain{
    width: 55vw;
    
    text-align: left;
    }
        #prodDesc_tit, .cart1row_tit{
        font-weight: bold;
        font-size: 1.35vw;
        color: #202020;
        }
        #prodDesc_subtit, .cart1row_subtit{
        font-size: 1.15vw;
        color: #202020;
        }
            .cart1row_subtit_prz{
            padding-top: 0.5vw;
            padding-left: 2.5vw;
                
            font-size: 1vw;
            font-variant: small-caps;
            color: var(--second-color-r);
            font-weight: bold;
            }
        #prodDesc_carat{
        padding-top: 1vw;
        }
        #prodDesc_descr{
        padding-top: 2vw;
            
        font-size: 0.75vw;
        font-style: italic;
        }

        .prodDesc_propsRow{
        margin: 1vw auto 0vw auto;
        }
            .prodDesc_propsRowTit{
            padding-left: 1vw;    
                
            color: var(--second-color-r);
            font-weight: bold;
            }
            .prodDesc_propsRowValsBox{
            display: flex;
            align-items: center;
            column-gap: 1vw;
            flex-wrap: wrap;
                
            margin: 1vw auto 0vw auto;
            }
                .prodDesc_propsRowVals{
                padding: 0.5vw 1vw;
                    
                min-width: 2vw;
                    
                text-align: center;
                font-variant: small-caps;    
                    
                border: 0.35vw solid #FFFFFF;
                border-radius: 0.2vw;

                box-shadow: inset 0vw 0vw 0.15vw #919191;
                -webkit-box-shadow: inset 0vw 0vw 0.15vw #919191;
                -moz-box-shadow: inset 0vw 0vw 0.15vw #919191;
                -o-box-shadow: inset 0vw 0vw 0.15vw #919191;
                    
                cursor: pointer;
                    
                -webkit-touch-callout: none;
                -webkit-user-select: none;
                -khtml-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;	
                }
                    .prodDesc_propsRowVals span{
                    font-size: 85%;
                    }
                .prodDesc_propsRowValsSel{
                outline: 0.15vw solid var(--second-color-r);
                }

            .prodDesc_ppBoxLink{
            display: none;
            }


        #prodDesc_colors{
        display: flex;
        column-gap: 0.5vw;
        grid-row-gap: 0.5vw;
        align-items: center;
        flex-wrap: wrap;
            
        margin-top: 2vw;    
        }
            .prodDesc_colorsBox{
            flex-shrink: 0;
            
            width: 2vw;
            height: 2vw;
                        
            border: 0.35vw solid #FFFFFF;
            border-radius: 0.15vw;
                
            background-image: none;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 70%;
                
            box-shadow: inset 0vw 0vw 0.2vw #787878;
            -webkit-box-shadow: inset 0vw 0vw 0.2vw #787878;
            -moz-box-shadow: inset 0vw 0vw 0.2vw #787878;
            -o-box-shadow: inset 0vw 0vw 0.2vw #787878;
                
            cursor: pointer;
            }
                .prodDesc_imgPreload{
                display: none;
                }

        #prodDesc_details_Disp{
        display: flex;
        align-items: center;
            
        padding-left: 5vw;
            
        text-align: left;
        font-size: 1.15vw;
        font-weight: bold;
            
        text-shadow: 0.05vw 0.05vw 0.05vw #757575;
        }
            #prodDesc_details_Disp img{
            margin-right: 0.5vw;    
                
            height: 2vw;
            }

        #prodDesc_details{

        }
            #prodDesc_details_Code_Head{
            display: flex;
            align-items: center;
            column-gap: 2.5vw;
                
            margin-top: 2.5vw;    
            padding-top: 1.5vw;
                
            border-top: 0.15vw solid #D4D4D4;
            }

            #prodDesc_details_PropsBox{
            margin-bottom: 1.5vw;
            }
                .prodDesc_details_Prop{
                display: flex;
                align-items: center;
                column-gap: 1vw;
                    
                margin: 0.25vw 0vw;    
                }
                    .prodDesc_details_Prop_p{
                    width: 40%;
                        
                    text-align: right;
                    }
                    .prodDesc_details_Prop_p::after{
                    content: ':';
                    }



            #prodDesc_details_add2CartBox{
            display: flex;
            align-items: center;
            justify-content: center;
            column-gap: 1vw;
            }
                #prodDesc_details_Prz, .cart1row_right_Prz, .cart1row_right_YP{
                margin-right: 2.5vw;    
                    
                text-align: left;
                font-size: 2vw;
                font-weight: bold;
                }
                    #prodDesc_details_Prz::before, .cart1row_right_Prz::before{
                    content: '€ ';
                    }

                    #prodDesc_details_Prz{
                    cursor: pointer;

                    -webkit-touch-callout: none;
                    -webkit-user-select: none;
                    -khtml-user-select: none;
                    -moz-user-select: none;
                    -ms-user-select: none;
                    user-select: none;	
                    }

            #prodDesc_details_add2Cart{
            width: 15vw;
            line-height: 1.85vw;
                
            font-weight: bold;
            font-variant: small-caps;
            text-align: center;
                
            border-radius: 0.25vw;    
                
            background: rgba(69,167,0,0.85);
                
            box-shadow: 0.05vw 0.05vw 0.15vw #787878;
            -webkit-box-shadow: 0.05vw 0.05vw 0.15vw #787878;
            -moz-box-shadow: 0.05vw 0.05vw 0.15vw #787878;
            -o-box-shadow: 0.05vw 0.05vw 0.15vw #787878;
                
            cursor: pointer;
                
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;	
            }
                #prodDesc_details_add2Cart:hover{
                background: rgba(69,167,0,1);
                }
                #prodDesc_details_add2Cart:active{
                box-shadow: inset 0.05vw 0.05vw 0.15vw #787878;
                -webkit-box-shadow: inset 0.05vw 0.05vw 0.15vw #787878;
                -moz-box-shadow: inset 0.05vw 0.05vw 0.15vw #787878;
                -o-box-shadow: inset 0.05vw 0.05vw 0.15vw #787878;
                }

        .prodDist{
        margin-top: 2vw;    
            
        width: 100%;
        
        border-top: 0.05vw solid var(--second-color-r);
        }


        #prodReqBox{
        display: inline-block;
            
        margin: 5vw auto;
        }
            #prodReqTit{
            font-size: 1vw;    
            font-weight: bold;
            color: var(--second-color-r);
            }            
            .prodReqRow{
            display: flex;
            align-items: center;
            column-gap: 1vw;
                
            margin-top: 0.75vw;    
            }
                .prodReqRow label{
                width: 10vw;
                    
                font-size: 0.85vw;    
                text-align: right;
                    
                cursor: pointer;
                }
                #prodReq_RichiestaLabel{
                align-self: flex-start;
                    
                padding-top: 0.35vw;    
                }
                #prodReq_Richiesta{
                min-height: 5vw;
                max-height: 7.5vw;    
                    
                text-align: left;
                    
                resize: vertical;
                }

            #prodReqButton{
            margin: 0.75vw auto 0vw auto;
                
            width: 25vw;
            line-height: 1.85vw;
                
            font-weight: bold;
            font-variant: small-caps;
            text-align: center;
                
            border-radius: 0.25vw;    
                
            background: rgba(255,204,0,0.85);
                
            box-shadow: 0.05vw 0.05vw 0.2vw #787878;
            -webkit-box-shadow: 0.05vw 0.05vw 0.2vw #787878;
            -moz-box-shadow: 0.05vw 0.05vw 0.2vw #787878;
            -o-box-shadow: 0.05vw 0.05vw 0.2vw #787878;
                
            cursor: pointer;
                
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;	
            }
                #prodReqButton:hover{
                background: rgba(255,204,0,1);
                }
                #prodReqButton:active{
                box-shadow: inset 0.05vw 0.05vw 0.2vw #787878;
                -webkit-box-shadow: inset 0.05vw 0.05vw 0.2vw #787878;
                -moz-box-shadow: inset 0.05vw 0.05vw 0.2vw #787878;
                -o-box-shadow: inset 0.05vw 0.05vw 0.2vw #787878;
                }






        #cart1empty, #orderLogin_Empty{
        padding-top: 12vw;

        background: url('../../img/cart1Empty.png') center top no-repeat;
        background-size: auto 10vw;

        font-size: 1.25vw;
        }

        #cart1main{
        display: flex;
        flex-direction: column;
        }

            .cart1row{
            order: 2;    
                
            display: flex;
            column-gap: 2vw;    

            padding: 1vw 5vw; 
            }
                .cart1row_img{
                width: 10vw;

                border: 0.1vw solid #CACACA;    

                border-radius: 0.2vw;

                box-shadow: 0.05vw 0.05vw 0.15vw #919191;
                -webkit-box-shadow: 0.05vw 0.05vw 0.15vw #919191;
                -moz-box-shadow: 0.05vw 0.05vw 0.15vw #919191;
                -o-box-shadow: 0.05vw 0.05vw 0.15vw #919191;

                cursor: pointer;
                }

                .cart1row_descr{
                flex-grow: 1;    

                text-align: left;
                }

                .cart1row_props{
                margin-top: 1.5vw;
                }

                    .cart1_colorsBox{
                    flex-shrink: 0;

                    width: 1.5vw;
                    height: 1.5vw;

                    border-radius: 0.25vw;

                    box-shadow: inset 0vw 0vw 0.2vw #787878;
                    -webkit-box-shadow: inset 0vw 0vw 0.2vw #787878;
                    -moz-box-shadow: inset 0vw 0vw 0.2vw #787878;
                    -o-box-shadow: inset 0vw 0vw 0.2vw #787878;
                    }

                .cart1row_right{
                display: flex;
                justify-content: center;
                align-items: flex-start;
                column-gap: 1vw;

                margin: 0.2vw 2.5vw;  
                    
                font-size: 1.75vw;
                }
                    .cart1row_right_updCartDel{
                    height: 1.85vw;

                    cursor: pointer;
                    }

                .cart1row_right_Prz{
                width: 10vw;

                text-align: right;
                }

            #cart1cpnInputBox{
            flex-direction: column;
            }
                #cart1cpnInput{
                width: 20vw;
                }
                #cart1cpnButton{
                margin-top: 0.75vw;    
                    
                width: 20.5vw;
                line-height: 1.85vw;

                font-size: 0.85vw;
                font-weight: bold;
                font-variant: small-caps;
                text-align: center;

                border-radius: 0.25vw;    

                background: rgba(1,173,239,0.85);

                box-shadow: 0.05vw 0.05vw 0.2vw #787878;
                -webkit-box-shadow: 0.05vw 0.05vw 0.2vw #787878;
                -moz-box-shadow: 0.05vw 0.05vw 0.2vw #787878;
                -o-box-shadow: 0.05vw 0.05vw 0.2vw #787878;

                cursor: pointer;

                -webkit-touch-callout: none;
                -webkit-user-select: none;
                -khtml-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;	
                }
                    #cart1cpnButton:hover{
                    background: rgba(1,173,239,1);
                    }
                #cart1CPNcode{
                color: var(--second-color-b);
                }

                #cart1spedBox{
                order: 1;
                    
                justify-content: center;
                    
                margin-bottom: 2.5vw;    
                }
                    .cart1spedBoxRow{
                    display: flex;
                    align-items: center;
                    column-gap: 2vw;
                        
                    margin-bottom: 1vw;
                    padding: 0.5vw 1vw;
                        
                    width: 20vw;
                        
                    border-radius: 0.5vw;    
                        
                    box-shadow: 0.05vw 0.05vw 0.25vw #787878;
                    -webkit-box-shadow: 0.05vw 0.05vw 0.25vw #787878;
                    -moz-box-shadow: 0.05vw 0.05vw 0.25vw #787878;
                    -o-box-shadow: 0.05vw 0.05vw 0.25vw #787878;
                        
                    cursor: pointer;
                        
                    -webkit-touch-callout: none;
                    -webkit-user-select: none;
                    -khtml-user-select: none;
                    -moz-user-select: none;
                    -ms-user-select: none;
                    user-select: none;	
                    }
                        .cart1spedBoxRowSel{
                        outline: 0.05vw solid var(--second-color-b);
                        }
                        .cart1spedInput{
                        width: 1.5vw;
                        height: 1.5vw;
                            
                        cursor: pointer;
                        }

            #cartNext, #userLogin_LoginButton, #userLogin_RegisterButton, #userLogin_RegisterConfirm, #userPswLost_Confirm, #orderLogin_button{
            margin: 5vw auto 0vw auto;
                
            width: 35vw;
            line-height: 1.85vw;
                
            font-weight: bold;
            font-variant: small-caps;
            text-align: center;
                
            border-radius: 0.25vw;    
                
            background: rgba(255,204,0,0.85);
                
            box-shadow: 0.05vw 0.05vw 0.2vw #787878;
            -webkit-box-shadow: 0.05vw 0.05vw 0.2vw #787878;
            -moz-box-shadow: 0.05vw 0.05vw 0.2vw #787878;
            -o-box-shadow: 0.05vw 0.05vw 0.2vw #787878;
                
            cursor: pointer;
                
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;	
            }
                #cartNext:hover, #userLogin_LoginButton:hover, #orderLogin_button:hover{
                background: rgba(255,204,0,1);
                }
                #cartNext:active, #userLogin_LoginButton:active, #userLogin_RegisterButton:active, #orderLogin_button:active{
                box-shadow: inset 0.05vw 0.05vw 0.2vw #787878;
                -webkit-box-shadow: inset 0.05vw 0.05vw 0.2vw #787878;
                -moz-box-shadow: inset 0.05vw 0.05vw 0.2vw #787878;
                -o-box-shadow: inset 0.05vw 0.05vw 0.2vw #787878;
                }

            #cartBack{
            margin: 1vw auto 0vw auto;
                
            width: 35vw;
            line-height: 1.85vw;
                
            font-weight: bold;
            font-variant: small-caps;
            text-align: center;
            color: #FFFFFF;    
                
            border-radius: 0.25vw;    
                
            background: rgba(120,120,120,0.75);
                
            box-shadow: 0.05vw 0.05vw 0.2vw #787878;
            -webkit-box-shadow: 0.05vw 0.05vw 0.2vw #787878;
            -moz-box-shadow: 0.05vw 0.05vw 0.2vw #787878;
            -o-box-shadow: 0.05vw 0.05vw 0.2vw #787878;
                
            cursor: pointer;
                
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;	
            }
                #cartBack:hover{
                background: rgba(120,120,120,1);
                }
                #cartBack:active{
                box-shadow: inset 0.05vw 0.05vw 0.2vw #787878;
                -webkit-box-shadow: inset 0.05vw 0.05vw 0.2vw #787878;
                -moz-box-shadow: inset 0.05vw 0.05vw 0.2vw #787878;
                -o-box-shadow: inset 0.05vw 0.05vw 0.2vw #787878;
                }

        .cart2row{
        display: flex;
        align-items: center;
        column-gap: 1vw;
            
        margin: 0vw auto 0.25vw auto;
            
        width: 40vw;
        }
            .cart2row label{
            width: 10vw;
                
            text-align: right;
            }

        #cart3TotBox{
        display: inline-block;
            
        margin: 0vw auto;
        padding-left: 7.5vw;

        background: url('../../img/cart3.png') center left no-repeat;
        background-size: auto 3.25vw;

        font-size: 1.25vw;
        }
            #cart3Tot{
            padding-top: 0.25vw;    
                
            font-size: 1.75vw;
            font-weight: bold;
            }

        #cart3disclaimer{
        margin-top: 2vw;
            
        font-size: 0.75vw;
        }


        #cart3mpBox{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        column-gap: 2vw;
            
        margin: 1vw auto;
            
        width: 80vw;
        }
            .cart3pagBox{
            display: flex;
            align-items: center;
            column-gap: 1vw;    

            margin: 1vw 0vw;    
            padding-left: 7vw;

            width: 24vw;    
            height: 5vw;

            text-align: left;

            border-radius: 0.35vw;    
                
            box-shadow: 0.05vw 0.05vw 0.25vw #787878;
            -webkit-box-shadow: 0.05vw 0.05vw 0.25vw #787878;
            -moz-box-shadow: 0.05vw 0.05vw 0.25vw #787878;
            -o-box-shadow: 0.05vw 0.05vw 0.25vw #787878;
                
            background-position: 1vw center;
            background-repeat: no-repeat;
            background-size: 5vw auto;

            cursor: pointer;
                
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;	
            }
                .cart3radio{
                width: 1.5vw;
                height: 1.5vw;

                cursor: pointer;
                }


#cart3confirmBox{
position: relative;
    
margin: 0vw auto;
width: 35.5vw;
height: 7vw;    
    
overflow: hidden;
}

        #cart3_PayPalButton{
        display: none;
            
        position: absolute;
        left: 0.25vw;
        bottom: 0vw;
            
        width: 35vw;
        height: 2vw;
            
        opacity: 0;
            
        z-index: 2;
        }





        #cart4confirm{
        padding-top: 12.5vw;
            
        background: url('../../img/orderConfirmed.png') center top no-repeat;
        background-size: auto 10vw;
        }
            #cart4confirm > div:nth-of-type(1){
            font-weight: bold;
            font-size: 1.5vw;
            }
            #cart4confirm > div:nth-of-type(2){
            margin-top: 0.5vw;    
                
            font-size: 1.15vw;
            }


        #cart4retry{
        padding-top: 15vw;
            
        background: url('../../img/orderRetry.png') center top no-repeat;
        background-size: auto 10vw;
        }
            #cart4retry div:nth-of-type(1){
            font-weight: bold;
            font-size: 1.5vw;
            }
            #cart4retry div:nth-of-type(2){
            margin-top: 0.5vw;    
                
            font-size: 1.15vw;
            }



    #cart4BonificoBox{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 2vw;
        
    margin-top: 5vw;    
    }
        #cart4BonificoTit{
        margin-bottom: 1.5vw;    
            
        width: 100%;    
            
        color: var(--second-color-r);
        font-weight: bold;
        font-size: 1.15vw;
        }
            .cart4BonificoRow div:nth-of-type(1){
            padding-bottom: 0.5vw;    
                
            font-weight: bold;
            font-size: 1vw;
            }






.policyTit{
padding: 0.5vw 1vw;    
    
text-align: left;
font-size: 1vw;
font-weight: bold;
color: var(--second-color-r);
}
.policySubTit{
padding: 0.5vw 1vw;    
    
text-align: left;
font-size: 0.85vw;
color: var(--second-color-r);
}
.policyPar{
padding: 0.5vw 1vw;    
    
text-align: left;
font-size: 0.75vw;
}




#e404box{
padding-top: 12vw;
    
background: url('../../img/404.png') center top no-repeat;
background-size: auto 10vw;
}
    #e404tit{
    padding-bottom: 0.35vw;
        
    font-size: 1.15vw;
    font-weight: bold;
    color: var(--second-color-r);
    }



.hiwBox{
display: flex;
flex-direction: column;
align-items: center;
    
margin: 0vw auto 2.5vw auto;    
padding: 1vw 1vw 0.75vw 1vw;    
    
width: 33vw;
line-height: 1.25vw;

font-size: 1vw;
text-align: justify;
    
border-radius: 0.5vw;
    
box-shadow: 0.05vw 0.05vw 0.2vw #787878;
-webkit-box-shadow: 0.05vw 0.05vw 0.2vw #787878;
-moz-box-shadow: 0.05vw 0.05vw 0.2vw #787878;
-o-box-shadow: 0.05vw 0.05vw 0.2vw #787878;
    
overflow: hidden;
}
    .hiwImg{
    flex-shrink: 0;
        
    margin: -1vw -1vw -0.5vw -1vw;    
        
    max-width: calc(100% + 2vw);
    max-height: 50vh;
    }


#userLogin{
margin: 0vw auto 2.5vw auto;
padding-bottom: 2.5vw;
    
width: 50vw;    
    
border-bottom: 0.05vw solid #DDDDDD;
}

    .userLogin_row{
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 1vw;

    margin-bottom: 0.5vw;
    }
        .userLogin_row label{
        width: 7.5vw;

        color: var(--second-color-r);
        font-weight: bold;
        text-align: right;
            
        cursor: pointer;
        }
        #userLogin_LoginButton{
        margin: 1vw auto 0vw auto;

        width: 24vw;
        line-height: 2vw;
        }

        #userLogin_resetPsw{
        margin: 0.5vw auto 2.5vw auto;
            
        font-style: italic;
        font-size: 0.75vw; 

        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;	
        }



    .loginSocial{
    margin: 0.5vw auto 0vw auto;
        
    width: 24vw;
    line-height: 2vw;
        
    font-weight: bold;
    font-variant: small-caps;
    text-align: center;
    color: #FFFFFF; 
        
    border-radius: 0.25vw;    
                
    background-size: auto 1vw;    
    background-position: 1vw center;
    background-repeat: no-repeat;
        
    box-shadow: 0.05vw 0.05vw 0.2vw #787878;
    -webkit-box-shadow: 0.05vw 0.05vw 0.2vw #787878;
    -moz-box-shadow: 0.05vw 0.05vw 0.2vw #787878;
    -o-box-shadow: 0.05vw 0.05vw 0.2vw #787878;
        
    cursor: pointer;
        
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;	
    }

        #userLogin_RegisterButton, #userLogin_RegisterConfirm, #userPswLost_Confirm{
        margin: 1vw auto 0vw auto;

        width: 24vw;
        line-height: 2vw;
            
        color: #FFFFFF;    
            
        background: rgba(58,182,75,0.85);
        }
            #userLogin_RegisterButton:hover, #userLogin_RegisterConfirm:hover, #userPswLost_Confirm:hover{
            background: rgba(58,182,75,1.00);
            }






#userMain{
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: center;
}
    .userBox{
    width: calc(100vw / 3);
    }


    #userFormPswShow{
    margin: 0vw auto;
        
    width: calc(100% - 4vw);
    line-height: 1.85vw;
        
    font-weight: bold;
    font-variant: small-caps;
    text-align: center;
    color: #FFFFFF;    
        
    border-radius: 0.25vw;    
        
    background: rgba(1,173,239,0.85);
        
    box-shadow: 0.05vw 0.05vw 0.2vw #787878;
    -webkit-box-shadow: 0.05vw 0.05vw 0.2vw #787878;
    -moz-box-shadow: 0.05vw 0.05vw 0.2vw #787878;
    -o-box-shadow: 0.05vw 0.05vw 0.2vw #787878;
        
    cursor: pointer;
        
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;	
    }
    #userFormShow{
    margin: 1vw auto 3vw auto;
        
    width: calc(100% - 4vw);
    line-height: 1.85vw;
        
    font-weight: bold;
    font-variant: small-caps;
    text-align: center;
        
    border-radius: 0.25vw;    
        
    background: rgba(255,204,0,0.85);
        
    box-shadow: 0.05vw 0.05vw 0.2vw #787878;
    -webkit-box-shadow: 0.05vw 0.05vw 0.2vw #787878;
    -moz-box-shadow: 0.05vw 0.05vw 0.2vw #787878;
    -o-box-shadow: 0.05vw 0.05vw 0.2vw #787878;
        
    cursor: pointer;
        
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;	
    }
        #userFormShowU{
        font-size: 1.25vw;
        }
        #userFormShowE{
        padding-bottom: 0.5vw;    
            
        line-height: 2vw;    
            
        font-style: italic;
        }

    #userLogout{
    margin: 0.75vw auto 0vw auto;

    width: calc(100% - 4vw);
    line-height: 1.85vw;

    font-weight: bold;
    font-variant: small-caps;
    text-align: center;
    color: #FFFFFF;    

    border-radius: 0.25vw;    

    background: rgba(255,0,0,0.85) url("../../img/logout.png") 0.25vw center no-repeat;
    background-size: auto 1.25vw;

    box-shadow: 0.05vw 0.05vw 0.2vw #787878;
    -webkit-box-shadow: 0.05vw 0.05vw 0.2vw #787878;
    -moz-box-shadow: 0.05vw 0.05vw 0.2vw #787878;
    -o-box-shadow: 0.05vw 0.05vw 0.2vw #787878;

    cursor: pointer;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;	
    }

    #userForm, #userFormPsw{
    display: none;
    }
        .userFormRow{
        display: flex;
        align-items: center;
        column-gap: 1vw;
        justify-content: center;

        margin-bottom: 0.5vw; 
        }
            .userTit{
            margin: 0vw auto 0.75vw auto;    
            padding-bottom: 0.35vw;    

            width: 70%;    
                
            font-weight: bold;
            color: var(--second-color-r);
                
            border-bottom: 0.05vw solid var(--second-color-r);  
            }

            .userFormRow label{
            width: 7.5vw;

            text-align: right;

            cursor: pointer;
            }

    #userFormUpdate, #userFormPswUpdate{
    margin: 1vw auto 0.5vw auto;
        
    width: calc(100% - 4vw);
    line-height: 1.85vw;
        
    font-weight: bold;
    font-variant: small-caps;
    text-align: center;
    color: #FFFFFF;    
        
    border-radius: 0.25vw;    
        
    background: var(--second-color-g);
        
    box-shadow: 0.05vw 0.05vw 0.2vw #787878;
    -webkit-box-shadow: 0.05vw 0.05vw 0.2vw #787878;
    -moz-box-shadow: 0.05vw 0.05vw 0.2vw #787878;
    -o-box-shadow: 0.05vw 0.05vw 0.2vw #787878;
        
    cursor: pointer;
        
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;	
    }
    .userFormCancel{
    margin: 0vw auto;
        
    width: calc(100% - 4vw);
    line-height: 1.85vw;
        
    font-weight: bold;
    font-variant: small-caps;
    text-align: center;
    color: #FFFFFF;    
        
    border-radius: 0.25vw;    
        
    background: rgba(255,0,0,0.85);
        
    box-shadow: 0.05vw 0.05vw 0.2vw #787878;
    -webkit-box-shadow: 0.05vw 0.05vw 0.2vw #787878;
    -moz-box-shadow: 0.05vw 0.05vw 0.2vw #787878;
    -o-box-shadow: 0.05vw 0.05vw 0.2vw #787878;
        
    cursor: pointer;
        
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;	
    }


    .userOrderRow{
    display: flex;
    align-items: center;
    justify-content: space-between;
        
    margin: 0vw auto;
    padding-left: 3.5vw;
        
    width: 70%;    
    line-height: 3.25vw;
        
    background-size: auto 2.5vw;
    background-position: center left;
    background-repeat: no-repeat;
        
    cursor: pointer;
    }
        .userOrderID{
        font-size: 1vw;    
        text-align: left;
        }
            .userOrderID .hoverBottom{
            font-size: 1.15vw;    
            text-align: left;
            }
        .userOrderStatus{
        font-size: 0.75vw;  
        font-style: italic;
        text-align: right;
        }

#userOrdEmpty{
font-size: 0.85vw;
font-style: italic;
}
    #userOrdEmpty img{
    margin: 1vw auto;    
        
    width: 3.5vw;
        
    opacity: 0.15;
    }


#userPoints{
    
}








.faqTit{
margin: 2.5vw auto 1vw auto;

width: 80vw;

text-align: left;
font-size: 1.15vw;    
color: var(--second-color-r);
font-weight: bold;
}
    .faqQ{
    margin: 1vw auto;

    width: 78vw;

    text-align: left;
    font-size: 1vw;    
    color: var(--second-color-b);
    font-weight: bold;
    }
    .faqA{
    margin: 1vw auto;

    width: 78vw;

    text-align: left;
    font-size: 0.85vw;    
    }



#orderHead{
padding-bottom: 1vw;    
    
font-weight: bold;
font-size: 1.5vw;
color: var(--second-color-r);
}

#orderTop{
display: flex;
justify-content: center;
align-items: flex-start;
column-gap: 1.5vw;
    
margin-bottom: 2.5vw;    
}
    #orderTop > div{
    padding: 1vw;

    width: 22.5vw; 
    min-height: 2.35vw;    
        
    border-radius: 0.25vw;    

    box-shadow: 0.05vw 0.05vw 0.2vw #787878;
    -webkit-box-shadow: 0.05vw 0.05vw 0.2vw #787878;
    -moz-box-shadow: 0.05vw 0.05vw 0.2vw #787878;
    -o-box-shadow: 0.05vw 0.05vw 0.2vw #787878;

    background-repeat: no-repeat;
    background-position: 0.75vw center;
    background-size: auto 2.75vw;
    }

    #orderStatus{
    padding-left: 5vw !important;    
        
    width: 17.5vw !important; 
        
    text-align: left;
    }
        #orderStatusTit, #orderDataCN{
        font-weight: bold;
        font-size: 1.15vw;
        }
        #orderStatusSubTit, #orderDataCnt{
        padding-top: 0.15vw;    

        font-size: 0.75vw;
        }

.addressFlag{
margin: 0.25vw 0vw -0.05vw 0.25vw;
    
height: 0.75vw;
}

    #orderDetails{
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 1vw;
    }
        #orderDetails img{
        margin: -0.65vw 0vw;    
            
        height: 3.5vw;
        }
        .orderDetails_SP_button{
        margin: -0.65vw 0vw;    
            
        padding: 0vw 1vw 0vw 7.5vw;    
            
        line-height: 3.5vw;
            
        font-weight: bold;
        font-variant: small-caps;
        text-align: center;
            
        border-radius: 0.25vw;    
            
        background-color: rgba(255,204,0,0.85);
        background-position: 1vw center;
        background-repeat: no-repeat;
        background-size: auto 3vw;
            
        box-shadow: 0.05vw 0.05vw 0.2vw #787878;
        -webkit-box-shadow: 0.05vw 0.05vw 0.2vw #787878;
        -moz-box-shadow: 0.05vw 0.05vw 0.2vw #787878;
        -o-box-shadow: 0.05vw 0.05vw 0.2vw #787878;
            
        cursor: pointer;
            
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        }        
            .orderDetails_SP_button:hover{
            background-color: rgba(255,204,0,1);
            }
            .orderDetails_SP_button:active{
            box-shadow: inset 0.05vw 0.05vw 0.2vw #787878;
            -webkit-box-shadow: inset 0.05vw 0.05vw 0.2vw #787878;
            -moz-box-shadow: inset 0.05vw 0.05vw 0.2vw #787878;
            -o-box-shadow: inset 0.05vw 0.05vw 0.2vw #787878;
            }


#orderLogin_box{
margin-top: 2.5vw;    
}











.codeBox{
display: inline-block;
    
margin: 1vw;
padding: 0.5vw 1vw;
    
font-weight: bold;
    
border-radius: 0.5vw;

outline: 0.05vw solid #C4C4C4;    
    
box-shadow: inset 0vw 0vw 0.15vw #4D4D4D;
-webkit-box-shadow: inset 0vw 0vw 0.15vw #4D4D4D;
-moz-box-shadow: inset 0vw 0vw 0.15vw #4D4D4D;
-o-box-shadow: inset 0vw 0vw 0.15vw #4D4D4D;
}
    .codeBox::before{
    content: 'art.';
        
    padding-right: 1vw;    
        
    font-weight: normal;
    }

.miniloader{
margin: 5vw auto;
    
width: 100%;    
height: 5vw;
    
background: url('../../img/load.gif') center center no-repeat;
background-size: contain;
    
cursor: wait;
    
opacity: 0.5;
}




#foot{
display: flex;
column-gap: 5vw;
    
margin-top: 5vw;    
    
padding-top: 5vw;    
padding-left: 50vw;    
    
width: 50vw;
height: 10vw;
    
background: url("../../img/foot.png") bottom left no-repeat;
background-size: contain;
}
    #footLeft{
    line-height: 1vw;
        
    text-align: right;
    }
        #footLeftCopy{
        font-size: 0.8vw;
        font-weight: bold;
        }
        #footLeftAddr{
        padding: 0.35vw 0vw;    
            
        font-size: 0.65vw;
        }
    #footRight{
    line-height: 0.95vw;
        
    font-size: 0.65vw;
    text-align: left;
    }
        #footSocial img{
        height: 3vw;

        cursor: pointer;
        }


#cookieAlert{
display: flex;
align-items: center;
justify-content: center;
    
position: fixed;
bottom: 10vh;
left: 20vw;
    
padding: 1.5vw 5vw;    
    
width: 50vw;
height: 5vw;
    
border-radius: 0.25vw;    
    
background: rgba(255,255,255,0.9);
    
box-shadow: 0.05vw 0.05vw 0.15vw #787878;
-webkit-box-shadow: 0.05vw 0.05vw 0.15vw #787878;
-moz-box-shadow: 0.05vw 0.05vw 0.15vw #787878;
-o-box-shadow: 0.05vw 0.05vw 0.15vw #787878; 
    
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;	
    
z-index: 99999;
}

    #cookieAlertTxt{
    width: 30vw;    
        
    text-align: left;
    font-size: 1vw;
    }
    #cookieAlertButtons{
    margin-left: 2.5vw;    
        
    width: 20vw;    
    }
        #cookieAlertAccept{
        padding: 0.5vw 1vw;
            
        width: calc(100% - 2vw);    

        font-size: 1.15vw;
        color: #FFFFFF;
        
        background: rgba(69,167,0,0.85);
            
        border-radius: 0.25vw;
    
        box-shadow: 0.05vw 0.05vw 0.1vw #787878;
        -webkit-box-shadow: 0.05vw 0.05vw 0.1vw #787878;
        -moz-box-shadow: 0.05vw 0.05vw 0.1vw #787878;
        -o-box-shadow: 0.05vw 0.05vw 0.1vw #787878; 
            
        cursor: pointer;
        }
            #cookieAlertAccept:hover{
            background: rgba(69,167,0,1);
            }
            #cookieAlertAccept:active{
            background: rgba(69,167,0,1);
                
            box-shadow: inset 0.05vw 0.05vw 0.1vw #787878;
            -webkit-box-shadow: inset 0.05vw 0.05vw 0.1vw #787878;
            -moz-box-shadow: inset 0.05vw 0.05vw 0.1vw #787878;
            -o-box-shadow: inset 0.05vw 0.05vw 0.1vw #787878; 
            }
        #cookieAlertAcceptPartner{
        margin-top: 0.75vw;    
        padding: 0.5vw 1vw;
            
        width: calc(100% - 2vw);    

        font-size: 1.15vw;
        color: #FFFFFF;
            
        background: rgba(211,0,0,0.85);
            
        border-radius: 0.25vw;
    
        box-shadow: 0.05vw 0.05vw 0.1vw #787878;
        -webkit-box-shadow: 0.05vw 0.05vw 0.1vw #787878;
        -moz-box-shadow: 0.05vw 0.05vw 0.1vw #787878;
        -o-box-shadow: 0.05vw 0.05vw 0.1vw #787878; 
            
        cursor: pointer;
        }
            #cookieAlertAcceptPartner:hover{
            background: rgba(211,0,0,1);
            }
            #cookieAlertAcceptPartner:active{
            background: rgba(211,0,0,1);
                
            box-shadow: inset 0.05vw 0.05vw 0.1vw #787878;
            -webkit-box-shadow: inset 0.05vw 0.05vw 0.1vw #787878;
            -moz-box-shadow: inset 0.05vw 0.05vw 0.1vw #787878;
            -o-box-shadow: inset 0.05vw 0.05vw 0.1vw #787878; 
            }
        #cookieAlertReject{
        position: absolute;
        top: 0.5vw;
        left: 0.5vw;
            
        width: 1vw;
            
        cursor: pointer;
            
        opacity: 0.15;
        }






#loader{
display: none;
	
position: fixed;
top: 0vw;
left: 0vw;
	
width: 100vw;
height: 100vh;
	
background: rgba(230,235,235,0.65) url('../../img/load.gif') no-repeat;
background-position: center 15vw;
background-size: 5vw;
	
z-index: 999999999999999999999999999;	    
}



#debug{
position: fixed; 
bottom: 0vw; 
left: 0vw; 

width: 100vw;
max-height: 30vh; 
line-height: 1.5vw;	
	
overflow: auto; 

text-align: center; 

background: rgba(51,51,51,0.9); 
color: #FFFFFF;

z-index: 9999999999999999999999999999999999999999999999999999;	
}