* {padding:0; margin:0; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; #border:3px dashed red; }

 html {scroll-behavior:smooth;}

body {position:relative; top:-2vw;  justify-content:center; align-items:center; color:#000; background: #FFF; #border:5px dashed red;  }

header {position:fixed;  top:0; width:100%; background-color:#FFF;  z-index:10;  }

.nav-item:active {position:relative; transform:scale(.95);}

.container {position:relative; #top:10vw;}

.fb {position:absolute; top:0; right:0vw; height:auto; z-index:5;}
.fb:active {transform:none;}


.bgvid { position:relative; #height:45vh; #top:2vw; #background-size:cover; #background-position:center 6vw; background-image:url(https://www.gonzographics.net/JonesContainers/img/dropoff.gif); #background-attachment:fixed;  background-repeat:no-repeat;}

a { text-decoration:none;}

.a:active {position:relative; transform:scale(.95);} 

.width_display { position:fixed; top: 1vh;  width:auto; height:auto; right:5px; font-size:2rem; color:#FFF; z-index:22; }
.width_display2 { position:fixed; top: 1vh;  width:auto; height:auto; right:5px; font-size:2rem; color:#000; z-index:22; }

.hide{position:fixed; right:.26vw; top:1vh; width:5.25vw; height:5vh; background:#000;  z-index:88; }
.hide2{position:fixed; right:.26vw; top:1vh; width:5.25vw; height:5vh; background:#FFF;  z-index:88; }
.show{position:fixed;  display:none;  }

.css-id {position:fixed; top:3vh; width:auto; height:auto; right:5px; z-index:10; }
f980{position:relative; display:none; color:yellow;font-size:2rem;}
f1400{position:relative; display:none; color:yellow;font-size:2rem;}
f1900{position:relative; display:none; color:yellow;font-size:2rem;}

.no-display {display:none;}

.aaactive { color:#AC5675 !important; font-weight:bold; text-decoration: underline #CCC  4px; text-underline-position: under;  }

.inactive { color:#000 !important; pointer-events: none; }

.opaque {opacity:.3;}

table {border-radius:1rem;}
tr {}
td {padding:.2rem;}
tr1 {padding:2rem;}

ul { padding:4rem; background:#000;}
li {padding:1rem 0 1rem 0; #background-image:url(../img/trashbag.png); background-repeat:no-repeat; background-size:10vw; background-position:left top;}
/* li {list-style:none;} */
li:active {position:relative; top:3px; }

.fixed {position:fixed;}
.rel {position:relative;}
.abso {position:absolute;}

.block {display:block;}
.none {display:none;}
.left {float:left;}
.right {float:right;}
.inline {display:inline;}
.inline-block {display:inline-block;}
.inline-grid {display:inline-grid;}



/* .center { display:flex;  justify-content: center; align-items:center; } */

.pic1 {width:1vw; height:auto;}
.pic2 {width:2vw; height:auto;}
.pic3 {width:3vw; height:auto;}
.pic4 {width:4vw; height:auto;}
.pic5 {width:5rem; height:auto;}
.pic6 {width:6vw; height:auto;}
.pic7 {width:7vw; height:auto;}
.pic8 {width:8vw; height:auto;}
.pic9 {width:9vw; height:auto;}
.pic10 {width:10rem; height:auto;}
.pic11 {width:11vw; height:auto;}
.pic12 {width:12vw; height:auto;}
.pic13 {width:13vw; height:auto;}
.pic14 {width:14vw; height:auto;}
.pic15 {width:15vw; height:auto;}
.pic16 {width:16vw; height:auto;}
.pic17 {width:17vw; height:auto;}
.pic18 {width:18vw; height:auto;}
.pic19 {width:19vw; height:auto;}
.pic20 {width:20vw; height:auto;}


.pic1h {height:1vw; width:auto;}
.pic2h {height:2vw; width:auto;}
.pic3h {height:3vw; width:auto;}
.pic4h {height:4vw; width:auto;}
.pic5h {height:5vw; width:auto;}
.pic6h {height:6vw; width:auto;}
.pic7h {height:7vw; width:auto;}
.pic8h {height:8vw; width:auto;}
.pic9h {height:9vw; width:auto;}
.pic10h {height:10vw; width:auto;}
.pic11h {height:11vw; width:auto;}
.pic12h {height:12vw; width:auto;}
.pic13h {height:13vw; width:auto;}
.pic14h {height:14vw; width:auto;}
.pic15h {height:15vw; width:auto;}
.pic16h {height:16vw; width:auto;}
.pic17h {height:17vw; width:auto;}
.pic18h {height:18vw; width:auto;}
.pic19h {height:19vw; width:auto;}
.pic20h {height:20vw; width:auto;}


.left1 {position:relative; left:1vw;}
.left2 {position:relative; left:2vw;}
.left3 {position:relative; left:3vw;}
.left4 {position:relative; left:4vw;}
.left5 {position:relative; left:5vw;}
.left6 {position:relative; left:6vw;}



.left-1 {position:relative; left:-1vw;}
.left-2 {position:relative; left:-2vw;}
.left-3 {position:relative; left:-3vw;}
.left-4 {position:relative; left:-4vw;}
.left-5 {position:relative; left:-5vw;}
.left-6 {position:relative; left:-6vw;}




.top3 {position:relative; top:2vh;}
.top10 {position:relative; top:10vh;}
.top15 {position:relative; top:15vh;}
.top20 {position:relative; top:20vh;}
.top25 {position:relative; top:25vh;}
.top30 {position:relative; top:30vh;}
.top35 {position:relative; top:35vh;}
.top40 {position:relative; top:40vh;}

.top-1 {position:relative; top:-1rem;}
.top-2 {position:relative; top:-2rem;}
.top-10 {position:relative; top:-10vh;}
.top-15 {position:relative; top:-15vh;}
.top-20 {position:relative; top:-20vh;}
.top-25 {position:relative; top:-25vh;}
.top-30 {position:relative; top:-30vh;}
.top-35 {position:relative; top:-35vh;}
.top-40 {position:relative; top:-40vh;}

.contain {width:contain;}
.100 {width:100%;}
.flip {position: relative; transform:rotate(180deg);}

.cover {width:cover !important;}
.width90 {width:90% !important;}
.width80 {width:80% !important;}
.width70 {width:70% !important;}
.width60 {width:60% !important;}
.width50 {width:50% !important;}
.width40 {width:40% !important;}
.width30 {width:30% !important;}
.width20 {width:20% !important;}
.width15 {width:15% !important;}
.width10 {width:10% !important;}
.minwidth {}

.xwidth500 {max-width:500px;}
.xwidth600 {max-width:600px;}
.xwidth700 {max-width:700px;}
.xwidth800 {max-width:800px;}

.minhght10 {min-height:10vh; }
.minhght20 {min-height:20vh; }
.minhght30 {min-height:30vh; }
.minhght40 {min-height:40vh; }
.minhght50 {min-height:50vh; }

.center {text-align:center;}

.mrgn2_4 {margin:2vw 4vh;}
.mrgn4_6 {margin:4vw 6vh;}

.pad1 {  padding: 1vh 1.5vw !important;}
.pad2 {  padding: 2vh 2vw !important;}
.pad3 {  padding: 3vh 3vw !important;}
.pad4 {  padding: 4vh 4vw !important;}
.pad5 {  padding: 5vh 5vw !important;}
.pad6 {  padding: 6vh 6vw !important;}
.pad7 {  padding: 7vh 7vw !important;}
.pad8 {  padding: 8vh 8vw !important;}

.h_auto {height:auto;}
.h2 {min-height:2vw;}
.h3 {min-height:3vw;}
.h4 {min-height:4vw;}
.h5 {min-height:5vw;}
.h10 {min-height:10vw;}
.h20 {min-height:20vw;}
.h30 {min-height:30vw;}
.h40 {min-height:40vw;}
.h200 {height:200vw;}
.h300 {height:300vw;}
.h400 {height:400vw;}
.h500 {height:500vw;}

.w_auto {width:auto;}
.w10 {width:10vw;}
.w20 {width:20vw;}
.w30 {width:30vw;}

.border1 {border:1px solid #000;}
.border2 {border:2px solid #000;}
.border1r {border:1px solid red;}
.border2r {border:2px solid red;}
.border {border:5px dashed red;}
.border-w {border:5px dashed #FFF;}

.brdr-w2 {border:2px solid #fff}
.brdr-w5 {border:5px solid #fff}
.brdr-blk2 {border:2px solid #000}
.brdr-blk5 {border:5px solid #000}
.brdr-r2 {border:2px solid red}
.brdr-r5 {border:5px solid red}

.br_tl05 {border-top-left-radius:.5rem;}
.br_tr05 {border-top-right-radius:.5rem;}
.br_bl05 {border-bottom-left-radius:.5rem;}
.br_br05 {border-bottom-right-radius:.5rem;}
.br_tl1 {border-top-left-radius:1rem;}
.br_tr1 {border-top-right-radius:1rem;}
.br_bl1 {border-bottom-left-radius:1rem;}
.br_br1 {border-bottom-right-radius:1rem;}
.br_tl2 {border-top-left-radius:2rem;}
.br_tr2 {border-top-right-radius:2rem;}
.br_bl2 {border-bottom-left-radius:2rem;}
.br_bl2 {border-bottom-right-radius:2rem;}

.bxsdw-w {box-shadow:3px 3px 10px #fff;}
.bxsdw-c {box-shadow:3px 3px 10px #ccc;}
.bxsdw-blk {box-shadow:3px 3px 10px #000;}

.br10 {border-radius:10px;}
.br20 {border-radius:20px;}
.br30 {border-radius:30px;}
.br40 {border-radius:40px;}
                  
hr { height:2px; #margin:30px; #background:#62168E; width:30%}
hr1 { height:2px; #margin:30px; padding:1rem 2.5rem; background:#62168E; border-radius:2rem;}

.b {font-weight:bold;}
.i {font-style: italic;}

.text {}

.lh1 {line-height:1rem;}
.lh2 {line-height:2rem;}
.lh3 {line-height:3rem;}
.lh4 {line-height:4rem;}
.lh5 {line-height:5rem;}
.lh6 {line-height:6rem;}
.lh7 {line-height:7rem;}
.lh8 {line-height:8rem;}
.lh9 {line-height:9rem;}
.lh10 {line-height:10rem;}





f1 {font-size:1rem; text-align:left;}
f15 {font-size:1.5rem; #text-align:left;}
f2 {font-size:2rem; #text-align:left;}
f25 {font-size:2.5rem; #text-align:left;}
f3 {font-size:3rem; #text-align:left;}
f35 {font-size:3.5rem; #text-align:left;}
f4 {font-size:4rem; text-align:left;}
f45 {font-size:4.5rem; text-align:left;}
f5 {font-size:5rem; text-align:left;}
f55 {font-size:5.5rem; text-align:left;}
f6 {font-size:6rem; text-align:left;}
f6 5{font-size:6.5rem; text-align:left;}

.f1 {font-size:1rem; #text-align:left;}
.f15 {font-size:1.5rem; #text-align:left;}
.f2 {font-size:2rem; #text-align:left;}
.f25 {font-size:2.5rem; #text-align:left;}
.f3 {font-size:3rem; #text-align:left;}
.f35 {font-size:3.5rem; #text-align:left;}
.f4 {font-size:4rem; #text-align:left;}
.f5 {font-size:5rem; #text-align:left;}
.f6 {font-size:6rem; #text-align:left;}
.f7 {font-size:7rem; #text-align:left;}
.f8 {font-size:8rem; #text-align:left;}
.fw {color:#fff;}
.fblk {color:#000;}




fw {color:#fff;}
fblk {color:#000;}
fblu {color:blue;}
fltblu {color:#21D9E8;}
fr {color:red;}
fp {color:#FC0366;}
fy {color:yellow;}
fg {color:lime;}
fgr {color:green;}
    
 fbgblk {background:#000; margin:.5rem; padding:1.5rem 2.5rem; }   
    
.ftal {text-align:left;}
.ftar {text-align:right; line-height:3vw;}
.fvam {vertical-align: middle;}

floatl {float:left !important;}
floatr {float:right !important;}

fsp {line-height:1vh; width:100%; #border:1px dashed #fff; } /*veritcal space */
fcents {font-size:1.35rem; vertical-align: top;  text-decoration: underline #000  1px; #text-underline-position: under; }

fsans {font-family:sans-serif;}

fnvq {font-family:novaquinta;}
@font-face { font-family: novaquinta; src: url(https://www.gonzographics.net/Testra/fonts/NovaQuinta.otf); }

flob {font-family:lobster;}
@font-face { font-family: lobster; src: url(https://www.gonzographics.net/Testra/fonts/Lobster.otf); }

foutine_blu_2 { text-shadow: -2px -2px 1px #1447AD, 2px -2px 1px #1447AD, -2px 2px 0 #1447AD, 2px 2px 0 #1447AD;}

foutine_blu_4 { text-shadow: -4px -4px 2px #1447AD, 4px -4px 2px #1447AD, -4px 4px 0 #1447AD, 4px 4px 0 #1447AD;}

.spacer1 {height:1rem;}
.spacer2 {height:2rem;}
.spacer3 {height:3rem;}
.spacer4 {height:4rem;}
.spacer5 {height:5rem;}
.spacer6 {height:6rem;}
.spacer7 {height:7rem;}
.spacer8 {height:8rem;}
.spacer9 {height:9rem;}
.spacer10 {height:10rem;}
.spacer20 {height:20rem;}
.spacer30 {height:30rem;}
.spacer40 {height:40rem;}



.spacer-w {width:75px; height:1vh;}

.z1 {z-index:1;}
.z2 {z-index:2;}
.z3 {z-index:3;}
.z4 {z-index:4;}
.z5 {z-index:5;}



/* .icon {height:10vw; padding:0 2vw 2vw 0;} */
.icon2 {height:5vh; }
.icon-navbar {height:5vh; }
.icon-navbar2 {height:3vh; }

.c2c {position:relative;}

.drop-shadow {filter: drop-shadow(4px 4px 6px #333); }
.drop-shadow-w {filter: drop-shadow(0px 6px 2px blue); }

.bgblu {background:blue;}
.bgltblu {background:#38DAD4;}
.bgblk {background:#4F5154;}
.bgw {background:#fff}
.bggrn {background:green}
.bgltgrn {background:#6ED48D;}
.bgr {background:red; }
.bgy {background:#DEE465;}
.bggry {background:#494645;}

.bg-logo {background:url(img/1.jpg);  background-repeat:no-repeat; }

.bg-img1 {background:url(https://gonzographics.net/Testra/img/oldglory.png); background-size:cover; background-repeat:no-repeat; }

.bg-books {background:url(https://gonzographics.net/Testra/img/books.png); background-size:30%; background-position:45vw; background-repeat:no-repeat; }

.bg-img2 {width:cover;  background-image:url(https://gonzographics.net/Testra/img/bg/electronics1.png); background-attachment:fixed;}


.bg_relative {background-attachment:relative;} /*DEFAULT*/
.bg_fixed {background-attachment:fixed !important;}


.grad-blu { background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 65%); }
 
 .grad-vio {  position:relative; color:#fff;  height:auto; border-radius:5px; background: linear-gradient(180deg, rgba(236,154,233,1) 6%, rgba(159,22,189,1) 28%, rgba(93,6,91,1) 87%); box-shadow: inset 12px 12px 20px #333,  inset -12px -12px 20px #333 ;filter: drop-shadow(-4px 30px 17px #333); border-bottom:1px solid #665959;  }
 
 .grad-red {  position:relative;  height:auto; color:#fff;  border-radius:5px; background: linear-gradient(180deg, rgba(236,154,178,1) 6%, rgba(189,22,65,1) 28%, rgba(93,6,34,1) 87%); box-shadow: inset 12px 12px 20px #333,  inset -12px -12px 20px #333 ;filter: drop-shadow(-4px 30px 17px #333); border-bottom:1px solid #665959;  }
 
.grad-grn {  position:relative;  height:auto; color:#000; border-radius:5px;  background: linear-gradient(180deg, rgba(154,236,174,1) 6%, rgba(22,189,55,1) 28%, rgba(6,93,7,1) 87%); box-shadow: inset 12px 12px 20px #333,  inset -12px -12px 20px #333 ;filter: drop-shadow(-4px 30px 17px #333); border-bottom:1px solid #665959; }
 
.grad-purp {  position:relative; color:#fff;  height:auto;  border-radius:35px;background: linear-gradient(180deg, rgba(206,154,236,1) 6%, rgba(128,22,189,1) 28%, rgba(60,6,93,1) 87%);  box-shadow: inset 12px 12px 20px #333,  inset -12px -12px 20px #333 ;filter: drop-shadow(-4px 30px 17px #333); border-bottom:1px solid #665959; }
 
.grad-yel {background: linear-gradient(180deg, rgba(255,255,255,1) 30%, rgba(222,228,101,1) 100%);}
.grad-burg_yel {background: linear-gradient(180deg, rgba(135,19,19,1) 30%, rgba(222,228,101,1) 100%);}
 
.container {}

.item-container {display:flex; column-gap:45px;  justify-content: center; height:auto; align-items: center; #background:transparent; }



.logo-container {display:flex; #column-gap:45px;  justify-content: center;  align-items: center; }

.logo-container div { width: auto; height:auto;}





.dropbtn {position:relative; top:1vw; color: green; font-size:2.5rem; font-weight:bold; border: none;}
.dropbtn:active { position:relative; transform:scale(.95) !important;}

.dropdown { position: relative; display: inline-block; #left:-2vw; #border:2px dashed #ff00ff; }

.dropdown-content {  position: absolute; display: none; width:auto;    background-color: #154284; overflow: auto; border-radius:12px; border:5px solid #000;}

.dropdown-content a { color: #fff;  padding: 1vw; #text-decoration: none; display: block;}
.dropdown-content a:active {position:relative; top:0;}
.show {display:block;}


.quote {position:relative; color:#fff; font-weight:bold;  background-color:red; border-radius:30px;}
.quote:active { transform:scale(.95);}


.containerTelephone   {position:relative; width:99%; height:auto;       border-radius: 100px / 50px;  z-index:4;  }

.containerGG {position:relative;  width:100%; height:auto;  z-index:2;}


    
                                         
                    

.shadow-w {-webkit-filter: drop-shadow(1px 1px 2px white) drop-shadow(1px 1px 2px white) drop-shadow(1px 1px 2px white) drop-shadow(1px 1px 2px white);}
.shadow-blk {drop-shadow:1vh 1vh 2vh black;}
.shadow-r {-webkit-filter: drop-shadow(0px 0px 2px red) drop-shadow(0px 0px 2px red) drop-shadow(0px 0px 2px red) drop-shadow(0px 0px 2px red);}





/* ---- index  ----  */
                                         
 .index1_body { background-image:url(https://gonzographics.net/Testra/img/electroics-bg.webp); background-attachment:fixed;  background-repeat:no-repeat; #background-color:#000; } 
 
/* #index1_header_background { #background-image:url(https://gonzographics.net/Testra/img/combo.png); background-attachment:fixed;  background-repeat:no-repeat; #background-color:#000; } 
                                                              
 #index2_header_background { background-image:url(https://gonzographics.net/Testra/img/bg1.jpg); background-attachment:fixed;  background-repeat:no-repeat; background-color:#000; } 
                                                           
 #index3_header_background { background-image:url(https://gonzographics.net/Testra/img/combo.png); background-attachment:fixed;  background-repeat:no-repeat; background-color:#000; } */
                                           
 #index1_header_background { background-image:url(../img/dropoff.gif); background-attachment:fixed;  background-repeat:no-repeat; background-color:#000;  } 
              
              
              
/* #index1_logo { background-image:url(https://gonzographics.net/Testra/img/logo1.png); background-attachment:fixed;  background-repeat:no-repeat; #background-color:#000; } 
                        
 #index2_logo { background-image:url(https://gonzographics.net/Testra/img/logo1.png); background-attachment:fixed;  background-repeat:no-repeat; #background-color:#000; } 
                        
 #index3_logo { background-image:url(https://gonzographics.net/Testra/img/logo1.png); background-attachment:fixed;  background-repeat:no-repeat;  } */
                      
 #index1_logo {  background-image:url(../img/slogan.png); background-attachment:fixed;  background-repeat:no-repeat;  } 

 
.moto {position:relative; height:2vh;  color:#21D9E8; font-family:novaquinta; }
.moto2 {position:relative; height:2vh;  color:#21D9E8; #font-family:novaquinta; }
      
 
#index1_intro { position:relative; height:auto;  border-radius:35px; }

.curve-item1-top {position:relative; width:100%;  fill:#fff;transform:rotate(180deg) scaleX(-1)  ;} 
.curve-item1-bottom {position:relative; width:100%;   fill:#fff; transform:rotate(180deg) scaleY(-1)  } 

/* #index1_fixed_2 { background-image:url(https://gonzographics.net/Testra/img/logo-exp.png);   background-repeat:no-repeat; background-color:transparent; }  

 #index2_fixed_2 { background-image:url(https://gonzographics.net/Testra/img/logo-exp.png);   background-repeat:no-repeat; background-color:#000; }  

 #index3_fixed_2 { background-image:url(https://gonzographics.net/Testra/img/logo-exp.png),url(https://gonzographics.net/Testra/img/stepmotors-lot.webp);   background-repeat:no-repeat; background-color:#000; }   */ 
 
 #index1_fixed_2 { background-image:url(../img/sizes.png);   background-repeat:no-repeat; background-color:#080808; }    
 
.curve-item2-top {position:relative;  width:100%;   fill:#FFF; transform: rotate(180deg);} 
.curve-item2-bottom {position:relative; width:100%;  fill:#FFF; } 
    
/* #index1_fixed_3 { background-image:url(https://gonzographics.net/Testra/img/logo-pro.png);  background-repeat:no-repeat;  #background-color:#080808; }    
 
 #index2_fixed_3 { background-image:url(https://gonzographics.net/Testra/img/logo-pro.png);  background-repeat:no-repeat; #background-color:#000; }  
    
 #index3_fixed_3 { background-image:url(https://gonzographics.net/Testra/img/logo-pro.png),url(https://gonzographics.net/Testra/img/electronics1.png);  background-repeat:no-repeat;  background-color:#080808; }    */
 
 #index1_fixed_3 { background-image:url(../img/overloaded.png);  background-repeat:no-repeat; background-color:#080808; }    
 
.curve-item3-top {position:relative; width:100%;   fill:#FFF; transform: rotate(180deg);} 
.curve-item3-bottom {position:relative; width:100%;  fill:#FFF; } 

/* #index1_fixed_4 { background-image:url(https://gonzographics.net/Testra/img/logo-3yr-tp-w.png);   background-repeat:no-repeat; #background-color:#000; }    
 
 #index2_fixed_4 { background-image:url(https://gonzographics.net/Testra/img/logo-3yr-tp-w.png);   background-repeat:no-repeat;  #background-color:#080808; }  

 #index3_fixed_4 { background-image:url(https://gonzographics.net/Testra/img/logo-3yr-tp-w.png),url(https://gonzographics.net/Testra/img/gears.png);   background-repeat:no-repeat; background-color:#000; }    */
 
 #index1_fixed_4 { background-image:url(../img/##.png),url(https://gonzographics.net/Testra/img/gears.png);   background-repeat:no-repeat;  background-color:#080808; }    
 
.curve-item4-top {position:relative; width:100%; fill:#fff; transform: rotate(180deg); } 
.curve-item4-bottom {position:relative; width:100%;  fill:#FFF;  } 

/* #index1_fixed_5 { background-image:url(https://gonzographics.net/Testra/img/madeinusa.png);  background-repeat:no-repeat; #background-color:#fff; }    
 
 #index2_fixed_5 { background-image:url(https://gonzographics.net/Testra/img/madeinusa.png);  background-repeat:no-repeat; }    

 #index3_fixed_5 { background-image:url(https://gonzographics.net/Testra/img/madeinusa.png), url(https://gonzographics.net/Testra/img/flag1.png);  background-repeat:no-repeat; #background-color:#fff; }    */
 
 #index1_fixed_5 { background-image:url(../img/flag.png);  background-repeat:no-repeat; background-color:#fff;}    
 
.curve-item5-top {position:relative;  width:100%;  fill:#FFF; transform: rotate(180deg);} 
.curve-item5-bottom {position:relative;  width:100%;  fill:#FFF;  } 



.intro {padding:2rem; background:#000; border:4px solid yellow; border-radius:2rem;}

.intro1_w {width:30%; padding:1rem; background:#FFF; border:8px solid red; border-radius:2rem;}


  .filter05 {filter: drop-shadow( .5px  0px .5px yellow) drop-shadow(-.5px  0px .5px yellow) drop-shadow( 0px  .5px .5px yellow) drop-shadow( 0px -.5px .5px yellow);} 
  .filter05w {filter: drop-shadow( .5px  0px .51px #ECEBEB) drop-shadow(-.5px  0px .5px #ECEBEB) drop-shadow( 0px  .5px .5px #ECEBEB) drop-shadow( 0px -.5px .5px #ECEBEB);} 
  .filter1 {filter: drop-shadow( 1px  0px 1px #ECEBEB) drop-shadow(-1px  0px 1px #ECEBEB) drop-shadow( 0px  1px 1px #ECEBEB) drop-shadow( 0px -1px 1px #ECEBEB);} 
  .filter2 {filter: drop-shadow( 2px  0px 2px #ECEBEB) drop-shadow(-2px  0px 2px #ECEBEB) drop-shadow( 0px  2px 2px #ECEBEB) drop-shadow( 0px -2px 2px #ECEBEB);} 
  .filter3 {filter: drop-shadow( 3px  0px 3px #ECEBEB) drop-shadow(-3px  0px 3px #ECEBEB) drop-shadow( 0px  3px 3px #ECEBEB) drop-shadow( 0px -3px 3px #ECEBEB);}
  .filter4 {filter: drop-shadow( 4px  0px 4px #ECEBEB) drop-shadow(-4px  0px 4px #ECEBEB) drop-shadow( 0px  4px 4px #ECEBEB) drop-shadow( 0px -4px 4px #ECEBEB);}  
  .filter5 {filter: drop-shadow( 5px  0px 5px #ECEBEB) drop-shadow(-5px  0px 5px #ECEBEB) drop-shadow( 0px  5px 5px #ECEBEB) drop-shadow( 0px -5px 5px #ECEBEB);} 
   .filter6 {filter: drop-shadow( 6px  0px 6px #ECEBEB) drop-shadow(-6px  0px 6px #ECEBEB) drop-shadow( 0px  6px 6px #ECEBEB) drop-shadow( 0px -6px 6px #ECEBEB);}   


/* -------------- FORM -------------- */

.app_table {position:relative;  background:#990033; border-radius:42px; border:8px solid #000; }
	
.title { position:relative; font-weight:bold; color:#FFF; left:-1rem; }
	
input {padding:8px; border-radius:15px; margin:0 8px 14px 0;   border:8px solid #990033;  }
input[type=text]:focus {background-color:#F5F790;  border:8px solid #000; box-shadow: inset 3px 3px 8px #333;}
input[type=number]:focus {background-color:#F5F790;  border:8px solid #000; box-shadow: inset 3px 3px 8px #333;}

textarea {height:200px; width:90%; padding:12px; border-radius:8px; margin:8px;  }
textarea:focus {background-color:#F5F790; border:8px solid #000; box-shadow: inset 6px 6px 14px #333;}
	
.app_button {  width:auto;   padding:.5rem 1rem; border-radius:2vw; }
.app_button:active {position:relative; transform:scale(.95); }