.menu-btn-mobile { position: absolute; top: 10px; left: 20px; }

@media screen and (min-width: 760px) and (max-width: 1199px) { .menu-btn-mobile { display: block; } }

@media screen and (max-width: 759px) { .menu-btn-mobile { display: block; } }

#menu-btn-mobile { float: left; width: 30px; height: 30px; border-top: 4px solid #6c4823; cursor: pointer; -webkit-backface-visibility: hidden; margin-top: 10px; }

#menu-btn-mobile::before, #menu-btn-mobile::after { content: ''; display: block; height: 4px; margin-top: 6px; background: #6c4823; position: relative; transition: transform .2s ease; }

#menu-btn-mobile.active { border-top-color: transparent; }

#menu-btn-mobile.active::before { margin-top: 0; top: 6px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }

#menu-btn-mobile.active::after { margin-top: 0; top: 2px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

/* -------------------------------- 

Main Components 

-------------------------------- */
.cd-dropdown-wrapper { position: fixed; z-index: 6; text-align: left; }

@media screen and (min-width: 1200px) { .cd-dropdown-wrapper { display: none; } }

.cd-dropdown-wrapper.active { top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.5); }

.cd-dropdown h2, .cd-dropdown-content a, .cd-dropdown-content ul a { font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif; font-size: 1.125em; line-height: 1.5em; height: 50px; line-height: 50px; }

.cd-dropdown h2, .cd-dropdown-content a, .cd-dropdown-content ul a, .cd-dropdown-content .cd-divider { padding: 0 20px; background: #FFF; }

.cd-dropdown { position: fixed; z-index: 6; top: 0; left: 0; width: 300px; height: 100%; background-color: #fff; visibility: hidden; box-shadow: 2px 0 5px rgba(0, 0, 0, 0.26); /* Force Hardware Acceleration */ -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translateX(-300px); -moz-transform: translateX(-300px); -ms-transform: translateX(-300px); -o-transform: translateX(-300px); transform: translateX(-300px); -webkit-transition: -webkit-transform 0.2s 0s, visibility 0s 0.5s; -moz-transition: -moz-transform 0.2s 0s, visibility 0s 0.5s; transition: transform 0.2s 0s, visibility 0s 0.5s; }

.cd-dropdown h2 { /* dropdown title - mobile version only */ position: relative; z-index: 1; color: #FFFFFF; background-color: #f0f; text-transform: uppercase; }

.cd-dropdown.dropdown-is-active { visibility: visible; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 0.2s 0s, visibility 0s 0s; -moz-transition: -moz-transform 0.2s 0s, visibility 0s 0s; transition: transform 0.2s 0s, visibility 0s 0s; }

.cd-dropdown-content, .cd-dropdown-content ul { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; }

.cd-dropdown-content a, .cd-dropdown-content ul a { display: block; color: #333; /* truncate text with ellipsis if too long */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border: none; /* border-top-width: 1px; border-color: $cor_primaria2; border-style: solid; */ }

.cd-dropdown-content li:first-of-type > a, .cd-dropdown-content ul li:first-of-type > a { border-top-width: 0; }

.cd-dropdown-content li:last-of-type > a, .cd-dropdown-content ul li:last-of-type > a { border-bottom-width: 1px; }

.cd-dropdown-content .cd-divider, .cd-dropdown-content ul .cd-divider { padding-top: 10px; padding-bottom: 10px; background-color: #ccc; font-weight: bold; letter-spacing: 1px; color: #FFFFFF; }

.cd-dropdown-content .cd-divider + li > a, .cd-dropdown-content ul .cd-divider + li > a { border-top-width: 0; }

.cd-dropdown-content a, .cd-dropdown-content .cd-divider, .cd-dropdown-content ul a, .cd-dropdown-content ul .cd-divider { /* Force Hardware Acceleration */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s; }

.cd-dropdown-content.is-hidden, .cd-dropdown-content ul.is-hidden { /* push the secondary dropdown items to the right */ -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }

.cd-dropdown-content.is-hidden > li > a, .cd-dropdown-content.is-hidden > .cd-divider, .cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.is-hidden > li > a, .cd-dropdown-content ul.is-hidden > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > .cd-divider { /* lower down the dropdown items opacity - when secondary dropdown slides in or for dropdown items hidden on the right */ opacity: 0; }

.cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > .cd-divider { /* push the dropdown items to the left when secondary dropdown slides in */ -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }

.dropdown-is-active .cd-dropdown-content, .dropdown-is-active .cd-dropdown-content ul { -webkit-overflow-scrolling: touch; }

.cd-dropdown-content .see-all a { /* different style for the See all links */ background: #eee; text-transform: uppercase; text-align: left; height: auto; }

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item { /* items with picture (or icon) and title */ height: 80px; line-height: 80px; }

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 { /* truncate text with ellipsis if too long */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item { padding-left: 75px; position: relative; }

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p { color: #333; /* hide description on small devices */ display: none; }

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before { /* item icon */ content: ''; display: block; position: absolute; left: 20px; top: 50%; margin-top: -20px; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center center; background-size: 40px 40px; }

@-webkit-keyframes cd-fade-in { 0% { opacity: 0;
    visibility: visible; }
  100% { opacity: 1;
    visibility: visible; } }

@-moz-keyframes cd-fade-in { 0% { opacity: 0;
    visibility: visible; }
  100% { opacity: 1;
    visibility: visible; } }

@keyframes cd-fade-in { 0% { opacity: 0;
    visibility: visible; }
  100% { opacity: 1;
    visibility: visible; } }

@-webkit-keyframes cd-fade-out { 0% { opacity: 1;
    visibility: visible; }
  100% { opacity: 0;
    visibility: visible; } }

@-moz-keyframes cd-fade-out { 0% { opacity: 1;
    visibility: visible; }
  100% { opacity: 0;
    visibility: visible; } }

@keyframes cd-fade-out { 0% { opacity: 1;
    visibility: visible; }
  100% { opacity: 0;
    visibility: visible; } }

.has-children > a, .go-back a { position: relative; }

.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after { /* arrow icon in CSS - for element with nested unordered lists */ content: ''; position: absolute; top: 50%; margin-top: -1px; display: inline-block; height: 2px; width: 10px; background: #6c4823; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.has-children > a::before, .go-back a::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.has-children > a::after, .go-back a::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.has-children > a { padding-right: 40px; }

.has-children > a::before, .has-children > a::after { /* arrow goes on the right side - children navigation */ right: 20px; -webkit-transform-origin: 9px 50%; -moz-transform-origin: 9px 50%; -ms-transform-origin: 9px 50%; -o-transform-origin: 9px 50%; transform-origin: 9px 50%; }

.cd-dropdown-content .go-back a { padding-left: 40px; background: #6c4823; color: #FFF; }
  
.cd-dropdown-content .go-back a::before, .cd-dropdown-content .go-back a::after { /* arrow goes on the left side - go back button */ left: 20px; -webkit-transform-origin: 1px 50%; -moz-transform-origin: 1px 50%; -ms-transform-origin: 1px 50%; -o-transform-origin: 1px 50%; transform-origin: 1px 50%; background: #FFF; }

.no-js .cd-dropdown-wrapper:hover .cd-dropdown { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

.no-js .cd-dropdown-wrapper .cd-close { display: none; }

.cd-dropdown-header { float: left; width: 100%; background: #eee; text-align: center; padding: 20px; }
.cd-dropdown-header .cd-dropdown-logo { display: inline-block; background: #eee; margin: 0; width: 180px; height: auto; line-height: 100%; }
.cd-dropdown-header .cd-dropdown-logo img { display: block; max-width: 100%; }