:root{--light-gray:rgba(230, 230, 230, 1.00);--medium-gray:rgba(202, 202, 202, 1.00);--dark-gray:rgba(138, 138, 138, 1.00);--black:rgba(10, 10, 10, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(64, 128, 2, 1.00);--secondary:rgba(231, 231, 231, 1.00);--success:rgba(67, 172, 106, 1.00);--warning:rgba(240, 138, 36, 1.00);--alert:rgba(240, 65, 36, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(51, 51, 51, 1.00);--success-contrast:rgba(254, 254, 254, 1.00);--warning-contrast:rgba(254, 254, 254, 1.00);--alert-contrast:rgba(254, 254, 254, 1.00);/* --primary-light:rgba(255, 255, 212, 1.00);--secondary-light:rgba(255, 255, 255, 1.00);--success-light:rgba(255, 255, 255, 1.00);--warning-light:rgba(255, 255, 246, 1.00);--alert-light:rgba(255, 255, 246, 1.00);*/--primary-dark:rgba(34, 98, 0, 1.00);--secondary-dark:rgba(201, 201, 201, 1.00);--success-dark:rgba(37, 142, 76, 1.00);--warning-dark:rgba(210, 108, 6, 1.00);--alert-dark:rgba(210, 35, 6, 1.00);--header-color:rgba(34, 34, 34, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(64, 128, 2, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:none;--link-decoration-hover:none;--overlay-color:rgba(0, 0, 0, 0.50);--radius:3px}::-moz-selection{background:var(--selection-background);color:var(--selection-text)}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(230, 230, 230, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(255, 255, 255, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none}.grid-container{max-width:calc(400rem/16);}.radius{border-radius:var(--radius)}body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(24rem/16)}h2,.h2{font-size:calc(20rem/16)}h3,.h3{font-size:calc(19rem/16)}h4,.h4{font-size:calc(18rem/16)}h5,.h5{font-size:calc(17rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:40%}@media only screen and (min-width:40em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}a{color:var(--link-color);-webkit-text-decoration:var(--link-decoration);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);-webkit-text-decoration:var(--link-decoration-hover);text-decoration:var(--link-decoration-hover)}.menu a{color:var(--menu-link-color);background:var(--menu-bg-color)}.menu a:hover{color:var(--menu-link-color-hover)}h1,h2,h3,h4,h5,h6,h1>a,h2>a,h3>a,h4>a,h5>a,h6>a{color:var(--header-color)}small{color:var(--small-color)}.subheader{color:var(--subheader-color)}.text ul,.text ol{list-style-position:outside}.text>ul,.text>ol,.text .mez>div>ul,.text .mez>div>ol{margin-left:1.25rem}.text ul{list-style-type:disc}.text ul ul,.text ol ul{list-style-type:circle}.text ol{list-style-type:decimal}.text ol ol,.text ul ol{list-style-type:lower-alpha}.radius,.radius:before,.radius:after{border-radius:calc(3rem/16)}body{}
     h4,.h4,       div.element > .childelement{font-size:calc(16rem/16) ;}@media only screen and (min-width:40em){     h4,.h4,       div.element > .childelement{font-size:calc(16rem/16) }}@media only screen and (min-width:64em){     h4,.h4,       div.element > .childelement{font-size:calc(16rem/16) }}
.background-black{background-color:rgba(0, 0, 0, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.background-black{background-attachment:scroll!important}}
.background-white{background-color:rgba(255, 255, 255, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.background-white{background-attachment:scroll!important}}
.background-darkgreen{background-color:rgba(64, 128, 2, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.background-darkgreen{background-attachment:scroll!important}}
.background-green{background-color:rgba(204, 255, 102, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.background-green{background-attachment:scroll!important}}
.background-lightgray{background-color:rgba(230, 230, 230, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.background-lightgray{background-attachment:scroll!important}}
 .menu-black>.menu a, .menu.menu-black a{--menu-link-color:rgba(128, 255, 8, 1.00);--menu-link-color-hover:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(0, 0, 0, 1.00);--menu-caret-color:rgba(97, 103, 173, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .menu-black>.menu .submenu a, .menu.menu-black .submenu a{--menu-caret-color:rgba(97, 103, 173, 1.00)} .menu-black>.menu .menu-text, .menu.menu-black .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .menu-black>.menu .submenu, .menu.menu-black .submenu{--submenu-bg-color:rgba(254, 254, 254, 1.00);--submenu-border:1px solid rgba(202, 202, 202, 1.00)} .menu-black>.menu .submenu a, .menu.menu-black .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(34, 34, 34, 1.00);--menu-link-color-hover:rgba(68, 68, 68, 1.00)} .menu-black>.menu .submenu .menu-text, .menu.menu-black .submenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .menu-black>.menu>li>a, .menu.menu-black>li>a{padding-top:1rem;padding-bottom:1rem} .menu-black>.menu .submenu>li>a, .menu.menu-black .submenu>li>a{padding-top:1rem;padding-bottom:1rem} .menu-black>.menu li.active>a, .menu-black>.menu li.is-active>a, .menu-black>.menu a.is-active, .menu.menu-black li.active>a, .menu.menu-black li.is-active>a, .menu.menu-black a.is-active{--menu-bg-color:rgba(33, 255, 6, 1.00);--menu-link-color:rgba(0, 0, 0, 1.00);--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(0, 0, 0, 1.00)} .menu-black>.menu .submenu li.active>a, .menu-black>.menu .submenu li.is-active>a, .menu-black>.menu .submenu a.is-active, .menu.menu-black .submenu li.active>a, .menu.menu-black .submenu li.is-active>a, .menu.menu-black .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)}
.title-top{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none}
.title-top-red{--header-color:rgba(251, 2, 7, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none}
.title-top-blue{--header-color:rgba(102, 204, 255, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(0, 0, 0, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none}
.text-white{--header-color:rgba(0, 0, 0, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none}
.text-grey{--header-color:rgba(34, 34, 34, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(204, 204, 204, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none}
.text-darkgrey{--header-color:rgba(34, 34, 34, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(179, 179, 179, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none}
.text-green{--header-color:rgba(34, 34, 34, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(128, 255, 8, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none}
.text-red{--header-color:rgba(251, 2, 7, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(0, 0, 0, 1.00);--link-color:rgba(0, 0, 0, 1.00);--link-color-hover:rgba(0, 0, 0, 1.00);--link-decoration:none;--link-decoration-hover:none}
.header-red{--light-gray:rgba(230, 230, 230, 1.00);--medium-gray:rgba(202, 202, 202, 1.00);--dark-gray:rgba(138, 138, 138, 1.00);--black:rgba(10, 10, 10, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(251, 2, 7, 1.00);--secondary:rgba(231, 231, 231, 1.00);--success:rgba(67, 172, 106, 1.00);--warning:rgba(240, 138, 36, 1.00);--alert:rgba(240, 65, 36, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(51, 51, 51, 1.00);--success-contrast:rgba(254, 254, 254, 1.00);--warning-contrast:rgba(254, 254, 254, 1.00);--alert-contrast:rgba(254, 254, 254, 1.00);/* --primary-light:rgba(255, 212, 217, 1.00);--secondary-light:rgba(255, 255, 255, 1.00);--success-light:rgba(255, 255, 255, 1.00);--warning-light:rgba(255, 255, 246, 1.00);--alert-light:rgba(255, 255, 246, 1.00);*/--primary-dark:rgba(221, 0, 0, 1.00);--secondary-dark:rgba(201, 201, 201, 1.00);--success-dark:rgba(37, 142, 76, 1.00);--warning-dark:rgba(210, 108, 6, 1.00);--alert-dark:rgba(210, 35, 6, 1.00);--overlay-color:rgba(0, 0, 0, 0.50)}
.list-teacher{background-color:rgba(64, 128, 2, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.list-teacher{background-attachment:scroll!important}}
.list-teacher{--header-color:rgba(34, 34, 34, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none}
 .menu-song>.menu a, .menu.menu-song a{--menu-link-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(68, 68, 68, 1.00);--menu-bg-color:rgba(0, 0, 0, 1.00);--menu-caret-color:rgba(97, 103, 173, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .menu-song>.menu .submenu a, .menu.menu-song .submenu a{--menu-caret-color:rgba(97, 103, 173, 1.00)} .menu-song>.menu .menu-text, .menu.menu-song .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .menu-song>.menu .submenu, .menu.menu-song .submenu{--submenu-bg-color:rgba(254, 254, 254, 1.00);--submenu-border:1px solid rgba(202, 202, 202, 1.00)} .menu-song>.menu .submenu a, .menu.menu-song .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(128, 255, 8, 1.00);--menu-link-color-hover:rgba(68, 68, 68, 1.00)} .menu-song>.menu .submenu .menu-text, .menu.menu-song .submenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .menu-song>.menu>li>a, .menu.menu-song>li>a{padding-top:1rem;padding-bottom:1rem} .menu-song>.menu .submenu>li>a, .menu.menu-song .submenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .menu-song>.menu li.active>a, .menu-song>.menu li.is-active>a, .menu-song>.menu a.is-active, .menu.menu-song li.active>a, .menu.menu-song li.is-active>a, .menu.menu-song a.is-active{--menu-bg-color:rgba(128, 255, 8, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)} .menu-song>.menu .submenu li.active>a, .menu-song>.menu .submenu li.is-active>a, .menu-song>.menu .submenu a.is-active, .menu.menu-song .submenu li.active>a, .menu.menu-song .submenu li.is-active>a, .menu.menu-song .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)}
.title-top-green{--header-color:rgba(128, 255, 8, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none}
.border-green{border-color:rgba(128, 255, 8, 1.00) rgba(128, 255, 8, 1.00) rgba(128, 255, 8, 1.00) rgba(128, 255, 8, 1.00) ;border-width:2px ;border-style:solid ;}
.border-lightgray{border-color:rgba(230, 230, 230, 1.00) ;border-width:2px ;border-style:solid ;}
.title-top-orange{--header-color:rgba(253, 128, 8, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none}
.component-black{--light-gray:rgba(0, 0, 0, 1.00);--medium-gray:rgba(0, 0, 0, 1.00);--dark-gray:rgba(0, 0, 0, 1.00);--black:rgba(10, 10, 10, 1.00);--black-color:var(--black);--white:rgba(0, 0, 0, 1.00);--white-color:var(--white);--primary:rgba(0, 0, 0, 1.00);--secondary:rgba(0, 0, 0, 1.00);--success:rgba(0, 0, 0, 1.00);--warning:rgba(0, 0, 0, 1.00);--alert:rgba(0, 0, 0, 1.00);--primary-contrast:rgba(0, 0, 0, 1.00);--secondary-contrast:rgba(51, 51, 51, 1.00);--success-contrast:rgba(0, 0, 0, 1.00);--warning-contrast:rgba(0, 0, 0, 1.00);--alert-contrast:rgba(0, 0, 0, 1.00);/* --primary-light:rgba(210, 210, 210, 1.00);--secondary-light:rgba(210, 210, 210, 1.00);--success-light:rgba(210, 210, 210, 1.00);--warning-light:rgba(210, 210, 210, 1.00);--alert-light:rgba(210, 210, 210, 1.00);*/--primary-dark:rgba(0, 0, 0, 1.00);--secondary-dark:rgba(0, 0, 0, 1.00);--success-dark:rgba(0, 0, 0, 1.00);--warning-dark:rgba(0, 0, 0, 1.00);--alert-dark:rgba(0, 0, 0, 1.00);--overlay-color:rgba(0, 0, 0, 1.00)}
.link-white{--light-gray:rgba(230, 230, 230, 1.00);--medium-gray:rgba(202, 202, 202, 1.00);--dark-gray:rgba(138, 138, 138, 1.00);--black:rgba(10, 10, 10, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(0, 140, 186, 1.00);--secondary:rgba(231, 231, 231, 1.00);--success:rgba(67, 172, 106, 1.00);--warning:rgba(240, 138, 36, 1.00);--alert:rgba(240, 65, 36, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(51, 51, 51, 1.00);--success-contrast:rgba(254, 254, 254, 1.00);--warning-contrast:rgba(254, 254, 254, 1.00);--alert-contrast:rgba(254, 254, 254, 1.00);/* --primary-light:rgba(210, 255, 255, 1.00);--secondary-light:rgba(255, 255, 255, 1.00);--success-light:rgba(255, 255, 255, 1.00);--warning-light:rgba(255, 255, 246, 1.00);--alert-light:rgba(255, 255, 246, 1.00);*/--primary-dark:rgba(0, 110, 156, 1.00);--secondary-dark:rgba(201, 201, 201, 1.00);--success-dark:rgba(37, 142, 76, 1.00);--warning-dark:rgba(210, 108, 6, 1.00);--alert-dark:rgba(210, 35, 6, 1.00);--overlay-color:rgba(0, 0, 0, 0.50)}
.border-radius{border-radius:10px 10px 10px 10px ;}
.component-green{--light-gray:rgba(0, 0, 0, 1.00);--medium-gray:rgba(0, 0, 0, 1.00);--dark-gray:rgba(0, 0, 0, 1.00);--black:rgba(64, 128, 2, 1.00);--black-color:var(--black);--white:rgba(0, 0, 0, 1.00);--white-color:var(--white);--primary:rgba(64, 128, 2, 1.00);--secondary:rgba(0, 0, 0, 1.00);--success:rgba(0, 0, 0, 1.00);--warning:rgba(0, 0, 0, 1.00);--alert:rgba(0, 0, 0, 1.00);--primary-contrast:rgba(64, 128, 2, 1.00);--secondary-contrast:rgba(51, 51, 51, 1.00);--success-contrast:rgba(0, 0, 0, 1.00);--warning-contrast:rgba(0, 0, 0, 1.00);--alert-contrast:rgba(0, 0, 0, 1.00);/* --primary-light:rgba(255, 255, 212, 1.00);--secondary-light:rgba(210, 210, 210, 1.00);--success-light:rgba(210, 210, 210, 1.00);--warning-light:rgba(210, 210, 210, 1.00);--alert-light:rgba(210, 210, 210, 1.00);*/--primary-dark:rgba(34, 98, 0, 1.00);--secondary-dark:rgba(0, 0, 0, 1.00);--success-dark:rgba(0, 0, 0, 1.00);--warning-dark:rgba(0, 0, 0, 1.00);--alert-dark:rgba(0, 0, 0, 1.00);--overlay-color:rgba(0, 0, 0, 1.00)}
.border-pink{border-color:rgba(204, 102, 255, 1.00) ;border-width:2px ;border-style:solid ;}
.component-radius{border-radius:5px ;}
.title-top-pink{--header-color:rgba(204, 102, 255, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none}
.component-padding{padding:0.5rem ;}  
.component-margin{margin:0.5rem ;}  
.title-top-purple{--header-color:rgba(128, 0, 255, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none}
.border-blue{border-color:rgba(102, 204, 255, 1.00) ;border-width:2px ;border-style:solid ;}
.border-orange{border-color:rgba(253, 128, 8, 1.00) ;border-width:2px ;border-style:solid ;}
.border-red{border-color:rgba(251, 2, 7, 1.00) ;border-width:2px ;border-style:solid ;}
.border-purple{border-color:rgba(102, 102, 255, 1.00) ;border-width:2px ;border-style:solid ;}
 .menu-service>.menu a, .menu.menu-service a{--menu-link-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(0, 0, 0, 1.00);--menu-bg-color:rgba(0, 0, 0, 1.00);--menu-caret-color:rgba(97, 103, 173, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .menu-service>.menu .submenu a, .menu.menu-service .submenu a{--menu-caret-color:rgba(97, 103, 173, 1.00)} .menu-service>.menu .menu-text, .menu.menu-service .menu-text{--menu-text-color:rgba(0, 0, 0, 1.00)} .menu-service>.menu .submenu, .menu.menu-service .submenu{--submenu-bg-color:rgba(254, 254, 254, 1.00);--submenu-border:1px solid rgba(202, 202, 202, 1.00)} .menu-service>.menu .submenu a, .menu.menu-service .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(34, 34, 34, 1.00);--menu-link-color-hover:rgba(68, 68, 68, 1.00)} .menu-service>.menu .submenu .menu-text, .menu.menu-service .submenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .menu-service>.menu a:hover, .menu.menu-service a:hover{--menu-bg-color:rgba(255, 255, 255, 1.00)} .menu-service>.menu>li>a, .menu.menu-service>li>a{padding-top:1rem;padding-bottom:1rem} .menu-service>.menu .submenu>li>a, .menu.menu-service .submenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .menu-service>.menu li.active>a, .menu-service>.menu li.is-active>a, .menu-service>.menu a.is-active, .menu.menu-service li.active>a, .menu.menu-service li.is-active>a, .menu.menu-service a.is-active{--menu-bg-color:rgba(251, 2, 7, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)} .menu-service>.menu .submenu li.active>a, .menu-service>.menu .submenu li.is-active>a, .menu-service>.menu .submenu a.is-active, .menu.menu-service .submenu li.active>a, .menu.menu-service .submenu li.is-active>a, .menu.menu-service .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)} .menu-service>.menu a::after, .menu.menu-service a::after{display:none!important}


/*----------------------------
    The file upload form
-----------------------------*/

#upload{
    font-family:'PT Sans Narrow', sans-serif;
    background-color:#373a3d;
    background-image:-webkit-linear-gradient(top, #FFFFFF, #222222 );
    background-image:-moz-linear-gradient(top, #FFFFFF, #222222 );
    background-image:linear-gradient(top, #FFFFFF, #222222 );
    width: 100%;
    max-width:300px;
    padding:30px;
    border-radius:3px;
    margin-left: auto;
    margin-right: auto;
    
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    
}

#drop{
    background-color: #000000;
    padding-top: 10%;
    padding-bottom: 18%;
    border: 20px solid rgba(0, 0, 0, 0);
    border-radius: 3px;
    
        border-image: url('../staff_files/collect_includes/border-image.png') repeat;
    
    text-align: center;
    text-transform: uppercase;
    font-size:16px;
    font-weight:bold;
    color: #FFFFFF;
}

#drop a{
    background-color: #FB0207;
    padding:12px 26px;
    color: #EEEEEE;
    font-size:14px;
    border-radius:2px;
    cursor:pointer;
    display:inline-block;
    margin-top:12px;
    line-height:1;
}

#drop a:hover{
    background-color: #FFFFFF;
}

#drop input{
    display:none;
}

#upload ul{
    list-style:none;
    margin:0 -30px;
    
}

#upload ul li{
    background-color:#333639;
    background-image:-webkit-linear-gradient(top, #333639, #303335);
    background-image:-moz-linear-gradient(top, #333639, #303335);
    background-image:linear-gradient(top, #333639, #303335);
    border-top:1px solid #3d4043;
    border-bottom:1px solid #2b2e31;
    padding:15px;
    height: 80px;
    position: relative;
}

#upload ul li input{
    display: none;
}

#upload ul li p{
    width: 144px;
    overflow: hidden;
    white-space: nowrap;
    color: #EEE;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    top: 20px;
    left: 100px;
}

#upload ul li i{
    font-weight: normal;
    font-style:normal;
    color:#7f7f7f;
    display:block;
}

#upload ul li canvas{
    top: 15px;
    left: 32px;
    position: absolute;
}

#upload ul li span{
    width: 15px;
    height: 12px;
    background: url('../staff_files/collect_includes/icons.png') no-repeat;
    position: absolute;
    top: 34px;
    right: 33px;
    cursor:pointer;
}

#upload ul li.working span{
    height: 16px;
    background-position: 0 -12px;
}

#upload ul li.error p{
    color:red;
}