@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes fadeInUp {from {opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp {from {opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp {-webkit-animation-name: fadeInUp; animation-name: fadeInUp; }@-webkit-keyframes fadeInDown {from {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown {from {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDown {-webkit-animation-name: fadeInDown; animation-name: fadeInDown; }.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes bounceInUp {from, 60%, 75%, 90%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from {opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% {opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% {-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% {-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp {from, 60%, 75%, 90%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from {opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% {opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% {-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% {-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp {-webkit-animation-name: bounceInUp; animation-name: bounceInUp; }@-webkit-keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;visibility:visible !important;}@media (prefers-reduced-motion){.animated{-webkit-animation:unset!important;animation:unset!important;-webkit-transition:none!important;transition:none!important;visibility:visible;}} @keyframes zoom {from {opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); } 50% {opacity: 1; } } .zoom {-webkit-animation-name: zoom; animation-name: zoom; }
.delay1{animation-delay:.1s;-moz-animation-delay:.1s;-webkit-animation-delay:.2s}.delay2{animation-delay:.3s;-moz-animation-delay:.3s;-webkit-animation-delay:.3s}.delay3{animation-delay:.5s;-moz-animation-delay:.5s;-webkit-animation-delay:.5s}.delay4{animation-delay:.7s;-moz-animation-delay:.7s;-webkit-animation-delay:.7s}.delay5{animation-delay:.9s;-moz-animation-delay:.9s;-webkit-animation-delay:.9s}.delay6{animation-delay:1.1s;-moz-animation-delay:1.1s;-webkit-animation-delay:1.1s}.delay7{animation-delay:1.3s;-moz-animation-delay:1.3s;-webkit-animation-delay:1.3s}.delay8{animation-delay:1.5s;-moz-animation-delay:1.5s;-webkit-animation-delay:1.5s}.delay9{animation-delay:1.7s;-moz-animation-delay:1.7s;-webkit-animation-delay:1.7s}.delay10{animation-delay:1.9s;-moz-animation-delay:1.9s;-webkit-animation-delay:1.9s}/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.owl-nav {width: 100%; position: absolute; left: 0; top: 50%;}
.owl-nav button.owl-next, .owl-nav button.owl-prev {width: 80px; height: 80px; text-align: center; font-size: 50px !important; position: absolute; top: -40px}
.owl-nav button.owl-next {right: -50px;}
.owl-nav button.owl-prev {left: -50px;}
.owl-nav button.owl-next.disabled, .owl-nav button.owl-prev.disabled {opacity: 0.5;}
.owl-dots {display: none;}
.owl-carousel {padding:0 20px;}
.owl-carousel .owl-stage{display: flex !important;}
.owl-carousel .item {padding:30px; height: 100%; padding-bottom: 80px}
.owl-carousel .owl-item img.ico {width: auto; position: absolute; right: 30px; bottom: 30px}

@media (max-width: 480px){
	.owl-carousel {padding:0;}
	.owl-nav {top: 110%}
	.owl-nav button.owl-next {right: 0;}
	.owl-nav button.owl-prev {left: 0;}
}.lb-loader,.lightbox{text-align:center;line-height:0;position:absolute;left:0}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{width:100%;z-index:10000;font-weight:400;outline:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../img/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../img/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../img/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../img/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}::-moz-selection {background: var(--selcolor); text-shadow: none; }
::selection {background: var(--selcolor); text-shadow: none; }

body.⯆ #topbar, body.⯆ #menu {margin-top:-46px; background-color: #fff}
body.⯅ #topbar, body.⯅ #menu {margin-top:0 !important}

body.🍔 {overflow: hidden;}
body.🍔 #🍔 .toggle-nav {width: 64px; height: 64px; top: auto; left: auto; right: 30px; bottom: 30px;}
body.🍔 #🍔 .toggle-nav span {transform: rotate(45deg); top: 25px; background-color: #fff;}
body.🍔 #🍔 .toggle-nav span:before {background-color: transparent; }
body.🍔 #🍔 .toggle-nav span:after {top: 0; transform: rotate(-90deg); background-color: #fff;}

.text-big {font-size: 1.2rem;}
.text-small {font-size: 0.9rem;}
.text-xsmall {font-size: 0.75rem;}
.text-color {color:var(--color);}
.text-black, a.text-black:hover {color:var(--main);}
.text-underlined {text-decoration: underline;}

.cl,.lk {cursor: pointer;}

.ovv {overflow: visible;}
.w-100,.mw-100{height: auto;}
.zindex {z-index: 1}

.btn-big {padding:.5rem 3.5rem;}
.btn-xs {padding:.25rem 0.7rem; font-size:0.8rem;}
.btn:active{box-shadow:none;}
.btn-default:hover {color: #fff;}
.btn-border{border:1px solid #000;}
.btn-border:hover {background-color: var(--color) !important; color: #fff !important}
.btn-border-w {color:#fff; border-color: #fff;}
.btn-ico {padding:5px 15px}
.btn img.arrow {display: block; text-align: left;}
.btn:hover img.arrow, .btn-border-w img.arrow{filter: brightness(0) invert(1);}
.btn span.play {position: absolute; right: -50px; top:-1px; bottom:-1px; padding:20px; background-color: #fff; color: var(--color); }

.bg-trama {background-image: url(../img/trama.png);}

.modal-title  {font-size: 1rem !important;}
.modal-content {width: 100% !important;}
.modal-content p:last-child {margin-bottom: 0;}
.modal-header {display: block; padding: 10px 20px; background-color: var(--color); color: #fff;}
.modal-header button {position: absolute; right: 20px; top: 20px;}
.modal-header .close {padding: 10px 17px; color: #fff; margin: -0.6rem -0.5rem -1rem auto;}
.modal-footer {padding: 0.5rem;}
.modal .error {display: none;}

.modal .close {position: absolute; right: 32px; top: 32px; width: 40px; height: 40px; opacity: 0.3; border: 3px solid #fff !important; border-radius: 50%; z-index: 99; color: fff;}
.modal .close:hover {opacity: 1; }

.grecaptcha-badge {display: none;}

.img-r {width: 45%; height: 70%; position: absolute; right: 0; top: 50%; border-top-left-radius: 150px; border-bottom-left-radius: 150px}

form label {margin-bottom: 0; font-weight: 600;}
.form-control{background:none; color: var(--main)}
.form-control::placeholder {}

*:focus {outline: none;}
.form-control:focus,
.form-control:-webkit-autofill,
.form-control:-webkit-autofill:hover, 
.form-control:-webkit-autofill:focus, 
.form-control:-webkit-autofill:active  {
    -webkit-box-shadow: none !important; box-shadow: none !important; color: var(--main) !important; background: none !important;
}

.table {width: 100%;}
.table th, .table td {vertical-align: middle;}
.table td {font-size: 85%;}
.table thead th {color: #fff; background-color: var(--color2); font-weight: 400; padding: 5px 20px;}

#topbar {z-index: 10;}
#menu, #topbar {-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}

#menu div.sc ul li{transition: all 0.3s linear}
body.⯆ #menu div.sc > ul li{line-height:70px;}
body.⯆ #menu .logo, body.⯆ #menu .logo-mv{height: 70px; width: auto}

#menu li.submenu {cursor: pointer;}
#menu li.submenu > a {position: relative;}
#menu li.submenu > div{position: absolute; left: 0; top: 91px; background-color: var(--bg); color:#fff; width: 100%; line-height: 1; cursor: initial;}
#menu li.submenu > div a{color:#fff}
#menu li.submenu > div a:hover {text-decoration: underline;}
#menu li.submenu > div div.container-fluid {padding:1.5rem 3rem}
#menu li.submenu > div ul li {display: block; line-height: 1.5; position: relative;}
#menu li.submenu > div ul li:before {content:"\f054"; font:var(--fa-font-solid); font-size: 12px; left: 0; position: relative;}
#menu li.submenu > div ul li a {margin-left: 10px;}

body.menu .logo, body.🍔 #logo img:first-child {display: none;}
body.menu .logo-mv, body.🍔 #logo img:last-child {display: inline-block !important;}
body.menu #menu, body.menu #topbar {background-color: var(--bg); color: #fff;}
body.menu #topbar a, body.menu #menu a {color:#fff}
/*body.menu #menu li img {filter: brightness(0) invert(1);}*/

table.table {font-size: 0.8rem; height: auto;}
table.table th {background-color: var(--bg-color);}
table.table th.bg-color {background-color: var(--color);}

#filter {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; background-color: rgba(0,0,0,0.5); opacity: 0; cursor: pointer; -webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;-o-transition:opacity 0.5s;transition:opacity 0.5s;}
#popup {position: fixed; width: 100%; height: 100%; z-index: 11; top:0; left: 0;}

section p:last-child {margin-bottom: 0}

span.underlined{position: relative;}
span.underlined:after {content:''; position: absolute; bottom: -5px; left: -15px; right:-15px; height:3px; background-color: var(--red)}

#blog:before {content:'';position: absolute; left: 0; top: 0; width: 100%; height: 350px; background-color: var(--color)}
.blog article h3 {line-height: 1; margin-bottom: 0}
.blog article h3 a {color:var(--main); font-size: 1.2rem;}
.blog article > div {border: 1px solid var(--border); padding:20px; background-color: #fff}
.blog article > div.categoria {border:none; padding:10px; padding:5px 10px; color: #fff; background-color: var(--main)}

#yt {background-image: url(../img/bg-yt.jpg);}

div.filter-color{position: relative;}
div.filter-color:after, div.filter-color .overlay:after {content:''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3);}
div.filter-color:after{background-color: var(--color); mix-blend-mode: color;}

footer {color: #fff; position: relative; background-color: var(--main)}
footer .links-legal a {font-size:0.9rem; font-weight: 600}
footer > div.container {position: relative; overflow: hidden; max-width: 1600px}
footer a, footer a:hover {color:#fff}
footer img.logo {max-width: 100%; height: auto;} 
footer ul {padding:0; margin-bottom: 0}
footer ul li {line-height: 2; list-style-type: none;}
footer p {font-size: 0.9rem;}
footer p span.ico {font-size: 1.2rem}
footer .autor {font-size: 0.65rem !important}
footer .text-small {font-size: .7rem}

footer .grid-container {display: grid; grid-template-columns: repeat(4, 1fr); grid-gap:1px; background-color:#ffffff54;} 
footer .item {padding: 40px; background-color: var(--color)} 
footer .item-1-2 {grid-column: 2 / span 3; } 
footer .item-3-2 {grid-column: 2 / span 2; } 

@media (min-width: 590px){
    .modal-content {width:inherit;} 
}

@media (max-width: 1250px){
    .img-r {top: 30%; height: 50%}
    #menu li.submenu > div{top:73px}
    
    #menu div.sc {margin: 0; width: 100%; height: calc(100vh - 102px); padding-top: 30px; left:0;}
    body.🍔 #menu, body.🍔 #topbar, #menu div.sc, body.🍔 #menu div.d-lg-flex {background-color: var(--bg); color: #fff}
    body.🍔 #menu div.d-lg-flex {position: relative; z-index: 9; padding:0 30px}
    body.🍔 #menu a, body.🍔 #topbar a, #menu div.sc a {color: #fff}
    body.🍔 #menu div.sc, body.🍔.⯆.⯅ #menu div.sc{opacity: 1; overflow-y: auto; top:111px;}
/*    body.🍔 #logo img {filter: brightness(0) invert(1);}*/

    body.🍔.⯆ #menu div.sc{top:65px; height: calc(100vh - 65px);}

    #menu div.sc div {overflow: hidden; width: 100%; min-height: 100%; position: relative;}
    #menu div.sc ul {text-align:left; }
    #menu li {position: relative;}
    #menu div.sc ul li {display: block; line-height: 2; margin-right: 0; padding:0 20px; width: 100%; padding: 0}
    #menu div.sc ul li a{font-size: 1.1rem; color: #fff;}
    #menu div.sc ul li a i{display: inline-block; font-size: 0.8rem; margin-right: 10px}
    #menu div.sc ul li:last-child {margin-right: 0;}
    #menu div.sc > div > ul > li {border: none;}
    #menu li.submenu > div {top: 0;}
    #menu li.submenu > div ul li a {font-size: 0.9rem}
    #menu li.submenu > div div.container-fluid {padding: 0 30px}
    #menu li.submenu > div div.container-fluid > .row > div {padding: 0; padding-top: 20px;}

    #menu li.submenu > i {transform: translateY(-2px) rotate(-90deg); margin-left: 20px;}

    #menu div.sc div img:first-child{right: 10px; bottom: 60%; width: 100px; height: auto}


    footer img.logo {padding:0}
    footer .grid-container {grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(4, auto); } 
    footer .item-1-2 {grid-column: 2 / span 1; } 
    footer .item-3-2 {grid-column: 1 / span 2; }
}

@media (max-width: 767px){
    body.⯆ #topbar, body.⯆ #menu {margin-top: -45px;}
    #popup .wrapper > div > div {width: calc(100vw - 150px); }    
    .img-r {top: auto; position: relative; height: 300px; width: 100%; margin-left: 20px; margin-top: 20px}

    body.🍔 #menu div.sc, body.🍔.⯆.⯅ #menu div.sc {top: 110px}
    #menu div.sc {height: calc(100vh - 101px);}

    footer:before {height: 100px; top: -99px}
    footer:after{left: 50px; width:70px; height: 120px; }
}

@media (max-width: 576px){
/*    footer .item {padding:20px}*/
    footer .grid-container {grid-template-columns: 1fr; grid-template-rows: repeat(6, auto); } 
    footer .item-1-2 {grid-column: 1 / span 1; } 
    footer .item-3-2 {grid-column: 1 / span 1; } 
}