:root{--color-1:hsla(37, 95%, 57%, 1);--color-2:hsla(194, 89%, 26%, 1);--color-1-lighter:hsla(37, 95%, 77%, 1);--color-1-light:hsla(37, 95%, 67%, 1);--color-1-dark:hsla(37, 95%, 47%, 1);--color-1-darker:hsla(37, 95%, 37%, 1);--color-2-lighter:hsla(194, 89%, 46%, 1);--color-2-light:hsla(194, 89%, 36%, 1);--color-2-dark:hsla(194, 89%, 16%, 1);--color-2-darker:hsla(194, 89%, 10%, 1);--color-error:hsla(359, 100%, 91%, 1);--color-success:hsla(76, 69%, 68%, 1);--color-info:hsla(205, 82%, 91%, 1);--color-notice:hsla(51, 100%, 80%, 1);--color-error-content:hsla(359, 50%, 50%, 1);--color-success-content:hsla(76, 29%, 28%, 1);--color-info-content:hsla(205, 32%, 31%, 1);--color-notice-content:hsla(51, 30%, 30%, 1);--color-black:#000000;--color-gray-19:#161616;--color-gray-18:#2c2c2c;--color-gray-17:#424342;--color-gray-16:#585958;--color-gray-15:#6e6f6f;--color-gray-14:#838585;--color-gray-13:#999b9b;--color-gray-12:#afb2b1;--color-gray-11:#c5c8c7;--color-gray-10:#dbdedd;--color-gray-9:#dfe1e0;--color-gray-8:#e2e5e4;--color-gray-7:#e6e8e7;--color-gray-6:#e9ebeb;--color-gray-5:#edefee;--color-gray-4:#f1f2f1;--color-gray-3:#f4f5f5;--color-gray-2:#f8f8f8;--color-gray-1:#fbfcfc;--color-white:#ffffff}.vnx-img-holder{display:flex;flex-wrap:wrap;justify-content:center}.vnx-img{position:relative;display:inline-block;width:auto;height:auto;background-color:transparent;border:none;cursor:pointer}.vnx-img span{position:relative;display:inline-block;font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;top:0;left:0;width:100%;transition:.3s}.vnx-img-1::before{background-color:#1c1f1e;transition:.3s ease-out;position:absolute;content:""}.vnx-img-1 span{color:#fff;border:1px solid #1c1f1e;transition:.2s .1s}.vnx-img-1 span:hover{color:#1c1f1e;transition:.2s .1s}.vnx-img.hover-filled-slide-down::before{bottom:0;left:0;right:0;height:100%;width:100%;position:absolute;content:""}.vnx-img.hover-filled-slide-down:hover::before{height:0%;position:absolute;content:""}.vnx-img.hover-filled-slide-up::before{top:0;left:0;right:0;height:100%;width:100%;position:absolute;content:""}.vnx-img.hover-filled-slide-up:hover::before{height:0%;position:absolute;content:""}.vnx-img.hover-filled-slide-left::before{top:0;bottom:0;left:0;height:100%;width:100%;position:absolute;content:""}.vnx-img.hover-filled-slide-left:hover::before{width:0%;position:absolute;content:""}.vnx-img.hover-filled-slide-right::before{top:0;bottom:0;right:0;height:100%;width:100%;position:absolute;content:""}.vnx-img.hover-filled-slide-right:hover::before{width:0%;position:absolute;content:""}.vnx-img.hover-filled-opacity::before{top:0;bottom:0;right:0;height:100%;width:100%;opacity:1;position:absolute;content:""}.vnx-img.hover-filled-opacity:hover::before{opacity:0;position:absolute;content:""}.vnx-img-2::before{background-color:#1c1f1e;transition:.3s ease-out;position:absolute;content:""}.vnx-img-2 span{color:#1c1f1e;border:1px solid #1c1f1e;transition:.2s;position:absolute;content:""}.vnx-img-2 span:hover{color:#fff;transition:.2s .1s;position:absolute;content:""}.vnx-img.hover-slide-down::before{top:0;left:0;right:0;height:0%;width:100%;position:absolute;content:""}.vnx-img.hover-slide-down:hover::before{height:100%;position:absolute;content:""}.vnx-img.hover-slide-up::before{bottom:0;left:0;right:0;height:0%;width:100%;position:absolute;content:""}.vnx-img.hover-slide-up:hover::before{height:100%;position:absolute;content:""}.vnx-img.hover-slide-left::before{top:0;bottom:0;right:0;height:100%;width:0%;position:absolute;content:""}.vnx-img.hover-slide-left:hover::before{width:100%;position:absolute;content:""}.vnx-img.hover-slide-right::before{top:0;bottom:0;left:0;height:100%;width:0%;position:absolute;content:""}.vnx-img.hover-slide-right:hover::before{width:100%;position:absolute;content:""}.vnx-img.hover-opacity::before{top:0;bottom:0;right:0;height:100%;width:100%;opacity:0;position:absolute;content:""}.vnx-img.hover-opacity:hover::before{opacity:1;position:absolute;content:""}.vnx-img-3{padding:5px}.vnx-img-3 span{color:#fff;background-color:#363837}.vnx-img-3::after,.vnx-img-3::before{background:0 0;z-index:2;position:absolute;content:""}.vnx-img.hover-border-1::after,.vnx-img.hover-border-1::before{width:10%;height:25%;transition:.35s;position:absolute;content:""}.vnx-img.hover-border-1::before{top:0;left:0;border-left:1px solid #1c1f1e;border-top:1px solid #1c1f1e;position:absolute;content:""}.vnx-img.hover-border-1::after{bottom:0;right:0;border-right:1px solid #1c1f1e;border-bottom:1px solid #1c1f1e;position:absolute;content:""}.vnx-img.hover-border-1:hover::after,.vnx-img.hover-border-1:hover::before{width:99%;height:98%;position:absolute;content:""}.vnx-img.hover-border-2::after,.vnx-img.hover-border-2::before{width:10%;height:25%;transition:.35s;position:absolute;content:""}.vnx-img.hover-border-2::before{bottom:0;left:0;border-left:1px solid #1c1f1e;border-bottom:1px solid #1c1f1e;position:absolute;content:""}.vnx-img.hover-border-2::after{top:0;right:0;border-right:1px solid #1c1f1e;border-top:1px solid #1c1f1e;position:absolute;content:""}.vnx-img.hover-border-2:hover::after,.vnx-img.hover-border-2:hover::before{width:99%;height:99%;position:absolute;content:""}.vnx-img.hover-border-3::after,.vnx-img.hover-border-3::before{width:0%;height:0%;opacity:0;transition:width .2s .15s linear,height .15s linear,opacity 0s .35s;position:absolute;content:""}.vnx-img.hover-border-3::before{top:0;right:0;border-top:1px solid #1c1f1e;border-left:1px solid #1c1f1e;position:absolute;content:""}.vnx-img.hover-border-3::after{bottom:0;left:0;border-bottom:1px solid #1c1f1e;border-right:1px solid #1c1f1e;position:absolute;content:""}.vnx-img.hover-border-3:hover::after,.vnx-img.hover-border-3:hover::before{width:100%;height:99%;opacity:1;transition:width .2s linear,height .15s .2s linear,opacity 0s;position:absolute;content:""}.vnx-img.hover-border-4::after,.vnx-img.hover-border-4::before{width:0%;height:0%;opacity:0;transition:width .2s linear,height .15s .2s ease-out,opacity 0s .35s;position:absolute;content:""}.vnx-img.hover-border-4::before{bottom:0;left:-1px;border-top:1px solid #1c1f1e;border-left:1px solid #1c1f1e;position:absolute;content:""}.vnx-img.hover-border-4::after{top:0;right:0;border-bottom:1px solid #1c1f1e;border-right:1px solid #1c1f1e;position:absolute;content:""}.vnx-img.hover-border-4:hover::after,.vnx-img.hover-border-4:hover::before{width:100%;height:99%;opacity:1;transition:width .2s .15s ease-out,height .15s ease-in,opacity 0s;position:absolute;content:""}.vnx-img.hover-border-5::after,.vnx-img.hover-border-5::before{width:0%;height:0%;opacity:0;position:absolute;content:""}.vnx-img.hover-border-5::before{top:0;right:0;border-top:1px solid #1c1f1e;border-left:1px solid #1c1f1e;transition:width .2s .5s ease-out,height .15s .35s linear,opacity 0s .7s;position:absolute;content:""}.vnx-img.hover-border-5::after{bottom:0;left:0;border-bottom:1px solid #1c1f1e;border-right:1px solid #1c1f1e;transition:width .2s .15s linear,height .15s ease-in,opacity 0s .35s;position:absolute;content:""}.vnx-img.hover-border-5:hover::after,.vnx-img.hover-border-5:hover::before{width:100%;height:96%;opacity:1;position:absolute;content:""}.vnx-img.hover-border-5:hover::before{transition:width .2s ease-in,height .15s .2s linear,opacity 0s;position:absolute;content:""}.vnx-img.hover-border-5:hover::after{transition:width .2s .35s linear,height .15s .5s ease-out,opacity 0s .3s;position:absolute;content:""}.vnx-img-4 span{color:#1c1f1e;background-color:#f5f5f5}.vnx-img-4 span:hover{color:#363837}.vnx-img-4::after,.vnx-img-4::before{width:15%;height:2px;background-color:#363837;z-index:2;position:absolute;content:""}.vnx-img.hover-border-6::after,.vnx-img.hover-border-6::before{top:0;transition:width .2s .35s ease-out;position:absolute;content:""}.vnx-img.hover-border-6::before{right:50%;position:absolute;content:""}.vnx-img.hover-border-6::after{left:50%;position:absolute;content:""}.vnx-img.hover-border-6:hover::after,.vnx-img.hover-border-6:hover::before{width:50%;transition:width .2s ease-in;position:absolute;content:""}.vnx-img.hover-border-6 span::after,.vnx-img.hover-border-6 span::before{width:0%;height:0%;background:0 0;opacity:0;z-index:2;transition:width .2s ease-in,height .15s .2s linear,opacity 0s .35s;position:absolute;content:""}.vnx-img.hover-border-6 span::before{top:0;left:0;border-left:2px solid #363837;border-bottom:2px solid #363837;position:absolute;content:""}.vnx-img.hover-border-6 span::after{top:0;right:0;border-right:2px solid #363837;border-bottom:2px solid #363837;position:absolute;content:""}.vnx-img.hover-border-6 span:hover::after,.vnx-img.hover-border-6 span:hover::before{width:50%;height:96%;opacity:1;transition:height .2s .2s ease-in,width .2s .4s linear,opacity 0s .2s;position:absolute;content:""}.vnx-img.hover-border-7::after,.vnx-img.hover-border-7::before{bottom:0;transition:width .2s .35s ease-out;position:absolute;content:""}.vnx-img.hover-border-7::before{right:50%;position:absolute;content:""}.vnx-img.hover-border-7::after{left:50%;position:absolute;content:""}.vnx-img.hover-border-7:hover::after,.vnx-img.hover-border-7:hover::before{width:50%;transition:width .2s ease-in;position:absolute;content:""}.vnx-img.hover-border-7 span::after,.vnx-img.hover-border-7 span::before{width:0%;height:0%;background:0 0;opacity:0;z-index:2;transition:width .2s ease-in,height .15s .2s linear,opacity 0s .35s;position:absolute;content:""}.vnx-img.hover-border-7 span::before{bottom:0;left:0;border-left:2px solid #363837;border-top:2px solid #363837;position:absolute;content:""}.vnx-img.hover-border-7 span::after{bottom:0;right:0;border-right:2px solid #363837;border-top:2px solid #363837;position:absolute;content:""}.vnx-img.hover-border-7 span:hover::after,.vnx-img.hover-border-7 span:hover::before{width:50%;height:96%;opacity:1;transition:height .2s .2s ease-in,width .2s .4s linear,opacity 0s .2s;position:absolute;content:""}.vnx-img.hover-border-8::after,.vnx-img.hover-border-8::before{bottom:0;width:15%;transition:width .2s .35s ease-out;position:absolute;content:""}.vnx-img.hover-border-8::before{right:50%;position:absolute;content:""}.vnx-img.hover-border-8::after{left:50%;position:absolute;content:""}.vnx-img.hover-border-8:hover::before{width:50%;transition:width .2s ease-in;position:absolute;content:""}.vnx-img.hover-border-8:hover::after{width:50%;transition:width .1s ease-in;position:absolute;content:""}.vnx-img.hover-border-8 span::after,.vnx-img.hover-border-8 span::before{width:0%;height:0%;bottom:0;background:0 0;opacity:0;z-index:2;position:absolute;content:""}.vnx-img.hover-border-8 span::before{left:0;border-left:2px solid #363837;transition:height .25s ease-in,opacity 0s .35s;position:absolute;content:""}.vnx-img.hover-border-8 span:hover::before{height:96%;opacity:1;transition:height .25s .2s ease-out,opacity 0s .2s;position:absolute;content:""}.vnx-img.hover-border-8 span::after{right:0;border-right:2px solid #363837;border-top:2px solid #363837;transition:width .2s ease-in,height .15s .2s linear,opacity 0s .35s;position:absolute;content:""}.vnx-img.hover-border-8 span:hover::after{width:99%;height:96%;opacity:1;transition:height .15s .1s linear,width .2s .25s linear,opacity 0s .1s;position:absolute;content:""}.vnx-img.hover-border-9::after,.vnx-img.hover-border-9::before{bottom:0;width:15%;transition:width .2s .35s ease-out;position:absolute;content:""}.vnx-img.hover-border-9::before{right:50%;position:absolute;content:""}.vnx-img.hover-border-9::after{left:50%;position:absolute;content:""}.vnx-img.hover-border-9:hover::before{width:50%;transition:width .1s ease-in;position:absolute;content:""}.vnx-img.hover-border-9:hover::after{width:50%;transition:width .2s ease-in;position:absolute;content:""}.vnx-img.hover-border-9 span::after,.vnx-img.hover-border-9 span::before{width:0%;height:0%;bottom:0;background:0 0;opacity:0;z-index:2;position:absolute;content:""}.vnx-img.hover-border-9 span::after{right:0;border-right:2px solid #363837;transition:height .25s ease-in,opacity 0s .35s;position:absolute;content:""}.vnx-img.hover-border-9 span:hover::after{height:96%;opacity:1;transition:height .25s .2s ease-out,opacity 0s .2s;position:absolute;content:""}.vnx-img.hover-border-9 span::before{left:0;border-left:2px solid #363837;border-top:2px solid #363837;transition:width .2s ease-in,height .15s .2s linear,opacity 0s .35s;position:absolute;content:""}.vnx-img.hover-border-9 span:hover::before{width:98.5%;height:96%;opacity:1;transition:height .15s .1s linear,width .2s .25s linear,opacity 0s .1s;position:absolute;content:""}.vnx-img.hover-border-10::after,.vnx-img.hover-border-10::before{left:0;height:30%;width:2px;transition:height .2s .35s ease-out;position:absolute;content:""}.vnx-img.hover-border-10::before{top:50%;position:absolute;content:""}.vnx-img.hover-border-10::after{bottom:50%;position:absolute;content:""}.vnx-img.hover-border-10:hover::before{height:50%;transition:height .2s ease-in;position:absolute;content:""}.vnx-img.hover-border-10:hover::after{height:50%;transition:height .1s ease-in;position:absolute;content:""}.vnx-img.hover-border-10 span::after,.vnx-img.hover-border-10 span::before{width:0%;height:0%;background:0 0;opacity:0;z-index:2;position:absolute;content:""}.vnx-img.hover-border-10 span::after{bottom:0;left:0;border-bottom:2px solid #363837;transition:width .25s ease-in,opacity 0s .35s;position:absolute;content:""}.vnx-img.hover-border-10 span:hover::after{width:100%;opacity:1;transition:width .25s .2s ease-out,opacity 0s .2s;position:absolute;content:""}.vnx-img.hover-border-10 span::before{top:0;left:0;border-top:2px solid #363837;border-right:2px solid #363837;transition:height .15s ease-in,width .2s .15s linear,opacity 0s .35s;position:absolute;content:""}.vnx-img.hover-border-10 span:hover::before{width:98.5%;height:96%;opacity:1;transition:width .2s .1s linear,height .15s .3s ease-out,opacity 0s .1s;position:absolute;content:""}.vnx-img-5 span{color:#1c1f1e;border:2px solid var(--color-1);transition:.2s}.vnx-img-5 span:hover{background-color:transparent}.vnx-img.hover-border-11::after,.vnx-img.hover-border-11::before{width:100%;height:2px;background-color:#003b49;z-index:2;transition:.35s;position:absolute;content:""}.vnx-img.hover-border-11::before{top:0;right:0;position:absolute;content:""}.vnx-img.hover-border-11::after{bottom:0;left:0;position:absolute;content:""}.vnx-img.hover-border-11:hover::after,.vnx-img.hover-border-11:hover::before{width:0%;transition:.2s .2s ease-out;position:absolute;content:""}.vnx-img.hover-border-11 span::after,.vnx-img.hover-border-11 span::before{width:2px;height:100%;background-color:#003b49;z-index:2;transition:.25s;position:absolute;content:""}.vnx-img.hover-border-11 span::before{bottom:0;right:-2px;position:absolute;content:""}.vnx-img.hover-border-11 span::after{top:0;left:-2px;position:absolute;content:""}.vnx-img.hover-border-11 span:hover::after,.vnx-img.hover-border-11 span:hover::before{height:0%;position:absolute;content:""}.vnx-img.hover-border-11 span:hover{color:var(--color-1);transition:.2s .2s ease-out}