#logo, #cart-head{display:none;}
#imPageRowContent_1, #imCell_1, #imCellStyleGraphics_1, #imCellStyle_1{width:100%;}

.tab{position:absolute; 
top:0px; 
left:0px; 
height:100%;
width:150px;
background-color:rgba(102, 0, 102, 0.8);
position:fixed;
z-index:101;
overflow:auto; 
text-align:left;}

@media (min-width:1000px){.tab.w3-collapse{display:block!important}}
@media (max-width:999px){.tab.w3-collapse{display:none}}

.sbclose{font-size:9pt; font-weight:bold; color:#660066; background-color:rgba(255,255,255,0.8); padding:12px 15px;cursor:pointer; border:none; text-align:right; width:100%;}
.sbclose:hover{background-color:White;}

.sdmenu{font-size:14pt; 
font-weight:bold; 
font-stretch:expanded; 
color:#ffffff; 
background-color:rgba(102, 0, 102, 0.8);
border:2px solid #660066;
padding:5px 10px 9px 10px;
width:41px;
position:absolute;
left:0px;
top:0px;
z-index:100 !important;
cursor:pointer;
}
.sdmenu:hover{background-color:#ffffff; color:#660066;}

#myOverlay{
display:block;
cursor:pointer;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,0.5);
z-index:5;
}
#myOverlay:active{transition: all 0.7s}


/* Style the links inside the list items */
.tablinks, .accordion{
    width:100%;
    text-align:left;
    cursor: pointer;
    outline: none;
    color: #ffffff;
    font-weight:bold;
    font-size:9pt;
    padding: 10px 15px;
    border: 0px;
    background-color: rgba(255,255,255,0.0);
    text-decoration: none;
        transition: 0.3s;}

/* Change background color of links on hover */
.tablinks:hover , .accordion:hover{
    background-color: white;
    color:#660066;
    border-color:#660066;
}

/* Create an active/current tablink class */
.tablinks.active, .accordion.active{
    background-color:rgba(255,255,255, 0.9);
    color:#660066;}

/* Style the tab content */
.tabcontent {
    display:none;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
    min-height:100% !important;
    border:#B6B6B6 dotted 0px;
    background-color:transparent;
    width:100%;
}

@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

#navlink{
    text-align:right;
    cursor: pointer;
    color: #ffffff;
    font-weight:bold;
    font-size:9pt;
    padding: 12px 15px;
    transition: 0.3s;
    font-family:Arial;
    display:block;
}
#navlink:hover{color:#660066; background-color:white;}

.panel{display:none; background-color:rgba(255,255,255,0.2)}

@media screen and (min-width:1000px){
.videos{width:100%; position:relative; top:0px;}
.sdmenu[name]:hover:after, .btn[name]:hover:after {
  font-family: Arial;
  content: attr(name);
  font-size:12pt;
  padding: 10px 12px;
  color: #333;
  position: absolute;
  left: 41px; 
  top: 0;
  white-space: nowrap; 
  z-index: 101;
  background-color:white
}
}

#wsaudio{padding:20px 0px 10px 0px;}
#audio1, #audio2{padding:30px 0px 20px 0px;}
#audio2{border-bottom:1px solid #bcbcbc;}
#wsaudio audio, #audio1 audio, #audio2 audio{width:75%; margin:20px auto;}
#wsaudio a, #audio1 a, #audio2 a, #Diplom a{font-size:10pt; color:#660066; padding:10px 20px; border:2px solid #660066; line-height:36px;}

h4{font-size:14pt;
    font-weight:normal;
    font-family:arial;
    margin:8px 0px;
}

.act{display:block;}
#Diplom img{width:55%;}

.fmail{margin-top:15px !important; display:inline-block; padding:9px; width:230px; margin-right:10px;}
.subbut{margin-top:15px !important; display:inline-block !important; padding:8px 15px !important; font-weight:bold !important; color:#660066 !important; background-color:#ffffff !important; border:2px solid #666666 !important; transition:all 0.3s ease;}
.subbut:hover{color:#ffffff !important; background-color:#660066 !important;}
.muslink{display:block; color:#660066; font-weight:bold; font-size:12pt; line-height:30px; margin-top:10px;}
.muslink:hover{color:#bcbcbc;}
.musform{display:inline-block; background-color:rgba(102, 0, 102, 0.1); border:3px solid rgba(102, 0, 102, 0.2); display:block; padding:30px; max-width:360px; margin:0px auto 20px auto;}
.ask{font-size:20pt; margin-bottom:5px;}

#instruct{max-width:400px; margin:15px auto 20px auto; display:inline-block;}
.instruct{font-size:12pt; line-height:1.5; text-align:left;}
.instr_viol{color:#660066; font-weight:bold;}

.btn{background-position:center center;
    background-size:100%;
    background-repeat:no-repeat;
    height:41px;
    width:41px;
    border:2px solid #660066;
    transition: all 0.3s;
    cursor:pointer;   
    margin:0px;
    float:left;
    opacity:0.8;
    z-index:100;
}

.btn:hover{background-position: center center;
    background-size:100%;
    background-repeat:no-repeat;
    height:41px;
    width:41px;
    opacity:1.0;}

#face{background-image: url(../face1.jpg); position:absolute; top:41px; left:0px;}
#face.active{background-image: url(../face2.jpg);}
#back{background-image: url(../back1.jpg); position:absolute; top:82px; left:0px;}
#back.active{background-image: url(../back2.jpg);}
#audio{background-image: url(../vidmusic1.jpg); position:absolute; top:123px; left:0px;}
#audio.active{background-image: url(../vidmusic2.jpg);}
.back, .audio{display:none;}