@font-face 
{
    font-family: 'Open Sans';
    src: url('../fonts/opensans/opensans-light-webfont.woff') format('woff'), 
         url('../fonts/opensans/opensans-light-webfont.ttf') format('truetype');
    font-display: swap;
    font-weight: 300;
    font-style:normal;
} 

@font-face 
{
    font-family: 'Open Sans';
    src: url('../fonts/opensans/opensans-regular-webfont.woff') format('woff'), 
         url('../fonts/opensans/opensans-regular-webfont.ttf') format('truetype');
    font-display: swap;
    font-weight: 400;
    font-style:normal;
} 

@font-face 
{
    font-family: 'Open Sans';
    src: url('../fonts/opensans/opensans-semibold-webfont.woff') format('woff'), 
         url('../fonts/opensans/opensans-semibold-webfont.ttf') format('truetype');
    font-display: swap;
    font-weight: 600;
    font-style:normal;
} 

@font-face 
{
    font-family: 'Open Sans';
    src: url('../fonts/opensans/opensans-bold-webfont.woff') format('woff'), 
         url('../fonts/opensans/opensans-bold-webfont.ttf') format('truetype');
    font-display: swap;
    font-weight: 700;
    font-style:normal;
} 

@font-face 
{
    font-family: 'Roboto';
    src: url('../fonts/roboto/roboto-v29-latin-regular.eot');
    src: url('../fonts/roboto/roboto-v29-latin-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto/roboto-v29-latin-regular.woff') format('woff'),
         url('../fonts/roboto/roboto-v29-latin-regular.woff2') format('woff'),
         url('../fonts/roboto/roboto-v29-latin-regular.ttf') format('truetype'),
         url('../fonts/roboto/roboto-v29-latin-regular.svg#RobotoRegular') format('svg'); 
    font-weight: 700;
    font-style: regular;
}

html 
{
    box-sizing: border-box;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    letter-spacing: -0.05em;
    /*font-smoothing: antialiased;*/
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    color: #090909;
    /*text-shadow: 0 0.4px 0.5px #090909;*/
    /*font-weight: 100;*/
    background-color: #2c5779;    
}

body, 
html
{
    width: 100%;
    height: 100%;
    min-height: -webkit-calc(100%);
    min-height: -moz-calc(100%);
    min-height: calc(100%);
    min-height: 100%;
    min-height: 100vh;
    min-width: 230px; 
}

body
{
    display: flex;
    flex-direction: column;
    /*text-align: justify;*/
}

*, 
*:after, 
*:before 
{
    margin: 0px;
    padding: 0px;
    -webkit-box-sizing: inherit;
    box-sizing: border-box;
    outline: none;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */  
    outline-style: none; /* Internet Explorer  */  
    /*-webkit-transition: background-color 125ms linear;*/
    /*transition: background-color 125ms linear;*/
    /*-webkit-transition: color .2s ease;*/
    /*transition: color .2s ease; */ 
}

/*
::-webkit-scrollbar 
{
    width: 0.8em;
    height: 0.8em;
    background-color: rgba(40, 42, 54, .9);
}

::-webkit-scrollbar:hover 
{
    background-color: rgba(40, 42, 54, .9);
}

::-webkit-resizer 
{
    -webkit-border-radius: 4px;
    background-color: rgba(72, 73, 80, .9);
}

::-webkit-scrollbar-thumb 
{
    min-height: 0.8em;
    min-width: 0.4em;
    -webkit-border-radius: 4px;
    background-color: rgba(72, 73, 80, .9);
}

::-webkit-scrollbar-thumb:hover 
{
    background-color: rgba(82, 83, 86, .9);
}

::-webkit-scrollbar-thumb:active 
{
    background-color: rgba(100, 101, 108, .9);
}

html.scrollbar:hover ::-webkit-scrollbar 
{
    width: 0.8em;
}

.scrollbar-search::-webkit-scrollbar 
{
    background: #282a36;
}

.scrollbar::-webkit-scrollbar 
{
    width: 0.875em;
    min-height: 0.5em;
}

.scrollbar::-webkit-scrollbar-button 
{
    width: 0;
    height: 0;
    display: none;
}

.scrollbar::-webkit-scrollbar-corner 
{
    background-color: transparent;
}

.scrollbar-search::-webkit-scrollbar-thumb 
{
    background-color: #f2f3f6;
}

.scrollbar-search::-webkit-scrollbar-thumb 
{
    min-height: 2.25em;
}

.scrollbar::-webkit-scrollbar-thumb 
{
    height: 0.375em;
    border: 0.25em solid rgba(0,0,0,0);
    background-clip: padding-box;
    border-radius: 0.4375em;
    background-color: rgba(0,0,0,0.15);
}
*/

.inner
{
    position: fixed;
    padding: 0;
    margin: 0;
    top: 2px;
    left: 0;
    width: 100%;
    height: 100%;
    color: #2c5779;
    background: transparent;
    /*background-clip: padding-box;*/
    /*background: url('../media/overlay-init.png');*/
    background: rgba(255,255,255,.65);
    background-size: 100%;
    /*-moz-background-size: 100%;*/
    /*-webkit-background-size: 100%;*/
    background-repeat: repeat;  
    display: none;  
    z-index: 99995;  
}

.console
{
    position: fixed;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    margin: 20px;
    padding: 0;
    background-color: #e9e9e9;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #ccc;
    box-shadow: 0 0 0 1px #ccc; 
    max-height: 150px;
    overflow-y: scroll;
    overflow-x: hidden; 
    opacity: 0.9;  
    z-index: 2;       
}

.console-content
{
    display: table;
    width: 100%;
    border-collapse: collapse;
}

.console-row 
{
    display: table-row;
    padding: 6px;
    font-family: monospace;
    font-size: 13px;    
    color: rgba(0,0,0);
    border: 0;
    border-color: rgb(204, 204, 204);
    border-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
}

.console-row-code
{
    display: table-cell;
    padding: 6px;
}

.console-row:after , 
.console-row-code
{
    -webkit-animation: flash 1s;
    -moz-animation: flash 1s;
    -ms-animation: flash 1s;
    animation: flash 1s;
}

.console-row:after 
{
    display: table-cell;
    padding: 6px;
    color: rgba(0,0,0,.35);
    border: 0;
    border-color: rgb(204, 204, 204);
    border-style: solid;
    border-top-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    content: attr(data-date);
}

.scrollbar
{
    -webkit-overflow-scrolling:touch;
}

.scrollbar::-webkit-scrollbar
{
    width:14px;
    min-height:8px;
    border-left: 1px solid transparent;
    border-radius: 6px;    
}

@media (max-width: 768px)
{
    .scrollbar::-webkit-scrollbar
    {
        width:12px;
    }
}

.scrollbar::-webkit-scrollbar-thumb
{
    height:6px;
    border:4px solid rgba(0,0,0,0);
    background-clip:padding-box;
    border-radius: 7px;
    background-color:rgba(0,0,0,0.15);
}

.scrollbar::-webkit-scrollbar-button
{
    width:0;
    height:0;
    display:none;
}

.scrollbar::-webkit-scrollbar-corner
{
    background-color:transparent;
}

.scrollbar::-webkit-scrollbar-thumb
{
    min-height:36px;
}

.scrollbar-white::-webkit-scrollbar
{
    background-color: #f2f3f6;
}

.scrollbar-white::-webkit-scrollbar-thumb
{
    background-color:#fff;
}

.scrollbar-white-inverse::-webkit-scrollbar
{
    background-color: #fff;
}

.scrollbar-white-inverse::-webkit-scrollbar-thumb
{
    background-color:#f2f3f6;
}

.scrollbar-dark::-webkit-scrollbar
{
    background-color: transparent;
}

.scrollbar-dark::-webkit-scrollbar-thumb
{
    background-color:#090909;
}

.scrollbar-fade
{
    position:relative;
}

.scrollbar-fade:before
{
    display:none;
    z-index:9;
    opacity:0;
    content:"";
    top:0;
    left:0;
    width:100%;
    height:7.25rem;
    position:absolute;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(255,255,255,0)));
    background-image:linear-gradient(to bottom, #fff, rgba(255,255,255,0));
}

.scrollbar-fade-active:before
{
    display:block;
    -webkit-animation:fadeIn 0.5s forwards;
    animation:fadeIn 0.5s forwards
}

@media (max-width: 768px)
{
    .scrollbar-fade:before
    {
        display:block;
        position:fixed;
        opacity:1;
        top:0;
        height:6.625rem;
    }
}

.scrollbar-locked 
{
    position: fixed;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    overflow: hidden !important;
    -webkit-overflow-scrolling: hidden !important;    
}

.scrollable
{
    position: relative;
    min-height: 40px;
    max-height: 50vh;
    overflow-x: hidden;
    overflow-y: auto;
}

.scrollbar-auto
{
    max-height: initial !important;
}

::selection 
{ 
    color: inherit;
    background-color: #f2f3f6;
}

::moz-selection 
{ 
    color: inherit;
    background-color: #f2f3f6;
}

::webkit-selection 
{ 
    color: inherit;
    background-color: #f2f3f6;
}

::-webkit-input-placeholder 
{ /* WebKit browsers */
    color: #a0a0a0;
}

:-moz-placeholder 
{ /* Mozilla Firefox 4 to 18 */
    color: #a0a0a0;
}

::-moz-placeholder 
{ /* Mozilla Firefox 19+ */
    color: #a0a0a0;
}

:-ms-input-placeholder 
{ /* Internet Explorer 10+ */
    color: #a0a0a0;
}

.row, 
.column 
{
    display: block;
    display: flex;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

[dir=rtl] .column 
{
    float: right;
}            

.row 
{
    box-sizing: border-box;
    /*display: -webkit-box;*/
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    justify-content: start; 
    vertical-align: middle;      
}

.row:before, 
.row:after 
{
    display: block;
    display: flex;
    display: table;
    content: '';
    width: 100%;
}

.row:after 
{
    clear: both;
}

.row.justify-start
{
    align-items: start;
    justify-content: start;
}

.column 
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: inline-block\9;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: normal;
    flex-direction: normal;
    /*-webkit-box-flex: 1;*/
    /*-webkit-flex: 1 0;*/
    /*-moz-box-flex: 1;*/
    /*-ms-flex: 1 0;*/
    /*flex: 1 0;*/
    flex-wrap: wrap;
    text-align: left;
    align-items: start;
    justify-content: initial;    
    float: left;
    padding-left: 0;
    padding-right: 0;
}  

.column-1 
{
    -ms-flex-preferred-size: 8.33% !important;
    flex-basis: 8.33% !important; 
    width: 8.33% !important;     
}

.column-2 
{
    -ms-flex-preferred-size: 16.66% !important;
    flex-basis: 16.66% !important;
    width: 16.66% !important;
}

.column-3 
{
    -ms-flex-preferred-size: 24.99% !important;
    flex-basis: 24.99% !important;
    width: 24.99% !important;
}

.column-4 
{
    -ms-flex-preferred-size: 33.32% !important;
    flex-basis: 33.32% !important;
    width: 33.32% !important;
}

.column-5 
{
    -ms-flex-preferred-size: 41.65% !important;
    flex-basis: 41.65% !important;
    width: 41.65% !important;
}

.column-6 
{
    -ms-flex-preferred-size: 49.98% !important;
    flex-basis: 49.98% !important;
    width: 49.98% !important;
}

.column-7 
{
    -ms-flex-preferred-size: 58.31% !important;
    flex-basis: 58.31% !important;
    width: 58.31% !important;
}

.column-8 
{
    -ms-flex-preferred-size: 66.64% !important;
    flex-basis: 66.64% !important;
    width: 66.64% !important;
}

.column-9 
{
    -ms-flex-preferred-size: 74.97% !important;
    flex-basis: 74.97% !important;
    width: 74.97% !important;
}

.column-10 
{
    -ms-flex-preferred-size: 83.3% !important;
    flex-basis: 83.3% !important;
    width: 83.3% !important;
}

.column-11 
{
    -ms-flex-preferred-size: 91.63% !important;
    flex-basis: 91.63% !important;
    width: 91.63% !important;
}

.column-12
{
    -ms-flex-preferred-size: 99.96% !important;
    flex-basis: 99.96% !important;
    width: 99.96% !important;
}

.column-content
{
    position: relative;
    float: left;
    padding: 5px 5%;
    width: 100%;
}

.column-margin-top
{
    margin-top: 12px;
}

.column-margin-right
{
    margin-right: 12px;
}

.column-margin-bottom
{
    margin-bottom: 12px;
}

.column-margin-left
{
    margin-left: 12px;
}

.duo-column-left
{
    float: left; 
    width: 98%; 
    padding-right: 2%;
}

.duo-column-right
{
    float: right; 
    width: 98%; 
    padding-left: 2%;
}

.down .selectdown-content.full-center
{
background-color: transparent;
}

.down .selectdown-content.full-center .selectdown-header
{
    margin: 0 35% !important;
    background-color: #fff;
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px; 
    -webkit-box-shadow: 0 0 0 1px #e5e5e5;
    box-shadow: 0 0 0 1px #e5e5e5;       
}

.down .selectdown-content.full-center.no-with-footer .selectdown-itens
{
    top: 75px;
    margin: 0 35% !important;
    background-color: #fff;
}

.down .selectdown-content.full-center .selectdown-item.icons 
{
    float: left;
    display: inline-block;
    width: 50%;
}

.down .selectdown-content.full-center .selectdown-item .link, 
.down .selectdown-content.full-center .selectdown-item .link:hover 
{
    border: 1px solid #090909;
    border-radius: 10px;
    width: 96%;
    margin: 1%;
}

.down .selectdown-content.full-center .selectdown-itens .select-list .select-list-option
{
    padding: 5% 10%;
    text-align: center;
    border-radius: 10px;
}

.html-desktop .down .selectdown-content.full-center .selectdown-itens .select-list .select-list-option:hover
{
    border-radius: 10px;
}

.down .selectdown-content.full-center .selectdown-itens .select-list .select-list-option svg 
{
    display: inline-block;
    height: 25px;
    margin-right: 0;
    vertical-align: middle;
}

.down .selectdown-content.full-center .selectdown-itens .select-list .select-list-option span 
{
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: clip;
    text-overflow: ellipsis;
    text-overflow: "…";    
}

.down .selectdown-content.full-center .selectdown-scrollable .content
{
    text-align: center;
}

.down .selectdown-content.full-center .selectdown-item 
{
    display: inline-block;
    width: 48%;
}

.down .selectdown-content.full-center .selectdown-item.block 
{
    display: block;
    width: 100%;
    display: none;
}

.down .selectdown-content.full-center .selectdown-item.block .select-list-option 
{
    padding: 10%;
}

.down .selectdown-content.full-center.no-with-footer .selectdown-itens, 
.down .selectdown-content.full-center.no-with-footer.full .selectdown-itens 
{
    bottom: 0;   
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-top: 1px solid transparent;
    border-radius: 0;    
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #e5e5e5;
    box-shadow: 0 0 0 1px #e5e5e5;       
}

/* Telas na paisagem e abaixo */
@media screen and (min-width: 280px) 
{

}

@media screen and (max-width: 280px) 
{
    .column-1.column-max-280, 
    .column-2.column-max-280, 
    .column-3.column-max-280, 
    .column-4.column-max-280, 
    .column-5.column-max-280, 
    .column-6.column-max-280, 
    .column-7.column-max-280, 
    .column-8.column-max-280, 
    .column-9.column-max-280, 
    .column-10.column-max-280, 
    .column-11.column-max-280, 
    .column-12.column-max-280
    {
        -ms-flex-preferred-size: 99.96% !important;
        flex-basis: 99.96% !important;
        width: 99.96% !important;
        max-width: 280px !important;
    }

    .column-max-280
    {
        margin-bottom: 2.80px;
    }
}

@media screen and (min-width: 320px) 
{

}

@media screen and (max-width: 330px) 
{
    .column-1.column-max-330, 
    .column-2.column-max-330, 
    .column-3.column-max-330, 
    .column-4.column-max-330, 
    .column-5.column-max-330, 
    .column-6.column-max-330, 
    .column-7.column-max-330, 
    .column-8.column-max-330, 
    .column-9.column-max-330, 
    .column-10.column-max-330, 
    .column-11.column-max-330, 
    .column-12.column-max-330
    {
        -ms-flex-preferred-size: 99.96% !important;
        flex-basis: 99.96% !important;
        width: 99.96% !important;
        max-width: 330px !important;
    }

    .column-max-330
    {
        margin-bottom: 3.30px;
    }    
}

@media screen and (min-width: 480px)
{
     
}

@media screen and (max-width: 480px)
{
    .column-1.column-max-480, 
    .column-2.column-max-480, 
    .column-3.column-max-480, 
    .column-4.column-max-480, 
    .column-5.column-max-480, 
    .column-6.column-max-480, 
    .column-7.column-max-480, 
    .column-8.column-max-480, 
    .column-9.column-max-480, 
    .column-10.column-max-480, 
    .column-11.column-max-480, 
    .column-12.column-max-480
    {
        -ms-flex-preferred-size: 99.96% !important;
        flex-basis: 99.96% !important;
        width: 99.96% !important;
        max-width: 480px !important;
    }

    .column-max-480
    {
        margin-bottom: 4.80px;
    }    
}

/* Telefones de paisagem para tablet em retrato */
@media screen and (min-width: 762px) 
{

}

@media screen and (max-width: 762px) 
{
    .column-1.column-max-762, 
    .column-2.column-max-762, 
    .column-3.column-max-762, 
    .column-4.column-max-762, 
    .column-5.column-max-762, 
    .column-6.column-max-762, 
    .column-7.column-max-762, 
    .column-8.column-max-762, 
    .column-9.column-max-762, 
    .column-10.column-max-762, 
    .column-11.column-max-762, 
    .column-12.column-max-762 
    {
        -ms-flex-preferred-size: 99.96% !important;
        flex-basis: 99.96% !important;
        width: 99.96% !important;
        max-width: 762px !important;
    }

    .column-max-762
    {
        margin-bottom: 7.62px;
    }     
}

/* Tablet na paisagem e retrato na área de trabalho */
@media screen and (min-width: 768px) 
{

}

@media screen and (max-width: 768px) 
{
    .column-1.column-max-768, 
    .column-2.column-max-768, 
    .column-3.column-max-768, 
    .column-4.column-max-768, 
    .column-5.column-max-768, 
    .column-6.column-max-768, 
    .column-7.column-max-768, 
    .column-8.column-max-768, 
    .column-9.column-max-768, 
    .column-10.column-max-768, 
    .column-11.column-max-768, 
    .column-12.column-max-768 
    {
        -ms-flex-preferred-size: 99.96% !important;
        flex-basis: 99.96% !important;
        width: 99.96% !important;
        max-width: 768px !important;
    }

    .column-max-768
    {
        margin-bottom: 7.68px;
    }     
}

/* Área de trabalho média */
@media screen and (min-width: 992px) 
{

}

@media screen and (max-width: 992px) 
{
    .column-1.column-max-992, 
    .column-2.column-max-992, 
    .column-3.column-max-992, 
    .column-4.column-max-992, 
    .column-5.column-max-992, 
    .column-6.column-max-992, 
    .column-7.column-max-992, 
    .column-8.column-max-992, 
    .column-9.column-max-992, 
    .column-10.column-max-992, 
    .column-11.column-max-992, 
    .column-12.column-max-992
    {
        -ms-flex-preferred-size: 99.96% !important;
        flex-basis: 99.96% !important;
        width: 99.96% !important;
        max-width: 992px !important;
    }

    .column-max-992
    {
        margin-bottom: 9.92px;
    }     
}

@media screen and (min-width: 1024px) 
{

}

@media screen and (max-width: 1024px) 
{
    .column-1.column-max-1024, 
    .column-2.column-max-1024, 
    .column-3.column-max-1024, 
    .column-4.column-max-1024, 
    .column-5.column-max-1024, 
    .column-6.column-max-1024, 
    .column-7.column-max-1024, 
    .column-8.column-max-1024, 
    .column-9.column-max-1024, 
    .column-10.column-max-1024, 
    .column-11.column-max-1024, 
    .column-12.column-max-1024 
    {
        -ms-flex-preferred-size: 99.96% !important;
        flex-basis: 99.96% !important;
        width: 99.96% !important;
        max-width: 1024px !important;
    }

    .column-max-1024
    {
        margin-bottom: 10.24px;
    }    
}

/* Área de trabalho grande */
@media only screen and (min-width: 1290px) 
{

}

@media screen and (max-width: 1290px) 
{
    .column-1.column-max-1290, 
    .column-2.column-max-1290, 
    .column-3.column-max-1290, 
    .column-4.column-max-1290, 
    .column-5.column-max-1290, 
    .column-6.column-max-1290, 
    .column-7.column-max-1290, 
    .column-8.column-max-1290, 
    .column-9.column-max-1290, 
    .column-10.column-max-1290, 
    .column-11.column-max-1290, 
    .column-12.column-max-1290
    {
        -ms-flex-preferred-size: 99.96% !important;
        flex-basis: 99.96% !important;
        width: 99.96% !important;
        max-width: 1290px !important;
    }

    .column-max-1290
    {
        margin-bottom: 12.90px;
    }     
}

.html-desktop 
{
    font-size: 0.9375em;
}

.html-mobile 
{
    font-size: 1.2em;                      
}

.no-desktop
{
    display: none !important;
}

.no-mobile
{
    display: none !important;
}

.overflow-hidden 
{
    overflow: hidden!important;
}

.icon 
{
    position: relative;
    display: inline-flex;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    width: 1.8em;
    height: 1.8em;    
}

.icon-app 
{
    display: inline-block;    
    height: 91px;
    width: 91px;    
    vertical-align: middle;
    background: url('../media/app/icon.png');
    background-size: 100%;
    /*-moz-background-size: 100%;*/
    /*-webkit-background-size: 100%;*/  
    background-repeat: no-repeat;      
}

.icon-type
{
    cursor: pointer;
    width: 20px;
    height: 20px;
    line-height: 7px;
    display: none;
    padding: 4px;
    position: absolute;
    top: 12px;
    right: 15px;    
    text-align: center;
    border: 1px solid #090909;
    border-radius: 100% !important;
    -webkit-box-shadow: 0 0 0 1px #090909;
    box-shadow: 0 0 0 1px #090909;
    color: #090909;   
    font-weight: 700; 
    z-index: 1;  
}

.icon-text-view
{
    cursor: pointer;
    line-height: 7px;
    display: none;
    padding: 4px;
    position: absolute;
    top: 5px;
    right: 12px;   
    text-align: center;
    color: #090909;   
    font-weight: 700;    
    z-index: 0;
}

.icon-text-view .to-show
{
    display: block;
}

.icon-text-view .to-hide
{
    display: none;
}

.icons-svg 
{
    position: absolute;
    left: -99999px;
    display: none;
}

.icon-svg
{
    fill: currentColor;
    width: 1em;
    height: 1em; 
    display: inline-block;
    font-size: 1.8em;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    flex-shrink: 0;
    user-select: none;
    vertical-align: middle;
}

.icon-top
{
    width: 1.2em;
    height: 1.2em;     
    vertical-align: middle;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    transform: rotate(180deg);
}

.icon-down
{
    width: 1.2em;
    height: 1.2em;     
    vertical-align: middle;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.icon-caret
{
    width: 12px;
    height: 6px;
    margin-top: 1px;
    margin-left: 1px;    
    vertical-align: middle;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.icon-caret-menu
{
    width: 22px;
    height: 22px;
    margin-top: 1px;
    margin-left: 1px;    
    vertical-align: middle;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.icon-menu
{
    width: 1.2em;
    height: 1.2em;  
}

.icon-close 
{
    width: 0.6em;
    height: 0.6em;
}

.icon-check .circle
{
    fill: transparent;
}

.icon-check .circle-circle
{
    fill: #e5e5e5;
}

.icon-check .circle
{
    stroke: none;
    stroke-width: 0;
    stroke-dasharray: none;
    stroke-linecap: butt;
    stroke-linejoin: miter;
    stroke-miterlimit: 10;
    fill-rule: nonzero;
}

.icon-check .circle-circle
{
    stroke: none;
    stroke-width: 1;
    stroke-dasharray: none;
    stroke-linecap: butt;
    stroke-linejoin: miter;
    stroke-miterlimit: 10;
    fill-rule: nonzero;
}

.icon-check .check
{
    stroke: none; 
    stroke-width: 0; 
    stroke-dasharray: none; 
    stroke-linecap: butt; 
    stroke-linejoin: miter; 
    stroke-miterlimit: 10; 
    fill: none; 
    fill-rule: nonzero; 
}

.icon-check .check-check
{
    stroke: none;
    stroke-width: 1;
    stroke-dasharray: none;
    stroke-linecap: butt;
    stroke-linejoin: miter;
    stroke-miterlimit: 10;
    fill-rule: nonzero;
}

.icon-check .ticked, 
.icon-check .marcked
{
    stroke: none;
    stroke-width: 1;
    stroke-dasharray: none;
    stroke-linecap: butt;
    stroke-linejoin: miter;
    stroke-miterlimit: 10;
    fill-rule: nonzero;
}

.icon-home
{
    width: 0.5em;
    height: 0.5em;
    vertical-align: initial;
}

.icon-map
{
    display: inline-block;
    color: #555;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;       
}

/*
.icon-arrow-down 
{
    background-image: url('../media/icons/icon-arrow-down.png');
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
}
*/

.icon-prev-carrousel, 
.icon-next-carrousel
{
    width: 5em;
    height: 5em;
}

.icon-next-carrousel
{
    transform: rotate(180deg);
}

.icon-hand-finger-down
{
    max-width: 30px;
    max-height: 30px;
}

.icon-cart
{
    max-width: 0.9em;
    max-height: 1.1em;
}

.icon-info
{
    width: 0.5em;
    height: 0.5em;
}

.icon-move
{
    width: 0.8em;
    height: 0.8em;
}

.avatar, 
.figure 
{
    background: url(../../static/media/app/avatar/default.jpg) center no-repeat;
    background-size: cover;    
    width: 36px;
    height: 36px;
    border: 2px solid #090909;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;    
    overflow: hidden;
}

.figure 
{
    background: url(../../static/media/app/images/image.png) center no-repeat;
}

.avatar img,  
.figure img
{
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -o-object-position: center center;
    object-position: center center;
    -o-object-fit: cover;
    object-fit: cover;
    margin: 0 auto; 
}

.text-box
{
    background-color: transparent;
    border-style: solid;
    border-width: 0.1px;
    border-color: #090909;
    /*-webkit-box-shadow: 0 3px 6px 0 rgb(255 255 255 / 16%);*/
    /*box-shadow: 0 3px 6px 0 rgb(255 255 255 / 16%);*/
    border-radius: 5rem 5rem 5rem 5rem;
    padding: 0.6em 1.6em;
}

/*
.html-desktop .text-box:hover
{
    color: #090909;
    border-color: #090909;
}

.html-desktop .text-box:hover a
{
    color: #090909;
}
*/

.show 
{
    visibility: visible !important;
    display: inline-block !important;
}

.show.no-desktop, 
.no-desktop.show
{
    visibility: hidden !important;
    display: none !important;
}

.show.no-mobile, 
.no-mobile.show
{
    visibility: hidden !important;
    display: none !important;
}

.shown 
{
    visibility: visible !important;
    display: block !important;
}

.shown.no-desktop, 
.no-desktop.shown
{
    visibility: hidden !important;
    display: none !important;
}

.shown.no-mobile, 
.no-mobile.shown
{
    visibility: hidden !important;
    display: none !important;
}

.hidden 
{
    visibility: hidden !important;
    display: none !important;
}

.on
{
  opacity: 1 !important;
}

.off
{
  opacity: 0 !important;
}

.opacity
{
    opacity: 0.1 !important;  
}

.center 
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.right 
{
    float: right; 
    text-align: right;
}

.left 
{
    float: left; 
    text-align: left;
}

.center-items
{
    display: inline-block;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; 
    text-align: center !important;
    align-items: center !important;
    justify-content: center !important;
}

.right-items 
{
    display: inline-block;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;    
    text-align: right !important;
    align-items: center !important;
    justify-content: right !important;
}

.left-items 
{
    display: inline-block;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;    
    text-align: left !important;
    align-items: start !important;
    justify-content: left !important;
}

.pull-full 
{
    width: 100%;
}

.pull-center 
{
    text-align: center;
}

.pull-left 
{
    text-align: left;
}

.pull-right 
{
    text-align: right;
}

.inline 
{
    display: inline-block !important;
    width: auto;
}

.full
{
    display: block;
    width: 100%;
}

.italic 
{
    font-style: italic;
}

.bold
{
    font-weight: 600;
}

.underline
{
    text-decoration: underline;
}

.pointer
{
    cursor: pointer;
}

.margin-6
{
    margin: 6px !important;
}

.margin-top-6
{
    margin-top: 6px !important;
}

.margin-right-6
{
    margin-right: 6px !important;
}

.margin-bottom-6
{
    margin-bottom: 6px !important;
}

.margin-left-6
{
    margin-left: 6px !important;
}

.margin-12
{
    margin: 12px !important;
}

.margin-top-12
{
    margin-top: 12px !important;
}

.margin-right-12
{
    margin-right: 12px !important;
}

.margin-bottom-12
{
    margin-bottom: 12px !important;
}

.margin-left-12
{
    margin-left: 12px !important;
}

.margin-24
{
    margin: 24px !important;
}

.margin-top-24
{
    margin-top: 24px !important;
}

.margin-right-24
{
    margin-right: 24px !important;
}

.margin-bottom-24
{
    margin-bottom: 24px !important;
}

.margin-left-24
{
    margin-left: 24px !important;
}

.margin-48
{
    margin: 48px !important;
}

.margin-top-48
{
    margin-top: 48px !important;
}

.margin-right-48
{
    margin-right: 48px !important;
}

.margin-bottom-48
{
    margin-bottom: 48px !important;
}

.margin-left-48
{
    margin-left: 48px !important;
}

.margin-100
{
    margin: 100px !important;
}

.no-margin-top
{
    margin-top: 0 !important;
}

.no-margin-right
{
    margin-right: 0 !important;
}

.no-margin-bottom
{
    margin-bottom: 0 !important;
}

.no-margin-left
{
    margin-left: 0 !important;
}

.no-margin
{
    margin: 0 !important;
}

.padding-6
{
    padding: 6px !important;
}

.padding-top-6
{
    padding-top: 6px !important;
}

.padding-right-6
{
    padding-right: 6px !important;
}

.padding-bottom-6
{
    padding-bottom: 6px !important;
}

.padding-left-6
{
    padding-left: 6px !important;
}

.padding-12
{
    padding: 12px !important;
}

.padding-top-12
{
    padding-top: 12px !important;
}

.padding-right-12
{
    padding-right: 12px !important;
}

.padding-bottom-12
{
    padding-bottom: 12px !important;
}

.padding-left-12
{
    padding-left: 12px !important;
}

.padding-24
{
    padding: 24px !important;
}

.padding-top-24
{
    padding-top: 24px !important;
}

.padding-right-24
{
    padding-right: 24px !important;
}

.padding-bottom-24
{
    padding-bottom: 24px !important;
}

.padding-left-24
{
    padding-left: 24px !important;
}

.padding-48
{
    padding: 48px !important;
}

.padding-top-48
{
    padding-top: 48px !important;
}

.padding-right-48
{
    padding-right: 48px !important;
}

.padding-bottom-48
{
    padding-bottom: 48px !important;
}

.padding-left-48
{
    padding-left: 48px !important;
}

.padding-100
{
    padding: 100px !important;
}

.no-padding-top
{
    padding-top: 0 !important;
}

.no-padding-right
{
    padding-right: 0 !important;
}

.no-padding-bottom
{
    padding-bottom: 0 !important;
}

.no-padding-left
{
    padding-left: 0 !important;
}

.no-padding
{
    padding: 0 !important;
}

.block
{
    display: inline-block;    
    width: 100%;
    color: inherit;
    text-decoration: none;
    line-height: normal;
    vertical-align: middle;
}

.no-border
{
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner 
{
    padding: 0;
    border: 0;
}

input:-webkit-autofill,
.html-desktop input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
.html-desktop textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
.html-desktop select:-webkit-autofill:hover,
select:-webkit-autofill:focus 
{
    /*-webkit-box-shadow: 0 0 0px 1000px transparent inset;*/
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #090909;
}

*:focus, 
textarea:focus, 
input:focus, 
button:focus
{
    position: relative;
    outline: none;
    border-color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* Remover o 'X' dos inputs no Internet Explorer */
::-ms-clear 
{
    display: none; 
    width : 0; 
    height: 0; 
}

::-ms-clear 
{
    display: none; 
    width : 0; 
    height: 0;
}

input[type=text]::-ms-clear 
{
    display: none; 
    width : 0; 
    height: 0; 
}

input[type=password]::-ms-clear 
{
    display: none; 
    width : 0; 
    height: 0;
}

input[type=search]::-ms-clear 
{
    display: none; 
    width : 0; 
    height: 0;
}

input[type=search]::-ms-reveal 
{
    display: none; 
    width : 0; 
    height: 0;
}

/* Remover o 'X' dos inputs no Chrome */
input[type='password']::-webkit-search-decoration,
input[type='password']::-webkit-search-cancel-button,
input[type='password']::-webkit-search-results-button,
input[type='password']::-webkit-search-results-decoration 
{ 
    display: none; 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;    
}

input[type='text']::-webkit-search-decoration,
input[type='text']::-webkit-search-cancel-button,
input[type='text']::-webkit-search-results-button,
input[type='text']::-webkit-search-results-decoration 
{ 
    display: none; 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;  
}

input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration 
{ 
    display: none; 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;  
}

input[type="file"]
{
    display: none;
}

header, 
section, 
field,
fieldset, 
action, 
footer, 
aside, 
menu, 
nav, 
page, 
main, 
details, 
article, 
figure, 
figcaption, 
summary, 
status, 
legend 
{
    display: block; 
}

figure
{
    position: relative;
    width: auto;
    height: auto;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: top;
    margin: 0;
    padding: 0;
}

img 
{
    max-width: 100%;
    height: auto;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: top;
    margin: 0;
    padding: 0;    
}

svg:not(:root) 
{
    overflow: hidden;
}

svg 
{
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    pointer-events: none;
    overflow: hidden;
}

i 
{
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    width: 1.8em;
    height: 1.8em;    
}

.flag 
{
    width: 30px;
    height: 19px;
    display: inline-block;
    background-image: url('../media/flags-countries.png');
    background-image: -webkit-image-set(url('../media/flags-countries.png') 1x,url('../media/flags@2x-countries.png') 2x);
    background-image: image-set(url('../media/flags-countries.png') 1x,url('../media/flags@2x-countries.png') 2x);
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -o-pixelated;
    image-rendering: pixelated;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-color: transparent;
    background-position: center center;
}

.flag-ar
{
    background-position:-5px -34px;
}

.flag-cs
{
    background-position:-5px -63px;
}

.flag-cs-sk
{
    background-position:-5px -92px;
}

.flag-da
{
    background-position:-5px -121px;
}

.flag-de
{
    background-position:-5px -150px;
}

.flag-en-gb
{
    background-position:-5px -179px;
}

.flag-en-in
{
    background-position:-5px -208px;
}

.flag-hi-in
{
    background-position:-5px -208px;
}

.flag-en-jp
{
    background-position:-5px -237px;
}

.flag-en-ph
{
    background-position:-5px -266px;
}

.flag-en-us
{
    background-position:-5px -295px;
}

.flag-en-ca
{
    background-image:url('../media/flag-canada-country.png');
    background-size:30px 19px;
}

.flag-en-au
{
    background-image:url('../media/flag-australia-country.png');
    background-size:30px 19px;
}

.flag-es
{
    background-position:-5px -324px;
}

.flag-es-ar
{
    background-position:-5px -353px;
}

.flag-es-co
{
    background-position:-5px -382px;
}

.flag-es-mx
{
    background-position:-5px -411px;
}

.flag-et
{
    background-position:-5px -440px;
}

.flag-fi
{
    background-position:-5px -469px;
}

.flag-fr
{
    background-position:-5px -498px;
}

.flag-he
{
    background-position:-5px -527px;
}

.flag-hr
{
    background-position:-5px -556px;
}

.flag-hu
{
    background-position:-5px -585px;
}

.flag-id
{
    background-position:-5px -614px;
}

.flag-it
{
    background-position:-5px -643px;
}

.flag-ko
{
    background-position:-5px -672px;
}

.flag-lt
{
    background-position:-5px -701px;
}

.flag-lv
{
    background-position:-5px -730px;
}

.flag-ms
{
    background-position:-5px -759px;
}

.flag-nl
{
    background-position:-5px -788px;
}

.flag-no
{
    background-position:-5px -817px;
}
    
.flag-pl
{
    background-position:-5px -846px;
}

.flag-pt
{
    background-position:-5px -875px;
}

.flag-pt-br
{
    background-position:-5px -904px;
}
    
.flag-ro
{
    background-position:-5px -933px;
}

.flag-ru
{
    background-position:-5px -962px;
}

.flag-sv
{
    background-position:-5px -991px;
}

.flag-th
{
    background-position:-5px -1020px;
}

.flag-tr
{
    background-position:-5px -1049px;
}

.flag-ua
{
    background-position:-5px -1078px;
}

.flag-vi
{
    background-position:-5px -1107px;
}

.flag-zh
{
    background-position:-5px -1136px;
}

a
{
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    line-height: normal;
    display: inline-block;
    vertical-align: middle;  
}

label
{
    display: block;
}

a label
{
    cursor: pointer;
}

.scale
{
    display: inline-block;
}

.html-desktop a:hover 
{
    color: #2c5779;
    /*-webkit-transition: ease all .3s;*/
    /*transition: ease all .3s;*/
}

a.scale-hover:hover .scale
{
    transform: scale3d(1.05,1.05,1);
    -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;    
}

.html-desktop a:hover .text-box
{
    border-color: #2c5779;
}

.html-desktop a:hover .avatar
{
    border: 2px solid #2c5779;
}

.table
{
    display: table;
    background-color: transparent;
    width: 100%;
    margin-bottom: 15px;
    font-size: .9em;
    border-spacing: 0;
    border-collapse: collapse;
}

.table.attributes 
{
    border: 0;
    border-top: 1px solid #f2f3f6;
    margin-bottom: 1.618em;
    width: 100%;
}

.table .theader, 
.table .tbody, 
.table .theaderbody
{
    position: relative; 
    float: left; 
    display: block;
    width: 100%;
    border-color: inherit;
}

.table .theader
{
    color: #090909;
    background-color: #f2f3f6;
    border-top: 1px solid #f2f3f6;
}

.table .tr
{
    float: left;
    /*display: table-row;*/
    /*width: 100%;*/
    /*vertical-align: inherit;*/
    border-color: inherit;
    border-bottom: 1px solid #c7c7c7;
}

.table .th
{
    border-top: 0;
    margin: 0;
    padding: 1em 0;
    min-height: 3em;    
    font-weight: 600;
    font-size: 1.1em;
}

.table .td
{
    border-top: 0;
    margin: 0;
    padding: 1em 0;
    min-height: 3em;
    font-size: 1.1em;
}

.table .tbody .th
{
    color: #2c5779;
}

.table .theaderbody
{
    background-color: #fff;
}

.table .theaderbody .tr 
{
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
    border-bottom: 1px solid #c7c7c7;
}

.table .theaderbody .th
{
    color: #090909;
}

.small 
{
    font-size: 0.95em;
}

.normal 
{
    font-size: 0.95em;
}

.medium 
{
    font-size: 1.15em
}

.large 
{
    font-size: 1.25em;
}

p 
{
    position: relative;
    display: block;
    width: 100%;    
    height: auto;
    line-height: 1.2em;    
}

p.small 
{
    font-size: 0.8em;
}

p.medium 
{
    font-size: 1.25em
}

p.large 
{
    font-size: 1.35em;
}

span.small 
{
    font-size: 0.8em;
}

span.medium 
{
    font-size: 1.35em
}

span.large 
{
    font-size: 1.55em;
}

hr
{
    height: 1px;
    margin: 0px;
    border: none;
    background-color: #090909;
}

h1
{
    display: block;
    width: 100%;    
    font-size: 1.9em;
    line-height: 1.1em;
    margin: 0;
}

h1.small
{
    font-size: 2.2em;
    line-height: 1em;
    /*margin: 10px 0 0.20em 0;*/
}

h1.large
{
    font-size: 4.2em;
    line-height: 1.1em;
    font-weight: 800;
    /*margin: 10px 0 0.30em 0;*/
}

h2
{
    font-size: 1.6em;
    line-height: 1.1em;
    /*margin: 0.33em 0 0.33em 0;*/
}

h3
{
    font-size: 1.3em;
    line-height: 1.1em;
    /*margin: 0.33em 0 0.33em 0;*/
}

h4
{
    font-size: 1.1em;
    line-height: 1.1em;
    /*margin: 0.16em 0 0.16em 0;*/
}

h1.reset, 
h2.reset, 
h3.reset, 
h4.reset
{
    margin: 0;
    padding: 0;
}

h1, 
h2, 
h3, 
h4
{
    font-weight: 400;
}

small 
{
    display: block;
}

[disabled], 
[disabled="disabled"], 
.disabled
{
    cursor: not-allowed !important;
    opacity: 0.55 !important;
    /*pointer-events: none !important;*/
    zoom: 1;  /* Fix for IE7 */
}

[disabled]:after, 
[disabled="disabled"]:after, 
.disabled:after
{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: transparent;
    cursor: not-allowed !important;
    z-index: 2;
}

input:not([type]),
input[type=email],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
select,
textarea 
{
    -webkit-touch-callout: auto; /* iOS Safari */
    -webkit-user-select: auto; /* Safari */
    -khtml-user-select: auto; /* Konqueror HTML */
    -moz-user-select: auto; /* Old versions of Firefox */
    -ms-user-select: auto; /* Internet Explorer/Edge */
    user-select: auto; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */  
    outline-style: unset; /* Internet Explorer  */  
}

input[type=submit] 
{
    cursor: pointer;
}

form 
{
    position: relative;
    text-align: left;
    width: 100%;    
    border: 0;
    margin: 0;
    padding: 0;
}

form field
{
    border: 0;
    margin: 0;
    padding: 0;
}

form fieldset 
{
    border: 0;
    margin: 0;
    padding: 0;
}

form label 
{
    width: 100%;    
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

form label span.question
{
    position: relative;
    float: left;
    display: block;
    width: 100%;
    padding: 15px 15px 0 15px;
}

form input 
{
    display: block;
    width: 100%;    
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 15px;
}

form textarea, 
.form textarea
{
    display: block;
    resize: none;
    padding: 15px;
    height: 130px;
    overflow-x: hidden;
    overflow-y: scroll;    
}

form select 
{
    display: block;
    width: 100%;    
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 15px;
}

form h1, 
form h2, 
form h3, 
form h4
{
    font-weight: 400;
    text-align: left;
}

form .sheet-app-label 
{
    display: inline-block;
    width: 100%;
}

.input
{
    background: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px;
    position: relative;
    width: 100%;
    border: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;     
    letter-spacing: -0.05em; 
    color: #090909;
}

.submit
{
    background: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 11px 5px;
    position: relative;
    width: 100%;
    margin: 10px 0;
}

.text.small
{
    font-size: 1.2em;
    line-height: 1em;
    margin: 10px 0 0.67em 0;
}

.text.large
{
    font-size: 2.2em;
    line-height: 1.1em;
    margin: 10px 0 0.67em 0;
}

.text-shadow
{
    text-shadow: 0 1px 2px #090909;
}

.box-shadow
{
    -webkit-filter: drop-shadow(8px 8px 0 rgba(32, 33, 37, 0.1));
    filter: drop-shadow(8px 8px 0 rgba(32, 33, 37, 0.1));
}

.hint 
{
    position: absolute;
    bottom: 100%;
    right: 0;
    cursor: pointer;
    color: #e5e5e5;
    width: 1.5em;
    height: 1.5em;  
    text-align: center;  
    z-index: 3;
}

.hint-relative
{
    position: relative;
    bottom: initial;
    right: initial;
    cursor: pointer;
    color: inherit;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    z-index: 3;
}

.hint:hover
{
    color: #090909;
}

.hint .hint-text
{
    position: absolute;
    right: 0;
    bottom: 100%;
    /*display: none;*/
    visibility: hidden;
    opacity: 0;    
    color: #fff;
    background-color: #090909;
    font-size: .8rem;
    width: auto;
    min-width: 250px;
    text-align: center;
    padding: 7px;
    border-radius: 6px;
    z-index: 4;  
}

.hint:hover .hint-text
{
    /*display: block;*/
    visibility: visible;
    opacity: 1;    
}

.radio 
{
    display: inline-block;
    width: auto;
}

.check 
{
    display: inline-block;
    width: auto;
}

.checkbox label,
.radiobox label
{
    cursor: pointer;
}

input[type='checkbox'] + label .icon-check .ticked
{
    fill: transparent !important;
}

input[type='checkbox']:checked + label .icon-check .ticked
{
    fill: #090909 !important;
}

input[id='haveAccount']:checked + .row .field .fieldset .fieldset-control .controls .control label .icon-check .ticked
{
    fill: #090909 !important;
}

input[id='haveAccount']:checked + .row .have-hidden-account
{
    display: none;
}

input[type='radio'] + label .icon-check .marcked
{
    fill: transparent !important;
}

input[type='radio']:checked + label .icon-check .marcked
{
    fill: #090909 !important;
}

button[type=button] 
{
    border: 1px solid transparent;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px transparent;
    box-shadow: 0 0 0 1px transparent;
    cursor: pointer;
}

button, 
.button 
{
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    display: inline-block;
    position: relative;
    /*word-break: break-word;*/
    /*white-space: nowrap;*/
    text-align: center;
    background: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
    line-height: 27px;
    color: #fff;
    border: 1px solid #090909;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #090909;
    box-shadow: 0 0 0 1px #090909;
    background-color: #090909; 
}

/*
.template-home button, 
.template-home .button 
{
    color: #090909;
    border: 1px solid #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff;
    background-color: #fff;
}
*/

.html-desktop button:hover, 
.html-desktop .button:hover 
{
    color: #fff;
    border: 1px solid #2c5779;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #2c5779;
    box-shadow: 0 0 0 1px #2c5779;
    /*box-shadow: inset 0 -4px 0 0 #090909;*/
    background-color: #2c5779;     
}

button.primary,
.button.primary
{
    border: 1px solid #004085 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #004085 !important;
    box-shadow: 0 0 0 1px #004085 !important;    
    background-color: #004085 !important;
    color: #fff !important;
}

.html-desktop button.primary:hover,
.html-desktop .button.primary:hover
{
    border: 1px solid #004085 !important;
    -webkit-box-shadow: 0 0 0 1px #004085 !important;
    box-shadow: 0 0 0 1px #004085 !important; 
    background-color: #0252a9 !important;
    color: #fff !important;
}

button.secondary,
.button.secondary
{
    border: 1px solid #383d41 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #383d41 !important;
    box-shadow: 0 0 0 1px #383d41 !important; 
    background-color: #383d41 !important;
    color: #fff !important;
}

.html-desktop button.secondary:hover,
.html-desktop .button.secondary:hover
{
    border: 1px solid #383d41 !important;
    -webkit-box-shadow: 0 0 0 1px #383d41 !important;
    box-shadow: 0 0 0 1px #383d41 !important; 
    background-color: #51575c !important;
    color: #fff !important;
}

button.success,
.button.success
{
    border: 1px solid #56a845 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #56a845 !important;
    box-shadow: 0 0 0 1px #56a845 !important; 
    background-color: #56a845 !important;
    color: #fff !important;
}

.html-desktop button.success:hover,
.html-desktop .button.success:hover
{
    border: 1px solid #56a845 !important;
    -webkit-box-shadow: 0 0 0 1px #56a845 !important;
    box-shadow: 0 0 0 1px #56a845 !important; 
    background-color: #65c351 !important;
    color: #fff !important;
}

button.danger,
.button.danger
{
    border: 1px solid #e15857 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #e15857 !important;
    box-shadow: 0 0 0 1px #e15857 !important; 
    background-color: #e15857 !important;
    color: #fff !important;
}

.html-desktop button.danger:hover,
.html-desktop .button.danger:hover
{
    border: 1px solid #e15857 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #e15857 !important;
    box-shadow: 0 0 0 1px #e15857 !important; 
    background-color: #f96463 !important;
    color: #fff !important;
}

button.warning,
.button.warning
{
    border: 1px solid #ffc107 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #ffc107 !important;
    box-shadow: 0 0 0 1px #ffc107 !important; 
    background-color: #ffc107 !important;
    color: #fff !important;
}

.html-desktop button.warning:hover,
.html-desktop .button.warning:hover
{
    border: 1px solid #ffc107 !important;
    -webkit-box-shadow: 0 0 0 1px #ffc107 !important;
    box-shadow: 0 0 0 1px #ffc107 !important; 
    background-color: #fbd562 !important;
    color: #fff !important;
}

button.info,
.button.info
{
    border: 1px solid #0c5460 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #0c5460 !important;
    box-shadow: 0 0 0 1px #0c5460 !important;
    background-color: #0c5460 !important; 
    color: #fff !important;
}

.html-desktop button.info:hover,
.html-desktop .button.info:hover
{
    border: 1px solid #0c5460 !important;
    -webkit-box-shadow: 0 0 0 1px #0c5460 !important;
    box-shadow: 0 0 0 1px #0c5460 !important; 
    background-color: #106f7e !important;
    color: #fff !important;
}

button.light,
.button.light
{
    border: 1px solid #818182 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #818182 !important;
    box-shadow: 0 0 0 1px #818182 !important; 
    background-color: #818182 !important;
    color: #fff !important;
}

.html-desktop button.light:hover,
.html-desktop .button.light:hover
{
    border: 1px solid #818182 !important;
    -webkit-box-shadow: 0 0 0 1px #818182 !important;
    box-shadow: 0 0 0 1px #818182 !important; 
    background-color: #a1a1a1 !important;
    color: #fff !important;
}

button.dark,
.button.dark
{
    border: 1px solid #1b1e21 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #1b1e21 !important;
    box-shadow: 0 0 0 1px #1b1e21 !important; 
    background-color: #1b1e21 !important;
    color: #fff !important;
}

.html-desktop button.dark:hover,
.html-desktop .button.dark:hover
{
    border: 1px solid #1b1e21 !important;
    -webkit-box-shadow: 0 0 0 1px #1b1e21 !important;
    box-shadow: 0 0 0 1px #1b1e21 !important; 
    background-color: #1e2124 !important;
    color: #fff !important;
}

.button-link
{
    color: #090909;
    border: 1px solid #090909;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #090909;
    box-shadow: 0 0 0 1px #090909;
    background-color: transparent;    
}

/*
.template-home .button-link 
{
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff;
    background-color: transparent;
}
*/

.html-desktop .button-link:hover 
{
    color: #2c5779;
    border: 1px solid #2c5779;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #2c5779;
    box-shadow: 0 0 0 1px #2c5779;
    background-color: transparent;      
}

.button-link.primary
{
    border: 1px solid #004085 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #004085 !important;
    box-shadow: 0 0 0 1px #004085 !important;    
    background-color: transparent !important;
    color: #090909 !important;
}

.html-desktop .button-link.primary:hover
{
    border: 1px solid #004085 !important;
    -webkit-box-shadow: 0 0 0 1px #004085 !important;
    box-shadow: 0 0 0 1px #004085 !important; 
    background-color: transparent !important;
    color: #090909 !important;
}

.button-link.secondary
{
    border: 1px solid #383d41 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #383d41 !important;
    box-shadow: 0 0 0 1px #383d41 !important; 
    background-color: transparent !important;
    color: #090909 !important;
}

.html-desktop .button-link.secondary:hover
{
    border: 1px solid #383d41 !important;
    -webkit-box-shadow: 0 0 0 1px #383d41 !important;
    box-shadow: 0 0 0 1px #383d41 !important; 
    background-color: transparent !important;
    color: #090909 !important;
}

.button-link.success
{
    border: 1px solid #56a845 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #56a845 !important;
    box-shadow: 0 0 0 1px #56a845 !important; 
    background-color: transparent !important;
    color: #090909 !important;
}

.html-desktop .button-link.success:hover
{
    border: 1px solid #56a845 !important;
    -webkit-box-shadow: 0 0 0 1px #56a845 !important;
    box-shadow: 0 0 0 1px #56a845 !important; 
    background-color: transparent !important;
    color: #090909 !important;
}

.button-link.danger
{
    border: 1px solid #e15857 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #e15857 !important;
    box-shadow: 0 0 0 1px #e15857 !important; 
    background-color: transparent !important;
    color: #090909 !important;
}

.html-desktop .button-link.danger:hover
{
    border: 1px solid #e15857 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #e15857 !important;
    box-shadow: 0 0 0 1px #e15857 !important; 
    background-color: transparent !important;
    color: #090909 !important;
}

.button-link.warning
{
    border: 1px solid #ffc107 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #ffc107 !important;
    box-shadow: 0 0 0 1px #ffc107 !important; 
    background-color: transparent !important;
    color: #090909 !important;
}

.html-desktop .button-link.warning:hover
{
    border: 1px solid #ffc107 !important;
    -webkit-box-shadow: 0 0 0 1px #ffc107 !important;
    box-shadow: 0 0 0 1px #ffc107 !important; 
    background-color: transparent !important;
    color: #090909 !important;
}

.button-link.info
{
    border: 1px solid #0c5460 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #0c5460 !important;
    box-shadow: 0 0 0 1px #0c5460 !important;
    background-color: transparent !important; 
    color: #090909 !important;
}

.html-desktop .button-link.info:hover
{
    border: 1px solid #0c5460 !important;
    -webkit-box-shadow: 0 0 0 1px #0c5460 !important;
    box-shadow: 0 0 0 1px #0c5460 !important; 
    background-color: transparent !important;
    color: #090909 !important;
}

.button-link.light
{
    border: 1px solid #818182 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #818182 !important;
    box-shadow: 0 0 0 1px #818182 !important; 
    background-color: transparent !important;
    color: #090909 !important;
}

.html-desktop .button-link.light:hover
{
    border: 1px solid #818182 !important;
    -webkit-box-shadow: 0 0 0 1px #818182 !important;
    box-shadow: 0 0 0 1px #818182 !important; 
    background-color: transparent !important;
    color: #090909 !important;
}

.button-link.dark
{
    border: 1px solid #1b1e21 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #1b1e21 !important;
    box-shadow: 0 0 0 1px #1b1e21 !important; 
    background-color: transparent !important;
    color: #090909 !important;
}

.html-desktop .button-link.dark:hover
{
    border: 1px solid #1b1e21 !important;
    -webkit-box-shadow: 0 0 0 1px #1b1e21 !important;
    box-shadow: 0 0 0 1px #1b1e21 !important; 
    background-color: transparent !important;
    color: #090909 !important;
}

.height-auto
{
    height: auto !important;
    min-height: initial !important;
}

.select 
{
    background: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px;
    position: relative;
    width: 100%;
    border: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;    
    z-index: 2;   
}

option[value=""][placeholder] 
{
  display: none;
}

select.select option
{
    font-weight: 500;
}

.selectbox .controls:after 
{
    content: "\203A";
    display: inline-block;
    font-size: 20px;
    margin-top: -10px;
    position: absolute;
    right: 15px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 50%;
}

input[type='checkbox'], 
input[type='radio']
{
    position: absolute;
    top: 0;
    left: 0;    
    display: inline-block;
    height: 16px;
    width: 16px;
    appearance: auto;   
    z-index: -1; 
    opacity: 0 !important;
}

.anchor
{
    position: relative;
    float: left;
    display: block;
    width: 100%;
    height: 0;
} 

.caps_lock_detect 
{
    position: absolute;
    left: 15px;      
    margin-top: -5px;
    padding: 14px 16px;
    color: #090909;
    background-color: #fff;
    border: 1px solid #090909;
    display: none;
    z-index: 1000;
}

.caps_lock_detect:before 
{
    content: '';
    position: absolute;
    top: -10px;
    left: 12px;
    display: inline-block;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #090909;
    border-left: 10px solid transparent;
    border-bottom-color: #090909;
}

.caps_lock_detect:after 
{
    content: '';    
    position: absolute;
    top: -9px;
    left: 13px;
    display: inline-block;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
    border-left: 9px solid transparent;
}

.primary
{
    border: 1px solid #004085 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #004085 !important;
    box-shadow: 0 0 0 1px #004085 !important;    
    color: #004085 !important;
}

.html-desktop .primary:hover
{
    border: 1px solid #004085 !important;
    -webkit-box-shadow: 0 0 0 1px #004085 !important;
    box-shadow: 0 0 0 1px #004085 !important; 
    color: #004085 !important;
}

.secondary
{
    border: 1px solid #383d41 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #383d41 !important;
    box-shadow: 0 0 0 1px #383d41 !important; 
    color: #383d41 !important;
}

.html-desktop .secondary:hover
{
    border: 1px solid #383d41 !important;
    -webkit-box-shadow: 0 0 0 1px #383d41 !important;
    box-shadow: 0 0 0 1px #383d41 !important; 
    color: #383d41 !important;
}

.success
{
    border: 1px solid #56a845 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #56a845 !important;
    box-shadow: 0 0 0 1px #56a845 !important; 
    color: #56a845 !important;
}

.html-desktop .success:hover
{
    border: 1px solid #56a845 !important;
    -webkit-box-shadow: 0 0 0 1px #56a845 !important;
    box-shadow: 0 0 0 1px #56a845 !important; 
    color: #56a845 !important;
}

.danger
{
    border: 1px solid #e15857 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #e15857 !important;
    box-shadow: 0 0 0 1px #e15857 !important; 
    color: #e15857 !important;
}

.html-desktop .danger:hover
{
    border: 1px solid #e15857 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #e15857 !important;
    box-shadow: 0 0 0 1px #e15857 !important; 
    color: #e15857 !important;
}

.warning
{
    border: 1px solid #ffc107 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #ffc107 !important;
    box-shadow: 0 0 0 1px #ffc107 !important; 
    color: #ffc107 !important;
}

.html-desktop .warning:hover
{
    border: 1px solid #ffc107 !important;
    -webkit-box-shadow: 0 0 0 1px #ffc107 !important;
    box-shadow: 0 0 0 1px #ffc107 !important; 
    color: #ffc107 !important;
}

.info
{
    border: 1px solid #0c5460 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #0c5460 !important;
    box-shadow: 0 0 0 1px #0c5460 !important;
    color: #0c5460 !important; 
}

.html-desktop .info:hover
{
    border: 1px solid #0c5460 !important;
    -webkit-box-shadow: 0 0 0 1px #0c5460 !important;
    box-shadow: 0 0 0 1px #0c5460 !important; 
    color: #0c5460 !important;
}

.light
{
    border: 1px solid #818182 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #818182 !important;
    box-shadow: 0 0 0 1px #818182 !important; 
    color: #818182 !important;
}

.html-desktop .light:hover
{
    border: 1px solid #818182 !important;
    -webkit-box-shadow: 0 0 0 1px #818182 !important;
    box-shadow: 0 0 0 1px #818182 !important; 
    color: #818182 !important;
}

.dark
{
    border: 1px solid #1b1e21 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #1b1e21 !important;
    box-shadow: 0 0 0 1px #1b1e21 !important; 
    color: #1b1e21 !important;
}

.html-desktop .dark:hover
{
    border: 1px solid #1b1e21 !important;
    -webkit-box-shadow: 0 0 0 1px #1b1e21 !important;
    box-shadow: 0 0 0 1px #1b1e21 !important; 
    color: #1b1e21 !important;
}

.field
{
    position: relative;
    display: block;
    width: 100%;
}

.field.reset 
{
    margin-bottom: 0;
}

.field.reset .fieldset
{
    border: 0 solid transparent !important;
    border-radius: 0 !important;
    -webkit-box-shadow: 0 0 0 0 transparent !important;
    box-shadow: 0 0 0 0 transparent !important;
    color: inherit !important;
    margin: 0;
    padding: 0;
}

.html-desktop .field.reset .fieldset:hover 
{
    border: 0 solid transparent !important;
    -webkit-box-shadow: 0 0 0 0 transparent !important;
    box-shadow: 0 0 0 0 transparent !important;
    color: inherit !important;
}

.field.reset .fieldset-legend
{
    background-color: transparent !important;
}

.fieldset 
{
    position: relative;
    text-align: left;   
    border: 1px solid #090909;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #090909;
    box-shadow: 0 0 0 1px #090909;
    color: #090909;
    padding: 0;
}

.html-desktop .fieldset:hover 
{
    border: 1px solid #090909;
    -webkit-box-shadow: 0 0 0 1px #090909;
    box-shadow: 0 0 0 1px #090909; 
    color: #090909;   
}

.fieldset.default
{
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #e5e5e5;
    box-shadow: 0 0 0 1px #e5e5e5;    
    background-color: #fff;
    color: #b5b5b5;
}

.html-desktop .fieldset.default:hover, 
.html-desktop .fieldset.default:hover .capsule.capsule-item
{
    border: 1px solid #090909;
    -webkit-box-shadow: 0 0 0 1px #090909;
    box-shadow: 0 0 0 1px #090909; 
    background-color: #fff;
    color: #090909;
}

.html-desktop .fieldset[disabled]:hover, 
.html-desktop .fieldset[disabled="disabled"]:hover, 
.html-desktop .fieldset.disabled:hover,
.html-desktop .fieldset[disabled]:hover .capsule.capsule-item, 
.html-desktop .fieldset[disabled="disabled"]:hover .capsule.capsule-item, 
.html-desktop .fieldset.disabled:hover .capsule.capsule-item 
{
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #e5e5e5;
    box-shadow: 0 0 0 1px #e5e5e5;    
    background-color: #fff;
    color: #b5b5b5;  
}

.html-desktop .fieldset:hover .icon-check .circle-circle
{
    fill: #090909;
}

/*
.fieldset.default .icon-svg path, 
.fieldset.default .icon-svg g
{
    fill: #090909;
}

.html-desktop .fieldset.default:hover .icon-svg path, 
.html-desktop .fieldset.default:hover .icon-svg g
{
    fill: #090909;
}

.fieldset.default .field-text
{
    color: #090909;
}
*/

.fieldset .fieldset-legend 
{
    position: absolute;
    top: -12px;
    margin: 0px 15px 0px 15px;
    padding: 0 5px;
    max-width: 90%;
    font-size: 15px; 
    overflow: hidden;
    white-space: nowrap;
    text-overflow: clip;
    text-overflow: ellipsis;
    text-overflow: "…"; 
    z-index: 1;     
}

.fieldset.default .fieldset-legend 
{
    background-color: transparent;
}

.fieldset .fieldset-legend:after 
{
    border-top: 5px solid #fff;
    content: "";
    left: 0px;
    position: absolute;
    -webkit-transition: none;
    transition: none;
    top: 41%;
    width: 100%;
    z-index: 0;
}

.fieldset.default .fieldset-legend:after 
{
    border-color: #fff;
}

.fieldset .fieldset-legend span 
{
    position: relative;
    z-index: 2;
}

.fieldset.reset,  
.fieldset.reset.primary, 
.fieldset.reset.secondary, 
.fieldset.reset.success, 
.fieldset.reset.danger, 
.fieldset.reset.warning, 
.fieldset.reset.info, 
.fieldset.reset.light, 
.fieldset.reset.dark, 
.fieldset.reset:hover,  
.fieldset.reset.primary:hover, 
.fieldset.reset.secondary:hover, 
.fieldset.reset.success:hover, 
.fieldset.reset.danger:hover, 
.fieldset.reset.warning:hover, 
.fieldset.reset.info:hover, 
.fieldset.reset.light:hover, 
.fieldset.reset.dark:hover 
{
    border: 0px solid transparent !important;
    border-radius: 0px !important;
    -webkit-box-shadow: 0 0 0 0px transparent !important;
    box-shadow: 0 0 0 0px transparent !important;
}

.fieldset.primary input[type='checkbox']:checked + label .icon-check .ticked, 
.fieldset.secondary input[type='checkbox']:checked + label .icon-check .ticked, 
.fieldset.success input[type='checkbox']:checked + label .icon-check .ticked, 
.fieldset.danger input[type='checkbox']:checked + label .icon-check .ticked, 
.fieldset.warning input[type='checkbox']:checked + label .icon-check .ticked, 
.fieldset.info input[type='checkbox']:checked + label .icon-check .ticked, 
.fieldset.light input[type='checkbox']:checked + label .icon-check .ticked, 
.fieldset.dark input[type='checkbox']:checked + label .icon-check .ticked
{
    fill: currentColor !important;
}

.fieldset.primary input[type='radio']:checked + label .icon-check .marcked, 
.fieldset.secondary input[type='radio']:checked + label .icon-check .marcked, 
.fieldset.success input[type='radio']:checked + label .icon-check .marcked, 
.fieldset.danger input[type='radio']:checked + label .icon-check .marcked, 
.fieldset.warning input[type='radio']:checked + label .icon-check .marcked, 
.fieldset.info input[type='radio']:checked + label .icon-check .marcked, 
.fieldset.light input[type='radio']:checked + label .icon-check .marcked, 
.fieldset.dark input[type='radio']:checked + label .icon-check .marcked
{
    fill: currentColor !important;
}

.fieldset-control 
{
    position: relative;
}

.controls 
{
    position: relative;
    float: left;
    display: block;
    width: 100%;
}

.control
{
    position: relative;
    float: left;
    width: 100%;
    display: block;
    margin: 15px;   
}

.control a
{
    vertical-align: initial;
}

.html-desktop .control a:hover
{
    text-decoration: underline;
}

.control span
{
    vertical-align: middle;
}

.control span a
{
    color: #b5b5b5;
    text-decoration: underline;
}

.control.reset
{
    margin: 0; 
    padding: 0;  
}

.control label 
{
    padding-right: 10px;
}

.control-box
{
    overflow: hidden;
    white-space: nowrap;
}

.control-box input
{
    border-style: solid;
    border-width: 0.1px;
    border-color: #dadce0;    
    background-color: #fff;
    /* -webkit-box-shadow: 0 3px 6px 0 rgb(255 255 255 / 16%); */
    /* box-shadow: 0 3px 6px 0 rgb(255 255 255 / 16%); */
    border-radius: 5rem 5rem 5rem 5rem;
    padding: 0.9em 3.6em 0.9em 1.6em;
}

.control-box input:focus
{
    border: 1px solid #090909;
}

.control-box .icon
{
    top: -2px;
    right: 55px;
}

.control-box .icon .icon-svg path, 
.control-box .icon .icon-svg g
{
    fill: #090909;
}

.html-desktop .field .field-sample, 
.field .field-sample 
{
    position: relative;
    width: 100%;
    padding: 5px 0;
}

.html-desktop .field .field-text, 
.field .field-text 
{
    position: relative;
    width: 100%;
    border: 0px solid transparent !important;
    border-radius: 0px;
    -webkit-box-shadow: 0 0 0 0px transparent !important;
    box-shadow: 0 0 0 0px transparent !important;  
}

.field.inline
{
    display: inline;
    width: auto;
}

.fieldset.selectbox.primary .controls:after
{   
    color: #004085 !important;
}

.html-desktop .fieldset.selectbox.primary:hover .controls:after
{ 
    color: #004085 !important;
}

.fieldset.selectbox.secondary .controls:after
{
    color: #383d41 !important;
}

.html-desktop .fieldset.selectbox.secondary:hover .controls:after
{ 
    color: #383d41 !important;
}

.fieldset.selectbox.success .controls:after
{
    color: #56a845 !important;
}

.html-desktop .fieldset.selectbox.success:hover .controls:after
{
    color: #56a845 !important;
}

.fieldset.selectbox.danger .controls:after
{ 
    color: #e15857 !important;
}

.html-desktop .fieldset.selectbox.danger:hover .controls:after
{
    color: #e15857 !important;
}

.fieldset.selectbox.warning .controls:after
{
    color: #ffc107 !important;
}

.html-desktop .fieldset.selectbox.warning:hover .controls:after
{
    color: #ffc107 !important;
}

.fieldset.selectbox.info .controls:after
{
    color: #0c5460 !important; 
}

.html-desktop .fieldset.selectbox.info:hover .controls:after
{
    color: #0c5460 !important;
}

.fieldset.selectbox.light .controls:after
{
    color: #818182 !important;
}

.html-desktop .fieldset.selectbox.light:hover .controls:after
{
    color: #818182 !important;
}

.fieldset.selectbox.dark .controls:after
{
    color: #1b1e21 !important;
}

.html-desktop .fieldset.selectbox.dark:hover .controls:after
{
    color: #1b1e21 !important;
}

.field-fieldset-button 
{
    margin-top: 2px;
    margin-bottom: 20px;
}

.field-fieldset-button .field 
{
    margin: 0;
}

.field-fieldset-button .column-content 
{
    padding: 0 0 0 10%;
    width: 100%;
}

.quantity-label 
{
    float: none;
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

.quantity-group 
{
    float: none;
    display: inline-block;
    width: auto;
    border: solid 2px #f2f3f6;
    border-radius: 10px 10px 10px 10px;
    vertical-align: middle;
}

.html-desktop .quantity-group:hover, 
.html-desktop .fieldset.default:hover .quantity-group
{
    border: solid 2px #090909;
}

.html-desktop .quantity-group:hover .quantity-group-prepend .quantity-group-prepend-button, 
.html-desktop .fieldset.default:hover .quantity-group-prepend .quantity-group-prepend-button
{
    border: 1px solid #090909;
    -webkit-box-shadow: 0 0 0 1px #090909;
    box-shadow: 0 0 0 1px #090909;
    color: #f2f3f6;    
    background-color: #090909;  
}

.html-desktop .quantity-group:hover .quantity-group-append .quantity-group-append-button, 
.html-desktop .fieldset.default:hover .quantity-group-append .quantity-group-append-button
{
    border: 1px solid #090909;
    -webkit-box-shadow: 0 0 0 1px #090909;
    box-shadow: 0 0 0 1px #090909;
    color: #f2f3f6;    
    background-color: #090909;  
}

.quantity-group .quantity-group-prepend, 
.quantity-group .quantity-group-append
{
    display: inline-block;
}

.quantity-group-prepend .quantity-group-prepend-button
{
    width: 37px;
    min-width: 37px;
    padding: 7px;
    line-height: 27px;
    border-radius: 7px 0px 0px 7px;
    border: 1px solid #f2f3f6;
    -webkit-box-shadow: 0 0 0 1px #f2f3f6;
    box-shadow: 0 0 0 1px #f2f3f6;
    color: #090909;    
    background-color: #f2f3f6;   
}

.html-desktop .quantity-group-prepend .quantity-group-prepend-button:hover, 
.html-desktop .quantity-group-prepend .quantity-group-prepend-button:hover, 
.html-desktop .fieldset.default:hover .quantity-group-prepend .quantity-group-prepend-button,
.html-desktop .fieldset.default:hover .quantity-group-prepend .quantity-group-prepend-button
{
    border-radius: 7px 0px 0px 7px;
    border: 1px solid #090909;
    -webkit-box-shadow: 0 0 0 1px #090909;
    box-shadow: 0 0 0 1px #090909;
    color: #f2f3f6;    
    background-color: #090909;   
}

.quantity-group-input-small
{
    display: inline-block;
    min-width: 40px;    
    max-width: 40px;
    text-align: center;
}

.quantity-group-input-large
{
    display: inline-block;
    min-width: 100px;    
    max-width: 100px;
}

.quantity-group-value 
{
    padding: 0;
    height: 25px;
    line-height: 25px;
    text-align: center;
}

.quantity-group-text
{
    display: inline-block;
    min-width: 40px;    
    max-width: 40px;
    /*vertical-align: middle;*/
}

.quantity-group-append .quantity-group-append-button 
{
    width: 37px;
    min-width: 37px;
    padding: 7px;
    line-height: 27px;
    border-radius: 0px 7px 7px 0px;
    border: 1px solid #f2f3f6;
    -webkit-box-shadow: 0 0 0 1px #f2f3f6;
    box-shadow: 0 0 0 1px #f2f3f6;
    color: #090909;    
    background-color: #f2f3f6;      
}

.html-desktop .quantity-group-append .quantity-group-append-button:hover, 
.html-desktop .html-desktop .quantity-group-append .quantity-group-append-button:hover, 
.html-desktop .fieldset.default:hover .quantity-group-append .quantity-group-append-button, 
.html-desktop .fieldset.default:hover .quantity-group-append .quantity-group-append-button
{
    border-radius: 0px 7px 7px 0px;
    border: 1px solid #090909;
    -webkit-box-shadow: 0 0 0 1px #090909;
    box-shadow: 0 0 0 1px #090909;
    color: #f2f3f6;    
    background-color: #090909;      
}

.noscript
{
    position: fixed;
    padding: 0;
    margin: 0;
    top: 2px;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    /*background-clip: padding-box;*/
    /*background: url('../media/overlay-init.png');*/
    background: rgba(0,0,0,.65);
    background-size: 100%;
    /*-moz-background-size: 100%;*/
    /*-webkit-background-size: 100%;*/
    background-repeat: repeat;   
    z-index: 99997;
}

.lgpd 
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;    
    padding: 0;
    margin: 0;
    width: 100%;
    height: auto;
    color: #090909;
    background: transparent;
    /*background-clip: padding-box;*/
    /*background: url('../media/overlay-init.png');*/
    background: rgba(0,0,0,.65);
    background-size: 100%;
    /*-moz-background-size: 100%;*/
    /*-webkit-background-size: 100%;*/
    background-repeat: repeat;
    z-index: 999990;    
}

.lgpd-message
{
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;  
    color: inherit;
    background: #e5e5e5;
    border-top: 1px solid #d5d5d5;   
    z-index: 2147483645;    
}

.lgpd-message a
{
    color: inherit;
}

.lgpd-message .content 
{
    padding: 20px 0;
    overflow: hidden;
}

.lgpd-message .content h3 
{
    font-size: 1.2em;
    margin-bottom: 10px;
}

.lgpd-message .content p 
{
    font-size: .98em;
}

.lgpd-message .content a.link 
{
    display: inline-block;
    margin: 0;
    padding: 0;
    width: auto;
    vertical-align: initial;
    text-decoration: underline;
}

.html-desktop .lgpd-message .content a.link:hover 
{
    opacity: 0.7 !important;      
}

/*
.template-home .lgpd-message button, 
.template-home .lgpd-message .button 
{
    color: #fff;
    border: 1px solid #090909;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #090909;
    box-shadow: 0 0 0 1px #090909;
    background-color: #090909;
}
*/

.html-desktop .lgpd-message button:hover, 
.html-desktop .lgpd-message .button:hover 
{
    color: #fff;
    border: 1px solid #2c5779;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #2c5779;
    box-shadow: 0 0 0 1px #2c5779;
    background-color: #2c5779;
}

/*
.template-home .lgpd-message .button-link 
{
    color: #090909;
    border: 1px solid #090909;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #090909;
    box-shadow: 0 0 0 1px #090909;
    background-color: transparent;
}
*/

.html-desktop .lgpd-message .button-link:hover 
{
    color: #2c5779;
    border: 1px solid #2c5779;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #2c5779;
    box-shadow: 0 0 0 1px #2c5779;
    background-color: transparent;
}

.root
{
    position: relative;
    float: left;
    display: block;
    width: 100%;
    height: 100%;    
    min-height: -webkit-calc(100%);
    min-height: -moz-calc(100%);
    min-height: calc(100%);
    min-height: 100%;
    min-height: 100vh;
    min-width: 280px;    
    /*background-color: #2c5779;*/
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    background-color: #2c5779;
}

.logotipo 
{
    display: inline-block;
    height: 80px;
    width: 150px;
    min-width: 150px;
    max-width: 150px;
    color: inherit;
    vertical-align: middle;
}

img.card-perspective-home
{
    height: auto;
    width: 100%;
    max-width: 380px;
}

img.card-perspective
{
    height: auto;
    width: 100%;
    max-width: 320px;
}

.image-card-loading
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;    
    display: none;
}

.data-project
{
    display: inline-block;
    width: auto;
    text-align: center;
    margin-right: 2.75em;
    vertical-align: middle;
}

.name-project
{
    display: inline-block;
    font-weight: 600;
    /*width: 100px;*/
    height: auto;
    line-height: 15px;
    /*vertical-align: middle;*/
}

.title-project
{
    color: #090909;
}

.title-project.large span
{
    display: block;
    margin-bottom: 12px;
}

.icon-project
{
    display: inline-block;
    height: 91px;
    width: 91px;
    vertical-align: middle;
}

.icon-project svg
{
    height: 100%;
    width: 100%;
}

.logotipo-project
{
    display: block;
    width: 100%;
}

.identifier-project
{
    float: left;
    display: inline-block;
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: .875rem;
    color: #f2f3f6;
    opacity: 0.55;        
}

.header
{
    position: fixed;
    top: 0;
    display: block;
    width: 100%;
    color: #090909;
    background-color: #fff;
    border-bottom: 1px solid #f2f3f6;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out; 
    display: none;      
    z-index: 5;
}

.header a
{
    color: #090909;
}

.header a .identification
{
    display: inline-block; 
    vertical-align: middle; 
    text-align: left;
}

.header a .identification .text
{
    display: block;
}

.header a .identification .small
{
    display: block;
    height: 1.3em;
    line-height: 1.3em;
    /* margin-left: 2.5em; */
    max-width: 230px;
    font-size: 0.8em;
    opacity: 1 !important;
}

.header .text-box 
{
    background-color: transparent;
    border-color: #090909;
}

.header .avatar 
{
    background-color: transparent;
    border-color: #090909;
}

.header .button
{
    color: #fff;
    border: 1px solid #090909;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #090909;
    box-shadow: 0 0 0 1px #090909;
    /* box-shadow: inset 0 -4px 0 0 #090909; */
    background-color: #090909;
}

.header .header-background
{
    position: absolute; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0; 
    display: none;
    /*background-image: linear-gradient(180deg, #fff, #f2f3f6);*/
    z-index: -1;
}

.header.fix
{
    background-color: #fff;
    border-bottom: 1px solid #f2f3f6;
    /*background-image: linear-gradient(180deg, #fff, #f2f3f6);*/
}

.header.transparent
{
    color: #090909;
    background: transparent;
    border-bottom: 1px solid transparent;
    padding-top: 0;
}

.header.transparent a
{
    color: #090909;
}

.header.transparent .text-box 
{
    background-color: transparent;
    border-color: #090909;
}

.header.transparent .avatar 
{
    background-color: transparent;
    border-color: #090909;
}

.header.transparent .button
{
    color: #fff;
    border: 1px solid #090909;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #090909;
    box-shadow: 0 0 0 1px #090909;
    /* box-shadow: inset 0 -4px 0 0 #090909; */
    background-color: #090909;
}

.header.clear
{
    background: transparent;
    border-bottom: 1px solid transparent;
}

.header.fix-color
{
    color: #090909;
    background-color: #fff;
    border-bottom: 1px solid #f2f3f6;
    /*background-image: linear-gradient(180deg, #fff, #f2f3f6);*/
}

.header.fix-color a
{
    color: #090909;
}

.header.fix-color .text-box
{
    border-color: #090909;
}

.header.fix-color .avatar 
{
    border: 2px solid #090909;
}

.header.fix-color .button
{
    color: #fff;
    border: 1px solid #090909;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #090909;
    box-shadow: 0 0 0 1px #090909;
    /* box-shadow: inset 0 -4px 0 0 #090909; */
    background-color: #090909;
}

.header.transparent.fix-color
{
    padding-top: 0;
}

.header.reset
{
    background: transparent;
}

.header.reset.transparent
{
    background: transparent;
}

.header.fix 
{
    position: relative;
    float: left;
    display: block;
    width: 100%;
}

.header.fix.transparent 
{
    transition: background-color .3s ease, opacity .2s linear;
}

.header .content
{
    display: flex;
    line-height: 75px;
}

.html-desktop .header a:hover
{
    color: #2c5779;
}

.html-desktop .header a:hover .text-box
{
    border-color: #2c5779;
}

.html-desktop .header a:hover .avatar
{
    border-color: #2c5779;
}

.html-desktop .header .button:hover 
{
    color: #fff;
    border: 1px solid #2c5779;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #2c5779;
    box-shadow: 0 0 0 1px #2c5779;
    /* box-shadow: inset 0 -4px 0 0 #2c5779; */
    background-color: #2c5779;
}

.header .logotipo 
{
    color: #090909;
}

.header .menu-item.menu-active, 
.header .menu-item.menu-active a.menu-link, 
.header .menu-item.menu-active .menu-link
{
    color: #2c5779;
}

.html-desktop .header .menu-item.menu-active:active, 
.html-desktop .header .menu-item.menu-active a.menu-link:active, 
.html-desktop .header .menu-item.menu-active .menu-link:active, 
.html-desktop .header .menu-item.menu-active:hover, 
.html-desktop .header .menu-item.menu-active a.menu-link:hover, 
.html-desktop .header .menu-item.menu-active .menu-link:hover
{
    color: #2c5779;
}

.header .menu-item.menu-active .text-box, 
.header .menu-item.menu-active a.menu-link .text-box, 
.header .menu-item.menu-active .menu-link .text-box
{
    border-color: #2c5779;
}

.header .menu-item.menu-active.avatar, 
.header .menu-item.menu-active a.menu-link.avatar, 
.header .menu-item.menu-active .menu-link .avatar
{
    border: 2px solid #2c5779;
}

.template-home .header
{
    background-color: #fff;
    border-bottom: 1px solid #f2f3f6;
}

/*
.template-home .header .header-background
{
    background-image: linear-gradient(180deg, #fff, #f2f3f6);
}
*/

.template-home .header.fix
{
    background-color: #fff;
    border-bottom: 1px solid #f2f3f6;
    /*background-image: linear-gradient(180deg, #fff, #f2f3f6);*/
}

.template-home .header.transparent
{
    color: #fff;
    background: transparent;
    border-bottom: 1px solid transparent;
    padding-top: 20px;
}

.template-home .header.transparent a
{
    color: #fff;
}

.template-home .header.transparent .text-box 
{
    background-color: transparent;
    border-color: #fff;
}

.template-home .header.transparent .avatar 
{
    background-color: transparent;
    border-color: #fff;
}

.template-home .header.clear
{
    background: transparent;
    border-bottom: 1px solid transparent;
}

.template-home .header.fix-color
{
    color: #090909;
    background-color: #fff;
    border-bottom: 1px solid #f2f3f6;
    /*background-image: linear-gradient(180deg, #fff, #f2f3f6);*/
}

.template-home .header.fix-color a
{
    color: #090909;
}

.template-home .header.fix-color .text-box
{
    border-color: #090909;
}

.template-home .header.fix-color .avatar 
{
    border: 2px solid #090909;
}

.template-home .header .button, 
.template-home .header.fix-color .button
{
    color: #fff;
    border: 1px solid #090909;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #090909;
    box-shadow: 0 0 0 1px #090909;
    /* box-shadow: inset 0 -4px 0 0 #090909; */
    background-color: #090909;
}

/*
.template-home .header.fix-color .avatar
{
    border-color: #090909;
}
*/

.template-home .header.transparent.fix-color
{
    padding-top: 0;
}

.template-home .header.reset
{
    background: transparent;
}

.template-home .header.reset.transparent
{
    background: transparent;
}

.html-desktop .template-home .header a:hover 
{
    color: #2c5779;
}

.html-desktop .template-home .header a:hover .text-box
{
    border-color: #2c5779;
}

.html-desktop .template-home .header a:hover .avatar
{
    border: 2px solid #2c5779;
}

.html-desktop .template-home .header .button:hover 
{
    color: #fff;
    border: 1px solid #2c5779;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #2c5779;
    box-shadow: 0 0 0 1px #2c5779;
    /* box-shadow: inset 0 -4px 0 0 #2c5779; */
    background-color: #2c5779;
}

.template-home .header .logotipo 
{
    color: #090909;
}

.template-home .header.transparent .logotipo 
{
    color: #fff;
}

.html-desktop .template-home .header.transparent a:hover 
{
    color: #090909;
}

.html-desktop .template-home .header.transparent a:hover .text-box
{
    border-color: #090909;
}

.html-desktop .template-home .header.transparent a:hover .avatar
{
    border: 2px solid #090909;
}

.html-desktop .template-home .header.transparent .button:hover 
{
    color: #090909;
    border: 1px solid #92f7b6;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #92f7b6;
    box-shadow: 0 0 0 1px #92f7b6;
    /* box-shadow: inset 0 -4px 0 0 #92f7b6; */
    background-color: #92f7b6;
}

.template-home .header.fix-color .logotipo 
{
    color: #090909;
}

nav, 
.nav, 
.drop, 
.concertina, 
.down
{  
    color: inherit;
    display: none;
}

.navig-wrap 
{
    position: relative;
    display: inline-block;
    vertical-align: middle;  
}

.navig-wrap .label
{
    float: none;
    display: inline-block;
    margin-right: 8px;
}

.navig-wrap .navig
{
    float: none;
    display: inline-block;
}

.navig-wrap .navig-link
{
    float: none;
}

/*
.root.open .header .navig-link
{
    color: #090909;
}
*/

/*
.root input[id="navig-navigation"]:checked ~ .header .navig-link
{
    color: #090909;
}
*/

.navig-wrap .navig-label
{
    display: block;
    cursor: pointer;
}

.root .navig-wrap .navig-label.etiquette:before 
{
    content: "";
    position: fixed;
    padding: 0;
    margin: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 75px;
    display: none;
    cursor: default;
    background: transparent;
    /*background-clip: padding-box;*/
    /*background: url('../media/overlay-init.png');*/
    background: rgba(255,255,255,.65);
    background-size: 100%;
    /*-moz-background-size: 100%;*/
    /*-webkit-background-size: 100%;*/
    background-repeat: repeat;   
}

.root.open .navig-wrap .navig-label.etiquette:before 
{
    display: block;
    z-index: 1;
}

.root input[id="navig-navigation"]:checked ~ .header .navig-label.etiquette:before 
{
    /*display: block;*/
    z-index: 1;
}

.root .navig-wrap .navig-label.etiquette:after 
{
    content: "";
    position: fixed;
    padding: 0;
    margin: 0;
    top: 75px;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    cursor: default;
    background: transparent;
    /*background-clip: padding-box;*/
    /*background: url('../media/overlay-init.png');*/
    background: rgba(255,255,255,.65);
    background-size: 100%;
    /*-moz-background-size: 100%;*/
    /*-webkit-background-size: 100%;*/
    background-repeat: repeat;
}

.root.open .navig-wrap .navig-label.etiquette:after 
{
    display: block;
    z-index: 1;
}

.root input[id="navig-navigation"]:checked ~ .header .navig-label.etiquette:after
{
    /*display: block;*/
    z-index: 1;
}

.root.open .navig-wrap .navig-label .icon-caret-menu, 
.root.open .navig-wrap .navig-label .icon-caret
{
    transform: rotate(180deg);
}

.root input[id="navig-navigation"]:checked ~ .header .navig-label .icon-caret-menu, 
.root input[id="navig-navigation"]:checked ~ .header .navig-label .icon-caret
{
    transform: rotate(180deg);
}

.menu-content
{
    display: inline-block;
}

.menu-item
{
    position: relative;
    display: inline-block;
    width: auto;
    margin-right: 14px;
    vertical-align: super;
}

.menu-item.menu-active, 
.menu-item.menu-active a.menu-link, 
.menu-item.menu-active .menu-link
{
    color: #2c5779;
}

.html-desktop .menu-item.menu-active:active, 
.html-desktop .menu-item.menu-active a.menu-link:active, 
.html-desktop .menu-item.menu-active .menu-link:active, 
.html-desktop .menu-item.menu-active:hover, 
.html-desktop .menu-item.menu-active a.menu-link:hover, 
.html-desktop .menu-item.menu-active .menu-link:hover
{
    color: #2c5779;
}

.menu-item:last-child
{
    margin-right: 0;
}

.root .accordion-wrap
{
    color: #090909;
    background-color: transparent;
    border-style: solid;
    border-width: 1px;
    border-color: #e5e5e5;
    -webkit-box-shadow: 0 0 0 1px #e5e5e5;
    box-shadow: 0 0 0 1px #e5e5e5;
    border-radius: 5px;
    padding: 0.6em 0.6em;
    display: block;   
    width: 100%;
}

.root .accordion-item 
{
    padding: 0;
    text-align: left;
}

.root .accordion-item .accordion
{
    position: relative;
    display: block;
    width: 100%;
}

.root .accordion-item .accordion .accordion-itens
{
    border-width: 0;
    border-style: solid;
    border-top-width: 0;
    border-bottom-width: 1px;
    padding-bottom: 6px;
    margin-left: 3.5em;
    border-color: #e3e3e3;
}

.root .accordion-item:last-child .accordion .accordion-itens
{
    border-color: transparent;
}

.root .accordion-item .accordion-link
{
    float: none;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

.root .accordion-item .accordion-link .accordion-label 
{
    position: relative;
    display: block;
    cursor: pointer;
    padding: 16px 0 0 16px;
}

.root .accordion-item .accordion-label
{
    cursor: pointer;
}

.root .accordion-item .menu-arrow
{
    position: absolute;
    top: 12px;
    left: 0;
    font-size: 2.1875em;
    height: 1em;
    width: 0.2em;
    margin-left: -12px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-left: 1px solid transparent;
    background: transparent;    
}

.root .accordion-item.accordion-active .menu-arrow 
{
    background-color: #2c5779;
}

.root .accordion-item .icon
{
    position: absolute;
    top: 15px;
    left: 0;
    width: 2em;
    height: 2em;    
}

.root .accordion-item .icon-caret 
{
    position: absolute;
    top: 30px;
    right: 0;
}

.root .accordion-item .icon .badge
{
    top: -2px;
    right: -2px;
}

.root .accordion-item .icon .icon-svg
{
    width: 2em;
    height: 2em;
    vertical-align: initial;
}

.root .accordion-item .icon .avatar-button 
{
    width: 2em;
    height: 2em;
    vertical-align: initial;
}

.root .accordion-item .icon .avatar, 
.root .accordion-item .icon .image-avatar 
{
    width: 2em;
    height: 2em;
}

.root .accordion-item .text
{
    display: block;
    height: auto;
    line-height: normal;
    /*margin-left: 2.5em;*/
    width: 100%;
    max-width: 100%;
    margin: 0.3em 0;
}

.root .accordion-item .icon-caret 
{
    margin-left: 0;
    margin-right: 16px;
}

.root .accordion-item .longdivider 
{
    border-width: 0;
    border-style: solid;
    border-top-width: 0;
    border-bottom-width: 1px;
    padding-bottom: 6px;
    margin-left: 2.5em;
    border-color: #e5e5e5;
    /*-webkit-box-shadow: 0 1px 0 0 #e5e5e5;*/
    /*box-shadow: 0 1px 0 0 #e5e5e5;*/
}

.root .accordion-item:last-child .longdivider
{
    border-color: transparent;
    -webkit-box-shadow: 0 1px 0 0 transparent;
    box-shadow: 0 1px 0 0 transparent;    
}

.root .accordion-scrollable 
{
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;    
    display: block;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;  
}

/*
.root .accordion-item .text
{
    color: #090909;
}
*/

/*
.root .accordion-item a
{
    color: #090909;
}
*/

.root .accordion-item p .link
{
    vertical-align: initial;
    text-decoration: underline;
}

.html-desktop .root .accordion-item p .link:hover
{
    text-decoration: underline;
}

.html-desktop .root .accordion-item a:active,
.html-desktop .root .accordion-item a:hover
{
    color: #2c5779;
}

/*
.root .accordion-item .link
{
    color: #090909;
}

.html-desktop .root .accordion-item .link:active,
.html-desktop .root .accordion-item .link:hover,
.html-desktop .root .accordion-item .link:active .text,
.html-desktop .root .accordion-item .link:hover .text
{
    color: #03BC64;
}

.root .accordion-item .icon-svg path, 
.root .accordion-item .icon-svg g 
{
    fill: #090909;
}

.html-desktop .root .accordion-item .link:active .icon-svg path, 
.html-desktop .root .accordion-item .link:active .icon-svg g,
.html-desktop .root .accordion-item .link:hover .icon-svg path, 
.html-desktop .root .accordion-item .link:hover .icon-svg g 
{
    fill: #03BC64;
}

.root .accordion-item.accordion-active .text
{
    color: #03BC64;
}

.html-desktop .root .accordion-item.accordion-active a:active,
.html-desktop .root .accordion-item.accordion-active a:hover
{
    color: #03BC64;
}

.root .accordion-item.accordion-active .link
{
    color: #03BC64;
}
*/

.html-desktop .root .accordion-item.accordion-active .link:active,
.html-desktop .root .accordion-item.accordion-active .link:hover
{
    color: #2c5779;
}

/*
.root .accordion-item.accordion-active .icon-svg path, 
.root .accordion-item.accordion-active .icon-svg g 
{
    fill: #03BC64;
}
*/

.root .accordion-item .no-border
{
    border: none;
    border-color: transparent;
}

/*
.root .accordion.open .accordion-link .accordion-label .icon-svg path, 
.root .accordion.open .accordion-link .accordion-label .icon-svg g
{
    fill: #03BC64;
}

.root .accordion.open .accordion-link .accordion-label .text
{
    color: #03BC64;
}
*/

.root .accordion.open .accordion-link .accordion-label .icon-caret 
{
    transform: rotate(180deg);
}

/*
.root .accordion input[type=checkbox]:checked ~ .accordion-link .accordion-label .icon-svg path, 
.root .accordion input[type=checkbox]:checked ~ .accordion-link .accordion-label .icon-svg g
{
    fill: #03BC64;
}

.root .accordion input[type=checkbox]:checked ~ .accordion-link .accordion-label .text
{
    color: #03BC64;
}
*/

.root .accordion-item.accordion-active .accordion-link
{
    color: #2c5779;
}

.root .accordion.open .accordion-link .accordion-label, 
.root .accordion input[type=checkbox]:checked ~ .accordion-link .accordion-label
{
    color: #2c5779;
}

.root .accordion-list .accordion-item .accordion-link
{
 color: inherit;
}

.root .accordion-list .accordion-item .accordion-link.accordion-active
{
    color: #2c5779;
}

.root .accordion input[type=checkbox]:checked ~ .accordion-link .accordion-label .icon-caret
{
    transform: rotate(180deg);
}

.root .accordion-item .accordion.open .accordion-link .accordion-label .longdivider
{
    border-color: transparent;
    -webkit-box-shadow: 0 1px 0 0 transparent;
    box-shadow: 0 1px 0 0 transparent;    
}

.root .accordion-item .accordion input[type=checkbox]:checked ~ .accordion-link .accordion-label .longdivider
{
    border-color: transparent;
    -webkit-box-shadow: 0 1px 0 0 transparent;
    box-shadow: 0 1px 0 0 transparent;      
}

.root .accordion .concertina
{
    position: relative;
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
    display: none;
    animation-name: fadeout;
    animation-duration: .2s;
    animation-timing-function: ease-in;
    animation-fill-mode: backwards;
}

.root .accordion.open .concertina
{
    display: block;
    animation-name: fadein;
    animation-duration: .2s;
    animation-timing-function: ease-in;
    animation-fill-mode: backwards;    
}

.root .accordion input[type=checkbox]:checked ~ .concertina
{
    display: block;
    animation-name: fadein;
    animation-duration: .2s;
    animation-timing-function: ease-in;
    animation-fill-mode: backwards;    
}

/*
.root .accordion .concertina .accordion-list
{
    border-width: 0;
    border-style: solid;
    border-top-width: 0;
    border-bottom-width: 1px;
    padding-bottom: 6px;
    margin-left: 2.5em;
    border-color: #e5e5e5;
    -webkit-box-shadow: 0 1px 0 0 #e5e5e5;
    box-shadow: 0 1px 0 0 #e5e5e5;
}
*/

.root .accordion-item:last-child .concertina .accordion-list
{
    border-color: transparent;
    -webkit-box-shadow: 0 1px 0 0 transparent;
    box-shadow: 0 1px 0 0 transparent;    
}

.root .accordion .concertina .accordion-list .accordion-item 
{
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    padding-right: 16px;
    padding-left: 0;
}

.html-desktop .root .accordion .concertina .accordion-list .accordion-item:hover
{
    background-color: transparent;
}

.navig-wrap .navig-item
{
  position: relative;  
}

.root.open .navig-wrap .navig-item
{
    color: #2c5779;
    z-index: 1;
}

.root input[id="navig-navigation"]:checked ~ .header .navig-item
{
    color: #2c5779;
    z-index: 1;
}

.navig-wrap .navig-item .text
{
    display: inline-block;
}

.navig-wrap .navig-item .navig-arrow
{
    display: none;
}

.navig-wrap .navig-item .navig-arrow:before 
{
    content: "";
    position: absolute;
    bottom: 1px;
    left: calc(50% - 14px);
    width: 0;    
    border-width: 10px;
    border-top: 10px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 10px solid #dadce0;
    border-left: 15px solid transparent;
}

.navig-wrap .navig-item .navig-arrow:after 
{
    content: "";
    position: absolute;
    bottom: 1px;
    left: calc(50% - 14px);
    width: 0;    
    border-width: 10px;
    border-top: 10px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 10px solid #dadce0;
    border-left: 15px solid transparent;
}

.root.open .navig-wrap .navig-label .navig-arrow
{
    display: block;
}

.root input[id="navig-navigation"]:checked ~ .header .navig-label .navig-arrow
{
    display: block;
}

.nav
{
    float: none;
    display: block;
}

.root.open .nav
{
    display: block;
}

.root input[id="navig-navigation"]:checked ~ .nav
{
    display: block;
}

.navig
{
    float: none;
    display: block;
}

.nav .navig-header .logotipo 
{
    color: #090909;
}

.nav .navig-content
{
    position: fixed;
    top: 0;
    right: -520px;
    bottom: 0;
    left: auto;
    width: 100%;
    min-width: 280px;
    max-width: 320px;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
    /*-webkit-transition: -webkit-transform .2s ease 0s;*/
    /*transition: -webkit-transform .2s ease 0s;*/
    /*-moz-transition: transform .2s ease 0s,-moz-transform .2s ease 0s;*/
    /*transition: transform .2s ease 0s;*/
    /*transition: transform .2s ease 0s,-webkit-transform .2s ease 0s,-moz-transform .2s ease 0s;*/
    /*-webkit-transform: translateX(100%);*/
    /*-moz-transform: translateX(100%);*/
    /*transform: translateX(100%);*/
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out; 
    color: #090909;   
    background-color: #f2f3f6;
    border-left: 1px solid #e3e3e3;   
    z-index: 6;
}

.nav .navig-content.right
{
    right: -520px;        
    left: auto;
    border-left: 1px solid #f2f3f6;
} 

.nav .navig-content.left
{
    right: auto;        
    left: -520px;
    border-right: 1px solid #f2f3f6;
}

.root.open .nav .navig-content.rigth
{
    right: 0;        
    left: auto;    
    /*-webkit-transform: translateX(0%);*/
    /*-moz-transform: translateX(0%);*/
    /*transform: translateX(0%);*/
}

.root input[id="navig-navigation"]:checked ~ .nav .navig-content.rigth
{
    right: 0;        
    left: auto;    
    /*-webkit-transform: translateX(0%);*/
    /*-moz-transform: translateX(0%);*/
    /*transform: translateX(0%);*/
}

.root.open .nav .navig-content.left
{
    right: auto;        
    left: 0;  
    /*-webkit-transform: translateX(0%);*/
    /*-moz-transform: translateX(0%);*/
    /*transform: translateX(0%);*/
}

.root input[id="navig-navigation"]:checked ~ .nav .navig-content.left
{
    right: auto;        
    left: 0;    
    /*-webkit-transform: translateX(0%);*/
    /*-moz-transform: translateX(0%);*/
    /*transform: translateX(0%);*/
}

.nav .navig-content .navig-header
{
    border-bottom: 1px solid #e3e3e3;
}

.nav .navig-content .navig-header .content
{
    display: flex;
    height: 75px;
    line-height: 75px;
}

.nav .navig-content .navig-header .logotipo
{
    margin-bottom: 0;
}

.nav .navig-content .navig-header .content .navig-link
{
    float: none;
    /*height: 75px;*/
    /*line-height: 75px;*/    
}

.nav .navig-content .navig-header .content .navig-label
{
    cursor: pointer;
}

.nav .navig-content .navig-header .content .navig-link.navig-close
{
    position: relative;
    display: inline-block;
    float: none;
    cursor: pointer;
    width: 20px;
    height: 20px;
    line-height: 17px;
    text-align: center; 
    z-index: 7;   
}

.nav .navig-content .navig-footer
{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    height: 75px;
    border-top: 1px solid #e3e3e3;
}

.nav .navig-content .navig-footer ul 
{
    display: block;
    width: 100%;
    padding-top: 6px;
}

.nav .navig-content .navig-close .navig-item 
{
    padding: 0;
}

.nav .navig-content .navig-item .navig-link
{
    position: relative;
    float: none;
    display: block;
    width: 100%;
    margin: 0;
    padding: 16px 0 0 16px;
}

.nav .navig-content .navig-item .navig-link .navig-label 
{
    display: block;
    cursor: pointer;
}

.nav .navig-content .navig-item .navig-label
{
    cursor: pointer;
}

.nav .navig-content .navig-item .menu-arrow
{
    position: absolute;
    top: 13px;
    left: 0;
    font-size: 2.1875em;
    height: 1em;
    width: 0.2em;
    /*margin-left: -16px;*/
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-left: 1px solid transparent;
    background: transparent;    
}

.nav .navig-content .navig-item.navig-active .menu-arrow 
{
    background-color: #2c5779;
}

.nav .navig-content .navig-item .icon
{
    position: absolute;
    width: 2em;
    height: 2em;    
}

.nav .navig-content .navig-item .icon .badge
{
    top: -2px;
    right: -2px;
}

.nav .navig-content .navig-item .icon .icon-svg
{
    width: 2em;
    height: 2em;
    vertical-align: initial;
}

.nav .navig-content .navig-item .icon .avatar 
{
    width: 2em;
    height: 2em;
    border: 2px solid #090909;
    vertical-align: initial;
}

.html-desktop .nav .navig-content .navig-item .navig-link:hover .icon .avatar
{
    border: 2px solid #2c5779;
}

.nav .navig-content .navig-item .text
{
    display: block;
    height: 2em;
    line-height: 2em;
    /*margin-left: 2.5em;*/
    max-width: 230px;
}

.nav .navig-content .navig-item .small
{
    display: block;
    height: 1.3em;
    line-height: 1.3em;
    /*margin-left: 2.5em;*/
    max-width: 230px;
    font-size: 0.8em;
    opacity: 1 !important;     
}

.nav .navig-content .navig-item .icon-caret 
{
    margin-left: 0;
    margin-right: 16px;
}

.nav .navig-content .navig-item .longdivider 
{
    border-width: 0;
    border-style: solid;
    border-top-width: 0;
    border-bottom-width: 1px;
    padding-bottom: 12px;
    margin-left: 2.5em;
    border-color: #e3e3e3;
}

.nav .navig-content .navig-item:last-child .longdivider
{
    border-color: transparent;
}

.nav .navig-content .navig-scrollable 
{
    position: absolute;
    top: 75px;
    right: 0;
    bottom: 75px;
    left: 0;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.nav .navig-content 
{
    display: block;
    width: 100%;
}

/*
.nav .navig-content .navig-item .text
{
    color: #090909;
}

.nav .navig-content .navig-item a
{
    color: #090909;
}

.html-desktop .nav .navig-content .navig-item a:active,
.html-desktop .nav .navig-content .navig-item a:hover
{
    color: #03BC64;
}

.nav .navig-content .navig-item .link
{
    color: #090909;
}

.html-desktop .nav .navig-content .navig-item .link:active,
.html-desktop .nav .navig-content .navig-item .link:hover,
.html-desktop .nav .navig-content .navig-item .link:active .text,
.html-desktop .nav .navig-content .navig-item .link:hover .text
{
    color: #03BC64;
}
*/

.nav .navig-content .navig-item .icon-svg path, 
.nav .navig-content .navig-item .icon-svg g 
{
    fill: currentColor;
}

/*
.html-desktop .nav .navig-content .navig-item .link:active .icon-svg path, 
.html-desktop .nav .navig-content .navig-item .link:active .icon-svg g,
.html-desktop .nav .navig-content .navig-item .link:hover .icon-svg path, 
.html-desktop .nav .navig-content .navig-item .link:hover .icon-svg g 
{
    fill: #03BC64;
}

.html-desktop .nav .navig-content .navig-item .link:active .avatar,
.html-desktop .nav .navig-content .navig-item .link:hover .avatar
{
    border: 2px solid #03BC64;
}

.nav .navig-content .navig-item.navig-active .text
{
    color: #03BC64;
}

.html-desktop .nav .navig-content .navig-item.navig-active a:active,
.html-desktop .nav .navig-content .navig-item.navig-active a:hover
{
    color: #03BC64;
}

.nav .navig-content .navig-item.navig-active .navig-link
{
    color: #03BC64;
}

.html-desktop .nav .navig-content .navig-item.navig-active .link:active,
.html-desktop .nav .navig-content .navig-item.navig-active .link:hover
{
    color: #03BC64;
}

.nav .navig-content .navig-item.navig-active .icon-svg path, 
.nav .navig-content .navig-item.navig-active .icon-svg g 
{
    fill: #03BC64;
}
*/

.nav .navig-content .navig-item.navig-active a 
{
   color: #2c5779;
}

.nav .navig-content .navig-item.navig-active a .text-box
{
    border-color: #2c5779;
}

.nav .navig-content .navig-item.navig-active a .avatar
{
    border: 2px solid #2c5779;
}

.nav .navig-content .navig-item.navig-active a .avatar img
{
    width: 100%;
    height: 100%;
}

.nav .navig-content .navig-item .no-border
{
    border: none;
    border-color: transparent;
}

.nav .navig-content .accordion-wrap
{       
    border-color: transparent;
    padding: 0.6em 1.6em;
}

.nav .navig-content .concertina .accordion-list .accordion-item 
{
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    padding-right: 16px;
    padding-left: 0;
    margin-left: 0.1em;
    border-bottom: 1px solid #e3e3e3;
}

.nav .navig-content .accordion-list .accordion-item:last-child
{
    border-bottom: 0;
}

.nav .navig-content .accordion-scrollable 
{
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;    
    display: block;
    width: 100%;
    min-height: 105px;
    max-height: 15vh;
    overflow-x: hidden;
    overflow-y: auto;  
}

/*
.nav .navig-content .accordion-item .accordion-link .accordion-label 
{
    padding: 0;
}
*/

.nav .navig-content .accordion-item .menu-arrow
{
    top: -2px;
    margin-left: -16px;   
}

.nav .navig-content .accordion-item .icon
{
    position: absolute;
    top: 15px;
    left: 16px;
    width: 2em;
    height: 2em;
}

.nav .navig-content .accordion-item .icon-caret
{
    position: absolute;
    top: 30px;
    right: 0;
}

.nav .navig-content .accordion-item.accordion-active .menu-arrow 
{
    background-color: #2c5779;
}

.nav .navig-content .accordion-item .longdivider 
{
    border-color: #e3e3e3;
    -webkit-box-shadow: 0 1px 0 0 transparent;
    box-shadow: 0 1px 0 0 transparent;    
}

.nav .navig-content .accordion-item .text
{
    /*color: #090909;*/
    line-height: 2em;
    margin: 0;
}

/*
.nav .navig-content .accordion-item a
{
    color: #090909;
}
*/

.html-desktop .nav .navig-content .accordion-item a:active,
.html-desktop .nav .navig-content .accordion-item a:hover
{
    color: #2c5779;
}

/*
.nav .navig-content .accordion-item .link
{
    color: #090909;
}

.html-desktop .nav .navig-content .accordion-item .link:active,
.html-desktop .nav .navig-content .accordion-item .link:hover,
.html-desktop .nav .navig-content .accordion-item .link:active .text,
.html-desktop .nav .navig-content .accordion-item .link:hover .text
{
    color: #03BC64;
}
*/

.nav .navig-content .accordion-item .icon-svg path, 
.nav .navig-content .accordion-item .icon-svg g 
{
    fill: currentColor;
}

/*
.html-desktop .nav .navig-content .accordion-item .link:active .icon-svg path, 
.html-desktop .nav .navig-content .accordion-item .link:active .icon-svg g,
.html-desktop .nav .navig-content .accordion-item .link:hover .icon-svg path, 
.html-desktop .nav .navig-content .accordion-item .link:hover .icon-svg g 
{
    fill: #03BC64;
}

.nav .navig-content .accordion-item.accordion-active .text
{
    color: #03BC64;
}

.html-desktop .nav .navig-content .accordion-item.accordion-active a:active,
.html-desktop .nav .navig-content .accordion-item.accordion-active a:hover
{
    color: #03BC64;
}

.nav .navig-content .accordion-item.accordion-active .link
{
    color: #03BC64;
}
*/

.nav .navig-content .accordion-item.accordion-active .accordion-link
.nav .navig-content .accordion-item .accordion-link.accordion-active
{
    color: #2c5779;
}

/*
.nav .navig-content .accordion.open .accordion-link .accordion-label, 
.nav .navig-content .accordion input[type=checkbox]:checked ~ .accordion-link .accordion-label
{
    color: #03BC64;
}
*/

.html-desktop .nav .navig-content .accordion-item.accordion-active .link:active,
.html-desktop .nav .navig-content .accordion-item.accordion-active .link:hover
{
    color: #2c5779;
}

.html-desktop .nav .navig-content .accordion-item .link.accordion-active:active, 
.html-desktop .nav .navig-content .accordion-item .link.accordion-active:hover
{
    color: #2c5779;
}

/*
.nav .navig-content .accordion-item.accordion-active .icon-svg path, 
.nav .navig-content .accordion-item.accordion-active .icon-svg g 
{
    fill: #03BC64;
}

.nav .navig-content .accordion.open .accordion-link .accordion-label .icon-svg path, 
.nav .navig-content .accordion.open .accordion-link .accordion-label .icon-svg g
{
    fill: #03BC64;
}

.nav .navig-content .accordion.open .accordion-link .accordion-label .text
{
    color: #03BC64;
}

.nav .navig-content .accordion input[type=checkbox]:checked ~ .accordion-link .accordion-label .icon-svg path, 
.nav .navig-content .accordion input[type=checkbox]:checked ~ .accordion-link .accordion-label .icon-svg g
{
    fill: #03BC64;
}

.nav .navig-content .accordion input[type=checkbox]:checked ~ .accordion-link .accordion-label .text
{
    color: #03BC64;
}
*/

.nav .navig-content .accordion.open .accordion-link .accordion-label, 
.nav .navig-content .accordion input[type=checkbox]:checked ~ .accordion-link .accordion-label
{
    color: #2c5779;
}

.nav .navig-content .accordion .concertina .accordion-list
{
    border-color: #e3e3e3;
    -webkit-box-shadow: 0 1px 0 0 transparent;
    box-shadow: 0 1px 0 0 transparent;    
}

.dropdown-wrap 
{
    display: inherit;
    width: 100%;
    vertical-align: middle;
    margin: 0;
    padding: 0;    
}

/*
.dropdown-wrap .row .column
{
    min-height: 48px;
    line-height: 48px;
}
*/

.dropdown-wrap .label
{
    float: left;
    display: inline-block;
    margin-right: 8px;
}

.dropdown-wrap .dropdown
{
    float: left;
    display: block;
    width: 100%;
}

.dropdown-wrap .dropdown-link
{
    float: left;
    display: block;
    width: 100%;
}

.dropdown-click .dropdown-wrap .dropdown.open .dropdown-link, 
.dropdown-click .dropdown-wrap .dropdown.open .dropdown-label, 
.dropdown-click .dropdown-wrap .dropdown input[type=checkbox]:checked ~ .dropdown-link, 
.dropdown-click .dropdown-wrap .dropdown input[type=checkbox]:checked ~ .dropdown-label
{
    color: #2c5779;
}

.dropdown-click .dropdown-wrap .dropdown.open .dropdown-link .text-box, 
.dropdown-click .dropdown-wrap .dropdown input[type=checkbox]:checked ~ .dropdown-link .text-box
{
    border-color: #2c5779;
}

.dropdown-click .dropdown-wrap .dropdown.open .dropdown-link .dropdown-label .dropdown-item .avatar, 
.dropdown-click .dropdown-wrap .dropdown input[type=checkbox]:checked ~ .dropdown-link .dropdown-label .dropdown-item .avatar
{
    border: 2px solid #2c5779;
}

.dropdown-hover:hover
{
    cursor: pointer;
}

.dropdown-hover:hover .dropdown-wrap .dropdown.dropdown-link, 
.dropdown-hover:hover .dropdown-wrap .dropdown .dropdown-label
{
    color: #2c5779;
}

.dropdown-hover:hover .dropdown-wrap .dropdown .dropdown-link .text-box
{
    border-color: #2c5779;
}

.dropdown-hover:hover .dropdown-wrap .dropdown .dropdown-link .dropdown-label .dropdown-item .avatar
{
    border: 2px solid #2c5779;
}

.dropdown-wrap .dropdown-label
{
    display: block;
    cursor: pointer;
    /*vertical-align: middle;*/
}

.dropdown-wrap .dropdown-link .dropdown-label.etiquette:before 
{
    content: "";
    position: fixed;
    padding: 0;
    margin: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    cursor: default;
    background: transparent;
    /*background-clip: padding-box;*/
    /*background: url('../media/overlay-init.png');*/
    background: rgba(255,255,255,.65);
    background-size: 100%;
    /*-moz-background-size: 100%;*/
    /*-webkit-background-size: 100%;*/
    background-repeat: repeat;   
}

.dropdown-click .dropdown-wrap .dropdown.open .dropdown-link .dropdown-label.etiquette:before, 
.dropdown-click .dropdown-wrap .dropdown input[type=checkbox]:checked ~ .dropdown-link .dropdown-label.etiquette:before 
{
    display: block;
    z-index: 1;
}

/*
.dropdown-hover:hover .dropdown-wrap .dropdown .dropdown-link .dropdown-label.etiquette:before
{
    display: none;
    z-index: 1;
}
*/

.dropdown-wrap .dropdown-link .dropdown-label.etiquette:after 
{
    content: "";
    position: fixed;
    padding: 0;
    margin: 0;
    top: 75px;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    cursor: default;
    background: transparent;
    /*background-clip: padding-box;*/
    /*background: url('../media/overlay-init.png');*/
    background: rgba(255,255,255,.65);
    background-size: 100%;
    /*-moz-background-size: 100%;*/
    /*-webkit-background-size: 100%;*/
    background-repeat: repeat;
}

.dropdown-click .dropdown-wrap .dropdown.open .dropdown-link .dropdown-label.etiquette:after, 
.dropdown-click .dropdown-wrap .dropdown input[type=checkbox]:checked ~ .dropdown-link .dropdown-label.etiquette:after
{
    display: none;
    z-index: 1;
}

.dropdown-click .dropdown-wrap .dropdown.open .dropdown-link .dropdown-label .icon-caret-menu, 
.dropdown-click .dropdown-wrap .dropdown.open .dropdown-link .dropdown-label .icon-caret, 
.dropdown-click .dropdown-wrap .dropdown input[type=checkbox]:checked ~ .dropdown-link .dropdown-label .icon-caret-menu, 
.dropdown-click .dropdown-wrap .dropdown input[type=checkbox]:checked ~ .dropdown-link .dropdown-label .icon-caret
{
    transform: rotate(180deg);
}

/*
.dropdown-hover:hover .dropdown-wrap .dropdown .dropdown-link .dropdown-label.etiquette:after
{
    display: none;
    z-index: 1;
}
*/

.dropdown-hover:hover .dropdown-wrap .dropdown .dropdown-link .dropdown-label .icon-caret-menu, 
.dropdown-hover:hover .dropdown-wrap .dropdown .dropdown-link .dropdown-label .icon-caret
{
    transform: rotate(180deg);
}

.dropdown-wrap .dropdown-link .dropdown-label .dropdown-item
{
  position: relative;
  width: 100%;
  padding: 0 0px;
}

.dropdown-wrap .dropdown-link .dropdown-label .dropdown-item .link
{
  position: relative;  
  display: block;
  width: 100%;
}

.dropdown-click .dropdown-wrap .dropdown.open .dropdown-link .dropdown-label .dropdown-item, 
.dropdown-click .dropdown-wrap .dropdown input[type=checkbox]:checked ~ .dropdown-link .dropdown-label .dropdown-item
{
    z-index: 1;
}

.dropdown-hover:hover .dropdown-wrap .dropdown .dropdown-link .dropdown-label .dropdown-item
{
    z-index: 1;
}

.dropdown-wrap .dropdown-link .dropdown-label .dropdown-item .text
{
    display: inline-block;
}

.dropdown-wrap .dropdown .dropdown-arrow
{
    display: none;
}

.dropdown-wrap .dropdown .dropdown-arrow:before 
{
    content: "";
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -14px;
    width: 0;    
    border-width: 10px;
    border-top: 10px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 10px solid #f2f3f6;
    border-left: 15px solid transparent;
    z-index: 7;
}

.dropdown-wrap .dropdown .dropdown-arrow:after 
{
    content: "";
    position: absolute;
    bottom: -1px;
    left: 50%;
    margin-left: -14px;
    width: 0;    
    border-width: 10px;
    border-top: 10px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 10px solid #f2f3f6;
    border-left: 15px solid transparent;
    z-index: 7;
}

.dropdown-click .dropdown-wrap .dropdown.open .dropdown-arrow, 
.dropdown-click .dropdown-wrap .dropdown input[type=checkbox]:checked ~ .dropdown-arrow
{
    display: block;
}

.dropdown-hover:hover .dropdown-wrap .dropdown .dropdown-arrow
{
    display: block;
}

.drop .dropdown-content .dropdown-no-itens, 
.drop .dropdown-content .dropdown-no-search
{
  position: relative;
  width: 100%;
  padding: 1em;
  text-align: center;
}

.drop .dropdown-content .dropdown-no-search
{
    color: firebrick;
}

.drop
{
    display: none;
    animation-name: fadeout;
    animation-duration: .2s;
    animation-timing-function: ease-in;
    animation-fill-mode: backwards;    
}

.dropdown-click .dropdown-wrap .dropdown.open .drop, 
.dropdown-click .dropdown-wrap .dropdown input[type=checkbox]:checked ~ .drop
{
    display: block;
    animation-name: fadein;
    animation-duration: .2s;
    animation-timing-function: ease-in;
    animation-fill-mode: backwards;    
}

.dropdown-hover:hover .dropdown-wrap .dropdown .drop
{
    display: block;
    animation-name: fadein;
    animation-duration: .2s;
    animation-timing-function: ease-in;
    animation-fill-mode: backwards;    
}

.dropdown
{
    float: left;
    display: inline-block;
}

.drop .dropdown-content
{
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    min-width: 280px;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
    -webkit-transition: -webkit-transform .2s ease 0s;
    transition: -webkit-transform .2s ease 0s;
    -moz-transition: transform .2s ease 0s,-moz-transform .2s ease 0s;
    transition: transform .2s ease 0s;
    transition: transform .2s ease 0s,-webkit-transform .2s ease 0s,-moz-transform .2s ease 0s;
    /*-webkit-transform: translateX(100%);*/
    /*-moz-transform: translateX(100%);*/
    /*transform: translateX(100%);*/
    background-color: #f2f3f6;
    z-index: 6;
}

.drop .dropdown-content.full
{
    position: fixed;
    top: 75px;
    right: 0;
    bottom: 0;
    left: 0;
}

.template-home .dropdown-hover .drop .dropdown-content.full
{
    top: 94px;
}

.drop .dropdown-content.center
{
    right: auto;
    left: 50%;
    margin-left: -140px;
} 

.drop .dropdown-content.full.center, 
.drop .dropdown-content.center.full
{
    right: 0;        
    left: 0;
    margin: 0;
}

.drop .dropdown-content.right
{
    right: -15px;        
    left: auto;
} 

.drop .dropdown-content.full.right, 
.drop .dropdown-content.right.full
{
    right: 0;        
    left: auto;
} 

.drop .dropdown-content.left
{
    right: auto;        
    left: -15px;
}

.drop .dropdown-content.full.left, 
.drop .dropdown-content.left.full
{
    right: auto;        
    left: 0;
}

.drop .dropdown-content.center.right
{
    right: auto;
    left: 50%;
    margin-left: -140px;
} 

.drop .dropdown-content.full.center.right, 
.drop .dropdown-content.center.right.full
{
    right: 0;        
    left: 0;
    margin: 0;
}

.drop .dropdown-content .dropdown-bar
{
    display: block;
    width: 100%;
    height: 2px;
    background-color: #090909;
    display: none;
}

.drop .dropdown-content .dropdown-header
{
    display: none;
    background-color: transparent;
    border-top: 1px solid #f2f3f6;
    border-bottom: 1px solid transparent;
}

.drop .dropdown-content.full .dropdown-header
{
    display: block;
}

.drop .dropdown-content .dropdown-search
{
    display: none;
}

.drop .dropdown-content.full.with-search .dropdown-search
{
    display: block;
}

.drop .dropdown-content .dropdown-header .content
{
    display: flex;
    height: 73px;
    line-height: 73px;
    padding: 0;
    margin: 0;
    text-align: left;
    margin: 0 5% !important;
}

.drop .dropdown-content .dropdown-header .content .title-content
{
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    height: initial;
    line-height: normal;
}

.drop .dropdown-content .dropdown-header .content .title-content .dropdown-title
{
    display: block;
    width: 100%;
    height: initial;
    line-height: normal;
}

.drop .dropdown-content .dropdown-header .content .title-content .dropdown-subtitle
{
    display: block;
    width: 100%;
    height: initial;
    line-height: normal;
    color: #ccc;
}

.drop .dropdown-content .dropdown-header .content .title-content .dropdown-title .text, 
.drop .dropdown-content .dropdown-header .content .title-content .dropdown-subtitle .text
{
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
}

.drop .dropdown-content .dropdown-header .content, 
.drop .dropdown-content .dropdown-header .content a, 
.drop .dropdown-content .dropdown-header .content label 
{
    color: #090909;
}

.drop .dropdown-content .dropdown-search .content
{
    display: flex;
    height: 73px;
    line-height: 73px;
    padding: 0;
    margin: 0;
    text-align: left;
    margin: 0 5% !important;
}

.drop .dropdown-content .dropdown-search .content .field
{
    max-width: 370px;
}

.drop .dropdown-content .dropdown-header .content .dropdown-link
{
    float: left;
    height: 73px;
    line-height: 73px;    
}

.drop .dropdown-content .dropdown-header .content .dropdown-label
{
    cursor: pointer;
}

.drop .dropdown-content .dropdown-header .content .dropdown-close
{
    position: relative;
    display: inline-block;
    float: none;
    cursor: pointer;
    width: 20px;
    height: 20px;
    line-height: 17px;
    text-align: center; 
    z-index: 7;   
}

.drop .dropdown-content .dropdown-header .content, 
.drop .dropdown-content .dropdown-header .content a, 
.drop .dropdown-content .dropdown-header .content label 
{
    color: #090909;
}

.drop .dropdown-content .dropdown-itens
{
    position: absolute;
    top: -1px;
    right: 0;
    bottom: auto;
    left: 0;
    color: #090909;
    background-color: #fff;
    border: 1px solid #dadce0;
    border-radius: 5px 0 0 5px;
    height: auto;
    line-height: normal;
    padding: 0;
    /*min-width: 230px;*/
}

.drop .dropdown-content .dropdown-itens .text-box
{
    padding: 0;
    border-radius: 0;
    border-color: #f2f3f6;    
}

.drop .dropdown-content.full .dropdown-itens
{
    position: absolute;
    top: 75px;
    right: 0;
    bottom: 0;
    left: 0;
    border: 0;
    background-color: transparent;
    margin: 0 5% !important;
}

.drop .dropdown-content.full.with-search .dropdown-itens
{
    top: 149px;   
}

.drop .dropdown-content .dropdown-itens.border
{
    border-style: solid;
    border-width: 0.1px;
    border-radius: 5px 0 0 5px;
    border-color: #dadce0;
    background-color: #fff;
}

.drop .dropdown-content.with-footer .dropdown-itens
{
    bottom: 95px;
}

.drop .dropdown-content.no-with-footer .dropdown-itens
{
    bottom: auto;
}

.drop .dropdown-content.full.no-with-footer .dropdown-itens, 
.drop .dropdown-content.no-with-footer.full .dropdown-itens
{
    bottom: 35px;
}

.drop .dropdown-content .dropdown-itens .text-box .field
{
    margin-top: 0;
    margin-bottom: 0;
}

.drop .dropdown-content .dropdown-itens .text-box .field .fieldset
{
    padding: 0;
}

.drop .dropdown-content .dropdown-itens .select-list
{
    margin: 0;
    padding: 6px 0;
}

.drop .dropdown-content .dropdown-itens .select-list .select-list-option
{
    display: block;
    width: 100%;
    /*white-space: nowrap;*/
    cursor: pointer;
    padding: 12px;
}

/*
.html-desktop .drop .dropdown-content .dropdown-itens .select-list .select-list-option:hover
{
    color: #fff;
    background-color: #090909;
}
*/

.drop .dropdown .dropdown-content .dropdown-item:hover > a label
{
    color: #fff;
    background-color: #090909;
    text-decoration: none; 
}

.drop .dropdown-content .dropdown-itens .select-list .select-list-option.selected, 
.html-desktop .drop .dropdown-content .dropdown-itens .select-list .select-list-option.selected
{
    color: #090909;
    background-color: #f2f3f6;
}

.drop .dropdown-content .dropdown-footer
{
    display: none; 
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: transparent;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.drop .dropdown-content.full .dropdown-footer
{
    display: block;
}

.drop .dropdown-content .dropdown-footer .content
{
    display: flex;
    /*height: 75px;*/
    /*line-height: 75px;*/
    margin: 0 5% !important;
}

.drop .dropdown-content .dropdown-footer ul 
{
    display: block;
    width: 100%;
    padding-top: 6px;
}

.drop .dropdown-content.no-with-footer .dropdown-footer
{
    display: none;
}

.drop .dropdown-content .dropdown-item 
{
    position: static;
    display: block;
    width: 100%;
    color: #090909;
    border-bottom: 1px solid #f2f3f6;
}

.drop .dropdown-content .dropdown-item:last-child
{
    border-bottom: 0;
}

.drop .dropdown-content .dropdown-close .dropdown-item 
{
    padding: 0;
}

.drop .dropdown-content .dropdown-item .dropdown-link
{
    float: none;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

.drop .dropdown-content .dropdown-item .link
{
    display: block;
    width: 100%;
    /*padding: 0.9em 1.6em;*/
}

/*
.drop .dropdown-content.full .dropdown-item .link
{
    padding: 0.9em 0;
}
*/

.drop .dropdown-content .dropdown-item .dropdown-label
{
    cursor: pointer;
}

.drop .dropdown-content .dropdown-item .menu-arrow
{
    position: absolute;
    top: -2px;
    left: 0;
    font-size: 2.1875em;
    height: 1em;
    width: 0.2em;
    margin-left: -16px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-left: 1px solid transparent;
    background: transparent;    
}

.drop .dropdown-content .dropdown-item.dropdown-active .menu-arrow 
{
    background-color: #f2f3f6;
}

.drop .dropdown-content .dropdown-item .icon
{
    position: relative;
    width: 2em;
    height: 2em;    
}

.drop .dropdown-content .dropdown-item .icon .badge
{
    top: -2px;
    right: -2px;
}

.drop .dropdown-content .dropdown-item .icon .icon-svg
{
    width: 2em;
    height: 2em;
    vertical-align: initial;
}

.drop .dropdown-content .dropdown-item .text
{
    display: block;
    height: 2em;
    line-height: 2em;
    /*margin-left: 2.5em;*/
    max-width: 230px;
}

.drop .dropdown-content .dropdown-item span.txt
{
    display: inline;
    height: auto;
    margin-left: 5px;
    vertical-align: middle;
}

.drop .dropdown-content .dropdown-item .longdivider 
{
    border-width: 0;
    border-style: solid;
    border-top-width: 0;
    border-bottom-width: 1px;
    padding-bottom: 6px;
    margin-left: 2.5em;
    border-color: #f2f3f6;
}

.drop .dropdown-content .dropdown-item:last-child .longdivider
{
    border-color: transparent;
}

.drop .dropdown-content .dropdown-scrollable, 
.drop .dropdown .dropdown-content .dropdown-item.dropdown-submenu .drop .dropdown-content .dropdown-scrollable 
{
    position: static;
    min-height: initial;
    max-height: 30vh;
    overflow-x: hidden;
    overflow-y: auto;
}

.drop .dropdown-content.full .dropdown-scrollable, 
.drop .dropdown .dropdown-content.full .dropdown-item.dropdown-submenu .drop .dropdown-content .dropdown-scrollable
{
    position: static;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.drop .dropdown-content.full.with-search .dropdown-scrollable
{
    border-radius: 5px 0 0 5px;
}

.drop .dropdown-content .dropdown-scrollable .content 
{
    display: block;
    height: auto;
    line-height: normal;
    padding: 0;
    margin: 0;
    text-align: left;     
}

.drop .dropdown-content .dropdown-scrollable .content.select-list 
{
    padding: 6px 0;
}

/*
.drop .dropdown-content .dropdown-scrollable .content.select-list .link
{
    padding: 0.9em 0.9em;
}

.drop .dropdown-content.full .dropdown-scrollable .content.select-list .link
{
    padding: 0.9em 1.6em;
}
*/

.html-desktop .drop .dropdown-content .dropdown-scrollable .content.select-list .link:hover
{
    color: #090909;
    background-color: #f2f3f6;
    text-decoration: none;
}

.drop .dropdown-content .dropdown-scrollable .content.select-list .dropdown-active .link
{
    color: #fff;
    background-color: #090909;
}

.drop .dropdown-content .dropdown-item a
{
    color: #090909;
}

.drop .dropdown-content .dropdown-item a .text-box
{
    border-color: #090909;
}

.drop .dropdown-content .dropdown-item a .avatar
{
    border-color: #090909;
}

.html-desktop .drop .dropdown-content .dropdown-item a:hover
{
    color: #2c5779;
}

.html-desktop .drop .dropdown-content .dropdown-item a:hover .text-box
{
    border-color: #2c5779;
}

.html-desktop .drop .dropdown-content .dropdown-item a:hover .avatar
{
    border-color: #2c5779;
}

.drop .dropdown-content .dropdown-item.dropdown-active a
{
    color: #2c5779;
}

.drop .dropdown-content .dropdown-item.dropdown-active a .text-box
{
    border-color: #2c5779;
}

.drop .dropdown-content .dropdown-item.dropdown-active a .avatar
{
    border-color: #2c5779;
}

.html-desktop .drop .dropdown-content .dropdown-item.dropdown-active a:hover
{
    color: #2c5779;
}

.html-desktop .drop .dropdown-content .dropdown-item.dropdown-active a:hover .text-box
{
    border-color: #2c5779;
}

.html-desktop .drop .dropdown-content .dropdown-item.dropdown-active a:hover .avatar
{
    border-color: #2c5779;
}

.drop .dropdown-content .dropdown-item button, 
.drop .dropdown-content .dropdown-item .button 
{
    color: #fff;
    border: 1px solid #090909;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #090909;
    box-shadow: 0 0 0 1px #090909;
    background-color: #090909;
}

.html-desktop .drop .dropdown-content .dropdown-item button:hover, 
.html-desktop .drop .dropdown-content .dropdown-item .button:hover 
{
    color: #fff;
    border: 1px solid #2c5779;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #2c5779;
    box-shadow: 0 0 0 1px #2c5779;
    background-color: #2c5779;
}

.drop .dropdown-content .dropdown-item .button-link 
{
    color: #090909;
    border: 1px solid #090909;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #090909;
    box-shadow: 0 0 0 1px #090909;
    background-color: transparent;
}

.html-desktop .drop .dropdown-content .dropdown-item .button-link:hover
{
    color: #2c5779;
    border: 1px solid #2c5779;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #2c5779;
    box-shadow: 0 0 0 1px #2c5779;
    background-color: transparent;
}

/*
.drop .dropdown-content .control-box input:focus 
{
    border: 1px solid #090909;
}

.dropdown-content .control-box .icon .icon-svg path, 
.dropdown-content .control-box .icon .icon-svg g 
{
    fill: #090909;
}

.drop .dropdown-content .dropdown-item.dropdown-active, 
.drop .dropdown-content .dropdown-item.dropdown-active a, 
.html-desktop .drop .dropdown-content .dropdown-item.dropdown-active a:hover
{
    color: #090909;
}
*/

/*
.html-desktop .drop .dropdown-content .dropdown-item a:active,
.html-desktop .drop .dropdown-content .dropdown-item a:hover
{
    color: #03BC64;
}

.drop .dropdown-content .dropdown-item .link
{
    color: #090909;
}

.html-desktop .drop .dropdown-content .dropdown-item .link:active,
.html-desktop .drop .dropdown-content .dropdown-item .link:hover, 
.html-desktop .drop .dropdown-content .dropdown-item .link:active .text,
.html-desktop .drop .dropdown-content .dropdown-item .link:hover .text
{
    color: #03BC64;
}

.drop .dropdown-content .dropdown-item .icon-svg path, 
.drop .dropdown-content .dropdown-item .icon-svg g 
{
    fill: #090909;
}

.html-desktop .drop .dropdown-content .dropdown-item .link:active .icon-svg path, 
.html-desktop .drop .dropdown-content .dropdown-item .link:active .icon-svg g,
.html-desktop .drop .dropdown-content .dropdown-item .link:hover .icon-svg path, 
.html-desktop .drop .dropdown-content .dropdown-item .link:hover .icon-svg g 
{
    fill: #03BC64;
}

.drop .dropdown-content .dropdown-item.dropdown-active .text
{
    color: #03BC64;
}

.html-desktop .drop .dropdown-content .dropdown-item.dropdown-active a:active,
.html-desktop .drop .dropdown-content .dropdown-item.dropdown-active a:hover
{
    color: #03BC64;
}
*/

.drop .dropdown-content .dropdown-item.dropdown-active .link
{
    /*color: #03BC64;*/
    background-color: transparent;
}

/*
.html-desktop .drop .dropdown-content .dropdown-item.dropdown-active .link:active,
.html-desktop .drop .dropdown-content .dropdown-item.dropdown-active .link:hover
{
    color: #03BC64;
}

.drop .dropdown-content .dropdown-item.dropdown-active .icon-svg path, 
.drop .dropdown-content .dropdown-item.dropdown-active .icon-svg g 
{
    fill: #03BC64;
}
*/

.drop .dropdown-content .dropdown-item .no-border
{
    border: none;
    border-color: transparent;
}

.drop .dropdown .dropdown-content .dropdown-item > .drop
{
    display: none;
}

.drop .dropdown .dropdown-content .dropdown-item.dropdown-submenu:hover > .drop
{
    display: block;
}

.drop .dropdown .dropdown-content .dropdown-item.dropdown-submenu .drop .dropdown-content
{
    position: absolute;
    top: auto; 
    bottom: auto;
    width: 70%;
    margin-left: 100%;
    z-index: 1002;
}

.drop .dropdown .dropdown-content.left .dropdown-item.dropdown-submenu .drop .dropdown-content, 
.drop .dropdown .dropdown-content.center .dropdown-item.dropdown-submenu .drop .dropdown-content 
{
    margin-top: -54px;
} 

.drop .dropdown .dropdown-content.right .dropdown-item.dropdown-submenu .drop .dropdown-content, 
.drop .dropdown .dropdown-content.center.right .dropdown-item.dropdown-submenu .drop .dropdown-content
{
    margin-top: -54px;
    margin-left: -100%;
}

.drop .dropdown .dropdown-content.full .dropdown-item.dropdown-submenu .drop .dropdown-content, 
.drop .dropdown .dropdown-content.full.left .dropdown-item.dropdown-submenu .drop .dropdown-content, 
.drop .dropdown .dropdown-content.full.right .dropdown-item.dropdown-submenu .drop .dropdown-content, 
.drop .dropdown .dropdown-content.full.center.right .dropdown-item.dropdown-submenu .drop .dropdown-content
{
    top: -1px;
    left: auto; 
    bottom: -1px;
    right: 0;
    margin-top: 0;
    margin-left: 30%;
    margin-right: -1px;
}

.drop .dropdown .dropdown-content .dropdown-item.dropdown-submenu .drop .dropdown-content .dropdown-itens
{
    margin: 0 !important;
}

.drop .dropdown .dropdown-content.full .dropdown-item.dropdown-submenu .drop .dropdown-content .dropdown-itens
{
    top: 0;
    bottom: 0;
}

.selectdown-wrap 
{
    /*position: relative;*/
    display: inherit;
    width: 100%;
    vertical-align: middle;
    margin: 0;
    padding: 0;
}

/*
.selectdown-wrap .row .column
{
    min-height: 48px;
    line-height: 48px;
}
*/

.selectdown-wrap .label
{
    float: left;
    display: inline-block;
    margin-right: 8px;
}

.selectdown-wrap .selectdown
{
    float: left;
    display: block;
    width: 100%;
}

.selectdown-wrap .selectdown-link
{
    float: left;
    display: block;
    width: 100%;
}

.selectdown-wrap .selectdown.open .selectdown-link, 
.selectdown-wrap .selectdown.open .selectdown-label
{
    color: #2c5779;
}

.selectdown-wrap .selectdown input[type=checkbox]:checked ~ .selectdown-link, 
.selectdown-wrap .selectdown input[type=checkbox]:checked ~ .selectdown-label
{
    color: #2c5779;
}

/*
.html-desktop .selectdown-wrap .selectdown .selectdown-link:active .text-box, 
.html-desktop .selectdown-wrap .selectdown .selectdown-link:hover .text-box
{
    border-color: #090909;
}
*/

.selectdown-wrap .selectdown.open .selectdown-link .text-box, 
.selectdown-wrap .selectdown input[type=checkbox]:checked ~ .selectdown-link .text-box
{
    border-color: #2c5779;
}

/*
.html-desktop .selectdown-wrap .selectdown .selectdown-link:active .selectdown-label .selectdown-item .avatar, 
.html-desktop .selectdown-wrap .selectdown .selectdown-link:hover .selectdown-label .selectdown-item .avatar
{
    border: 2px solid #090909;
}
*/

.selectdown-wrap .selectdown.open .selectdown-link .selectdown-label .selectdown-item .avatar, 
.selectdown-wrap .selectdown input[type=checkbox]:checked ~ .selectdown-link .selectdown-label .selectdown-item .avatar
{
    border: 2px solid #2c5779;
}

.selectdown-wrap .selectdown-label
{
    display: block;
    cursor: pointer;
    padding: 15px;
}

.selectdown-wrap .selectdown-link .selectdown-label.etiquette:before 
{
    content: "";
    position: fixed;
    padding: 0;
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;    
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    cursor: default;
    background: transparent;
    /*background-clip: padding-box;*/
    /*background: url('../media/overlay-init.png');*/
    background: rgba(255,255,255,.65);
    background-size: 100%;
    /*-moz-background-size: 100%;*/
    /*-webkit-background-size: 100%;*/
    background-repeat: repeat;   
}

.selectdown-wrap .selectdown.open .selectdown-link .selectdown-label.etiquette:before 
{
    display: block;
    z-index: 5;
}

.selectdown-wrap .selectdown input[type=checkbox]:checked ~ .selectdown-link .selectdown-label.etiquette:before 
{
    display: block;
    z-index: 5;
}

.selectdown-wrap .selectdown-link .selectdown-label.etiquette:after 
{
    content: "";
    position: fixed;
    padding: 0;
    margin: 0;
    top: 75px;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    cursor: default;
    background: transparent;
    /*background-clip: padding-box;*/
    /*background: url('../media/overlay-init.png');*/
    background: rgba(255,255,255,.65);
    background-size: 100%;
    /*-moz-background-size: 100%;*/
    /*-webkit-background-size: 100%;*/
    background-repeat: repeat;
}

.selectdown-wrap .selectdown.open .selectdown-link .selectdown-label.etiquette:after 
{
    display: none;
    z-index: 1;
}

.selectdown-wrap .selectdown input[type=checkbox]:checked ~ .selectdown-link .selectdown-label.etiquette:after
{
    display: none;
    z-index: 1;
}

.selectdown-wrap .selectdown.open .selectdown-link .selectdown-label .icon-caret-menu, 
.selectdown-wrap .selectdown.open .selectdown-link .selectdown-label .icon-caret
{
    transform: rotate(180deg);
}

.selectdown-wrap .selectdown input[type=checkbox]:checked ~ .selectdown-link .selectdown-label .icon-caret-menu, 
.selectdown-wrap .selectdown input[type=checkbox]:checked ~ .selectdown-link .selectdown-label .icon-caret
{
    transform: rotate(180deg);
}

.selectdown-wrap .selectdown-link .selectdown-label .selectdown-item
{
  position: relative;  
  width: 100%;
  /*padding: 0 24px;*/
}

.selectdown-wrap .selectdown-link .selectdown-label .selectdown-item .link
{
  position: relative;  
  display: block;
  width: 100%;
}

.selectdown-wrap .selectdown.open .selectdown-link .selectdown-label .selectdown-item
{
    z-index: 6;
}

.selectdown-wrap .selectdown input[type=checkbox]:checked ~ .selectdown-link .selectdown-label .selectdown-item
{
    z-index: 6;
}

.selectdown-wrap .selectdown-link .selectdown-label .selectdown-item .text
{
    display: inline-block;    
}

.selectdown-wrap .selectdown .selectdown-arrow
{
    display: none;
}

.selectdown-wrap .selectdown .selectdown-arrow:before 
{
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -14px;
    width: 0;    
    border-width: 10px;
    border-top: 10px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 10px solid #dadce0;
    border-left: 15px solid transparent;
}

.selectdown-wrap .selectdown .selectdown-arrow:after 
{
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -14px;
    width: 0;    
    border-width: 10px;
    border-top: 10px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 10px solid #dadce0;
    border-left: 15px solid transparent;
}

.selectdown-wrap .selectdown.open .selectdown-arrow
{
    display: block;
}

.selectdown-wrap .selectdown input[type=checkbox]:checked ~ .selectdown-arrow
{
    display: block;
}

.down
{
    display: none;
    animation-name: fadeout;
    animation-duration: .0s;
    animation-timing-function: ease-in;
    animation-fill-mode: backwards;    
}

.selectdown-wrap .selectdown.open .down
{
    display: block;
    animation-name: fadein;
    animation-duration: .0s;
    animation-timing-function: ease-in;
    animation-fill-mode: backwards;    
}

.selectdown-wrap .selectdown input[type=checkbox]:checked ~ .down
{
    display: block;
    animation-name: fadein;
    animation-duration: .0s;
    animation-timing-function: ease-in;
    animation-fill-mode: backwards;    
}

.selectdown
{
    float: left;
    display: inline-block;
}

.down .selectdown-content
{
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    min-width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
    -webkit-transition: -webkit-transform .2s ease 0s;
    transition: -webkit-transform .2s ease 0s;
    -moz-transition: transform .2s ease 0s,-moz-transform .2s ease 0s;
    transition: transform .2s ease 0s;
    transition: transform .2s ease 0s,-webkit-transform .2s ease 0s,-moz-transform .2s ease 0s;
    /*-webkit-transform: translateX(100%);*/
    /*-moz-transform: translateX(100%);*/
    /*transform: translateX(100%);*/
    background-color: #fff;
    z-index: 7;
}

.down .selectdown-content.full
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.down .selectdown-content.center
{
    right: auto;        
    left: calc(-50% - 15px);
} 

.down .selectdown-content.right
{
    right: -15px;        
    left: auto;
} 

.down .selectdown-content.full.right, 
.down .selectdown-content.right.full
{
    right: 0;        
    left: auto;
} 

.down .selectdown-content.left
{
    right: auto;        
    left: -15px;
}

.down .selectdown-content.full.left, 
.down .selectdown-content.left.full
{
    right: auto;        
    left: 0;
}

.drop .selectdown-content .selectdown-bar
{
    display: block;
    width: 100%;
    height: 2px;
    background-color: #090909;
    display: none;
}

.down .selectdown-content .selectdown-header
{
    display: none;
    background-color: transparent;
    border-top: 1px solid #f2f3f6;
    border-bottom: 1px solid transparent;
}

.down .selectdown-content.full .selectdown-header
{
    display: block;
}

.down .selectdown-content .selectdown-field
{
    display: block;
}

.down .selectdown-content.full .selectdown-field 
{
    display: block;
    position: absolute;
    top: 75px;
    right: 0;
    bottom: auto;
    left: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    z-index: 1;
}

.down .selectdown-content.full .selectdown-field .control-box input
{
    height: auto;
    line-height: initial;   
    border-style: solid;
    border-width: 0.1px;
    border-color: #dadce0;    
    background-color: #fff;
    /* -webkit-box-shadow: 0 3px 6px 0 rgb(255 255 255 / 16%); */
    /* box-shadow: 0 3px 6px 0 rgb(255 255 255 / 16%); */
    border-radius: 5rem 5rem 5rem 5rem;
    padding: 0.9em 3.6em 0.9em 1.6em;
}

.down .selectdown-content.full .selectdown-field .control-box input:focus 
{
    border: 1px solid #090909;
}

.down .selectdown-content.full .selectdown-field .control-box .icon
{
    display: inline-flex;
}

.down .selectdown-content .selectdown-header .content
{
    display: flex;
    height: 73px;
    line-height: 73px;
    padding: 0;
    margin: 0;
    text-align: left;    
    margin: 0 5% !important;
}

.down .selectdown-content .selectdown-header .content .title-content
{
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    height: initial;
    line-height: normal;
}

.down .selectdown-content .selectdown-header .content .title-content .selectdown-title
{
    display: block;
    width: 100%;
    height: initial;
    line-height: normal;
}

.down .selectdown-content .selectdown-header .content .title-content .selectdown-title .text
{
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
}

.down .selectdown-content .selectdown-header .content .title-content .selectdown-subtitle
{
    display: block;
    width: 100%;
    height: initial;
    line-height: normal;
    color: #ccc;
}

.down .selectdown-content .selectdown-header .content, 
.down .selectdown-content .selectdown-header .content a, 
.down .selectdown-content .selectdown-header .content label 
{
    color: #090909;
}

.down .selectdown-content .selectdown-field .content
{
    display: flex;
    height: 48px;
    line-height: 48px;
    padding: 0;
    margin: 0;
    text-align: left;
    margin: 0 24px !important;
}

.down .selectdown-content.full .selectdown-field .content
{
    height: 73px;
    line-height: 73px;
    margin: 0 5% !important;
}

.down .selectdown-content .selectdown-field .content .field
{
    max-width: 370px;
}

.down .selectdown-content .selectdown-header .content .selectdown-link
{
    float: left;
    height: 73px;
    line-height: 73px;    
}

.down .selectdown-content .selectdown-header .content .selectdown-label
{
    cursor: pointer;
}

.down .selectdown-content .selectdown-header .content .selectdown-close
{
    position: relative;
    display: inline-block;
    float: none;
    cursor: pointer;
    width: 20px;
    height: 20px;
    line-height: 17px;
    text-align: center; 
    z-index: 7;   
}

.down .selectdown-content .selectdown-header .content .selectdown-close .selectdown-label
{
    padding: 0;
}

.down .selectdown-content .selectdown-header .content, 
.down .selectdown-content .selectdown-header .content a, 
.down .selectdown-content .selectdown-header .content label 
{
    color: #090909;
}

.down .selectdown-content .selectdown-itens
{
    position: absolute;
    top: 5px;
    right: 0;
    bottom: auto;
    left: 0;
    color: #090909;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #e5e5e5;
    box-shadow: 0 0 0 1px #e5e5e5;
    height: auto;
    line-height: normal;
    padding: 0;
    min-width: auto;
}

.down .selectdown-content .selectdown-itens .text-box
{
    padding: 0;
    border-radius: 0;
    border-color: #f2f3f6;    
}

.down .selectdown-content.full .selectdown-itens
{
    position: absolute;
    top: 149px;
    right: 0;
    bottom: 0;
    left: 0;
    border: 0;
    background-color: transparent;
    margin: 0 5% !important;    
}

.down .selectdown-content.full.with-search .selectdown-itens
{
    top: 149px;   
}

.down .selectdown-content .selectdown-itens.border
{
    border-style: solid;
    border-width: 0.1px;
    border-radius: 5px 0 0 5px;
    border-color: #dadce0;
    background-color: #fff;
}

.down .selectdown-content.with-footer .selectdown-itens
{
    bottom: 95px;
}

.down .selectdown-content.no-with-footer .selectdown-itens
{
    bottom: auto;
}

.down .selectdown-content.full.no-with-footer .selectdown-itens, 
.down .selectdown-content.no-with-footer.full .selectdown-itens
{
    bottom: 35px;
}

.down .selectdown-content .selectdown-itens .text-box .field
{
    margin-top: 0;
    margin-bottom: 0;
}

.down .selectdown-content .selectdown-itens .text-box .field .fieldset
{
    padding: 0;
}

.down .selectdown-content .selectdown-itens .select-list
{
    margin: 0;
    padding: 6px 0;
}

.down .selectdown-content .selectdown-itens .select-list .select-list-option
{
    display: block;
    width: 100%;
    /*white-space: nowrap;*/
    cursor: pointer;
    padding: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: clip;
    text-overflow: ellipsis;
    text-overflow: "…";    
}

.down .selectdown-content .selectdown-itens .select-list .select-list-option .highlighted-icon
{
    display: inline-block;
    height: 25px;
    vertical-align: middle;
}

.down .selectdown-content .selectdown-itens .select-list .select-list-option svg
{
    display: inline-block;
    height: 25px;
    margin-right:  10px;
    vertical-align: middle;
}

.html-desktop .down .selectdown-content .selectdown-itens .select-list .select-list-option:hover
{
    color: #fff;
    background-color: #090909;
}

.down .selectdown-content .selectdown-itens .select-list .select-list-option.selected, 
.html-desktop .down .selectdown-content .selectdown-itens .select-list .select-list-option.selected
{
    color: #090909;
    background-color: #f2f3f6;
}

.down .selectdown-content .selectdown-footer
{
    display: none; 
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: transparent;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.down .selectdown-content.full .selectdown-footer
{
    display: block;
}

.down .selectdown-content .selectdown-footer .content
{
    display: flex;
    /*height: 75px;*/
    /*line-height: 75px;*/
    margin: 0 5% !important;
}

.down .selectdown-content .selectdown-footer ul 
{
    display: block;
    width: 100%;
    padding-top: 6px;
}

.down .selectdown-content.no-with-footer .selectdown-footer
{
    display: none;
}

.down .selectdown-content .selectdown-item 
{
    display: block;
    width: 100%;
}

.down .selectdown-content .selectdown-close .selectdown-item 
{
    padding: 0;
}

.down .selectdown-content .selectdown-item .selectdown-link
{
    float: none;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

.down .selectdown-content .selectdown-item .link
{
    display: block;
    width: 100%;
    /*padding: 0.9em 1.6em;*/
}

/*
.down .selectdown-content.full .selectdown-item .link
{
    padding: 0.9em 0;
}
*/

.down .selectdown-content .selectdown-item .selectdown-label
{
    cursor: pointer;
}

.down .selectdown-content .selectdown-item .menu-arrow
{
    position: absolute;
    top: -2px;
    left: 0;
    font-size: 2.1875em;
    height: 1em;
    width: 0.2em;
    margin-left: -16px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-left: 1px solid transparent;
    background: transparent;    
}

.down .selectdown-content .selectdown-item.selectdown-active .menu-arrow 
{
    background-color: #f2f3f6;
}

.down .selectdown-content .selectdown-item .icon
{
    position: absolute;
    width: 2em;
    height: 2em;    
}

.down .selectdown-content .selectdown-item .icon .badge
{
    top: -2px;
    right: -2px;
}

.down .selectdown-content .selectdown-item .icon .icon-svg
{
    width: 2em;
    height: 2em;
    vertical-align: initial;
}

.down .selectdown-content .selectdown-item .text
{
    display: block;
    height: 2em;
    line-height: 2em;
    /*margin-left: 2.5em;*/
    max-width: 230px;
}

.down .selectdown-content .selectdown-item span.txt
{
    display: inline;
    height: auto;
    margin-left: 5px;
    vertical-align: middle;
}

.down .selectdown-content .selectdown-item .longdivider 
{
    border-width: 0;
    border-style: solid;
    border-top-width: 0;
    border-bottom-width: 1px;
    padding-bottom: 6px;
    margin-left: 2.5em;
    border-color: #f2f3f6;
}

.down .selectdown-content .selectdown-item:last-child .longdivider
{
    border-color: transparent;
}

.down .selectdown-content .selectdown-scrollable 
{
    position: relative;
    min-height: initial;
    max-height: 30vh;
    overflow-x: hidden;
    overflow-y: auto;
}

.down .selectdown-content.full .selectdown-scrollable
{
    position: relative;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.down .selectdown-content.full.with-search .selectdown-scrollable
{
    border-radius: 5px 0 0 5px;
}

.down .selectdown-content .selectdown-scrollable .content 
{
    display: block;
    height: auto;
    line-height: normal;
    padding: 0;
    margin: 0;
    text-align: left;     
}

.down .selectdown-content .selectdown-scrollable .content.select-list 
{
    padding: 6px 0;
}

/*
.down .selectdown-content .selectdown-scrollable .content.select-list .link
{
    padding: 0.9em 0.9em;
}

.down .selectdown-content.full .selectdown-scrollable .content.select-list .link
{
    padding: 0.9em 1.6em;
}
*/

.html-desktop .down .selectdown-content .selectdown-scrollable .content.select-list .link:hover
{
    color: #090909;
    background-color: #f2f3f6;
    text-decoration: none;
}

.down .selectdown-content .selectdown-scrollable .content.select-list .selectdown-active .link
{
    color: #fff;
    background-color: #090909;
}

.down .selectdown-content 
{
    display: block;
    width: 100%;
}

.down .selectdown-content .selectdown-item
{
    color: #090909;
}

.down .selectdown-content .selectdown-item a
{
    color: #090909;
}

.down .selectdown-content .selectdown-item a .text-box
{
    border-color: #090909;
}

.down .selectdown-content .selectdown-item a .avatar
{
    border-color: #090909;
}

.html-desktop .down .selectdown-content .selectdown-item a:hover
{
    color: #2c5779;
}

.html-desktop .down .selectdown-content .selectdown-item a:hover .text-box
{
    border-color: #2c5779;
}

.html-desktop .down .selectdown-content .selectdown-item a:hover .avatar
{
    border-color: #2c5779;
}

.down .selectdown-content .selectdown-item.selectdown-active a
{
    color: #2c5779;
}

.down .selectdown-content .selectdown-item.selectdown-active a .text-box
{
    border-color: #2c5779;
}

.down .selectdown-content .selectdown-item.selectdown-active a .avatar
{
    border-color: #2c5779;
}

.html-desktop .down .selectdown-content .selectdown-item.selectdown-active a:hover
{
    color: #2c5779;
}

.html-desktop .down .selectdown-content .selectdown-item.selectdown-active a:hover .text-box
{
    border-color: #2c5779;
}

.html-desktop .down .selectdown-content .selectdown-item.selectdown-active a:hover .avatar
{
    border-color: #2c5779;
}

.down .selectdown-content .selectdown-item button, 
.down .selectdown-content .selectdown-item .button 
{
    color: #fff;
    border: 1px solid #090909;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #090909;
    box-shadow: 0 0 0 1px #090909;
    background-color: #090909;
}

.html-desktop .down .selectdown-content .selectdown-item button:hover, 
.html-desktop .down .selectdown-content .selectdown-item .button:hover 
{
    color: #fff;
    border: 1px solid #2c5779;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #2c5779;
    box-shadow: 0 0 0 1px #2c5779;
    background-color: #2c5779;
}

.down .selectdown-content .selectdown-item .button-link 
{
    color: #090909;
    border: 1px solid #090909;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #090909;
    box-shadow: 0 0 0 1px #090909;
    background-color: transparent;
}

.html-desktop .down .selectdown-content .selectdown-item .button-link:hover
{
    color: #2c5779;
    border: 1px solid #2c5779;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #2c5779;
    box-shadow: 0 0 0 1px #2c5779;
    background-color: transparent;
}

/*
.down .selectdown-content .control-box input:focus 
{
    border: 1px solid #090909;
}

.selectdown-content .control-box .icon .icon-svg path, 
.selectdown-content .control-box .icon .icon-svg g 
{
    fill: #090909;
}

.down .selectdown-content .selectdown-item.selectdown-active, 
.down .selectdown-content .selectdown-item.selectdown-active a, 
.html-desktop .down .selectdown-content .selectdown-item.selectdown-active a:hover
{
    color: #090909;
}

.html-desktop .down .selectdown-content .selectdown-item a:active,
.html-desktop .down .selectdown-content .selectdown-item a:hover
{
    color: #03BC64;
}

.down .selectdown-content .selectdown-item .link
{
    color: #090909;
}

.html-desktop .down .selectdown-content .selectdown-item .link:active,
.html-desktop .down .selectdown-content .selectdown-item .link:hover, 
.html-desktop .down .selectdown-content .selectdown-item .link:active .text,
.html-desktop .down .selectdown-content .selectdown-item .link:hover .text
{
    color: #03BC64;
}

.down .selectdown-content .selectdown-item .icon-svg path, 
.down .selectdown-content .selectdown-item .icon-svg g 
{
    fill: #090909;
}

.html-desktop .down .selectdown-content .selectdown-item .link:active .icon-svg path, 
.html-desktop .down .selectdown-content .selectdown-item .link:active .icon-svg g,
.html-desktop .down .selectdown-content .selectdown-item .link:hover .icon-svg path, 
.html-desktop .down .selectdown-content .selectdown-item .link:hover .icon-svg g 
{
    fill: #03BC64;
}

.down .selectdown-content .selectdown-item.selectdown-active .text
{
    color: #03BC64;
}

.html-desktop .down .selectdown-content .selectdown-item.selectdown-active a:active,
.html-desktop .down .selectdown-content .selectdown-item.selectdown-active a:hover
{
    color: #03BC64;
}
*/

.down .selectdown-content .selectdown-item.selectdown-active .link
{
    /*color: #03BC64;*/
    background-color: transparent;
}

/*
.html-desktop .down .selectdown-content .selectdown-item.selectdown-active .link:active,
.html-desktop .down .selectdown-content .selectdown-item.selectdown-active .link:hover
{
    color: #03BC64;
}

.down .selectdown-content .selectdown-item.selectdown-active .icon-svg path, 
.down .selectdown-content .selectdown-item.selectdown-active .icon-svg g 
{
    fill: #03BC64;
}
*/

.down .selectdown-content .selectdown-item .no-border
{
    border: none;
    border-color: transparent;
}

.selectdown-wrap .selectdown-link .selectdown-label .selectdown-item .current
{
    display: block;
    width: 100%;
    cursor: pointer;
    outline: none;
}

.selectdown-wrap .selectdown-link .selectdown-label .selectdown-item .current .current-value
{
    display: grid;
}

.selectdown-wrap .selectdown-link .selectdown-label .selectdown-item .current .current-value input[type='checkbox'], 
.selectdown-wrap .selectdown-link .selectdown-label .selectdown-item .current .current-value input[type='radio'] 
{
    height: 0;
    width: 0;
}

.selectdown-wrap .selectdown-link .selectdown-label .selectdown-item .current.current-filter 
{
    position: relative;
    width: 100%;
}

.selectdown-wrap .selectdown-link .selectdown-label .selectdown-item .current .current-value .current-text.void
{
    color: #a0a0a0;
}

.html-desktop .selectdown-wrap .selectdown-link:hover .selectdown-label .selectdown-item .current .current-value .current-text.void
{
    color: #a0a0a0;
}

.selectdown-wrap .selectdown-link .selectdown-label .selectdown-item .current .current-value .current-text
{
    display: none !important;
    max-width: initial;
    height: auto;
    height: auto;
    line-height: initial;
    padding-right: 5px;
    overflow: hidden;  
    white-space: nowrap;
    text-overflow: clip;
    text-overflow: ellipsis;
    text-overflow: "…";      
}

.selectdown-wrap .selectdown-link .selectdown-label .selectdown-item .current .current-value .current-text .highlighted-icon
{
    display: inline-block;
    height: 20px;
}

.selectdown-wrap .selectdown-link .selectdown-label .selectdown-item .current .current-value .current-text svg
{
    display: inline-block;
    height: 20px;
    margin-right: 5px;
    vertical-align: sub;
}

/*
.selectdown-wrap .selectdown-link .selectdown-label .selectdown-item .current .current-value .current-text.checked
{
  display: block !important;
}
*/

.selectdown-wrap .selectdown-link .selectdown-label .selectdown-item .current .current-value .selectdown-radio:checked ~ .current-text 
{
  display: block !important;
}

.selectdown-wrap .selectdown-link .selectdown-label .selectdown-item .select-content
{
    display: none;
}

.selectdown-wrap .selectdown-link .selectdown-label .selectdown-item .current:focus + .select-content 
{
  display: block;
}

.selectdown-wrap .selectdown.open .selectdown-link .selectdown-label .current.current-filter
{
    display: none;
}

.selectdown-wrap .selectdown input[type=checkbox]:checked ~ .selectdown-link .selectdown-label .selectdown-item .current.current-filter
{
    display: none;
}

.selectdown-field
{
    position: absolute;
    top: -48px;
    right: 0;
    bottom: auto;
    left: 0;
    -ms-flex-preferred-size: 86.3%;
    flex-basis: 86.3%;
    width: 86.3%;
    z-index: 1;
}

.selectdown-field .field 
{
    display: block;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
}

.root .capsule-label
{
    padding: 10px 0;
}

.root .capsule 
{
    position: relative;
    float: left;
    display: block;
    width: 100%;
    /*height: 50px;*/
    /*line-height: 50px;*/
}

.root .capsule a
{
    color: #090909;
}

.html-desktop .root .capsule a:hover
{
    color: #090909;
}

.root .capsule-form
{
    max-width: 1024px;
    margin: 0 auto;
}

.root .capsule.capsule-max .capsule-content
{
    float: left;
    display: block;
    width: 100%;
    /*height: 48px;*/
    /*line-height: 48px;*/
}

.root .capsule.capsule-left
{
    background-color: #fff;
    border-style: solid;
    border-width: 0.1px;
    border-color: #dadce0;
    border-right: 0.063rem solid #dadce0;
    -webkit-box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
    border-radius: 5rem 0 0 5rem;          
}

.root .capsule.capsule-left .selectdown-link, 
.root .capsule.capsule-left .selectdown-link .selectdown-item
{
    border-radius: 5rem 0 0 5rem;          
}

/*
.root .capsule.capsule-left .capsule-content
{
    color: #090909;
}
*/

.root .capsule.capsule-item
{
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #e5e5e5;
    box-shadow: 0 0 0 1px #e5e5e5;    
}

.root .capsule.capsule-item.yes-radius
{
    border-radius: 5rem 5rem 5rem 5rem;
}

.root .capsule.capsule-item.no-radius
{
    border-radius: 0;
}

/*
.root .capsule.capsule-item .capsule-content
{
    color: #090909;
}
*/

.root .capsule.capsule-right
{
    background-color: #090909;
    border-style: solid;
    border-width: 0.1px;
    border-color: #090909;
    border-left: 0.063rem solid #090909;
    -webkit-box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
    border-radius: 0 5rem 5rem 0;
}

.html-desktop .root .capsule.capsule-right:hover
{
    background-color: #090909;
    border-color: #090909;
    border-left: 0.063rem solid #090909;
    -webkit-box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
}

.root .capsule.capsule-right .button
{
    border-radius: 0 5rem 5rem 0;
}

 /*
.root .capsule.capsule-right .capsule-content
{
   color: #fff;
}
*/

.root .capsule input[type=text] 
{
    display: inline-block;
    width: 100%;
    height: 46px;
    line-height: 46px;
    border-style: solid;
    border-width: 0;
    border-color: transparent;    
    background-color: #fff;
    border-radius: 0;
    padding: 0;    
    overflow: hidden;
}

.root .capsule .icon
{
    display: none;
}

.root .capsule .button
{
    float: left;
    font-size: 1.125rem;
    border: 0;
    border-radius: 0 5rem 5rem 0;
    -webkit-box-shadow: 0 0 0 1px transparent;
    box-shadow: none;
    background-color: transparent;
    height: 48px;
    line-height: 48px; 
    overflow: hidden;
    color: #fff;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    padding: 0;   
}

.html-desktop .root .capsule .button:hover
{
    color: #fff;
}

.fieldset.primary .capsule.capsule-item
{
    border: 1px solid #004085 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #004085 !important;
    box-shadow: 0 0 0 1px #004085 !important;    
    color: #004085 !important;
}

.html-desktop .fieldset.primary:hover .capsule.capsule-item
{
    border: 1px solid #004085 !important;
    -webkit-box-shadow: 0 0 0 1px #004085 !important;
    box-shadow: 0 0 0 1px #004085 !important; 
    color: #004085 !important;
}

.fieldset.secondary .capsule.capsule-item
{
    border: 1px solid #383d41 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #383d41 !important;
    box-shadow: 0 0 0 1px #383d41 !important; 
    color: #383d41 !important;
}

.html-desktop .fieldset.secondary:hover .capsule.capsule-item
{
    border: 1px solid #383d41 !important;
    -webkit-box-shadow: 0 0 0 1px #383d41 !important;
    box-shadow: 0 0 0 1px #383d41 !important; 
    color: #383d41 !important;
}

.fieldset.success .capsule.capsule-item
{
    border: 1px solid #56a845 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #56a845 !important;
    box-shadow: 0 0 0 1px #56a845 !important; 
    color: #56a845 !important;
}

.html-desktop .fieldset.success:hover .capsule.capsule-item
{
    border: 1px solid #56a845 !important;
    -webkit-box-shadow: 0 0 0 1px #56a845 !important;
    box-shadow: 0 0 0 1px #56a845 !important; 
    color: #56a845 !important;
}

.fieldset.danger .capsule.capsule-item
{
    border: 1px solid #e15857 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #e15857 !important;
    box-shadow: 0 0 0 1px #e15857 !important; 
    color: #e15857 !important;
}

.html-desktop .fieldset.danger:hover .capsule.capsule-item
{
    border: 1px solid #e15857 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #e15857 !important;
    box-shadow: 0 0 0 1px #e15857 !important; 
    color: #e15857 !important;
}

.fieldset.warning .capsule.capsule-item
{
    border: 1px solid #ffc107 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #ffc107 !important;
    box-shadow: 0 0 0 1px #ffc107 !important; 
    color: #ffc107 !important;
}

.html-desktop .fieldset.warning:hover .capsule.capsule-item
{
    border: 1px solid #ffc107 !important;
    -webkit-box-shadow: 0 0 0 1px #ffc107 !important;
    box-shadow: 0 0 0 1px #ffc107 !important; 
    color: #ffc107 !important;
}

.fieldset.info .capsule.capsule-item
{
    border: 1px solid #0c5460 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #0c5460 !important;
    box-shadow: 0 0 0 1px #0c5460 !important;
    color: #0c5460 !important; 
}

.html-desktop .fieldset.info:hover .capsule.capsule-item
{
    border: 1px solid #0c5460 !important;
    -webkit-box-shadow: 0 0 0 1px #0c5460 !important;
    box-shadow: 0 0 0 1px #0c5460 !important; 
    color: #0c5460 !important;
}

.fieldset.light .capsule.capsule-item
{
    border: 1px solid #818182 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #818182 !important;
    box-shadow: 0 0 0 1px #818182 !important; 
    color: #818182 !important;
}

.html-desktop .fieldset.light:hover .capsule.capsule-item
{
    border: 1px solid #818182 !important;
    -webkit-box-shadow: 0 0 0 1px #818182 !important;
    box-shadow: 0 0 0 1px #818182 !important; 
    color: #818182 !important;
}

.fieldset.dark .capsule.capsule-item
{
    border: 1px solid #1b1e21 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #1b1e21 !important;
    box-shadow: 0 0 0 1px #1b1e21 !important; 
    color: #1b1e21 !important;
}

.html-desktop .fieldset.dark:hover .capsule.capsule-item
{
    border: 1px solid #1b1e21 !important;
    -webkit-box-shadow: 0 0 0 1px #1b1e21 !important;
    box-shadow: 0 0 0 1px #1b1e21 !important; 
    color: #1b1e21 !important;
}

.read-more-wrap
{
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}

.read-more
{
    position: relative;
    float: left;
    width: 100%;
    display: inline-block;
}

.read-more-content
{
    max-height: 120px;
    overflow: hidden;
}

.read-more-action
{ 
    position: absolute; 
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%;
    text-align: center; 
    margin: 0; 
    padding: 0; 
    background-image: -webkit-linear-gradient(bottom,rgba(255,255,255,.9) 0,rgba(255,255,255,.0009) 100%);
    background-image: -o-linear-gradient(bottom,rgba(255,255,255,.9) 0,rgba(255,255,255,.0009) 100%);
    background-image: -webkit-gradient(linear,bottom,from(rgba(255,255,255,.9)),to(rgba(255,255,255,.0009)));
    background-image: linear-gradient(bottom,rgba(255,255,255,.9) 0,rgba(255,255,255,.0009) 100%);
    background-repeat: repeat-x;
    animation-name: fadein;
    animation-duration: .2s;
    animation-timing-function: ease-in;
    animation-fill-mode: backwards;    
}

.read-more-action .control
{
    position: absolute;
    top: 100%;
    right: 0;
    bottom: auto;
    left: 0;
    margin: 0;
    padding: 0;    
    z-index: 2;
}

.read-more-action .read-more-label
{
    float: none;
}

.read-more-action .horizontal-separator
{
    position: absolute;
    top: 50%;
    right: 0;
    bottom: auto;
    left: 0;
    z-index: -1;
}

.read-more-dots
{
    display: inline;
}

.read-more-text
{
    display: none;  
}

.read-more-button, 
.read-more-link
{
    display: inline-block;
    margin: 0;
    padding: 0;
}

.read-more-button
{
    width: 2.2em;
    height: 2.2em; 
    color: #fff;
    border: 1px solid #090909;
    border-radius: 100%;
    -webkit-box-shadow: 0 0 0 1px #090909;
    box-shadow: 0 0 0 1px #090909;
    background-color: #090909; 
    z-index: 2;      
}

.html-desktop .read-more-action .control:hover .read-more-button
{
    color: #fff;
    border: 1px solid #2c5779;
    -webkit-box-shadow: 0 0 0 1px #2c5779;
    box-shadow: 0 0 0 1px #2c5779;
    background-color: #2c5779;   
}

.html-desktop .read-more-action .control:hover .horizontal-separator
{
    background-color: #2c5779;
}

.read-more-button .read-more-label
{
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;    
    padding: 0;
}

.root .read-more.open .read-more-action .control .read-more-button, 
.root .read-more input[type=checkbox]:checked ~ .read-more-action .control .read-more-button
{
    color: #fff;
    border: 1px solid #2c5779;
    -webkit-box-shadow: 0 0 0 1px #2c5779;
    box-shadow: 0 0 0 1px #2c5779;
    background-color: #2c5779; 
}

.root .read-more.open .read-more-action .control .horizontal-separator, 
.root .read-more input[type=checkbox]:checked ~ .read-more-action .control .horizontal-separator
{
    background-color: #2c5779;
}

.read-more-label
{
    float: left;
    display: inline;
    margin: 0;
    padding: 0;    
    cursor: pointer;
    vertical-align: middle;
}

.read-more-label .more
{
    display: inline;
}

.read-more-action .read-more-label .less, 
.read-more-label .less
{
    display: none;
}

.read-more-action .read-more-label .icon-down 
{
    width: 0.7em;
    height: 0.7em;
    margin-top: 0.3em;
}

/*
.read-more-action .read-more-label .icon-down path, 
.read-more-action .read-more-label .icon-down g 
{
    fill: #fff;
}
*/

.root .read-more input[type=checkbox]:checked ~ .read-more-paragraph .read-more-dots
{
    display: none;
}

.root .read-more.open .read-more-paragraph .read-more-text
{
    display: inline;
}

.root .read-more.open .read-more-button .read-more-label .more, 
.root .read-more.open .read-more-link .read-more-label .more
{
    display: none;
}

.root .read-more.open .read-more-button .read-more-label .less, 
.root .read-more.open .read-more-link .read-more-label .less
{
    display: inline;
    z-index: 1;
}

.root .read-more.open .read-more-button .read-more-label .icon-down
{
    transform: rotate(180deg);
    margin-top: 0.2em;
}

.root .read-more.open .read-more-content
{
    max-height: inherit;
    overflow: initial;
}

.root .read-more.open .read-more-action
{
    position: relative;
    padding-bottom: 10px;
    animation-name: fadeout;
    animation-duration: .2s;
    animation-timing-function: ease-in;
    animation-fill-mode: backwards;    
}

.root .read-more.open .block-with-text 
{
    overflow: initial;
    max-height: inherit;
}

.root .read-more input[type=checkbox]:checked ~ .read-more-content
{
    max-height: inherit;
    overflow: initial;
}

.root .read-more input[type=checkbox]:checked ~ .read-more-action
{
    position: relative;
    padding-bottom: 10px;
    animation-name: fadeout;
    animation-duration: .2s;
    animation-timing-function: ease-in;
    animation-fill-mode: backwards;    
}

.root .read-more input[type=checkbox]:checked ~ .read-more-paragraph .read-more-text
{
    display: inline;
}

.root .read-more input[type=checkbox]:checked ~ .read-more-action .read-more-button .read-more-label .more, 
.root .read-more input[type=checkbox]:checked ~ .read-more-link .read-more-label .more
{
    display: none;
}

.root .read-more input[type=checkbox]:checked ~ .read-more-action .read-more-button .read-more-label .less, 
.root .read-more input[type=checkbox]:checked ~ .read-more-link .read-more-label .less
{
    display: inline;
}

.root .read-more input[type=checkbox]:checked ~ .read-more-action .read-more-button .read-more-label .ico .icon-down, 
.root .read-more input[type=checkbox]:checked ~ .read-more-link .read-more-label .ico .icon-down
{
    transform: rotate(180deg);
    margin-top: 0.2em;
}

.root .read-more input[type=checkbox]:checked ~ .block-with-text
{
    overflow: initial;
    max-height: inherit;
}

.listview-content
{
    display: block;
    width: 100%;
    background-color: transparent;
}

.listview-search
{
    display: block;
}

.listview-search .content 
{
    display: flex;
    height: 73px;
    line-height: 73px;
    padding: 0;
    margin: 0;
    text-align: left;
    margin: 0 5% !important;
}

.listview-search .content .field 
{
    max-width: 370px;
}

.listview-itens
{
    border-style: solid;
    border-width: 0.1px;
    border-radius: 5px 0 0 5pxpx;
    border-color: #dadce0;
    background-color: #fff;
    margin: 0 5%;
}

.listview-itens.border 
{
    border-style: solid;
    border-width: 0.1px;
    border-radius: 5px 0 0 5px;
    border-color: #dadce0;
    background-color: #fff;
}

.listview-itens .content
{
    display: block;
    height: auto;
    line-height: normal;
    padding: 6px 0;
    margin: 0;
    text-align: left;
}

.listview-scrollable
{
    position: relative;
    height: 100%;
    height: 100vh;
    max-height: 50vh;
    overflow-x: hidden;
    overflow-y: auto;
    border-radius: 5px 0 0 5px;
}

.listview-item
{
    color: #090909;
    display: block;
    width: 100%;
    border-bottom: 1px solid #f2f3f6;
}

.listview-item.listview-item-reset
{
    border-bottom: 0;
}

.listview-item:last-child
{
    border-bottom: 0;
}

.listview-item a, 
.listview-item .link
{
    color: #090909;
    display: block;
    width: 100%;
}

.html-desktop .listview-item a:hover, 
.html-desktop .listview-item .link:hover 
{
    color: #fff;
    background-color: #090909;
    text-decoration: none;
}

.html-desktop .listview-item-reset a:hover, 
.html-desktop .listview-item-reset .link:hover 
{
    color: inherit;
    background-color: transparent;
    text-decoration: none;
}

.listview-option
{
    display: block;
    width: 100%;
    /* white-space: nowrap; */
    cursor: pointer;
    padding: 12px;
}

.listview-option.selected 
{
    color: #090909;
    background-color: #f2f3f6;
}

.listview-item-reset .link .listview-option.selected 
{
    color: inherit;
    background-color: transparent;
}

.listview-option .txt, 
.listview-option .text 
{
    max-width: initial;
    margin-right: 5px;
}

.page
{
    position: relative;
    float: left;
    display: block;
    width: 100%;
}

.template 
{
    position: relative;
    float: left;
    display: block;
    width: 100%;
    height: 100%;
    color: #090909;  
    background-color: #fff;  
}

.template-content 
{
    position: relative;
    float: left;
    display: block;
    width: 100%;
    height: 100%;
    color: inherit;    
}

.main 
{
    position: relative;
    float: left;
    display: block;
    width: 100%;
}

.template-home .main 
{
    background-color: #fff;
}

.template-home .main .content 
{
    color: #fff;
}

.elements, 
.element
{
    position: relative;
    float: left;
    display: block;
    width: 100%;
}

.offer-units
{
    position: relative; 
    float: left; 
    display: block;
    width: 100%;   
}

.offer-units:nth-child(even)
{
    background-color: #fff;
}

.offer-units:nth-child(odd)
{
    background-color: #f2f3f6;
}

.offer-unit
{
    position: relative; 
    float: left;
    display: block;
    width: 100%;     
    margin-top: 50px;
    margin-bottom: 50px;
}

.bar
{
    display: inline-block;
    padding: 0;
    vertical-align: middle;
}

.crumb 
{
    position: relative;
    text-align: left;
    width: 100%;    
    padding: 25px 0;
    text-align: left;
    background-color: #f2f3f6;
}

.crumb .bar
{
    padding: 0px 4px;
}

.crumb .current
{
    font-weight: 600;
    opacity: 0.55; 
}

.html-desktop .crumb .current:hover
{
    color: inherit;
}

.crumb .current .icon-home
{
    opacity: 0.55; 
}

.main-stripe
{
    position: relative;
    text-align: left;
    width: 100%;
    padding: 50px 0;
    color: #fff;
    background-color: #2c5779;
}

.main-stripe-light
{
    color: #090909;
    background-color: #f2f3f6;
}

.main-stripe.other
{
    color: #2c5779;
    background-color: #e5e5e5;
}

.main-stripe p, 
.main-stripe.itens span
{
    opacity: 0.55; 
}

.main-stripe p
{
    margin-top: 0.5em;
}

.main-stripe.itens .current
{
    color: #fff;
    opacity: 1;
}

.main-stripe h1,
.main-stripe h2,
.main-stripe h3,
.main-stripe h4
{
    font-weight: 100;
    line-height: 1em;
    margin: 0;
    padding: 0;
}

.main-menu
{
    position: relative;
    display: block;
    width: 100%;
}

.main-content
{
    position: relative;
    display: block;
    width: 100%;
    padding-top: 60px;
    padding-bottom: 30px;
    background-color: transparent;
}

.main-content .route
{
    font-weight: 300;
    font-style: italic;
    font-size: 1.2em;
}

.main-content .title h1
{
    font-weight: 400;
    line-height: 1;
    margin: 10px 0 10px 0;
    padding: 0;
}

.main-content .contact
{
    font-weight: 300;
}

.main-content .address
{
    font-weight: 300;
}

.main-content .company, 
.main-content .company strong
{
    font-weight: 300;
}

.main-content .description
{
    font-weight: normal;
}

.footer
{
    position: relative;
    float: left;
    display: block;
    width: 100%;
    border-top: 1px solid transparent;
    background-color: #2c5779;
}

.footer .content
{
    padding: 35px 0;
    text-align: center;
    color: #fff;    
}

.footer .content .content-itens
{
    display: flex;
    line-height: 75px;
}

.footer .logotipo
{
    color: #fff;
}

.html-desktop .footer a:hover 
{
    color: #090909;
}

.footer .menu-item.menu-active .menu-link
{
    color: #090909;
}

.html-desktop .footer .menu-item.menu-active:active, 
.html-desktop .footer .menu-item.menu-active a.menu-link:active, 
.html-desktop .footer .menu-item.menu-active .menu-link:active, 
.html-desktop .footer .menu-item.menu-active:hover, 
.html-desktop .footer .menu-item.menu-active a.menu-link:hover, 
.html-desktop .footer .menu-item.menu-active .menu-link:hover {
    color: #090909;
}

.footer button, 
.footer .button 
{
    color: #2c5779;
    border: 1px solid #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff;
    background-color: #fff;
}

.html-desktop .footer button:hover, 
.html-desktop .footer .button:hover 
{
    color: #fff;
    border: 1px solid #090909;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #090909;
    box-shadow: 0 0 0 1px #090909;
    background-color: #090909;    
}

.footer .button-link 
{
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff;
    background-color: transparent;
}

.html-desktop .footer .button-link:hover 
{
    color: #090909;
    border: 1px solid #090909;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #090909;
    box-shadow: 0 0 0 1px #090909;
    background-color: transparent;     
}

.modal
{
    position: fixed;
    padding: 0;
    margin: 0;
    top: 2px;
    left: 0;
    width: 100%;
    height: 100%;
    color: #2c5779;
    background: transparent;
    /*background-clip: padding-box;*/
    /*background: url('../media/overlay-init.png');*/
    background: rgba(0,0,0,.65);
    background-size: 100%;
    /*-moz-background-size: 100%;*/
    /*-webkit-background-size: 100%;*/
    background-repeat: repeat;  
    display: none;  
    z-index: 99995;  
}

.modal-box {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    color: inherit;
    background: #fff;
    color: #000;
    z-index: 2147483645;
    max-width: 520px;
    max-height: 520px;
    border-radius: 10px;
    margin: auto;
}

.modal-box .modal-header
{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 50px;
    padding: 15px;
    color: #000;
    cursor: pointer;
}

.modal-box .modal-close, 
.modal-box .modal-close .icon-close
{
    width: 20px;
    height: 20px;
    color: #000;
    cursor: pointer;
    vertical-align: initial;
}

.modal-box .icon-100x100
{
    width: 100%;
    height: 100%;
}

.modal-box .modal-content
{
    position: absolute;
    top: 50px;
    right: 0;
    bottom: 0;
    left: 0;
}

.modal-box .modal-scrollable 
{
    position: relative;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    padding: 10px;
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-box .icon-loading
{
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -37.5px 0 0 -17.5px;    
    width: 35px;
    height: 35px;
}

.aside-outer 
{
    display: table;
    height: 100%;
    width: 100%;    
    min-height: -webkit-calc(100%);
    min-height: -moz-calc(100%);
    min-height: calc(100%);
    min-height: 100%;
    min-height: 100vh;
    min-width: 230px;
    margin: 0;
    padding: 0;
}

.aside-outer-height-auto
{
    height: auto;
    min-height: initial;
}

.aside-outer-reset
{
    height: 100%;
    min-height: -webkit-calc(100%);
    min-height: -moz-calc(100%);
    min-height: calc(100%);
    min-height: 100%;
}

.aside-inner 
{
    display: table-cell;
    vertical-align: middle;
    margin: 0;
}

.aside-inner-margin 
{
    padding-top: 100px;
    padding-bottom: 75px;
}

.aside-content 
{
    text-align: center;
    margin: 0 auto;
}

.aside-content-new-margin
{
    margin: 75px auto;
    width: 100%;
    height: 100%;
}

.screen 
{
    position: fixed;
    padding: 0;
    margin: 0;
    top: 2px;
    left: 0;
    width: 100%;
    height: 100%;
    color: #2c5779;
    background: transparent;
    /*background-clip: padding-box;*/
    /*background: url('../media/overlay-init.png');*/
    background: rgba(255,255,255,.65);
    background-size: 100%;
    /*-moz-background-size: 100%;*/
    /*-webkit-background-size: 100%;*/
    background-repeat: repeat;    
    z-index: 99995;    
}

.screen .logotipo 
{
    color: inherit;
}


.screen .loading
{
    position: absolute;
    right: 10px;
    bottom: 10px;     
    color: firebrick;
    /*border: 1px solid firebrick*/
    /*border-radius: 5px;*/
    /*-webkit-box-shadow: 0 0 0 1px firebrick*/
    /*box-shadow: 0 0 0 1px #fff;*/
    /*background-color: #fff;*/
    padding: 6px;
}

.screen .loaded, 
.inner .loaded
{  
    cursor: default;
    color: #1f1f21;
    border: 1px solid #eee;
    border-radius: 8px;
    /*-webkit-box-shadow: 0 0 0 1px #eee;*/
    /*box-shadow: 0 0 0 1px #fff;*/
    box-sizing: border-box;
    background-color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: auto;    
    min-width: 155px;
    max-width: 155px;
    padding: 25px 15px;
    margin: 0 auto;
    text-align: center;   
}

.screen .loaded .img-load 
{
    width: 26px;
    height: 26px;
}

.splash 
{
    position: fixed;
    padding: 0;
    margin: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    background-color: #2c5779;
    z-index: 99999;
}

.splash .logotipo 
{
    color: inherit;
}

.splash .loading
{
    padding: 6px;
}

.loader 
{
    position: fixed;
    background-color: transparent;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 4px;
    z-index: 99998;
}

.html-mobile .loader
{
    height: 2px;
}

.progress
{
    position: relative;
    float: left;    
    width: 0%;
    height: 4px;
    background-color: firebrick;
    z-index: 99999; 
}

.html-mobile .progress
{
    height: 2px;
}

@keyframes fadein 
{
    0%
    {
        opacity: 0
    }

    to
    {
        opacity: 1
    }
}

@keyframes fadeout 
{
    0%
    {
        opacity: 1
    }

    to
    {
        opacity: 0
    }
}

@keyframes _rotate 
{
    to 
    {
        -webkit-transform: rotate(1turn);
        -ms-transform: rotate(1turn);
        -o-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

.sheet-app-label
{
    cursor: pointer;
}

.sheet-app-container 
{
    position: fixed;
    float: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    display: none;
    z-index: 7;
}

.sheet-app-oparation.danger
{
    border: 0px solid transparent !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px transparent !important;
    box-shadow: 0 0 0 1px transparent !important;
    color: transparent !important;
}

.sheet-app-oparation.shown .content .sheet-app-container-oparation, 
.sheet-app-oparation input[type="checkbox"]:checked ~ .content .sheet-app-container-oparation 
{
    display: block;
}

.sheet-app-photo-profile.shown .content .sheet-app-container-photo-profile, 
.sheet-app-photo-profile input[id="sheet-app-photo-profile"]:checked ~ .content .sheet-app-container-photo-profile 
{
    display: block;
}

.sheet-app-publish.shown .content .sheet-app-container-publish, 
.sheet-app-publish input[id="sheet-app-publish"]:checked ~ .content .sheet-app-container-publish 
{
    display: block;
}

.sheet-app-confirm.shown .content .sheet-app-container-confirm, 
.sheet-app-confirm input[id="sheet-app-confirm"]:checked ~ .content .sheet-app-container-confirm 
{
    display: block;
}

.sheet-app-preview
{
    position: relative;
    display: inline-block;
    width: auto;
    margin: 0 4%;
    vertical-align: middle;
}

.sheet-app-preview .sheet-app-inner-full 
{
    position: fixed;
    float: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 0;
    width: 100%;
    max-width: 505px;
    max-height: initial;
    margin: 25px auto;
    border-radius: 40px;
    color: #fff;
    background-color: #000;
    /*background: url(../../static/media/phone.png) center no-repeat;*/
    /*background-size: cover;*/
}

.sheet-app-preview .sheet-app-inner-full .sheet-app-header, 
.sheet-app-preview .sheet-app-inner-full .sheet-app-header .icon-svg, 
.html-desktop .itens-box .item-box:hover .box .sheet-app-preview .sheet-app-inner-full .sheet-app-header .icon-svg
{
    color: #525151;
}

.sheet-app-preview .sheet-app-inner-full .sheet-app-items 
{
    position: absolute;
    top: 85px;
    right: 5%;
    bottom: 75px;
    left: 5%;
    float: left;
    display: block;
    width: 90%;
    padding: 0;
    background-color: #090909;
}

.sheet-app-preview .sheet-app-inner-full .sheet-app-items .sheet-app-scrollable 
{
    height: 100%;
    max-height: 100%;
}

.sheet-app-preview.danger
{
    border: 0px solid transparent !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px transparent !important;
    box-shadow: 0 0 0 1px transparent !important;
    color: transparent !important;
}

.sheet-app-preview.show .content .sheet-app-container, 
.sheet-app-preview input[type="checkbox"]:checked ~ .content .sheet-app-container 
{
    display: block;
}

.sheet-app-overlay 
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    opacity: 0.5 !important;
}

.sheet-app-inner
{  
    position: relative;
    cursor: default;
    color: #1f1f21;
    border: 1px solid #eee;
    border-radius: 12px;
    /*-webkit-box-shadow: 0 0 0 1px #eee;*/
    /*box-shadow: 0 0 0 1px #fff;*/
    box-sizing: border-box;
    background-color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;    
    min-width: 280px;
    max-width: 280px;
    padding: 0;
    margin: 0px auto;
    text-align: center;   
}

.sheet-app-header
{
    display: block;
    width: 100%;
    padding: 23px 32px;
}

.sheet-app-header h4 
{
    font-weight: 600;
    text-align: center;
}

.sheet-app-header p 
{
    opacity: 1;
}

.sheet-app-items 
{
    padding: 0;
}

.sheet-app-items .sheet-app-scrollable 
{
    position: relative;
    height: 100%;
    min-height: 100%;
    max-height: 208px;
    overflow-x: hidden;
    overflow-y: auto;
}

.sheet-app-item
{
    display: block;
    width: 100%;
    border-top: 1px solid #dbdbdb;
}

.sheet-app-item .form
{
    width: 100%;
}
.sheet-app-label
{
    display: inline-block;
    width: auto;
}

.sheet-app-item .sheet-app-label 
{
    display: block;
    width: 100%;
}

.sheet-app-link, 
.sheet-app-link:hover, 
.html-desktop .sheet-app-link:hover
{
    display: block;
    width: 100%;
    padding: 12px 8px;
    color: #262626;
    cursor: pointer;
}

.sheet-app-link:active 
{
    background-color: rgba(0,0,0,.1);
    opacity: 1;
    -webkit-tap-highlight-color: transparent;
}

.sheet-app-default, 
.sheet-app-default:hover, 
.html-desktop .sheet-app-default:hover, 
.html-desktop .press a.sheet-app-default:hover
{
    color: #262626;
    font-weight: 700;
}

button.sheet-app-default, 
.press .button.sheet-app-default,
button.sheet-app-default:hover, 
.press .button.sheet-app-default:hover,
.html-desktop button.sheet-app-default:hover, 
.html-desktop .press .button.sheet-app-default:hover
{
    color: #262626;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    padding: 8px;
    margin: 0;
}

.sheet-app-blue, 
.sheet-app-blue:hover, 
.html-desktop .sheet-app-blue:hover, 
.html-desktop .press a.sheet-app-blue:hover
{
    color: #0095f6;
    font-weight: 700;
}

button.sheet-app-blue, 
.press .button.sheet-app-blue,
button.sheet-app-blue:hover, 
.press .button.sheet-app-blue:hover,
.html-desktop button.sheet-app-blue:hover, 
.html-desktop .press .button.sheet-app-blue:hover
{
    color: #0095f6;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    padding: 8px;
    margin: 0;
}

.sheet-app-red, 
.sheet-app-red:hover, 
.html-desktop .sheet-app-red:hover, 
.html-desktop .press a.sheet-app-red:hover
{
    color: #ed4956;
    font-weight: 700;
}

button.sheet-app-red, 
.press .button.sheet-app-red,
button.sheet-app-red:hover, 
.press .button.sheet-app-red:hover,
.html-desktop button.sheet-app-red:hover, 
.html-desktop .press .button.sheet-app-red:hover
{
    color: #ed4956;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    padding: 8px;
    margin: 0;
}

.sheet-app-orange, 
.sheet-app-orange:hover, 
.html-desktop .sheet-app-orange:hover, 
.html-desktop .press a.sheet-app-orange:hover 
{
    color: #ffa500;
    font-weight: 700;
}

button.sheet-app-orange, 
.press .button.sheet-app-orange,
button.sheet-app-orange:hover, 
.press .button.sheet-app-orange:hover,
.html-desktop button.sheet-app-orange:hover, 
.html-desktop .press .button.sheet-app-orange:hover
{
    color: #ffa500;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    padding: 8px;
    margin: 0;
}

.sheet-app-green, 
.sheet-app-green:hover, 
.html-desktop .sheet-app-green:hover, 
.html-desktop .press a.sheet-app-green:hover 
{
    color: #0bb721;
    font-weight: 700;
}

button.sheet-app-green, 
.press .button.sheet-app-green,
button.sheet-app-green:hover, 
.press .button.sheet-app-green:hover,
.html-desktop button.sheet-app-green:hover, 
.html-desktop .press .button.sheet-app-green:hover
{
    color: #0bb721;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    padding: 8px;
    margin: 0;
}

.sheet-app-conclude, 
.sheet-app-cancel 
{
    border-top: 1px solid #dbdbdb;
}

.sheet-app-value 
{
	position: relative;
	float: left;
    float: left;
    display: block;
    width: 100%;
}

.sheet-app-value .sheet-app-text
{
    background: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px;
    position: relative;
	float: left;
    width: 100%;
    border: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    letter-spacing: -0.05em;
    color: #090909;
}

.sheet-app-value .sheet-app-placeholder 
{
    color: #a8a0a8;
    font-weight: 400;
}

.spinner 
{
    display: block;
    height: auto;
    width: 60px;
    max-width: 60px;
    margin: 15px auto;
    -webkit-animation: _rotate .5s;
    animation: _rotate .5s;
    -webkit-transition-delay: now;
    transition-delay: now;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-repeat: no-repeat;
    background-position: 50%;
}

.spinner .icon-svg
{
    width: 100%;
    height: 100%;
}

.highlight 
{
    position: relative;
    float: left;
    display: block;
    width: 100%;
    height: auto;
    min-height: -webkit-calc(100%);
    min-height: -moz-calc(100%);
    min-height: calc(100%);
    min-height: 100%;
    min-height: 100vh;    
    min-width: 230px; 
    /*overflow:hidden;*/
}

.highlight-contents
{
    position: relative; 
    float: left; 
    display: block; 
    width: 100%; 
    height: auto; 
    min-height: -webkit-calc(100%); 
    min-height: -moz-calc(100%); 
    min-height: calc(100%); 
    min-height: 100%; 
    min-height: 100vh; 
}

.highlight-content 
{
    position: relative;
    float: left;
    display: inline-block;
    width: 50%;
    height: 100%;
    min-height: -webkit-calc(100%);
    min-height: -moz-calc(100%);
    min-height: calc(100%);
    min-height: 100%;
    min-height: 100vh;    
    min-width: 230px; 
    /*overflow:hidden;*/
}

.highlight-content.full
{
    display: block;
    width: 100%;
}

.highlight-margin
{ 
    margin: 0;
    padding-top: 75px;
    padding-bottom: 25px;
}

.background-overlay 
{
    position: absolute;
    padding: 0;
    margin: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-image: -webkit-linear-gradient(bottom,rgba(255,255,255) 0,rgba(242,243,246) 25%);
    background-image: -o-linear-gradient(bottom,rgba(255,255,255) 0,rgba(242,243,246) 25%);
    background-image: -webkit-gradient(linear,bottom,from(rgba(255,255,255)),to(rgba(242,243,246)));
    background-image: linear-gradient(bottom,rgba(255,255,255) 0,rgba(242,243,246) 25%);
    z-index: 0;
}

@supports ((-o-object-fit: cover) or (object-fit: cover)) 
{
    .background-overlay
    {
        width: 100%;
        height: 100%;
        overflow: hidden;
        -o-object-position: center center;
        object-position: center center;
        -o-object-fit: cover;
        object-fit: cover;
        margin: 0 auto;                        
    }
}

.scroll-down 
{
    position: absolute;
    bottom: 45px;
    left: 50%;
    margin-left: -16px;
    width: 31px;
    height: 17px;
    z-index: 2;
}

.box 
{
    position: relative;
    display: block;
    width: 100%;
    min-width: 290px;
    max-width: 635px;    
    height: auto;
    min-height: 130px;
    margin-left: auto;
    margin-right: auto;        
    white-space: normal; 
    border: 2px solid #e5e5e5;
    border-radius: 5px;
    -webkit-box-shadow: 0 4px 4px rgb(229 229 229 / 25%);
    box-shadow: 0 4px 4px rgb(229 229 229 / 25%);
    background-color: #fff;
    color: inherit;    
}

.box.right 
{
    width: 96%;
    max-width: 635px;
    margin-left: 2%;
    margin-right: 2%;    
}

.box.left 
{
    width: 96%;
    max-width: 500px;
    margin-left: 2%;
    margin-right: 2%;    
}

.box.full 
{
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.box .box-content
{
    padding: 30px;
}

.box .box-color
{
    padding: 30px;
    border: 2px solid #f2f3f6;
    border-radius: 18px;
    -webkit-box-shadow: 0 0 0 1px #f2f3f6;
    box-shadow: 0 0 0 1px #f2f3f6;
    background-color: transparent;
}

.box .title
{
    color: #090909;  
}

.box .box-pane
{
    padding: 12px;
    border-radius: 0 0 5px 5px;
    color: #8c8c8c;    
    background-color: #d6d9e0;    
    text-align: center;
    font-size: 0.8em;
    font-weight: 600;
} 

.box.inverted 
{
    border: 2px solid #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff;
    background-color: #090909;
    color: #fff;
}

.box.inverted .title
{
    color: #fff;
}

/*
.box.inverted a
{
    color: #fff;
}
*/

.box.inverted .alert.danger
{
    border: 1px solid #fff !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #fff !important;
    box-shadow: 0 0 0 1px #fff !important; 
    background-color: #fff !important;
    color: #e15857 !important;
}

.html-desktop .box.inverted .alert.danger:hover
{
    border: 1px solid #fff !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #fff !important;
    box-shadow: 0 0 0 1px #fff !important; 
    background-color: #fff !important;
    color: #e15857 !important;
}

.box.inverted .alert.danger span 
{
    color: #e15857;
}

.box.inverted .alert.danger .icon-svg path, 
.box.inverted .alert.danger .icon-svg g
{
    fill: #e15857 !important;
}

.html-desktop .box.inverted .alert.danger:hover .icon-svg path, 
.html-desktop .box.inverted .alert.danger:hover .icon-svg g
{
    fill: #e15857 !important;
}

.box.inverted .caps_lock_detect 
{
    color: #fff;
    background-color: #090909;
    border: 1px solid #fff;
}

.box.inverted .caps_lock_detect:before 
{
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-bottom-color: #fff;
}

.box.inverted .caps_lock_detect:after 
{
    border-right: 9px solid transparent;
    border-bottom: 9px solid #090909;
    border-left: 9px solid transparent;
}

.box.inverted .fieldset 
{
    position: relative;
    text-align: left;   
    border: 1px solid #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff;
    color: #fff;
}

.html-desktop .box.inverted .fieldset:hover 
{
    border: 1px solid #fff;
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff; 
    color: #fff;   
}

.box.inverted .fieldset.default
{
    border: 1px solid #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff;    
    background-color: #090909;
    color: #fff;
}

.html-desktop .box.inverted .fieldset.default:hover
{
    border: 1px solid #fff;
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff; 
    background-color: #090909;
    color: #fff;
}

.box.inverted .fieldset .fieldset-legend:after 
{
    border-top: 4px solid #090909;
}

.box.inverted .fieldset.default .fieldset-legend:after 
{
    border-color: #090909;
}

.box.inverted .fieldset.default input
{
    color: #fff;
}

.box.inverted button, 
.box.inverted .button 
{
    color: #090909;
    border: 1px solid #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff;
    background-color: #fff;
}

.box.inverted .button-link 
{
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff;
    background-color: transparent;
}

.html-desktop .box.inverted .fieldset:hover .icon-check .circle-circle
{
    fill: #e5e5e5;
}

.box.reset
{
    border: 2px solid transparent;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px transparent;
    box-shadow: 0 0 0 1px transparent;
    background-color: transparent;
    color: inherit;
}

.box .close 
{
    cursor: pointer;
    width: 20px;
    height: 20px;
    line-height: 10px;
    padding: 2px;
    position: absolute;
    top: 5px;
    right: 6px;
    text-align: center;
    z-index: 0;
}

.itens-box
{
    position: relative;
    float: left;
    display: block;
    width: 100%;
    text-align: center;
}

.itens-box .item-box 
{
    display: inline-block; 
    margin-top: 15px; 
    margin-bottom: 15px; 
    text-align: left; 
    width: 31.33%;
}

.itens-box .item-box .box
{
    min-width: initial;
    max-width: 95%;
    margin: 0 2.5%;
}

.itens-box .item-box:last-child
{
    margin-right: 0;
}

.itens-box .item-box .box
{
    border: 1px solid #f2f3f6;
    -webkit-box-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    box-shadow: 0 4px 4px rgb(0 0 0 / 25%);   
}

.html-desktop .itens-box .item-box:hover .box
{
    border: 2px solid #090909;
    /*-webkit-box-shadow: 0 0 0 1px #090909;*/
    /*box-shadow: 0 0 0 1px #090909;*/
    background-color: #fff;
}

.html-desktop .itens-box .item-box:hover .box .goal
{
    top: 29px;
    left: -26px;    
}

.html-desktop .itens-box .item-box:hover .box .box-content
{
    padding: 29px;
}

.html-desktop .itens-box .item-box:hover .box .box-pane
{
    color: #090909;
}

.itens-box .box .title
{
    color: #090909;
    text-align: left;
}

.html-desktop .itens-box .item-box:hover .box .title
{
    color: #090909;
}

.itens-box .box .description
{
    color: #959595;
    text-align: left;
}

.html-desktop .itens-box .item-box:hover .box .description
{
    color: #090909;
}

.itens-box .box .type
{
    color: #090909;
    text-align: left;
    font-size: 0.8em;
}  

.itens-box .box a
{
    padding: 0 10px;
}

.itens-box .box .icon-svg
{
    color: #959595;
}

.html-desktop .itens-box .item-box:hover .box .icon-svg
{
    color: #090909;
}

.itens-box .box a .icon-svg, 
.html-desktop .itens-box .item-box:hover .box a .icon-svg
{
    color: #959595;
}

.html-desktop .itens-box .item-box .box a:hover .icon-svg
{
    color: #090909;
}

.itens-box .box img
{
    width: 100%;
    height: auto;
}

.minimal-area
{
    width: 90%;
    margin-right: 5%;
    margin-left: 5%;
}

.maximum-area
{
    max-width: 1024px;
    margin: auto;
}

.max-180
{
    max-width: 180px;
    margin: auto;
}

.max-230
{
    max-width: 230px;
    margin: auto;
}

.max-280
{
    max-width: 280px;
    margin: auto;
}

.max-320
{
    max-width: 320px;
    margin: auto;
}

.max-375
{
    max-width: 375px;
    margin: auto;
}

.max-480
{
    max-width: 480px;
    margin: auto;
}

.action
{
    display: block;
    width: 100%;
}

.message-price
{
    position: relative;
    margin: 5px 0px;
    padding: 10px;
    font-size: 1.2em;
    font-weight: 600;
    text-align: left;
    animation-name: fadein;
    animation-duration: .2s;
    animation-timing-function: ease-in;
    animation-fill-mode: backwards;
    display: block;
    width: 100%;
    border: 1px solid #ffc107 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #ffc107 !important;
    box-shadow: 0 0 0 1px #ffc107 !important;
    background-color: #ffc107 !important;
    color: #fff !important;
    text-align: center;
}

.message-price-label
{
    color: #323334; 
    font-size: 1em; 
    font-weight: 500; 
    vertical-align: middle;
}

.message-price-label.first
{
    margin-right: 5px; 
}

.message-price-label.last
{
    margin-left: 5px; 
}

.message-price-label.small
{
    font-size: 0.7em;
}

.message-price-value
{
    filter: drop-shadow(1px 1px 0px rgb(0 0 0 / 90%)); 
    font-size: 1.5em; 
    font-weight: 600; 
    color: #ed4c28; 
    vertical-align: middle;
}

.message-price-value.small
{
    font-size: 1.1em;
}

.contact-whatsapp 
{
    position: relative;
    font-size: 1.2em;
    font-weight: 600;
    text-align: left;
    animation-name: fadein;
    animation-duration: .2s;
    animation-timing-function: ease-in;
    animation-fill-mode: backwards;
    display: block;
    width: 100%;
    text-align: center;
}

.contact-whatsapp .contact-whatsapp-link
{
    display: flex;
    width: 100%;
    align-items: center;
    justify-items: center;
    text-align: center;
    vertical-align: initial;
    border: 1px solid #0bb721 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #0bb721 !important;
    box-shadow: 0 0 0 1px #0bb721 !important;
    background-color: #0bb721 !important;
    color: #fff !important; 
    margin: 5px 0px;
    padding: 10px;      
}

.contact-whatsapp .contact-whatsapp-link:hover 
{
    color: #fff;
}

.contact-whatsapp .contact-whatsapp-icon, 
.contact-whatsapp .contact-whatsapp-text {
    display: inline;
}

.contact-whatsapp .contact-whatsapp-icon .icon-svg 
{
    min-width: 36px;
    min-height: 36px;
}

.contact-whatsapp .contact-whatsapp-text 
{
    margin-left: 25px;
    text-align: left;
}

.contact-whatsapp.small
{
    font-size: 0.9em;
}

.alert 
{
    position: relative;
    margin: 24px 0px 24px 0px;
    padding: 10px;
    font-size: 1.2em;
    font-weight: 600;
    text-align: left; 
    animation-name: fadein;
    animation-duration: .2s;
    animation-timing-function: ease-in;
    animation-fill-mode: backwards;  
    display: block;
    width: 100%;     
}

.alert.reset
{
    margin: 0;
    border: 0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;

}

.alert.primary
{
    border: 1px solid #004085 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #004085 !important;
    box-shadow: 0 0 0 1px #004085 !important;    
    background-color: #004085 !important;
    color: #fff !important;
}

.html-desktop .alert.primary:hover
{
    border: 1px solid #004085 !important;
    -webkit-box-shadow: 0 0 0 1px #004085 !important;
    box-shadow: 0 0 0 1px #004085 !important; 
    background-color: #0252a9 !important;
    color: #fff !important;
}

.alert.secondary
{
    border: 1px solid #383d41 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #383d41 !important;
    box-shadow: 0 0 0 1px #383d41 !important; 
    background-color: #383d41 !important;
    color: #fff !important;
}

.html-desktop .alert.secondary:hover
{
    border: 1px solid #383d41 !important;
    -webkit-box-shadow: 0 0 0 1px #383d41 !important;
    box-shadow: 0 0 0 1px #383d41 !important; 
    background-color: #51575c !important;
    color: #fff !important;
}

.alert.success
{
    border: 1px solid #56a845 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #56a845 !important;
    box-shadow: 0 0 0 1px #56a845 !important; 
    background-color: #56a845 !important;
    color: #fff !important;
}

.html-desktop .alert.success:hover
{
    border: 1px solid #56a845 !important;
    -webkit-box-shadow: 0 0 0 1px #56a845 !important;
    box-shadow: 0 0 0 1px #56a845 !important; 
    background-color: #65c351 !important;
    color: #fff !important;
}

.alert.danger
{
    border: 1px solid #e15857 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #e15857 !important;
    box-shadow: 0 0 0 1px #e15857 !important; 
    background-color: #e15857 !important;
    color: #fff !important;
}

.html-desktop .alert.danger:hover
{
    border: 1px solid #e15857 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #e15857 !important;
    box-shadow: 0 0 0 1px #e15857 !important; 
    background-color: #f96463 !important;
    color: #fff !important;
}

.alert.warning
{
    border: 1px solid #ffc107 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #ffc107 !important;
    box-shadow: 0 0 0 1px #ffc107 !important; 
    background-color: #ffc107 !important;
    color: #fff !important;
}

.html-desktop .alert.warning:hover
{
    border: 1px solid #ffc107 !important;
    -webkit-box-shadow: 0 0 0 1px #ffc107 !important;
    box-shadow: 0 0 0 1px #ffc107 !important; 
    background-color: #fbd562 !important;
    color: #fff !important;
}

.alert.info
{
    border: 1px solid #0c5460 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #0c5460 !important;
    box-shadow: 0 0 0 1px #0c5460 !important;
    background-color: #0c5460 !important; 
    color: #fff !important;
}

.html-desktop .alert.info:hover
{
    border: 1px solid #0c5460 !important;
    -webkit-box-shadow: 0 0 0 1px #0c5460 !important;
    box-shadow: 0 0 0 1px #0c5460 !important; 
    background-color: #106f7e !important;
    color: #fff !important;
}

.alert.light
{
    border: 1px solid #818182 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #818182 !important;
    box-shadow: 0 0 0 1px #818182 !important; 
    background-color: #818182 !important;
    color: #fff !important;
}

.html-desktop .alert.light:hover
{
    border: 1px solid #818182 !important;
    -webkit-box-shadow: 0 0 0 1px #818182 !important;
    box-shadow: 0 0 0 1px #818182 !important; 
    background-color: #a1a1a1 !important;
    color: #fff !important;
}

.alert.dark
{
    border: 1px solid #1b1e21 !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #1b1e21 !important;
    box-shadow: 0 0 0 1px #1b1e21 !important; 
    background-color: #1b1e21 !important;
    color: #fff !important;
}

.html-desktop .alert.dark:hover
{
    border: 1px solid #1b1e21 !important;
    -webkit-box-shadow: 0 0 0 1px #1b1e21 !important;
    box-shadow: 0 0 0 1px #1b1e21 !important; 
    background-color: #1e2124 !important;
    color: #fff !important;
}

.alert.primary .icon-svg path, 
.alert.primary .icon-svg g
{
    fill: #fff !important;
}

.html-desktop .alert.primary:hover .icon-svg path, 
.html-desktop .alert.primary:hover .icon-svg g
{
    fill: #fff !important;
}

.alert.secondary .icon-svg path, 
.alert.secondary .icon-svg g
{
    fill: #fff !important;
}

.html-desktop .alert.secondary:hover .icon-svg path, 
.html-desktop .alert.secondary:hover .icon-svg g
{
    fill: #fff !important;
}

.alert.success .icon-svg path, 
.alert.success .icon-svg g
{
    fill: #fff !important;
}

.html-desktop .alert.success:hover .icon-svg path, 
.html-desktop .alert.success:hover .icon-svg g
{
    fill: #fff !important;
}

.alert.danger .icon-svg path, 
.alert.danger .icon-svg g
{
    fill: #fff !important;
}

.html-desktop .alert.danger:hover .icon-svg path, 
.html-desktop .alert.danger:hover .icon-svg g
{
    fill: #fff !important;
}

.alert.warning .icon-svg path, 
.alert.warning .icon-svg g
{
    fill: #fff !important;
}

.html-desktop .alert.warning:hover .icon-svg path, 
.html-desktop .alert.warning:hover .icon-svg g
{
    fill: #fff !important;
}

.alert.info .icon-svg path, 
.alert.info .icon-svg g
{
    fill: #fff !important;
}

.html-desktop .alert.info:hover .icon-svg path, 
.html-desktop .alert.info:hover .icon-svg g
{
    fill: #fff !important;
}

.alert.light .icon-svg path, 
.alert.light .icon-svg g
{
    fill: #fff !important;
}

.html-desktop .alert.light:hover .icon-svg path, 
.html-desktop .alert.light:hover .icon-svg g
{
    fill: #fff !important;
}

.alert.dark .icon-svg path, 
.alert.dark .icon-svg g
{
    fill: #fff !important;
}

.html-desktop .alert.dark:hover .icon-svg path, 
.html-desktop .alert.dark:hover .icon-svg g
{
    fill: #fff !important;
}

.alert .alert-title 
{
    display: block;
    max-width: 90%;
}

.alert .alert-title-full 
{
    display: block;
    max-width: 100%;
}

.alert .alert-text 
{
    display: block;
    width: 100%;
    font-size: 0.8em;
    font-weight: 400;
}

.alert .icon-type
{
    display: block;
}

.badge 
{
    display: none;
    position: absolute;
    top: -3px;
    right: -3px;
    border-radius: 100%;
    width: 1.5em;
    height: 1.5em;
    line-height: 1.5em;
    font-size: 0.75em;
    font-weight: 700;
    text-align: center;
    background-color: #e15857;
    color: #fff;
    border: solid 1px #fff;    
}

.badge .badge-text 
{
    position: absolute;
    top: 0;
    right: 0px;
    bottom: 0;
    left: -2px;
}

.badge-inverted 
{
    background-color: #fff;
    color: #e15857;
    border: solid 1px #e15857;
}

.goal 
{
    position: absolute;
    top: 30px;
    right: auto;
    bottom: auto;
    left: -25px;
    float: left;
    padding: 0.55em 0.9em;
    text-align: center;
    color: #fff;
    font-weight: 600;    
    border-radius: 4px;
    background: 0 0 #ee836e;
    text-shadow: 0 1px 0 rgb(0 0 0 / 10%);
    z-index: 1;    
}

.goal .day 
{
    font-size: 1.15em;
    display: block;
    margin-bottom: -7px;
}

.goal .month 
{
    font-size: .75em;
}

.block-with-text 
{
    overflow: hidden;
    position: relative;
    max-height: 85px;
    line-height: normal;
    padding-right: 1em;
    padding-left: 0;
    /*word-spacing: 0.14em;*/
    width: auto;
}

.block-with-text:before 
{
    content: '...';
    position: absolute;
    right: 0.1em;
    bottom: 0em;
    width: 1em;
}

.block-with-text:after 
{
    content: '';
    position: absolute;
    right: 0.1em;
    width: 1em;
    height: 40px;
    background-color: #fff;
}

.inline-with-text
{
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: clip;
    text-overflow: ellipsis;
    text-overflow: "…";
    width: 100%;
    padding: 0 5px;
}

.txt, 
.text
{
    display: inline-block;
    vertical-align: middle;
    max-width: 150px;
}

.other-txt, 
.other-text
{
    color: #727586;
}

.horizontal-separator 
{
    height: 0;
    width: 100%;
    background-color: #f2f3f6;
    border-bottom: 1px solid #f2f3f6;
}

.horizontal-separator-slot 
{
    height: 0;
    width: 95%;
    margin: 0 auto;
    background-color: #f2f3f6;
    border-bottom: 1px solid #f2f3f6;
}

.vertical-separator 
{
    display: inline-block;    
    padding: 6px;
}

.separator-line 
{
    height: 0;
    width: 100%;
    background-color: #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    opacity: 0.2 !important;  
}

.separator-line-opacity
{
    opacity: 0.2 !important;  
}

.line-dark
{
    background-color: #090909;
    border-bottom: 1px solid #090909;
}

.social-network .link
{
    margin: 0 6px;
}

.facebook-desktop
{
    display: inline-block;
}

.instagram-desktop
{
    display: inline-block;
}

.twitter-desktop
{
    display: inline-block;
}

.youtube-desktop
{
    display: inline-block;
}

.whatsapp-desktop
{
    display: none;
}

.whatsapp-to-share-desktop
{
    display: none;
}

.whatsapp-mobile
{
    display: none;
}

.whatsapp-to-share-mobile
{
    display: none;
}

.other-device .whatsapp-desktop
{
    display: inline-block;
}

.other-device .whatsapp-to-share-desktop
{
    display: none;
}

.other-device .whatsapp-mobile
{
    display: none;
}

.other-device .whatsapp-to-share-mobile
{
    display: none;
}

.mobile-device .whatsapp-desktop
{
    display: none;
}

.mobile-device .whatsapp-to-share-desktop
{
    display: none;
}

.mobile-device .whatsapp-mobile
{
    display: inline-block;
}

.mobile-device .whatsapp-to-share-mobile
{
    display: none;
}

.social-icons
{
    text-align: center;
}

.social-icons .icon-svg
{
    width: 1.2em;
    height: 1.2em;  
    margin: 12px;
}

.carousel
{
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    height: 100%;
    min-height: -webkit-calc(100%);
    min-height: -moz-calc(100%);
    min-height: calc(100%);
    min-height: 100%;
    min-height: 100vh;
    width: 100%;
    /* No iOS tap highlight */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    /* No text selection */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* No IE10 default touch actions */
    /*-ms-touch-action: none;*/
}

.carousel a
{
    color: #fff;
}

.html-desktop .carousel a:hover
{
    color: #fff;
}

.carousel > .button
{
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    z-index: 1; 
}

.carousel .button 
{
    position: initial;
    display: initial;
    border: 0;
    border-bottom: 0;
    line-height: normal;
    background: none;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    cursor: pointer;
    padding: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;    
}

.carousel > .button:-moz-focus-inner
{
    margin: -1px;
    padding: 0;
}

.carousel .carousel-itens
{
    position: relative;
    left: 0%;  
    color: #fff;
    background-color: #f2f3f6;
}

[carouselmode='carousel'] .carousel-itens
{
    transition: all 200ms ease 0s;
}

.carousel .carousel-itens .bg
{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.carousel .carousel-itens,
.carousel .carousel
{
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    min-height: -webkit-calc(100%);
    min-height: -moz-calc(100%);
    min-height: calc(100%);
    min-height: 100%;
    min-height: 100vh;
}

/*
.carousel .carousel-itens,
.carousel .carousel,
.carousel > .button
{
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
}
*/

.carousel .carousel
{
    /*position: absolute;*/
    /*display: block;*/
    position: relative;
    float: left;
    display: inline-block;
    width: 16.66666666666667%;
    text-align: center;
    outline: none;
    background-color: #2c5779;
}

[carouselmode='slide'] .carousel.active, 
[carouselmode='video'] .carousel.active
{
    animation-name: fadein;
    animation-duration: .3s;
    animation-timing-function: ease-in;
    animation-fill-mode: backwards;
}

.carousel .carousel.grabbable 
{
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.carousel .carousel.grabbable:active 
{
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

.carousel .carousel:nth-child(even)
{
    background-color: #f2f3f6;
}

.carousel .carousel.active
{
    /*display: block;*/
    display: inline-block;
}

.carousel .carousel .carousel-link 
{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    position: relative;
    width: auto;
    text-decoration: none;
    color: #fff;
}

.carousel .carousel .carousel-link .icon-svg path, 
.carousel .carousel .carousel-link .icon-svg g 
{
    fill: #fff;
}

.carousel .carousel .background-overlay
{
    position: absolute;
    padding: 0;
    margin: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-image: -webkit-linear-gradient(bottom,rgba(242,243,246) 0,rgba(44,87,121) 25%);
    background-image: -o-linear-gradient(bottom,rgba(242,243,246) 0,rgba(44,87,121) 25%);
    background-image: -webkit-gradient(linear,bottom,from(rgba(242,243,246)),to(rgba(44,87,121)));
    background-image: linear-gradient(bottom,rgba(242,243,246) 0,rgba(44,87,121) 25%);
    z-index: 2;
}

.carousel .carousel .carousel-content
{
    position: relative;
    z-index: 2;
}

.carousel .carousel .carousel-text
{
    color: #fff;
    font-weight: bold;
}

.carousel .carousel-caption
{
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    display: none;
    z-index: 2;    
}

.carousel .carousel-caption 
{
    right: 20%;
    left: 20%;
    bottom: 110px;
}

.carousel .carousel-caption p
{
    margin-bottom: 10px;
}

.carousel .carousel-caption .btn
{
    text-decoration: none;
}

.carousel .carousel-markers-item 
{
    position: absolute;
    bottom: 0;
    overflow: hidden;
    word-spacing: 0;
    padding: 0 14px;
    margin: 0;
    line-height: normal;
    cursor: default;
    height: 44px;
    width: 100%;
    background-color: transparent;
    /*background-color: rgba(0,0,0,.1);*/
    color: #fff;
    box-shadow: none;
    font-weight: 400;
    white-space: nowrap;
    /*border-bottom: 1px solid rgba(0,0,0,.1);*/
    z-index: 2;
}

.carousel .carousel-markers-item ul,  
.carousel .carousel-markers-item ul li
{
    display: inline-block;
    width: auto;
}

.carousel .carousel-markers-item .carousel-marker-item,
.carousel .carousel-markers-item .carousel-marker-total
{
    padding: 14px 0;
}

.carousel .carousel-markers-item .carousel-marker-item
{
    display: none;
}

.carousel .carousel-markers-item .carousel-marker-item.active
{
    display: inline-block;
}

.carousel .carousel-markers
{
    position: absolute;
    right: 0;
    bottom: 70px;
    left: 0;        
    padding: 10px;
    text-align: center;
    display: none;
    z-index: 2;
}

.carousel .aside-content
{
    padding: 75px 0;
}

@keyframes progress-completed 
{
    0% 
    {
        background-position: 100% 0;
    }
    100% 
    {
        background-position: 0 0;
    }
}

.carousel .carousel-markers .button
{
    display: inline-block;
    *display: block;
    *float: left;
    margin-left: 10px;
    padding: 0;
    width: 10%;
    height: 13px;
    text-indent: -10000px;
    background-size: 200%;
    background-position: 100% 50%;
    animation-duration: 0s;
    animation-play-state: running;
    color: #fff;
    border: 1px solid transparent;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 0 1px transparent;
    box-shadow: 0 0 0 1px transparent;
    background-color: hsla(0,0%,100%,.5);
}

.html-desktop .carousel .carousel-markers .button:hover 
{
    color: #fff;
    border: 1px solid transparent;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 0 1px transparent;
    box-shadow: 0 0 0 1px transparent;
    background-color: hsla(0,0%,100%,.5);
}

.carousel .carousel-markers .button.active
{
    /*background-image: -webkit-linear-gradient(right,hsla(0,0%,100%,0),hsla(0,0%,100%,0) 50%,#fff 50.001%,#fff);*/
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    background-position: unset;
    animation-name: progress-completed;
    animation-duration: 0s;
}

.carousel .carousel-markers .button .carousel-marker-label
{
    position: relative;
    float: left;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer; 
}

.carousel .carousel-markers .button.active .carousel-marker-label 
{
    cursor: default;
}

@keyframes progress-animation
{
    0% 
    { 
        width: 0%; 
    }
    100% 
    { 
        width: 100%; 
    }
}

.carousel .carousel-markers .button .progress-status 
{
    width: 100%;
    background-color: #ddd;
    background-color: hsla(0,0%,100%,.3);
    border-radius: 8px;
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff;    
    overflow: hidden;
}

.carousel .carousel-markers .button .progress-status .progress-bar 
{
    position: relative;
    float: left;    
    width: 0%;
    height: 100%;
    background-color: #fff;
    animation-duration: 0s;
    animation-play-state: running;
    z-index: 0;
}

.carousel .carousel-markers .button.active .progress-status .progress-bar 
{
    width: 100%;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    background-position: 100% 0%;
    animation-name: progress-animation;
    transition: width 1s linear;
    animation-duration: 0s; 
}

.carousel .carousel-markers .button .carousel-marker-hint
{
    position: absolute;
    top: auto;
    right: 0;
    bottom: 35px;
    left: 0;
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 1.175em;
    display: none;
}

.html-desktop .carousel .carousel-markers .button:hover .carousel-marker-hint
{
    display: block;
    text-indent: initial;
}

.html-desktop .carousel .carousel-markers .button.active:hover .carousel-marker-hint
{
    display: none;
}

.carousel .carousel-markers .button.active
{
    background-color: #fff;
}

.carousel .carousel-buttons
{
    display: none;
}

.carousel .carousel-buttons .button.previous, 
.carousel .carousel-buttons .button.next
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    color: #fff;
    text-align: center;
    background-color: rgba(0,0,0,0);
    /*opacity: .5;*/
    text-decoration: none;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    z-index: 2;
}

.html-desktop .carousel .carousel-buttons .button.previous:hover
{
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
    background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}

.carousel .carousel-buttons .button.next
{
    right: 0;
    left: auto;
}

.html-desktop .carousel .carousel-buttons .button.next:hover
{
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;    
}

.carousel .carousel-buttons .icon-carousel-previous,
.carousel .carousel-buttons .icon-carousel-next
{
    position: absolute;
    top: 50%;
    display: inline-block; 
    width: 30px;
    height: 30px;
    text-indent: -10000px;
    cursor: pointer;
    background-color: rgba(0,0,0,0);
    z-index: 5;
}

.carousel .carousel-buttons .icon-carousel-previous
{
    left: 50%;
    margin-top: -10px;
    margin-left: -10px;
    /*background-image: url('../../static/media/icons/icon-prev.png');*/
    background-position: center center;      
}

/*
.carousel .carousel-buttons .icon-carousel-previous:before
{
    content: "\e079";   
}
*/

.carousel .carousel-buttons .icon-carousel-next
{
    right: 50%;
    margin-top: -10px;
    margin-right: -10px;
    /*background-image: url('../../static/media/icons/icon-next.png');*/
    background-position: center center;       
}

/*
.carousel .carousel-buttons > .icon-carousel-next:before
{
    content: "\e080";
}
*/

.carousel .carousel-buttons .icon-prev-carrousel, 
.carousel .carousel-buttons .icon-next-carrousel
{
    position: absolute;
    top: 50%;
    margin-top: -2.5em;
}

.carousel .carousel-buttons .icon-prev-carrousel
{
    left: 25%;
    margin-left: -15px;
}

.carousel .carousel-buttons .icon-next-carrousel
{
    right: 25%;
    margin-right: -15px;
}

.carousel .carousel-buttons .button .icon-svg .icon-navig-carousel
{
    color: inherit;
    fill: currentColor;
}

.html-desktop .carousel:hover .carousel-buttons
{
    display: block;
}

.html-desktop [carouselmode='slide']:hover .carousel-buttons, 
.html-desktop [carouselmode='video']:hover .carousel-buttons
{
    display: none;
}

.carousel .box 
{
    max-width: 635px;
    margin-top: -50px;
}

.carousel .actions
{
    margin: 10% 0 0 0;
}

/* Marcadores maiores para toque */
.carousel.touch .carousel-markers .button
{
    width: 16px;
    height: 16px;
    border-radius: 8px;
}

.video-canvas
{
    position: absolute;
    padding: 0;
    margin: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    display: none;
    z-index: 2;
}

.video-overlay
{
    position: absolute;
    padding: 0;
    margin: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;  
    background-color: rgba(0,0,0,.5);
    display: none;
    z-index: 3; 
}

.video-controls
{
    position: absolute;
    top: auto;
    right: 0;
    bottom: 70px;
    left: 0;
    display: none;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;    
    z-index: 99994;
}

.video-controls .video-vtt
{
    display: block;
    width: 100%;
    text-align: center;
    display: none;
}

.video-controls .video-progress
{
    display: block;
    width: 100%;
    display: none;
}

.video-controls .video-progress .video-status
{
    position: relative;
    width: 100%;
    height: 10px;
    background-color: #ddd;
    background-color: hsla(0,0%,100%,.3);
    border-radius: 8px;
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff;    
    overflow: hidden;
}

.video-controls .video-progress .video-bar
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: #fff; 
    z-index: 2;  
}

.video-controls .video-progress .video-fill
{
    position: absolute; 
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;       
    width: 0%;
    height: 100%;
    background-color: #090909; 
    z-index: 1; 
}

.video-controls .video-progress .video-buffered
{
    position: absolute;  
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;      
    width: 0%;
    height: 100%;
    background-color: firebrick; 
    z-index: 0; 
}

/*
.video-controls .video-progress .video-bar.active
{
    transition: width 1s linear;
}
*/

.video-controls .video-progress .video-current-time, 
.video-controls .video-progress .video-time, 
.video-controls .video-progress .video-fix-time 
{
    color: #fff;
    display: none;
    z-index: 2;       
}

.video-controls .video-actions
{
    display: block;
    width: 100%;
    display: none;
}

.video-controls .video-actions .video-control
{
    position: relative;
    appearance: none;
    cursor: pointer;
    opacity: 1;
    padding: 0.5em;
    user-select: none;
    will-change: background-color, color;
    word-break: break-word;
    white-space: nowrap;
    border-radius: 50%;  
    background-color: rgba(255, 255, 255, 0.4);  
    border: 2px solid rgba(255, 255, 255, 0.7);
    margin-left: 1em;
    margin-right: 1em;    
    color: #fff;
}

.video-controls .video-actions .video-control .icon-svg
{
    height: 100%;
    width: 100%;
}

.video-controls .video-actions .video-control.control-play-pause
{
    display: none;
}

.video-controls .video-actions .video-control.control-play-pause .control-play
{
    display: none;
}

.video-controls .video-actions .video-control.control-play-pause .control-pause
{
    display: none;
}

.video-controls .video-actions .video-control.control-play-pause .control-replay
{
    display: none;
}

.video-controls .video-actions .video-control.control-back10
{
    display: none;
}

.video-controls .video-actions .video-control.control-forward10
{
    display: none;
}

.video-controls .video-actions .video-control.control-stop
{
    display: none;
}

.video-controls .video-actions .video-control.control-volume
{
    display: none;
}

.video-controls .video-actions .video-control.control-volume .control-volume-high
{
    display: none;
}

.video-controls .video-actions .video-control.control-volume .control-volume-medium
{
    display: none;
}

.video-controls .video-actions .video-control.control-volume .control-volume-low
{
    display: none;
}

.video-controls .video-actions .video-control.control-volume .control-volume-off
{
    display: none;
}

.video-controls .video-actions .video-control.control-fullscreen
{
    display: none;
}

.video-controls .video-actions .video-control.control-fullscreen .control-fullscreen-enter
{
    display: none;
}

.video-controls .video-actions .video-control.control-fullscreen .control-fullscreen-exit
{
    display: none;
}

.video-controls .video-actions .control-title
{
    display: block;
    appearance: none;
    padding: 0.5em;
    user-select: none;
    word-break: break-word;
    white-space: nowrap;
    margin-left: 1em;
    margin-right: 1em; 
}

.carousel .touch 
{
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 20px;
    color: #fff;
    z-index: 2;       
}

.slider
{
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    background-color: #f2f3f6;
    text-align: left;
    overflow-x: auto;
    overflow-y: hidden;
}

.slider-inner
{
    position: relative;
    display: block;
    /*display: flex;*/
    /*align-items: stretch;*/
    height: 100%;
    min-height: 100%;
    width: auto;
    white-space: nowrap;
    /*pointer-events: none;*/
    /*transition: 0s ease-in;*/
}

.slide-item
{
    display: inline-block;
    width: auto;
    background-color: #f2f3f6;
    text-align: center;
    vertical-align: middle;
}

.slide-item-active
{
    display: inline-block;
    width: auto;
    height: 100%;
    color: #2c5779;
    background-color: #eaebed;
    text-align: center;
}

.html-desktop .slide-item-active:hover a,
.slide-item-active a, 
.html-desktop .slide-item-active a:hover
{
    color: #2c5779;
    font-weight: 600;
}

.slide-link 
{
    float: left;
    display: block;
    width: 100%;
    height: 75px;
    line-height: 75px;
    padding: 0 25px;
}

.slide-item .slide-link.active, 
.slide-item:hover .slide-link.active
{
    color: #2c5779;
    font-weight: 600;
}

a.link-style 
{
    color: #090909;
}

.html-desktop a.link-style:hover 
{
    color: #92f7b6;
}

a.link-light-style
{
    color: #c3e2fb;
}

.html-desktop a.link-light-style:hover 
{
    color: #92f7b6;
}

a.link-style .icon-caret
{
    transform: rotate(270deg);
    vertical-align: initial;
}

.content-button-navig 
{
    display: inline-block; 
    width: auto; 
    text-align: center;
}

.button.button-light-style, 
a.button.button-light-style, 
.button.button-style, 
a.button.button-style,
.button.button-appearance-style, 
a.button.button-appearance-style, 
.button.button-publish, 
a.button.button-publish,  
.button.button-navig, 
a.button.button-navig 
{
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    display: inline-block;
    position: relative;
    /* word-break: break-word; */
    /* white-space: nowrap; */
    text-align: center;
    background: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 11px;
    width: auto;
    line-height: 27px;
    color: #fff;
    border: 1px solid #090909;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #090909;
    box-shadow: 0 0 0 1px #090909;
    background-color: #090909;
    font-weight: 600;
    font-size: 1.2em;
    width: auto;
    min-width: 200px;
    max-width: initial;
    line-height: 30px;   
    vertical-align: middle;  
}

.html-desktop .button.button-style:hover, 
.html-desktop a.button.button-style:hover
{
    color: #090909;
    border: 1px solid #92f7b6;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #92f7b6;
    box-shadow: 0 0 0 1px #92f7b6;
    background-color: #92f7b6;
}

.button.button-light-style, 
a.button.button-light-style
{
    color: #090909;
    border: 1px solid #c3e2fb;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #c3e2fb;
    box-shadow: 0 0 0 1px #c3e2fb;
    background-color: #c3e2fb;   
}

.html-desktop .button.button-light-style:hover, 
.html-desktop a.button.button-light-style:hover
{
    color: #090909;
    border: 1px solid #92f7b6;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #92f7b6;
    box-shadow: 0 0 0 1px #92f7b6;
    background-color: #92f7b6;
}

.button.button-appearance-style, 
a.button.button-appearance-style
{
    color: #090909;
    border: 1px solid #f2f3f6;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #f2f3f6;
    box-shadow: 0 0 0 1px #f2f3f6;
    background-color: #f2f3f6;
}

.html-desktop .button.button-appearance-style:hover, 
.html-desktop a.button.button-appearance-style:hover
{
    color: #090909;
    border: 1px solid #92f7b6;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #92f7b6;
    box-shadow: 0 0 0 1px #92f7b6;
    background-color: #92f7b6;
}

.button.button-publish, 
a.button.button-publish
{
    color: #090909;
    border: 1px solid #92f7b6;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #92f7b6;
    box-shadow: 0 0 0 1px #92f7b6;
    background-color: #92f7b6;
    max-width: 90%;
    margin-top: 1px;
}

.html-desktop .button.button-publish:hover, 
.html-desktop a.button.button-publish:hover
{
    color: #fff;
    border: 1px solid #0bb721;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #0bb721;
    box-shadow: 0 0 0 1px #0bb721;
    background-color: #0bb721;
}

.button.button-navig, 
a.button.button-navig
{
    color: #2c5779;
    border: 1px solid #f2f3f6;
    border-radius: 100%;
    -webkit-box-shadow: 0 0 0 1px #f2f3f6;
    box-shadow: 0 0 0 1px #f2f3f6;
    background-color: #f2f3f6;
    min-width: 50px;
    width: 50px;
    height: 50px;
    margin: 5px;    
}

.html-desktop .button.button-navig:hover, 
.html-desktop a.button.button-navig:hover
{
    color: #090909;
    border: 1px solid #f2f3f6;
    border-radius: 100%;
    -webkit-box-shadow: 0 0 0 1px #f2f3f6;
    box-shadow: 0 0 0 1px #f2f3f6;
    background-color: #f2f3f6;
}

.button.button-publish, 
a.button.button-publish
{
    color: #2c5779;
    border: 1px solid #c3e2fb;
    border-radius: 100%;
    -webkit-box-shadow: 0 0 0 1px #c3e2fb;
    box-shadow: 0 0 0 1px #c3e2fb;
    background-color: #c3e2fb;   
}

.html-desktop .button.button-publish:hover, 
.html-desktop a.button.button-publish:hover
{
    color: #090909;
    border: 1px solid #92f7b6;
    border-radius: 100%;
    -webkit-box-shadow: 0 0 0 1px #92f7b6;
    box-shadow: 0 0 0 1px #92f7b6;
    background-color: #92f7b6;
}

.button.button-navig .icon-svg, 
a.button.button-navig .icon-svg
{
    width: 100%;
    height: 100%;
    display: block;
}

.button.button-style .txt, 
a.button.button-style .txt,
.button.button-style .text, 
a.button.button-style .text, 
.button.button-light-style .txt, 
a.button.button-light-style .txt, 
.button.button-light-style .text, 
a.button.button-light-style .text, 
.button.button-publish .txt, 
a.button.button-publish .txt, 
.button.button-publish .text, 
a.button.button-publish .text,
.button.button-navig .txt, 
a.button.button-navig .txt, 
.button.button-navig .text, 
a.button.button-navig .text
{
    width: auto; 
    min-width: initial; 
    max-width: initial;
}

.html-desktop .button[disabled]:hover, 
.html-desktop .button[disabled="disabled"]:hover, 
.html-desktop .button.disabled:hover, 
.html-desktop a.button[disabled]:hover, 
.html-desktop a.button[disabled="disabled"]:hover, 
.html-desktop a.button.disabled:hover
{
    color: #b5b5b5;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #e5e5e5;
    box-shadow: 0 0 0 1px #e5e5e5;    
    background-color: #e5e5e5;
}

.text-inactive
{ 
    color: #aaaaaa;
}

.text-primary
{   
    color: #004085;
}

.text-secondary
{
    color: #383d41;
}

.text-success
{
    color: #56a845;
}

.text-danger
{ 
    color: #e15857;
}

.text-warning
{
    color: #ffc107;
}

.text-info
{
    color: #0c5460; 
}

.text-light
{
    color: #818182;
}

.text-dark
{
    color: #1b1e21;
}

.text-white
{
    color: #fff;
}

.text-underline 
{
   text-decoration: underline;
}

.background-inactive
{ 
    background-color: #aaaaaa;
}

.background-primary
{   
    background-color: #004085;
}

.background-secondary
{
    background-color: #383d41;
}

.background-success
{
    background-color: #56a845;
}

.background-danger
{ 
    background-color: #e15857;
}

.background-warning
{
    background-color: #ffc107;
}

.background-info
{
    background-color: #0c5460; 
}

.background-light
{
    background-color: #818182;
}

.background-dark
{
    background-color: #1b1e21;
}

.background-white
{
    background-color: #fff;
}

.cart figure 
{
    vertical-align: middle;
    margin-right: 12px;
}

.cart img.card-perspective 
{
    height: auto;
    width: 100%;
    max-width: 60px;
}

.cart .tbody .text
{
    min-width: 40px;
    margin: 0;
}

.cart .form
{
    display: inline-block;
    width: auto;
}

.cart .form-cart .button, 
.cart .form-cart .button:hover
{
    width: 25px;
    min-width: 25px;
    line-height: 25px;
    padding: 0;
    margin: 0;
    color: #090909;
    border: 1px solid #f2f3f6;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px #f2f3f6;
    box-shadow: 0 0 0 1px #f2f3f6;
    background-color: #f2f3f6;
}

.cart .quantity-group-prepend .quantity-group-prepend-button, 
.cart .quantity-group-prepend .quantity-group-prepend-button:hover, 
.html-desktop .cart .quantity-group-prepend .quantity-group-prepend-button:hover
{
    min-width: 27px;
    border-radius: 10px 0px 0px 10px;
}

.cart .quantity-group-append .quantity-group-append-button, 
.cart .quantity-group-append .quantity-group-append-button:hover, 
.html-desktop .cart .quantity-group-append .quantity-group-append-button:hover
{
    min-width: 27px;
    border-radius: 0px 10px 10px 0px;
}

.cart .sheet-app-item .form
{
    width: 100%;
}

.step-progress 
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

.step-item
{
    text-align: center;
    max-width: 100px;
}

.step-circle, 
.html-desktop .step-circle:hover
{
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    height: 30px;
    width: 30px;
    margin: auto;    
    margin-bottom: 5px;
    color: #666;    
    background: #e5e5e5;    
    font-weight: 600;
}

.step-active, 
.html-desktop .step-active:hover
{
    color: #fff;    
    background-color: #2c5779;
}

.step-line 
{
    border-radius: 4px;
    margin-top: 15px;
    height: 2px;
    width: 100%;
    background: #e5e5e5;
}

.line-active 
{
    background: #2c5779;
}

.access-code
{
    letter-spacing: 0.1em;
    font-size: 2em;
    font-weight: 600;
}

.no-select 
{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

[sheet="sheet-app-oparation-conclude-genre"] .content .controls .sheet-app-value .sheet-app-text 
{
    display: none !important;
}

[sheet="sheet-app-oparation-conclude-genre"] .content .sheet-app-container .sheet-app-items .sheet-app-item
{
	text-align: left;
}

[sheet="sheet-app-oparation-conclude-genre"] .content .sheet-app-container .sheet-app-items .sheet-app-item .input 
{
	border: 1px solid #dbdbdb;
    border-radius: 6px;
    -ms-flex-positive: 1;
    line-height: 30px;
    overflow: visible;
    padding: 4px 12px;
	display: none;
}

[sheet="sheet-app-oparation-conclude-genre"] .content .sheet-app-container .sheet-app-items .sheet-app-item .input.primary, 
[sheet="sheet-app-oparation-conclude-genre"] .content .sheet-app-container .sheet-app-items .sheet-app-item .input.secondary, 
[sheet="sheet-app-oparation-conclude-genre"] .content .sheet-app-container .sheet-app-items .sheet-app-item .input.success, 
[sheet="sheet-app-oparation-conclude-genre"] .content .sheet-app-container .sheet-app-items .sheet-app-item .input.danger, 
[sheet="sheet-app-oparation-conclude-genre"] .content .sheet-app-container .sheet-app-items .sheet-app-item .input.warning, 
[sheet="sheet-app-oparation-conclude-genre"] .content .sheet-app-container .sheet-app-items .sheet-app-item .input.info, 
[sheet="sheet-app-oparation-conclude-genre"] .content .sheet-app-container .sheet-app-items .sheet-app-item .input.light, 
[sheet="sheet-app-oparation-conclude-genre"] .content .sheet-app-container .sheet-app-items .sheet-app-item .input.dark
{
	color: #090909 !important;
}

[sheet="sheet-app-oparation-conclude-genre"] .content .sheet-app-container .sheet-app-items .sheet-app-item .icon-check
{
	width: 0.9em;
    height: 0.9em;
}

[sheet="sheet-app-oparation-conclude-genre"] .content .sheet-app-container .sheet-app-items .sheet-app-item span 
{
	vertical-align: middle;
}

[sheet="sheet-app-oparation-conclude-genre"] .content input[id="idGenre-0"]:checked ~ .sheet-app-label .controls .sheet-app-value [text="idGenre-0"]
{
    display: block !important;
}
/*
[sheet="sheet-app-oparation-conclude-genre"] .content input[id="idGenre-0"]:checked ~ .sheet-app-container .sheet-app-items .sheet-app-item [for="idGenre-0"] 
{
    background-color: rgba(0,0,0,.1);
}
*/
[sheet="sheet-app-oparation-conclude-genre"] .content input[id="idGenre-0"]:checked ~ .sheet-app-container .sheet-app-items .sheet-app-item [for="idGenre-0"]  .icon-check .ticked 
{
    fill: #090909 !important;
}

[sheet="sheet-app-oparation-conclude-genre"] .content input[id="idGenre-1"]:checked ~ .sheet-app-label .controls .sheet-app-value [text="idGenre-1"]
{
    display: block !important;
}
/*
[sheet="sheet-app-oparation-conclude-genre"] .content input[id="idGenre-1"]:checked ~ .sheet-app-container .sheet-app-items .sheet-app-item [for="idGenre-1"] 
{
    background-color: rgba(0,0,0,.1);
}
*/
[sheet="sheet-app-oparation-conclude-genre"] .content input[id="idGenre-1"]:checked ~ .sheet-app-container .sheet-app-items .sheet-app-item [for="idGenre-1"]  .icon-check .ticked 
{
    fill: #090909 !important;
}

[sheet="sheet-app-oparation-conclude-genre"] .content input[id="idGenre-2"]:checked ~ .sheet-app-label .controls .sheet-app-value [text="idGenre-2"]
{
    display: block !important;
}
/*
[sheet="sheet-app-oparation-conclude-genre"] .content input[id="idGenre-2"]:checked ~ .sheet-app-container .sheet-app-items .sheet-app-item [for="idGenre-2"] 
{
    background-color: rgba(0,0,0,.1);
}
*/
[sheet="sheet-app-oparation-conclude-genre"] .content input[id="idGenre-2"]:checked ~ .sheet-app-container .sheet-app-items .sheet-app-item [for="idGenre-2"]  .icon-check .ticked 
{
    fill: #090909 !important;
}

[sheet="sheet-app-oparation-conclude-genre"] .content input[id="idGenre-3"]:checked ~ .sheet-app-label .controls .sheet-app-value [text="idGenre-3"]
{
    display: block !important;
}
/*
[sheet="sheet-app-oparation-conclude-genre"] .content input[id="idGenre-3"]:checked ~ .sheet-app-container .sheet-app-items .sheet-app-item [for="idGenre-3"] 
{
    background-color: rgba(0,0,0,.1);
}
*/
[sheet="sheet-app-oparation-conclude-genre"] .content input[id="idGenre-3"]:checked ~ .sheet-app-container .sheet-app-items .sheet-app-item [for="idGenre-3"]  .icon-check .ticked 
{
    fill: #090909 !important;
}

[sheet="sheet-app-oparation-conclude-genre"] .content input[id="idGenre-3"]:checked ~ .sheet-app-container .sheet-app-items .sheet-app-item [for="idGenre-3"]  .input 
{
    display: block !important;
}

.flip-container 
{
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-perspective: 1000;
    perspective: 1000;    
    z-index: 1;
}

.flip-card 
{
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: all 1.0s linear;
    transform-style: preserve-3d;
    transition: all 1.0s linear;
}

.flip-container.flipped .flip-card 
{
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.flip-card .face 
{
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.flip-card .front.face
{
    position: relative;
    float: left;
    width: 100%;
    height: 100%;     
}

.flip-card .back.face 
{
    position: absolute;
    float: left;
    display: block;
    width: 100%;
    height: 100%; 
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    box-sizing: border-box;        
}

.flip-card .front img, 
.flip-card .back img
{
    border: 1px solid #e5e5e5;
    border-radius: 15px;
}

.title-profile
{
    color: #0095f6;
    font-weight: 700;
}

.title-profile:hover, 
.html-desktop .title-profile:hover
{
    color: #41bf6e;
}

.avatar-profile, 
.figure-profile  
{
    position: relative;
    width: 100px;
    height: 100px;    
    margin: auto;    
    display: block; 
}

.file-avatar-loading, 
.file-figure-loading
{
    position: absolute;
    display: block;
    overflow: hidden;
    width: 100px;
    height: 100px;
    text-align: center;
    display: none;
    z-index: 2;
}

.file-avatar-loading-overlay, 
.file-figure-loading-overlay
{
    position: absolute;
    display: block;
    overflow: hidden;
    width: 100px;
    height: 100px;    
    background-color: #fff;
    border: 4px solid #fff;
    border-radius: 100%;
    opacity: 0.3 !important;
    z-index: 1;
}

.file-avatar-loading .icon-loading, 
.file-figure-loading .icon-loading
{
    position: relative;
    margin-top: 40%;
    z-index: 2;
}

.avatar-data, 
.figure-data
{
    position: relative;
    background-color: #2c5779;
    background-size: cover;
    display: flex;
    overflow: hidden;
    width: 100px;
    height: 100px;
    border: 4px solid #fff;
    border-radius: 100%;
    -webkit-box-shadow: 0px 0px 14px 2px rgb(0 0 0 / 20%);
    box-shadow: 0px 0px 14px 2px rgb(0 0 0 / 20%); 
    align-items: center;
    justify-content: center;
    text-align: center; 
}

.avatar-profile .avatar-data-hover, 
.figure-profile .figure-data-hover
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
    color: #fff;
    background-color: #000;
    opacity: 0.5 !important; 
    text-align: center;   
    display: none;
}

.avatar-profile .avatar-data-hover .icon-svg, 
.figure-profile .figure-data-hover .icon-svg
{
    width: auto;
    height: 50%;
    margin-top: 25%;
}

.html-desktop .avatar-data:hover .avatar-data-hover, 
.html-desktop .figure-data:hover .figure-data-hover
{
    display: block;
}

.avatar-profile img, 
.figura-profile img
{
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -o-object-position: center center;
    object-position: center center;
    -o-object-fit: cover;
    object-fit: cover;
    margin: 0 auto;
}

.file-avatar-rotate, 
.file-figure-rotate
{
    position: relative;
    width: 100px;
    height: auto;
    margin: 5px auto;
    display: inline-block;
    color: red;
    cursor: pointer;    
    vertical-align: middle;    
}

.file-avatar-rotate .file-avatar-text, 
.file-figure-rotate .file-figure-text
{
    display: block;
    width: 100%; 
    text-align: center;
}

.file-figure-rotate .file-figure-text
{
    text-align: left;
}

.file-avatar-add, 
.file-figure-add
{
    position: absolute;
    right: 0;
    bottom: 0;
    color: #41bf6e;
    cursor: pointer;
    border: 2px solid #fff;
    border-radius: 100%;
    background: #fff;
    margin: 5px 0; 
    width: 1.6em;
    height: 1.6em;    
    text-align: center; 
}

.file-figure-add
{
    right: 10px;
    bottom: 5px;
}

.file-avatar-add label, 
.file-figure-add label
{
    cursor: pointer;
}

.file-avatar-add .icon-svg, 
.file-figure-add .icon-svg
{
    width: 100%;
    height: 100%; 
    vertical-align: initial;  
}

.avatar-profile:hover .file-avatar-add, 
.figure-profile:hover .file-figure-add
{
    display: block;
}

.operation-avatar-profile, 
.operation-figure-profile
{
    color: #0095f6;
    font-weight: 700;
}

iframe, 
.device-iframe
{
    width: 100%; 
    height: 100%;     
    border: solid 2px #525151;
    overflow: hidden;
}

.device-iframe 
{
    overflow-y: auto;
    direction: ltr;
    scrollbar-color: #525151 #e4e4e4;
    scrollbar-width: thin;
}

.device-iframe::-webkit-scrollbar 
{
    width: 20px;
}

.device-iframe::-webkit-scrollbar-track 
{
    background-color: #e4e4e4;
    border-radius: 100px;
}

.device-iframe::-webkit-scrollbar-thumb 
{
    border-radius: 100px;
    border: 5px solid transparent;
    background-clip: content-box;
    background-color: #525151;
}

.device-iframe-sound
{
    position: absolute; 
    top: auto; 
    left: 50%; 
    width: 15%; 
    height: 15px; 
    margin: 38px 0 0 -7.5%; 
    border-radius: 25px; 
    background-color: #202020; 
    z-index: 0;
}

.device-iframe-button
{
    position: absolute; 
    bottom: 15px; 
    left: 50%; 
    width: 40px; 
    height: 40px; 
    margin: -40px 0 0 -20px; 
    border-radius: 100%; 
    background-color: #202020;
}

.itens-box .box .device-iframe-loading, 
.device-iframe-loading
{
    position:absolute; 
    top:50%; 
    left:50%; 
    width: 30px;
    margin:-30px 0 0 -14px; 
    z-index: 2;
}

.title-content-editor, 
.input-content-editor
{
    background: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px;
    position: relative;
    width: 100%;
    max-width: 414px;
    height: auto;
    max-height: 95px;
    border: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    letter-spacing: -0.05em;
    color: #090909;
    overflow-y: auto;
    overflow-x: hidden;
    /*white-space: nowrap;*/
    -webkit-touch-callout: initial;
    -webkit-user-select: initial;
    -khtml-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial;
    outline-style: initial;    
}

.description-content-editor, 
.textarea-content-editor
{
    display: block;
    background: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px;
    position: relative;
    width: 100%;
    max-width: 414px;
    height: 190px;
    max-height: 190px;     
    border: none;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px transparent;
    box-shadow: 0 0 0 1px transparent;    
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    letter-spacing: -0.05em;
    color: #090909;
    overflow-y: auto;
    overflow-x: hidden; 
    margin: 0;
    resize: none;
    -webkit-touch-callout: initial;
    -webkit-user-select: initial;
    -khtml-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial;
    outline-style: initial;    
}

iframe.title-content-editor, 
iframe.description-content-editor
{
    padding: 0;
}

.body-content-editor
{
    border: 1px solid #e6e6e6;
    -webkit-box-shadow: 0 0 0 1px #e6e6e6;
    box-shadow: 0 0 0 1px #e6e6e6;    
    border-radius: 5px;
}

.body-content-editor:hover, 
.html-desktop .body-content-editor:hover
{
    border: 1px solid #090909;
    -webkit-box-shadow: 0 0 0 1px #090909;
    box-shadow: 0 0 0 1px #090909;     
}

.actions-content-editor 
{
    display: inline-block;
    border-bottom: 1px solid #e6e6e6;
    padding: 4px;
}

.content-editor .fieldset
{
    border-radius: 5px;
}

.content-editor .fieldset.config-border,  
.html-desktop .content-editor .fieldset.config-border:hover 
{
    border-radius: 5px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #fff; 
}

.actions-content-editor button[type=button], 
.button-content-editor
{
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    display: inline-block;
    position: relative;
    /* word-break: break-word; */
    /* white-space: nowrap; */
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 2px;
    padding: 2px 4px;
    width: 30px;
    height: 30px;
    line-height: 25px;
    color: #090909;
    border: 1px solid #f1f1f1;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 0 1px #f1f1f1;
    box-shadow: 0 0 0 1px #f1f1f1;
    background-color: #fff;
}

.fore-palette, 
.back-palette, 
.select-items 
{
    display: none;
    float: left;
    position: absolute;
    left: 0;
    padding: 6px;
    width: auto;
    min-width: 190px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 0 5px #ccc;
    z-index: 1;
}

.select-items 
{
    max-height: 218px;
    overflow-x: hidden;
    overflow-y: auto;
}

.fore-content-editor:hover .fore-palette, 
.back-content-editor:hover .back-palette, 
.select-content-editor:hover .select-items, 
.select-items-content-editor:hover .select-items
{
    display: block;
}

.select-content-editor .select-items button, 
.select-items-content-editor .select-items button
{
    height: auto;
    line-height: initial;
}

.select-items-content-editor .select-items button
{
    text-align: left;
}

.fore-palette button, 
.back-palette button 
{
    background: #fff;
    margin-bottom: 2px;
}

.fore-content-editor button.palette-item, 
.back-content-editor button.palette-item
{
    border-radius: 6px;
    margin: 2px;
    border: 1px solid #ccc;
}

.fore-content-editor button.palette-item:hover, 
.back-content-editor button.palette-item:hover
{
    border: 1px solid #ccc;
    box-shadow: 0 0 6px #333;
}

.select-content-editor button.select-item, 
.select-items-content-editor button.select-item
{
    float: left;
    display: block;
    width: 100%;
    border-radius: 6px;
    padding: 2px;
    background-color: #fff;
}

.actions-content-editor button[type=button].select-item:hover, 
.button-content-editor.select-item:hover 
{
    border: 1px solid #ccc;
    border-radius: 6px;
    -webkit-box-shadow: 1px 1px 0 #ccc;
    box-shadow: 1px 1px 0 #ccc;
    background-color: #ccc;
}

.wrape-buttons-content-editor
{
    float: left;
    display: block;
    width: 100%;
}

.actions-content-editor button[type=button] svg, 
.button-content-editor svg 
{
    display: inline-block;
    max-width: 60%;
    max-height: 60%;
    pointer-events: none;
    overflow: hidden;
}

.actions-content-editor button[type=button] img, 
.button-content-editor img 
{
    vertical-align: middle;
}

.actions-content-editor button[type=button]:active,  
.button-content-editor:active
{
    -webkit-box-shadow: inset 1px 1px 0 #bfbdbd;
    box-shadow: inset 1px 1px 0 #bfbdbd;
}

.actions-content-editor button[type=button]:hover, 
.button-content-editor:hover
{
    border: 1px solid #e6e6e6;
    border-radius: 6px;
    -webkit-box-shadow: 1px 1px 0 #bfbdbd;
    box-shadow: 1px 1px 0 #bfbdbd;
    background-color: #fff;    
}

.button-content-editor-selected
{
    border: 1px solid #e6e6e6;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 1px #e6e6e6;
    box-shadow: 0 0 0 1px #e6e6e6;
    background-color: #e6e6e6;
}

.content-editor i
{
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: initial;
    width: auto;
    height: auto;
}

.content-editor p
{
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    line-height: normal;
    margin: 0;
}

.content-editor ol 
{
    display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

.content-editor ul
{
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

.content-editor li 
{
    display: list-item;
    text-align: left;
}

.content-editor .description-content-editor a
{
    color: -webkit-link;
    cursor: text;
    text-decoration: underline;    
    vertical-align: initial;
}

.content-editor blockquote 
{
    display: block;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    font-family: inherit;
    font-size: inherit;
    color: #999;
    padding: 0 5px 0 20px;
    border: solid #b1b1b1;
    border-width: 0 0 0 5px;    
}

.content-editor ::marker 
{
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: start !important;
}

.content-editor pre 
{
    display: block;
    list-style-type: none;
    font-family: monospace;
    white-space: pre;
    padding: 0.5em;
    margin: 1em 0px;
    color: #666;
    line-height: 1.45;
    background-color: #f9f9f9;
    border: 1px solid #e1e1e1;
    border-radius: 2px;
    white-space: pre-wrap!important;
    word-wrap: break-word;
    overflow: visible;    
}

.content-editor hr
{
    display: block;
    unicode-bidi: isolate;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: auto;
    margin-inline-end: auto;
    overflow: hidden;
    border-style: inset;
    border-width: 1px 0 0;
    height: 0;
    width: 100%;
    background-color: #f2f3f6;
    border-bottom: 1px solid #f2f3f6;  
    border-width: 1px 0 0;
    border-color: #f2f3f6;
    border-image: initial;
}

.content-editor hr.on 
{
    border-color: #4592ff;
    -webkit-box-shadow: 0 0 0 0.1rem #c7deff;
    box-shadow: 0 0 0 0.1rem #c7deff;
}

.content-editor .hr-solid
{
    border-bottom: 1px solid #f2f3f6;  
}

.content-editor .hr-dashed
{
    border-bottom: 1px dashed #f2f3f6;
}

.content-editor .hr-dotted
{
    border-bottom: 1px dotted #f2f3f6;  
}

/* Telas na paisagem e abaixo */
@media screen and (min-width: 280px) 
{

}

@media screen and (max-width: 280px) 
{
 
}

@media screen and (min-width: 320px) 
{

}

@media screen and (max-width: 320px) 
{

}

@media screen and (min-width: 480px)
{
    .html-desktop 
    {
        font-size: 0.875em;
    }

    .html-mobile 
    {
        font-size: 1.1em;
    }
}

@media screen and (max-width: 480px)
{   
    .nav .navig-content
    {
        max-width: 375px;
        border-right: 1px solid #f2f3f6;
        border-left: 1px solid #f2f3f6;
    } 

    .vertical-separator
    {
        display: block;
        width: 100%;
    }     
}

@media screen and (min-width: 640px)
{
}

@media screen and (max-width: 640px)
{
    .table .th 
    {
        padding: 1em 1em 0 1em;
    }

    .table .td
    {
        padding: 0 1em 0 1em;        
    }

    .column-adjust
    {
        -ms-flex-wrap: initial;
        flex-wrap: initial;
        white-space: normal;
        overflow-wrap: anywhere;        
        text-align: left !important;
        align-items: center !important;
        justify-content: left !important;
    }
    
    
    .column-adjust-full
    {
        -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
        width: 100% !important;
    }
    
    
    .column-adjust .column-content 
    {
        float: left;
        width: 100%;
        padding: 0;
    } 
    
    .duo-column-left
    {
        float: left; 
        width: 100%; 
        padding-right: 0;
    }
    
    .duo-column-right
    {
        float: right; 
        width: 100%; 
        padding-left: 0;
    }    
}

/* Telas de paisagem para tablet em retrato */
@media screen and (min-width: 762px) 
{
    .html-desktop 
    {
        font-size: 0.9375em;
    } 

    .html-mobile 
    {
        font-size: 1.2em;
    }
}

@media screen and (max-width: 762px) 
{

}

/* Tablet na paisagem e retrato na área de trabalho */
@media screen and (min-width: 768px) 
{
    .html-desktop 
    {
        font-size: 0.9375em;
    } 

    .html-mobile 
    {
        font-size: 1.2em;
    }
}

@media screen and (max-width: 768px) 
{
    .template-home .header.transparent 
    {
        padding-top: 0;
    }    

    .highlight-content
    {
        width: 100%;
        height: auto;
        min-height: initial;      
    }

    .itens-box .item-box
    {
        margin-right: 0;
        width: 100%;
    }

    .box 
    {
        width: 100%;
        max-width: 100%;
        margin: 0;
        border: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }     

    .box .box-pane
    {
        border-radius: 0;
    }

    .box.right, 
    .box.left 
    {
        width: 100%;
        max-width: 100%;
        min-height: initial;
        margin-left: 0;
        margin-right: 0;        
    }

    .goal 
    {
        position: relative;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        float: none;
        border-radius: 0;
    }    

    .column-mobile
    {
        -ms-flex-preferred-size: 16.66% !important;
        flex-basis: 100% !important;
        width: 100% !important;
    }  

    /*
    .column-content
    {
        padding: 5px 0%;
        -ms-flex-preferred-size: 16.66%;
        flex-basis: 100%;
        width: 100%;
    }
    */   

    .field.inline
    {
        float: none;
        display: inline-block;
        width: auto;
    } 

    .control.reset
    {
        margin: 0; 
        padding: 0;
    }

    .dropdown-wrap .dropdown .dropdown-arrow, 
    .dropdown-click .dropdown-wrap .dropdown.open .dropdown-arrow, 
    .dropdown-click .dropdown-wrap .dropdown input[type=checkbox]:checked ~ .dropdown-arrow
    {
        display: none;
    }

    .drop .dropdown-content, 
    .drop .dropdown-content.full
    {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #fff;
    }

    .drop .dropdown-content.right, 
    .drop .dropdown-content.full.right, 
    .drop .dropdown-content.right.full
    {
        right: 0;        
        left: auto;
    } 

    .drop .dropdown-content.left, 
    .drop .dropdown-content.full.left, 
    .drop .dropdown-content.left.full
    {
        right: auto;        
        left: 0;
    }

    .drop .dropdown-content .dropdown-header, 
    .drop .dropdown-content.full .dropdown-header
    {
        display: block;
        border-bottom: 1px solid #f2f3f6;
    }

    .drop .dropdown-content .dropdown-footer, 
    .drop .dropdown-content.full .dropdown-footer
    {
        display: block;
    }

    .drop .dropdown-content.no-with-footer .dropdown-footer 
    {
        display: none;
    }    

    .drop .dropdown-content .dropdown-itens, 
    .drop .dropdown-content.full .dropdown-itens
    {
        position: absolute;
        top: 75px;
        right: 0;
        bottom: 75px;
        left: 0;
        border-style: none !important;
        border-width: 0 !important;
        border-radius: 0 !important;
        border-color: transparent !important;
        background-color: #fff !important;
        margin: 0 !important;
    }

    .drop .dropdown-content.no-with-footer .dropdown-itens
    {
        bottom: auto;
    }  

    .drop .dropdown-content.no-with-footer.full .dropdown-itens
    {
        bottom: 0;
    }  

    .drop .dropdown-content .dropdown-scrollable, 
    .drop .dropdown-content.full .dropdown-scrollable
    {
        position: relative;
        height: 100%;
        min-height: 100%;
        max-height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
    }
    
    .down .selectdown-content, 
    .down .selectdown-content.full
    {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .down .selectdown-content.right, 
    .down .selectdown-content.full.right, 
    .down .selectdown-content.right.full
    {
        right: 0;        
        left: auto;
    } 

    .down .selectdown-content.left, 
    .down .selectdown-content.full.left, 
    .down .selectdown-content.left.full
    {
        right: auto;        
        left: 0;
    }

    .down .selectdown-content .selectdown-header, 
    .down .selectdown-content.full .selectdown-header
    {
        display: block;
        border-style: none;
        border-width: 0;
        border-radius: 0;
        border-color: transparent;
        background-color: #fff;
        margin: 0 !important;        
        border-bottom: 1px solid #f2f3f6;
    }

    .down .selectdown-content.with-search .selectdown-itens
    {
        top: 149px;   
    }    

    .down .selectdown-content .selectdown-footer, 
    .down .selectdown-content.full .selectdown-footer
    {
        display: block;
    }

    .down .selectdown-content.no-with-footer .selectdown-footer 
    {
        display: none;
    }    

    .down .selectdown-content .selectdown-itens, 
    .down .selectdown-content.full .selectdown-itens
    {
        position: absolute;
        top: 75px;
        right: 0;
        bottom: 75px;
        left: 0;
        border-style: none !important;
        border-width: 0 !important;
        border-radius: 0 !important;
        border-color: transparent !important;
        background-color: #fff !important;
        margin: 0 !important;
    }

    .down .selectdown-content.no-with-footer .selectdown-itens
    {
        bottom: auto;
    }  

    .down .selectdown-content.no-with-footer.full .selectdown-itens
    {
        bottom: 0;
    }  

    .down .selectdown-content .selectdown-scrollable, 
    .down .selectdown-content.full .selectdown-scrollable
    {
        position: relative;
        height: 100%;
        min-height: 100%;
        max-height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
    }    
    
    .listview-itens.border
    {
        border-style: none !important;
        border-width: 0 !important;
        border-radius: 0 !important;
        border-color: transparent !important;
        background-color: #fff !important;
        margin: 0 !important;
    }
    
    .listview-scrollable
    {
        position: relative;
        height: 100%;
        min-height: 100%;
        max-height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
    } 
    
    .sheet-app-preview .sheet-app-inner-full 
    {
        position: fixed;
        float: none;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border: 0;
        width: 100%;
        max-width: 100%;
        margin: 0;;
        border-radius: 0;
    }

    .sheet-app-preview .sheet-app-inner-full .sheet-app-items 
    {
        position: absolute;
        top: 85px;
        right: 0;
        bottom: 0;
        left: 0;
        float: left;
        display: block;
        width: 100%;
        padding: 0;
    }
    
    .device-iframe-sound, 
    .device-iframe-button
    {
        display: none;
    }    
}

/* Área de trabalho média */
@media screen and (min-width: 972px) 
{
    .html-desktop 
    {
        font-size: 0.9375em;
    }

    .html-mobile 
    {
        font-size: 1.3em;
    }   
}

@media screen and (max-width: 972px) 
{
    .itens-box .item-box
    {
        margin-right: 0;
        width: 100%;
    }

    .column-adjust-full-center
    {
        -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
        width: 100% !important;
    }

    .column-adjust-full-center.left-items, 
    .column-adjust-full-center.right-items 
    {
        display: inline-block;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        text-align: center !important;
        align-items: center !important;
        justify-content: center !important; 
    }    
    
    .column-adjust-full-center .column-content 
    {
        float: left;
        width: 100%;
        padding: 0;
    } 
    



    .down .selectdown-content.full-center
    {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
    
    .down .selectdown-content.full-center.right, 
    .down .selectdown-content.full-center.right.full
    {
        right: 0;        
        left: auto;
    } 
    
    .down .selectdown-content.full-center.left, 
    .down .selectdown-content.full-center.left.full
    {
        right: auto;        
        left: 0;
    }
    
    .down .selectdown-content.full-center .selectdown-header
    {
        display: block;
        margin: 0 !important;
        background-color: #fff;        
        border-bottom: 1px solid #f2f3f6;
    }
    
    .down .selectdown-content.full-center.with-search .selectdown-itens
    {
        top: 149px;   
    }    
    
    .down .selectdown-content.full-center .selectdown-footer
    {
        display: block;
    }
    
    .down .selectdown-content.full-center.no-with-footer .selectdown-footer 
    {
        display: none;
    }    
    
    .down .selectdown-content.full-center .selectdown-itens
    {
        position: absolute;
        top: 75px;
        right: 0;
        bottom: 75px;
        left: 0;
        border-style: none !important;
        border-width: 0 !important;
        border-radius: 0 !important;
        border-color: transparent !important;
        background-color: #fff !important;
        margin: 0 !important;
    }
    
    .down .selectdown-content.full-center.no-with-footer .selectdown-itens
    {
        top: 75px;
        bottom: auto;        
        margin: 0 !important;
        background-color: #fff;
    }  
    
    .down .selectdown-content.full-center.no-with-footer.full .selectdown-itens
    {
        bottom: 0;
    }  
    
    .down .selectdown-content.full-center .selectdown-scrollable
    {
        position: relative;
        height: 100%;
        min-height: 100%;
        max-height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
    }    
}

@media screen and (min-width: 992px) 
{
    .html-desktop 
    {
        font-size: 0.9375em;
    }

    .html-mobile 
    {
        font-size: 1.3em;
    }   
}

@media screen and (max-width: 992px) 
{
    .down .selectdown-content, 
    .down .selectdown-content.full
    {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .down .selectdown-content.right, 
    .down .selectdown-content.full.right, 
    .down .selectdown-content.right.full
    {
        right: 0;        
        left: auto;
    } 

    .down .selectdown-content.left, 
    .down .selectdown-content.full.left, 
    .down .selectdown-content.left.full
    {
        right: auto;        
        left: 0;
    }

    .down .selectdown-content .selectdown-header, 
    .down .selectdown-content.full .selectdown-header
    {
        display: block;
        border-bottom: 1px solid #f2f3f6;
    }

    .down .selectdown-content .selectdown-field .content
    {
        height: 73px;
        line-height: 73px;
    }  
    
    .down .selectdown-content.with-search .selectdown-itens
    {
        top: 149px;   
    }     

    .down .selectdown-content .selectdown-footer, 
    .down .selectdown-content.full .selectdown-footer
    {
        display: block;
    }

    .down .selectdown-content.no-with-footer .selectdown-footer 
    {
        display: none;
    } 

    .down .selectdown-content .selectdown-itens        
    {
        padding: 0;
    }

    .down .selectdown-content .selectdown-itens, 
    .down .selectdown-content.full .selectdown-itens
    {
        position: absolute;
        top: 75px;
        right: 0;
        bottom: 75px;
        left: 0;
        border-style: none !important;
        border-width: 0 !important;
        border-radius: 0 !important;
        border-color: transparent !important;
        background-color: #fff !important;
        margin: 0 !important;
    }

    .down .selectdown-content.no-with-footer .selectdown-itens
    {
        bottom: 0;
    }  

    .selectdown-field 
    {
        position: relative;
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        width: 100%;
        border-bottom: 1px solid #f2f3f6;
        z-index: 1;
    }

    .down .selectdown-content .selectdown-scrollable, 
    .down .selectdown-content.full .selectdown-scrollable
    {
        position: relative;
        height: 100%;
        min-height: 100%;
        max-height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
    }  

    .down .selectdown-content .selectdown-itens.search .selectdown-scrollable .content
    {
        padding-bottom: 0;
    }

    .root .capsule input[type=text]
    {
        height: auto;
        line-height: initial;        
        border-style: solid;
        border-width: 0.1px;
        border-color: #dadce0;    
        background-color: #fff;
        /* -webkit-box-shadow: 0 3px 6px 0 rgb(255 255 255 / 16%); */
        /* box-shadow: 0 3px 6px 0 rgb(255 255 255 / 16%); */
        border-radius: 5rem 5rem 5rem 5rem;
        padding: 0.9em 3.6em 0.9em 1.6em;
    }

    .root .capsule input[type=text]:focus 
    {
        border: 1px solid #090909;
    }

    .root .capsule .icon
    {
        display: inline-flex;
    }        
}

@media screen and (min-width: 1024px) 
{
    .html-desktop 
    {
        font-size: 0.9375em;
    }

    .html-mobile 
    {
        font-size: 1.3em;
    } 
}

@media screen and (max-width: 1024px) 
{
    .scrollable
    {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0px;
        left: 0;
        max-height: inherit;
        overflow-x: hidden;
        overflow-y: auto;
        border-radius: 0;       
    }      
}

/* Área de trabalho grande */
@media only screen and (min-width: 1290px) 
{
    .html-desktop 
    {
        font-size: 1em;
    }

    .html-mobile 
    {
        font-size: 1.4em;
    }   

    .drop .dropdown-content .dropdown-itens, 
    .drop .dropdown-content.full .dropdown-itens
    {
        margin: 0 5% !important;
    }     
}

@media screen and (max-width: 1290px) 
{
  
}

/* Área de trabalho extra grande */
@media only screen and (min-width: 1490px) 
{

}

@media screen and (max-width: 1490px) 
{
   
}

@media only screen and (min-width: 1620px) 
{

}

@media only screen and (max-width: 1620px) 
{

}

@media screen and (min-width: 1640px) 
{

}

@media screen and (max-width: 1640px) 
{
   
}

.row, 
.cell 
{
    display: block;
    display: flex;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

[dir=rtl] .cell 
{
    float: right;
}            

.row 
{
    box-sizing: border-box;
    /*display: -webkit-box;*/
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    justify-content: start; 
    vertical-align: middle;      
}

.row:before, 
.row:after 
{
    display: block;
    display: flex;
    display: table;
    content: '';
    width: 100%;
}

.row:after 
{
    clear: both;
}

.cells, 
.cells.adjust-cells
{
    position: relative;
    /* display: -webkit-box; */
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;    
    width: 100%;
    align-items: left;
    justify-content: left;
    vertical-align: middle;
}

.cells.block-cells
{
    display: block;
}

.cell
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: inline-block\9;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: normal;
    flex-direction: normal;
    /*-webkit-box-flex: 1;*/
    /*-webkit-flex: 1 0;*/
    /*-moz-box-flex: 1;*/
    /*-ms-flex: 1 0;*/
    /*flex: 1 0;*/
    flex-wrap: wrap;
    text-align: left;
    align-items: center;
    justify-content: initial;    
    float: left;
    margin: 0;
    padding: 0;
}

.cell-horizontal
{
    float: left;
    width: 100%;
    padding-left: 10%;
    padding-right: 10%;        
}

.cell-medium-horizontal
{
    float: left;
    width: 100%;
    padding-left: 5%; 
    padding-right: 5%;       
}

.cell-small-horizontal
{
    float: left;
    width: 100%;
    padding-left: 2%;  
    padding-right: 2%;      
}

.cell-full-horizontal
{
    float: left;
    width: 100%;
    padding-left: 1%;  
    padding-right: 1%;      
}

.cell-horizontal.margin-left
{ 
    padding-left: 10%;
    padding-right: 0;
}

.cell-horizontal.margin-right
{ 
    padding-left: 0;
    padding-right: 10%;
}

.cell-medium-horizontal.margin-left
{ 
    padding-left: 5%;
    padding-right: 0;
}

.cell-medium-horizontal.margin-right
{ 
    padding-left: 0;
    padding-right: 5%;
}

.cell-small-horizontal.margin-left
{ 
    padding-left: 2%;
    padding-right: 0;
}

.cell-small-horizontal.margin-right
{ 
    padding-left: 0;
    padding-right: 2%;
}

.cell-full-horizontal.margin-left
{ 
    padding-left: 1%;
    padding-right: 0;
}

.cell-full-horizontal.margin-right
{ 
    padding-left: 0;
    padding-right: 1%;
}

.cell-vertical
{   
    width: 100%;
    padding-top: 5%;
    padding-bottom: 5%;
}

.cell-medium-vertical
{
    width: 100%;
    padding-top: 5%;
    padding-bottom: 5%;
}

.cell-small-vertical
{  
    width: 100%;
    padding-top: 2%;
    padding-bottom: 2%;
}

.duo-cell-left
{
    float: left; 
    width: 98%; 
    padding-right: 2%;
}

.duo-cell-right
{
    float: right; 
    width: 98%; 
    padding-left: 2%;
}

.cells-1 .cell, 
.cells-1.adjust-cells .cell
{
    -ms-flex-preferred-size: 100% !important;
    flex-basis: 100% !important;
    width: 100% !important;
}

.cells-2 .cell, 
.cells-2.adjust-cells .cell
{
    -ms-flex-preferred-size: 50% !important;
    flex-basis: 50% !important;
    width: 50% !important;
}

.cells-3 .cell, 
.cells-3.adjust-cells .cell
{
    -ms-flex-preferred-size: 33.33% !important;
    flex-basis: 33.33% !important;
    width: 33.33% !important;
}

.cells-4 .cell, 
.cells-4.adjust-cells .cell
{
    -ms-flex-preferred-size: 25% !important;
    flex-basis: 25% !important;
    width: 25% !important;
}

.cells-5 .cell, 
.cells-5.adjust-cells .cell
{
    -ms-flex-preferred-size: 20% !important;
    flex-basis: 20% !important;
    width: 20% !important;
}

.cells-6 .cell, 
.cells-6.adjust-cells .cell
{
    -ms-flex-preferred-size: 16.67% !important;
    flex-basis: 16.67% !important;
    width: 16.67% !important;
}

.cells-7 .cell, 
.cells-7.adjust-cells .cell
{
    -ms-flex-preferred-size: 14.29% !important;
    flex-basis: 14.29% !important;
    width: 14.29% !important;
}

.cells-8 .cell, 
.cells-8.adjust-cells .cell
{
    -ms-flex-preferred-size: 12.50% !important;
    flex-basis: 12.50% !important;
    width: 12.50% !important;
}

.cells-9 .cell, 
.cells-9.adjust-cells .cell
{
    -ms-flex-preferred-size: 11.11% !important;
    flex-basis: 11.11% !important;
    width: 11.11% !important;
}

.cells-10 .cell, 
.cells-10.adjust-cells .cell
{
    -ms-flex-preferred-size: 10% !important;
    flex-basis: 10% !important;
    width: 10% !important;
}

.cells-11 .cell, 
.cells-11.adjust-cells .cell
{
    -ms-flex-preferred-size: 9.91% !important;
    flex-basis: 9.91% !important;
    width: 9.91% !important;
}

.cells-12 .cell, 
.cells-12.adjust-cells .cell
{
    -ms-flex-preferred-size: 8.33% !important;
    flex-basis: 8.33% !important;
    width: 8.33% !important;
}

.no-view
{
    position: fixed;
    top: -999999px;
    left: -999999px;
    visibility: hidden !important;
    display: initial !important;    
    opacity: 0 !important;        
}

.yes-view
{
    position: initial;
    top: initial;
    left: initial;
    visibility: visible !important;
    display: inline-block !important;
    opacity: 1 !important;
}

/* Área de trabalho extra grande */
@media screen and (min-width: 1640px) 
{

}

@media only screen and (max-width: 1640px) 
{
    h1.small
    {
        font-size: 2.2em;
    }
    
    h1.large
    {
        font-size: 4.2em;
    }    

    .no-view-1640
    {
        position: fixed !important;
        top: -999999px;
        left: -999999px;
        visibility: hidden !important;
        display: initial !important;    
        opacity: 0 !important;
    }

    .view-1640
    {
        position: initial;
        top: initial;
        left: initial;
        visibility: visible !important;
        display: inline-block !important;
        opacity: 1 !important;        
    }

    .cells-5.adjust-cells .cell, 
    .cells-6.adjust-cells .cell, 
    .cells-7.adjust-cells .cell, 
    .cells-8.adjust-cells .cell, 
    .cells-9.adjust-cells .cell, 
    .cells-10.adjust-cells .cell, 
    .cells-11.adjust-cells .cell, 
    .cells-12.adjust-cells .cell
    {
        -ms-flex-preferred-size: 20% !important;
        flex-basis: 20% !important;
        width: 20% !important;
        margin-top: 12px;
        text-align: left !important;
        align-items: left !important;
        justify-content: left !important;
    }
}

@media screen and (min-width: 1620px) 
{

}

@media only screen and (max-width: 1620px) 
{
    h1.small
    {
        font-size: 2.2em;
    }
    
    h1.large
    {
        font-size: 4.2em;
    } 

    .no-view-1620
    {
        position: fixed !important;
        top: -999999px;
        left: -999999px;
        visibility: hidden !important;
        display: initial !important;    
        opacity: 0 !important;
    } 
    
    .view-1620
    {
        position: initial;
        top: initial;
        left: initial;
        visibility: visible !important;
        display: inline-block !important;
        opacity: 1 !important;        
    }    
}

@media screen and (min-width: 1490px) 
{

}

@media only screen and (max-width: 1490px) 
{
    h1.small
    {
        font-size: 2.2em;
    }
    
    h1.large
    {
        font-size: 4.2em;
    } 

    .no-view-1490
    {
        position: fixed !important;
        top: -999999px;
        left: -999999px;
        visibility: hidden !important;
        display: initial !important;    
        opacity: 0 !important;
    } 
    
    .view-1490
    {
        position: initial;
        top: initial;
        left: initial;
        visibility: visible !important;
        display: inline-block !important;
        opacity: 1 !important;        
    }     

    .cells-4.adjust-cells .cell, 
    .cells-5.adjust-cells .cell, 
    .cells-6.adjust-cells .cell, 
    .cells-7.adjust-cells .cell, 
    .cells-8.adjust-cells .cell, 
    .cells-9.adjust-cells .cell, 
    .cells-10.adjust-cells .cell, 
    .cells-11.adjust-cells .cell, 
    .cells-12.adjust-cells .cell
    {
        -ms-flex-preferred-size: 25% !important;
        flex-basis: 25% !important;
        width: 25% !important;
        margin-top: 0;
    }
}

/* Área de trabalho grande */
@media screen and (min-width: 1290px) 
{

}

@media only screen and (max-width: 1290px) 
{
    h1.small
    {
        font-size: 2.0em;
    }
    
    h1.large
    {
        font-size: 4.0em;
    } 

    .no-view-1290
    {
        position: fixed !important;
        top: -999999px;
        left: -999999px;
        visibility: hidden !important;
        display: initial !important;    
        opacity: 0 !important;
    }
    
    .view-1290
    {
        position: initial;
        top: initial;
        left: initial;
        visibility: visible !important;
        display: inline-block !important;
        opacity: 1 !important;        
    }     

    .cells-3.adjust-cells .cell, 
    .cells-4.adjust-cells .cell, 
    .cells-5.adjust-cells .cell, 
    .cells-6.adjust-cells .cell, 
    .cells-7.adjust-cells .cell, 
    .cells-8.adjust-cells .cell, 
    .cells-9.adjust-cells .cell, 
    .cells-10.adjust-cells .cell, 
    .cells-11.adjust-cells .cell, 
    .cells-12.adjust-cells .cell
    {
        -ms-flex-preferred-size: 33.33% !important;
        flex-basis: 33.33% !important;
        width: 33.33% !important;
        margin-top: 0;
    }
}

/* Área de trabalho média */
@media screen and (min-width: 1096px) 
{

}

@media only screen and (max-width: 1096px) 
{
    h1.small
    {
        font-size: 2.30em;
    }
    
    h1.large
    {
        font-size: 3.30em;
    } 

    .no-view-1096
    {
        position: fixed !important;
        top: -999999px;
        left: -999999px;
        visibility: hidden !important;
        display: initial !important;    
        opacity: 0 !important;
    } 

    .view-1096
    {
        position: initial;
        top: initial;
        left: initial;
        visibility: visible !important;
        display: inline-block !important;
        opacity: 1 !important;        
    }     
}

@media screen and (min-width: 1024px) 
{

}

@media only screen and (max-width: 1024px) 
{
    h1.small
    {
        font-size: 2.10em;
    }
    
    h1.large
    {
        font-size: 3.10em;
    }

    .no-view-1024
    {
        position: fixed !important;
        top: -999999px;
        left: -999999px;
        visibility: hidden !important;
        display: initial !important;    
        opacity: 0 !important;
    } 
    
    .view-1024
    {
        position: initial;
        top: initial;
        left: initial;
        visibility: visible !important;
        display: inline-block !important;
        opacity: 1 !important;        
    }     

    .cells-2.adjust-cells .cell, 
    .cells-3.adjust-cells .cell, 
    .cells-4.adjust-cells .cell, 
    .cells-5.adjust-cells .cell, 
    .cells-6.adjust-cells .cell, 
    .cells-7.adjust-cells .cell, 
    .cells-8.adjust-cells .cell, 
    .cells-9.adjust-cells .cell, 
    .cells-10.adjust-cells .cell, 
    .cells-11.adjust-cells .cell, 
    .cells-12.adjust-cells .cell
    {
        -ms-flex-preferred-size: 50% !important;
        flex-basis: 50% !important;
        width: 50% !important;
        margin-top: 0;
    }
}

@media screen and (min-width: 992px) 
{

}

@media only screen and (max-width: 992px) 
{
    h1.small
    {
        font-size: 1.60em;
    }
    
    h1.large
    {
        font-size: 2.60em;
    }

    .no-view-992
    {
        position: fixed !important;
        top: -999999px;
        left: -999999px;
        visibility: hidden !important;
        display: initial !important;    
        opacity: 0 !important;
    } 
    
    .view-992
    {
        position: initial;
        top: initial;
        left: initial;
        visibility: visible !important;
        display: inline-block !important;
        opacity: 1 !important;        
    } 
    
    .line-break
    {
        display: block;
        width: 100%;
    }
}

@media screen and (min-width: 775px) 
{

}

@media only screen and (max-width: 775px) 
{
    h1.small
    {
        font-size: 1.60em;
    }
    
    h1.large
    {
        font-size: 2.60em;
    }

    .no-view-775
    {
        position: fixed !important;
        top: -999999px;
        left: -999999px;
        visibility: hidden !important;
        display: initial !important;    
        opacity: 0 !important;
    } 
    
    .view-775
    {
        position: initial;
        top: initial;
        left: initial;
        visibility: visible !important;
        display: inline-block !important;
        opacity: 1 !important;        
    }     
    
    .aside-inner-margin
    {
        padding-bottom: 20px;
    }
}

/* Tablet na paisagem e retrato na área de trabalho */
@media screen and (min-width: 768px) 
{

}

@media only screen and (max-width: 768px) 
{
    h1.small
    {
        font-size: 1.50em;
    }
    
    h1.large
    {
        font-size: 2.50em;
    }

    .no-view-768
    {
        position: fixed !important;
        top: -999999px;
        left: -999999px;
        visibility: hidden !important;
        display: initial !important;    
        opacity: 0 !important;
    } 
    
    .view-768
    {
        position: initial;
        top: initial;
        left: initial;
        visibility: visible !important;
        display: inline-block !important;
        opacity: 1 !important;
    } 
    
    .line-break
    {
        display: inline-block;
        width: auto;
    } 
    
    /*
    .cell-vertical
    {
        padding-top: 0;
        padding-bottom: 0;
    }
    */

    /*
    .cell-horizontal 
    {
        padding-right: 0;
        padding-left: 0;
    }
    */ 

    .aside-inner-margin
    {
        padding-bottom: 0;
    }
}

/* Telefones de paisagem para tablet em retrato */
@media screen and (min-width: 762px) 
{

}

@media only screen and (max-width: 762px) 
{
    h1.small
    {
        font-size: 1.50em;
    }
    
    h1.large
    {
        font-size: 2.50em;
    }

    .no-view-762
    {
        position: fixed !important;
        top: -999999px;
        left: -999999px;
        visibility: hidden !important;
        display: initial !important;    
        opacity: 0 !important;
    }  

    .view-762
    {
        position: initial;
        top: initial;
        left: initial;
        visibility: visible !important;
        display: inline-block !important;
        opacity: 1 !important;
    } 
    
    .modal-box {
        max-width: initial;
        max-height: initial;
        border-radius: 0px;
    }    
}

/* Telefones na paisagem e abaixo */
@media screen and (min-width: 640px)
{

}

@media only screen and (max-width: 640px)
{
    h1.small
    {
        font-size: 1.40em;
    }
    
    h1.large
    {
        font-size: 2.40em;
    }

    .no-view-640
    {
        position: fixed !important;
        top: -999999px;
        left: -999999px;
        visibility: hidden !important;
        display: initial !important;    
        opacity: 0 !important;
    }
    
    .view-640
    {
        position: initial;
        top: initial;
        left: initial;
        visibility: visible !important;
        display: inline-block !important;
        opacity: 1 !important;
    }
    
    .cells-1.adjust-cells .cell, 
    .cells-2.adjust-cells .cell, 
    .cells-3.adjust-cells .cell, 
    .cells-4.adjust-cells .cell, 
    .cells-5.adjust-cells .cell, 
    .cells-6.adjust-cells .cell, 
    .cells-7.adjust-cells .cell, 
    .cells-8.adjust-cells .cell, 
    .cells-9.adjust-cells .cell, 
    .cells-10.adjust-cells .cell, 
    .cells-11.adjust-cells .cell, 
    .cells-12.adjust-cells .cell
    {
        -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
        width: 100% !important;
        margin-top: 0;
    }

    .content-cell
    {
        display: block;
        margin: 0 5%;
        padding: 0;
    }
    
    .adjust-right-640
    {
        text-align: right !important;
        align-items: center !important;
        justify-content: right !important;
    }

    .adjust-left-640
    {
        text-align: left !important;
        align-items: center !important;
        justify-content: left !important;
    }

    .adjust-center-640
    {
        text-align: center !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .adjust-right-640 .form, 
    .adjust-left-640 .form, 
    .adjust-center-640 .form, 
    .adjust-right-640 .button, 
    .adjust-left-640 .button, 
    .adjust-center-640 .button, 
    .adjust-center-640 .cell, 
    .adjust-center-640 .cell, 
    .adjust-center-640 .cell, 
    .adjust-center-640 .cell, 
    .adjust-center-640 .cell, 
    .adjust-center-640 .cell, 
    .adjust-center-640 .cell, 
    .adjust-center-640 .cell, 
    .adjust-center-640 .cell, 
    .adjust-center-640 .cell, 
    .adjust-center-640 .cell, 
    .adjust-center-640 .cell    
    {
        -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
        width: 100% !important;
    }   
        
    .cell-horizontal.margin-left, 
    .cell-horizontal.margin-right, 
    .cell-medium-horizontal.margin-left, 
    .cell-medium-horizontal.margin-right, 
    .cell-small-horizontal.margin-left, 
    .cell-small-horizontal.margin-right, 
    .cell-full-horizontal.margin-left, 
    .cell-full-horizontal.margin-right
    { 
        padding-left: 0;
        padding-right: 0;
    }    
    
    .cell-reset-640 
    {
        width: 100%;
        margin: 0;
        padding: 0;
    } 
    
    .duo-cell-left
    {
        float: left; 
        width: 100%; 
        padding-right: 0;
    }
    
    .duo-cell-right
    {
        float: right; 
        width: 100%; 
        padding-left: 0;
    }    
}

@media screen and (min-width: 576px)
{

}

@media only screen and (max-width: 576px)
{
    h1.small
    {
        font-size: 1.30em;
    }
    
    h1.large
    {
        font-size: 2.30em;
    }

    .no-view-576
    {
        position: fixed !important;
        top: -999999px;
        left: -999999px;
        visibility: hidden !important;
        display: initial !important;    
        opacity: 0 !important;
    } 
    
    .view-576
    {
        position: initial;
        top: initial;
        left: initial;
        visibility: visible !important;
        display: inline-block !important;
        opacity: 1 !important;
    }       
}

@media screen and (min-width: 480px)
{

}

@media only screen and (max-width: 480px)
{ 
    h1.small
    {
        font-size: 1.20em;
        font-weight: 600;
    }
    
    h1.large
    {
        font-size: 2.20em;
    }

    .no-view-480
    {
        position: fixed !important;
        top: -999999px;
        left: -999999px;
        visibility: hidden !important;
        display: initial !important;    
        opacity: 0 !important;
    }

    .view-480
    {
        position: initial;
        top: initial;
        left: initial;
        visibility: visible !important;
        display: inline-block !important;
        opacity: 1 !important;
    }  
    
    .line-break
    {
        display: block;
        width: 100%;
    }    
}

@media screen and (min-width: 340px)
{

}

@media only screen and (max-width: 340px)
{ 
    h1.small
    {
        font-size: 1.10em;
    }
    
    h1.large
    {
        font-size: 2.10em;
    }

    .no-view-340
    {
        position: fixed !important;
        top: -999999px;
        left: -999999px;
        visibility: hidden !important;
        display: initial !important;    
        opacity: 0 !important;
    }

    .view-340
    {
        position: initial;
        top: initial;
        left: initial;
        visibility: visible !important;
        display: inline-block !important;
        opacity: 1 !important;
    } 

    .hint .hint-text
    {
        max-width: 260px;
        overflow: hidden;
    }
}

@media screen and (min-width: 320px) 
{

}

@media only screen and (max-width: 320px) 
{
    h1.small
    {
        font-size: 1.0em;
    }
    
    h1.large
    {
        font-size: 2.0em;
    }

    .no-view-320
    {
        position: fixed !important;
        top: -999999px;
        left: -999999px;
        visibility: hidden !important;
        display: initial !important;    
        opacity: 0 !important;
    }

    .view-320
    {
        position: initial;
        top: initial;
        left: initial;
        visibility: visible !important;
        display: inline-block !important;
        opacity: 1 !important;
    }     
}

@media screen and (min-width: 280px) 
{

}

@media only screen and (max-width: 280px) 
{
    h1.small
    {
        font-size: 0.90em;
    }
    
    h1.large
    {
        font-size: 1.90em;
    }

    .no-view-280
    {
        position: fixed !important;
        top: -999999px;
        left: -999999px;
        visibility: hidden !important;
        display: initial !important;    
        opacity: 0 !important;
    }

    .view-280
    {
        position: initial;
        top: initial;
        left: initial;
        visibility: visible !important;
        display: inline-block !important;
        opacity: 1 !important;
    }     
}