/*TEMPLATE------------------------------*/
.under-contruct{
    position: absolute; top: 50%; transform: translateY(-50%);
    left: 0; right: 0; margin: auto; text-align: center;
}


/*GLOBAL-----------------------------*/

.page-wrap{
    display: block; width: 100vw; height: 100vh;
    overflow-y: auto; position: relative;
    -webkit-overflow-scrolling: touch;
}
/*#pageWrap{padding-top:100px !important;}*/
.boxed,.boxed-mini,.boxed-large{
    display: block; width: 100%; height: auto;
    margin: auto;
}
.boxed{max-width: 980px}
.boxed-mini{max-width: 640px}
.boxed-large{max-width: 1200px}

.spinner{
    display: block; width: 30px; height: 30px;
    text-align: center; line-height: 30px; margin: auto;
    position: absolute; top: 50%; left: 0; right: 0;
    transform: translateY(-50%);
}
.spinner>i{
    font-size: 24px; vertical-align: middle;
}

.info-icon-list{
    display: block;
    width: auto; margin-top: 20px;
    cursor: default;
}
.info-icon-list>li{
    display: inline-block; width: 44px; height: 44px;
    text-align: center; margin: 3px; position: relative;
    cursor: default;
}
.info-icon-list>li>span{
    display: block; width: 100%; height: 100%;
    position: absolute; z-index: 1000;
}
.info-icon-list>li:hover>span{
    transform: scale(1.1,1.1);
}
.info-icon-list>li>i{
    position: absolute; font-size: 28px;
    top: 50%; transform: translateY(-50%);
    z-index: 1001; left: 0; right: 0; margin: auto;
}
.info-icon-list>li>i.large{font-size: 28px}
.info-icon-list-badge{
    display: block; width: 16px; height: 16px;
    border-radius: 100%; font-size: 12px; font-family: 'exo2_medium';
    position: absolute; right: -7px; bottom: -7px; font-weight: bold;
    text-align: center; z-index: 1002; line-height: 14px;
}

/*HEADER----------------------------------*/
header{
    display: flex; width: 100%; height: 80px;
    position: fixed; top: 0; left: 0; z-index: 5000;
    background-color: #FFF; overflow: visible;
    border-bottom-style: solid; border-bottom-width: 1px;
    flex-direction: row; align-items: stretch; align-content: stretch;
}
header.has-alert{top: 100px}
header>div{
    width: 100%; height: 100%; position: relative; overflow: visible;
    border-right-style: solid; border-right-width: 1px;
}
header>div:last-child{border-right-width: 0}

.main-content{
    display: block; width: 100%; height: auto;
    padding-top: 80px; position: relative; z-index: 1000;
    -webkit-overflow-scrolling: touch;
}
.logo-holder{max-width: 210px; position: relative;}
.main-logo{
    width: 160px; height: auto;
    left: 0; right: 0; top: 50%; margin: auto;
    position: absolute; transform: translateY(-55%);
}
.dash-logo{
    width: 160px; height: auto; top: 50%;
    transform: translateY(-55%);
    position: absolute;
}
/*MENU-----------------------------*/
.menu-holder{
    overflow: visible;
}
.menu-holder>nav{
    display: table; width: 100%; height: 100%;
    table-layout: auto; overflow: visible;
}
.menu-holder>nav>a{
    display: table-cell; width: auto; padding: 0 20px;
    position: relative; vertical-align: middle;
    border-right-style: solid; border-right-width: 1px;
    white-space: nowrap; text-transform: uppercase;
    font-size: 14px; text-align: center;
    overflow: visible; background-color: #FFF;
}
.menu-holder>nav>a:after{
    content: ''; display: block; width: 0; height: 3px;
    position: absolute; bottom: -1px; left: 0; right: 0;
    transition: 0.3s ease; margin: auto;
}
.menu-holder>nav>a:hover:after{width: 100%}
.menu-holder>nav>a.on{cursor: default;}
.menu-holder>nav>a.on:after{width: 100%}
/*.menu-holder>nav>a.on{pointer-events: none}*/

.menu-holder>nav>a:last-child{border-right-width: 0;}
.social-holder{
    display: flex; flex-direction: row;
    align-items: center; align-content: center; justify-content: center;
    max-width: 165px; text-align: center;
    vertical-align: middle; white-space: nowrap;
}
.social-holder a{margin: 0.3em;}
.social-holder a>i.fab{line-height: 0; font-size: 19px;}
/*.social-holder a:first-child{margin-right: 10px}*/

/*SIDEBAR-----------------------------*/
.mobile-menu-button-holder{
    display: none; padding: 0; cursor: pointer;
    width: 80px; max-width: 80px; border-right-style: solid; border-right-width: 1px;
    text-align: center; vertical-align: middle;
}
.mobile-menu-button{
    display: block; width: 40px; height: 20px;
    position: relative; margin: auto;
}
.mobile-menu-button>span{
    display: block; width: 100%; height: 4px;
    position: absolute; left: 0;
}
.mobile-menu-button>span:nth-child(1){top: 0}
.mobile-menu-button>span:nth-child(2){top: 50%; transform: translateY(-50%);}
.mobile-menu-button>span:nth-child(3){bottom: 0}

.menu-sidebar{
    display: block; width: 300px; height: 100%;
    position: fixed; top: 81px; left: -300px; background-color: #FFF; z-index: 1000;
    z-index: 5000; border-right-style: solid; border-right-width: 1px;
    transition: 0.3s ease;
}
.menu-sidebar.header-in{top: 51px}
.menu-sidebar[sidebar-status="opened"]{left: 0;}
.menu-sidebar[sidebar-status="closed"]{left: -300px;}
.menu-sidebar>nav{display: block; width: 100%; height: 100%;}
.menu-sidebar>nav>a{
    display: block; width: 100%; padding: 15px 20px;
    border-bottom-style: solid; border-bottom-width: 1px;
    text-transform: uppercase; background-color: #FFF;
}

/*SUPERMENU-----------------------------*/
.supermenu{
    display: block; width: 95%; height: auto;
    margin: auto; position: fixed; z-index: 8000;
    top: 40px; right: 0; left: 0;
    border-style: solid; border-width: 1px; border-top: 0;
}
.supermenu[supermenu-toggle='off']{transform: translateY(-100%)}
.main-content[header-status='out'] .supermenu[supermenu-toggle='on']{top: 80px}
.main-content[header-status='in'] .supermenu[supermenu-toggle='on']{top: 50px}

#supermenu_casas{height: 400px !important;}

.supermenu:after{
    display: block; width: 100%; height: 30px;
    content: '';
    position: absolute; bottom: -31px;
    background: url('../images/shadow_supermenu.png') top center no-repeat;
    background-size: contain;
}
.supermenu>span{
    display: block; width: 100%; height: 4px;
}
.supermenu_content{
    display: block; width: 100%; height: 100%;
    position: relative;
}
.supermenu_content_inner{
    width: 100%; height: auto; min-height: 100%;
}
.supermenu_content_inner p.supermenu_intro{
    border-left-style: solid; border-left-width: 5px;
    max-width: 55%; padding: 4px 0 4px 6px;
    margin-bottom: 18px;
}
.supermenu_grid{
    display: flex; width: 100%; height: 100%;
    flex-direction: row; align-content: stretch; align-items: stretch;
    padding: 10px;
}
.supermenu_grid>a{
    width: 100%; max-width: 25%;
    padding: 10px;
}
.supermenu_grid_thumb_holder{
    width: 100%; height: 160px;
    text-align: center; position: relative;
}
.supermenu_grid_thumb_holder i{
    font-size: 10px; opacity: 0;
    position: absolute; top: 50%; left: 0; right: 0;
    margin: auto; transform: translateY(-50%);
    color: #FFF !important;
}
.supermenu_grid>a:hover .supermenu_grid_thumb_holder i,
.casas-item:not(.soon):hover .supermenu_grid_thumb_holder i{
    font-size: 80px; opacity: 1; color: #FFF !important;
}

.supermenu_grid_thumb_hover{
    width: 100%; height: 100%;
    position: absolute; z-index: 2000;
}
.supermenu_grid_thumb{
    width: 100%; height: 100%;
    position: relative; overflow: hidden;
}
.supermenu_grid_thumb>img{
    width: auto; max-width: 100%; max-height: 100%;
    position: absolute; left: 0; right: 0; top: 50%;
    margin: auto; transform: translateY(-50%);
}
.supermenu_grid_thumb_sep{
    width: 100%; height: 6px;
    position: relative;
}
.supermenu_grid_thumb_sep:after{
    content: ''; width: 0; height: 0;
    margin: auto;
    position: absolute; bottom: -10px; left: 0; right: 0;
    border-left-width: 12px; border-left-style: solid; border-left-color: transparent;
    border-right-width: 12px; border-right-style: solid; border-right-color: transparent;
    border-top-width: 12px; border-top-style: solid;
}
.supermenu_grid_info_holder{
    width: 100%; margin-top: 24px;
    text-align: center;
}
.supermenu_grid_info_holder h3{text-transform: uppercase; margin-bottom: 10px}
.supermenu_grid_info_holder p{padding: 0 8px}

.supermenu_callto{
    display: block; width: 100%; height: 60px;
    text-align: center; line-height: 58px;
    text-transform: uppercase; font-size: 18px;
    position: absolute; bottom: 3px;
}
.supermenu_close{
    display: block; width: 20px; height: 20px;
    position: absolute; right: 18px; top: 18px;
    z-index: 3000; background-color: transparent;
    transform: scale(1,1);
}
.supermenu_close>span{
    display: block; width: 2px; height: 18px;
    position: absolute; margin: auto;
    left: 0; right: 0; transform: translateY(-50%);
    opacity: 1;
}
.supermenu_close:hover{transform: scale(1.2,1.2);}
.supermenu_close>span:first-child{transform: rotate(45deg)}
.supermenu_close>span:last-child{transform: rotate(-45deg)}

.supermenu_close.off>span:first-child{transform: rotate(0); opacity: 0;}
.supermenu_close.off>span:last-child{transform: rotate(0); opacity: 0;}

.supermenu_form_holder .amz-input-holder{padding: 0.5em !important}
.supermenu_form_holder:first-child .amz-input-holder {padding-left: 0 !important}
.supermenu_form_holder:last-child .amz-input-holder {padding-right: 0 !important}


/*PAGE CONTAINER--------------------------*/
.page-container{
    display: block; height: auto;
}
.page-container section{
    display: block; width: 100%; height: 100vh;
}
.page-container section>div{
    display: block; width: 100%; height: 100%;
}

/*HOME---------------------------------------*/
.home-intro-content{

}

.home-intro-bg{
    background: url("../images/home/intro_bg.jpg") center no-repeat;
    background-size: cover;
}

/*.home-intro-wrap p{*/
/*font-size: 18px !important; line-height: normal !important;*/
/*margin-top: 18px;*/
/*}*/
/*.home-intro-logo{*/
/*width: 100%; height: 100%;*/
/*!*width: 50%; padding-bottom: 50%;*!*/
/*!*margin: auto; position: relative; top: 50%; transform: translateY(-50%);*!*/
/*background: url("../images/logo_moduular_full.png") center no-repeat;*/
/*background-size: 80%;*/
/*}*/

.home-intro-logo{
    display: block; width: 100%; max-width: 70%; height: auto;
    margin-bottom: 30px;
}

.home-about-main-bg{
    background: url('../images/home/about_bg.jpg') left center no-repeat;
    background-size: cover;
}
.about-wrap p,
.abouts-wrap p,
.about-wrap ul,.about-wrap ol{margin-top: 0.8em}

.home-about-design-bg{
    background: url('../images/home/about_design_bg.jpg') left center no-repeat;
    background-size: cover;
}

.home-contato{
    height: auto !important; min-height: 545px;
}
.home-contato-content>div{height: 100%}
.home-contato-content{padding: 56px 48px}
.home-contato-bg{
    background: url('../images/home/contato_home_bg.jpg') center no-repeat;
    background-size: cover;
}
.home-contato-content p{margin-top: 0.8em}

.pic-luis{background: url('../images/luis.jpg') center no-repeat; background-size: cover}
.pic-paulo{background: url('../images/paulo.jpg') center no-repeat; background-size: cover}


.home-contato-bg{
    background: url('../images/home/contato_home_bg.jpg') center no-repeat;
    background-size: cover;
}

/*BANNER--------------------------------*/
.banner360{
    display: block; width: 100%; height: auto;
    position: relative;
}
.banner360+h1{margin-top: 0 !important;}

.homeBanner .slideContent h2,
.title360 {
    display: table; width: auto;
    padding: 18px 20px 20px 60px;
    position: absolute; right: 60px; top: 50%;
    transform: translateY(-50%) rotateY(0deg) rotateZ(0deg);
    text-align: right !important; font-size: 8vmin !important; line-height: 8vmin !important;
    text-transform: uppercase;
    opacity: 1;
    transition: 0.4s ease-out;
}
.title360{pointer-events: none; z-index: 8000 !important;}
/*.homeBanner .slideContent h2:hover{*/
/*transform: translateY(-50%) rotateY(45deg) rotateZ(5deg);*/
/*-webkit-transform: translateY(-50%) rotateY(45deg) rotateZ(5deg);*/
/*-moz-transform: translateY(-50%) rotateY(45deg) rotateZ(5deg);*/
/*-ms-transform: translateY(-50%) rotateY(45deg) rotateZ(5deg);*/
/*-o-transform: translateY(-50%) rotateY(45deg) rotateZ(5deg);*/
/*right: 20px !important;*/
/*}*/
.homeBanner .slideContent p{
    display: table; width: auto; max-width: 340px;
    position: absolute; right: 60px; bottom: 60px;
    text-align: right; padding: 10px 23px 10px 0;
    border-right-style: solid; border-right-width: 4px;
}

.slideTitleOff{
    transform: translateY(-50%) rotateY(45deg) rotateZ(5deg) !important;
    -webkit-transform: translateY(-50%) rotateY(45deg) rotateZ(5deg) !important;;
    -moz-transform: translateY(-50%) rotateY(45deg) rotateZ(5deg) !important;;
    -ms-transform: translateY(-50%) rotateY(45deg) rotateZ(5deg) !important;;
    -o-transform: translateY(-50%) rotateY(45deg) rotateZ(5deg) !important;;
    right: 20px !important; opacity: 0 !important;
}

.homeContatoFormHolder{
    padding: 20px 40px;
}

.housesBanner .slideContent h2{
    display: table; width: auto;
    padding: 18px 20px 20px 60px;
    position: absolute; right: 0; left: 0; top: 50%;
    margin: auto;
    transform: translateY(-50%) rotateY(0deg) rotateZ(0deg);
    text-align: right !important; font-size: 10vmin !important; line-height: 10vmin !important;
    text-transform: uppercase;
    opacity: 1;
    transition: 0.4s ease-out;
}

.house-title{
    position: absolute; bottom: 24%;
    font-size: 34px !important; line-height: 34px !important;
    left: 30px; text-align: left;
}
/*static------------------*/
.static-banner{
    display: block; width: 100%; height: auto; min-height: 300px; max-height: 90vh;
    background-position: center !important;
}
.large-height-content{
    height: 90vh !important;
}
.empresa-intro-bg-1{
    background: url('../images/empresa/banner_1.jpg') center no-repeat;
    background-size: cover;
}
.empresa-intro-bg-2{
    background: url('../images/empresa/banner_2.jpg') center no-repeat;
    background-size: cover;
}
.empresa-intro-bg-3{
    background: url('../images/empresa/banner_3.jpg') center no-repeat;
    background-size: cover;
}
.empresa-intro-bg-4{
    background: url('../images/empresa/banner_4.jpg') center no-repeat;
    background-size: cover;
}
.sust-bg-2{
    background: url('../images/sustentabilidade/sust_bg-2.jpg') center no-repeat;
    background-size: cover;
}
.sust-bg-3{
    background: url('../images/sustentabilidade/sust_bg-3.jpg') center no-repeat;
    background-size: cover;
}
.sust-bg-4{
    background: url('../images/sustentabilidade/sust_bg-4.jpg') center no-repeat;
    background-size: cover;
}
.sust-bg-5{
    background: url('../images/sustentabilidade/sust_bg-5.jpg') center no-repeat;
    background-size: cover;
}
.sust-bg-6{
    background: url('../images/sustentabilidade/sust_bg-6.jpg') center no-repeat;
    background-size: cover;
}
.sust-bg-7{
    background: url('../images/sustentabilidade/sust_bg-7.jpg') center no-repeat;
    background-size: cover;
}
.sust-bg-8{
    background: url('../images/sustentabilidade/sust_bg-8.jpg') center no-repeat;
    background-size: cover;
}
.sust-bg-9{
    background: url('../images/sustentabilidade/sust_bg-9.jpg') center no-repeat;
    background-size: cover;
}
.sust-bg-10{
    background: url('../images/sustentabilidade/sust_bg-10.jpg') center no-repeat;
    background-size: cover;
}
.sust-bg-11{
    background: url('../images/sustentabilidade/sust_bg-11.jpg') center no-repeat;
    background-size: cover;
}
.sust-bg-12{
    background: url('../images/sustentabilidade/sust_bg-12.jpg') center no-repeat;
    background-size: cover;
}
.sust-bg-13{
    background: url('../images/sustentabilidade/sust_bg-13.jpg') center no-repeat;
    background-size: cover;
}
.sust-bg-14{
    background: url('../images/sustentabilidade/sust_bg-14.jpg') center no-repeat;
    background-size: cover;
}
.sust-bg-15{
    background: url('../images/sustentabilidade/sust_bg-15.jpg') center no-repeat;
    background-size: cover;
}

.empresa-sobre-logo{display: block; width: 200px; height: auto; max-height: 100%; margin-bottom: 40px;}

.serv-info i{margin: auto}
.about-photo{
    display: block; width: 300px; height: 300px;
    border-radius: 100%; margin: auto;
    overflow: hidden;
}
.about-photo-sep{
    display: block; width: 100px; height: 6px;
    margin: 24px auto;
}

.empresa-prodserv{
    text-align: center; margin-top: 30px !important;
}
.empresa-abouts{margin-top: 60px !important;}

.empresa-prodserv .amz-container{
    padding: 18px;
}
.icon-servicos{
    display: block;
    font-size: 80px; margin-bottom: 18px;
}

.sub-session{
    display: table; padding-top: 120px;
}
.pre-session-title{
    padding-bottom: 44px !important;
}

.acab-list-controller{
    display: flex; width: 100%; height: auto;
    flex-direction: row; align-items: stretch; align-content: space-between;
    flex-wrap: nowrap;
}
.acab-list-controller>div{
    width: 100%; padding: 0 10px;
}
.acab-list-controller>div:first-child{padding-left: 0;}
.acab-list-controller>div:last-child{padding-right: 0;}

/*FOOTER--------------------------------*/
footer{
    padding: 90px 20px;
    text-align: center;
}
.footerLogo>img{
    display: block; width: 211px; height: 97px;
    margin: auto;
}
.footer-fast-menu{
    display: table; width: auto; height: auto;
    margin: 40px auto; text-align: center;
    vertical-align: top;
}
.footer-fast-menu>a{
    display: inline-table; margin: 0 6px; vertical-align: top;
}
.footer-fast-menu>a>i.fab{font-size: 19px; line-height: 0;}
.footer-legal-menu{
    display: table; width: auto; height: auto;
    margin: 80px auto 0; text-align: center;
    font-family: 'exo2_regular' !important;
}

.footer-legal-menu>a{
    display: inline-table; text-transform: uppercase;
    font-family: 'exo2_medium' !important;
}
.footer-legal-menu>span{
    display: inline-table; margin: 0 20px;
}

/*breadcrumbs*/
.breadcrumbs{
    display: block; width: 100%; height: auto;
    padding: 6px;
    font-size: 12px; font-family: 'exo2_regular';
    text-align: center;
}
.breadcrumbs i{margin: 0 3px}

.page-main{
    display: block; width: 100%; height: auto;
    position: relative; z-index: 1000;
}
.page-main.off{
    opacity: 0; pointer-events: none;
}
.page-main>h1,
.page-main .sub-session>h1,
.page-container>h1,
.page-container .sub-session>h1{
    text-align: center; margin: 0 auto; padding-top: 60px;
    font-size: 46px !important; line-height: 46px !important;
}
h1 label{
    display: block; line-height: 12px; margin: 0;
    font-size: 12px; text-transform: uppercase;
}
.page-main>h1:after,
.page-main .sub-session>h1:after,
.page-container>h1:after,
.page-container .sub-session>h1:after{
    content: ''; display: block;
    width: 100%; max-width: 60px; height: 4px;
    margin: 20px auto 0;
}
/*----*/
.page-main>h2,
.page-main .sub-session>h2,
.page-container>h2,
.page-container .sub-session>h2{
    text-align: center; margin: 60px auto 0;
    font-size: 32px !important;
}
.page-main>h2:after,
.page-main .sub-session>h2:after,
.page-container>h2:after,
.page-container .sub-session>h2:after{
    content: ''; display: block;
    width: 100%; max-width: 40px; height: 4px;
    margin: 10px auto 0;
}
.page-intro{
    text-align: center; max-width: 640px;
    margin: 0 auto 60px; padding: 20px;
}
.page-intro-inner{
    text-align: center; max-width: 540px;
    margin: 0 auto 10px; padding: 20px;
}
.text-page{
    display: flex; width: 100%; height: auto;
    flex-direction: row; align-items: stretch; align-content: stretch;
    padding-top: 60px;
}
.text-page>div{width: 100%; height: 100%; padding: 0 30px}
.text-page p{padding-top: 8px}
.contato-page{padding: 40px 0}
.casas-content{padding: 34px 10px 10px 10px;}
.casas-item{padding: 10px; cursor: pointer}
.casas-item.soon{pointer-events: none}
.house-intro{margin-bottom: 0;}
.mini-title{font-size: 12px !important; line-height: 12px !important; font-family: 'exo2_medium' !important;}
.mini-title:first-child{margin-bottom: 4px}
.large-title{font-size: 34px !important; line-height: 34px !important;}
.super-title{font-size: 64px !important; line-height: 64px !important;}
.big-title{font-size: 4vmin !important; line-height: 4vmin !important;}

.hover-controller{
    display: block;
    position: absolute; left: 0;
    padding: 18px; width: 100%; height: 100%; max-height: 400px;
}
.hover-controller[hover-status="opened"]{opacity: 1; top: 50%; pointer-events: all; transform: translateY(-50%)}
.hover-controller[hover-status="closed"]{opacity: 0; top: -100vh; pointer-events: none; transform: translateY(0)}

.hover-controller>div{
    width: 100%; height: 100%;
    border: 1px solid rgba(0,0,0,0.02);
    background-clip: content-box;
    position: relative; border-radius: 10px;
}
.close-hover-controller{
    display: block;	position: absolute;
    width: 18px; height: 18px;
    text-align: center; top: 18px; right: 18px;
    background: transparent;
}
.close-hover-controller:hover>span{height: 20px}

.close-hover-controller>span{
    display: block; width: 1px; height: 15px;
    border-radius: 1px; margin: auto;
    position: absolute; top: 50%; left: 0; right: 0;
}
.close-hover-controller>span:first-child{transform: translateY(-50%) rotate(45deg)}
.close-hover-controller>span:last-child{transform: translateY(-50%) rotate(-45deg)}

.hover-controller-body{
    display: block; width: 100%; height: 100%;
    padding: 18px 72px;
}
.hover-controller-body>div{
    display: none; width: 100%; max-width: 400px;
    height: auto;
    position: relative; top: 50%; transform: translateY(-50%);
}
.hover-controller-body h2{margin-bottom: 18px;}

.shower-controller article{display: none}
.shower-controller article:first-child{display: block}

.kit-detail-list{text-transform: uppercase}
.kit-detail-list>li{
    cursor: pointer; display: table;
    transition: 0.3s ease;
}
.kit-detail-list>li i{transition: 0.3s ease; opacity: 0; margin-left: 3px}
.kit-detail-list>li:hover{
    padding: 4px 6px; margin: 4px 0;
    background-color: #FFF;
    border-radius: 4px; margin-left: -6px;
}
.kit-detail-list>li:hover i{
    opacity: 1;
}

.house-selection-details-sep{
    border-right: 1px solid #ddd;
}
/*.house-form{*/
/*height: 400px; width: 100%;*/
/*}*/
.house-form .amz-input-holder{
    padding: 0.6em 1em !important;
}
.house-intro{
    margin-top: 0; !important;
    padding: 60px 0;
}
.sub-info{
    padding-top: 34px;
}
.sub-info h2{font-size: 24px !important; line-height: 24px !important; text-transform: uppercase !important; margin-bottom: 4px;}
.sub-info p{margin-top: 0.6em; font-size: 12px !important; line-height: 12px !important;}
.sub-info .amz-container{padding: 10px 20px}

.projetos-form{
    padding: 20px; margin-bottom: 10px;
}

/*METODO--------------------*/
.bg-metodo-01{
    background: url('../images/metodo/bg-metodo-01.jpg') center no-repeat;
    background-size: cover;
}
.metodo-list{}
.metodo-list>li{
    margin-bottom: 6px;
}


/*HOUSE CUSTOM--------------------------*/
.custom-modal{
    display: flex; width: 100%; height: 100%;
    position: fixed; top: 0; left: 0;
    z-index: 8000;
    flex-direction: column; align-items: stretch; align-content: stretch;
}
.custom-modal>div{
    display: flex; width: 100%; height: 100%;
    text-align: center; position: relative;
}
.custom-modal-main{align-self: stretch;}
.custom-modal.off{
    display: none;
}
.custom-modal.off>div{
    opacity: 0; pointer-events: none;
}
.custom-modal-header,.custom-modal-footer{
    width: 100%; height: auto; max-height: 60px;
    flex-direction: row; align-items: stretch; align-content: stretch;
    background-color: rgba(0,0,0,0.15);
}
.custom-steps>div{
    flex-grow: 1; width: 100%;
    border-left-style: solid; border-left-width: 1px;
    background-clip: border-box;
    position: relative; padding: 0 10px;
    text-align: center;
    cursor: default;
}
.custom-steps>div>*{opacity: .3}

.custom-steps>div>span{
    display: inline-table; width: 32px; height: 32px;
    line-height: 32px; text-align: center; margin-right: 6px;
    position: relative; top: 50%; transform: translateY(-50%);
    border-radius: 100%;
    cursor: default;
}
.custom-steps>div p{font-size: 12px !important; line-height: 9px !important; text-transform: uppercase;}
.custom-steps>div.on{
    background-color: rgba(0, 0, 0, 0.1); padding-bottom: 4px;
}
.custom-steps>div.on>*,
.custom-steps>div.done>*{opacity: 1}
.custom-steps>div.on::after{
    content: '';
    display: block; width: 100%; height: 4px;
    background-color: #5fc4eb; position: absolute; bottom: 0; left: 0;
}
.custom-steps>div>div{
    display: inline-table; height: auto; vertical-align: top;
    position: relative; top: 50%; transform: translateY(-55%);
    text-align: left;
}
.custom-modal-footer{
    height: 100px;
}
.custom-modal-header>div{position: relative; width: 100%;}
.custom-modal-header>div:first-child{
    flex-grow: 1; max-width: 160px;
    padding: 20px;
}
.custom-steps{
    width: 100%;
    flex-grow: 2; display: inline-flex; flex-direction: row;
    align-items: stretch; align-content: stretch;
}

.botao-site{max-width: 150px; border-left-style: solid; border-left-width: 1px}
.botao-site>a{
    display:  block; padding: 6px 10px; position: absolute; top: 50%; transform: translateY(-50%);
    text-transform: uppercase; right: 0;
    font-size: 12px !important;
}
.botao-site i{margin-left: 6px;}
.botao-site:hover i{color: inherit !important;}

.custom-modal-logo{
    display: block; width: 120px; height: auto;
    position: absolute; top: 50%; transform: translateY(-60%);
    left: 20px;
}
.custom-modal-body{
    display: none;
    position: absolute; top: 50%; transform: translateY(-50%);
    left: 0; right: 0;
}
.custom-modal-main-title{
    display: table; width: auto; height: auto;
    padding: 10px; border-left-style: solid; border-left-width: 6px;
    position: absolute; text-align: left; left: 20px; top: 20px;
    font-size: 16px !important; line-height: 16px !important;
    text-transform: uppercase; font-weight: normal;
}

.custom-selector{
    display: block; width: 40px; height: 40px;
    border-radius: 100%; font-size: 26px;
    line-height: 40px; text-align: center;
    position: absolute; top: 50%; right: 20px;
    transform: translateY(-50%) scale(0,0);
    opacity: 0;
}
.custom-selector i{transform: scale(1,1);}
.custom-selector:hover i{transform: scale(1.1,1.1)}

.custom-control-nav>a.on .custom-selector{
    transform: translateY(-50%) scale(1,1); opacity: 1;
}

/*.custom-modal-footer.off{
		bottom: -140px;
}
.custom-modal-footer:before{
		content: ''; display: block; width: 100%; height: 30px;
		pointer-events: none; position: absolute; top: -30px;
		background: url('../images/shadow_footer.png') bottom center no-repeat;
		background-size: contain;
}*/

.customize-title-wrap{
    margin-bottom: 34px !important;
}
.customize-title{
    padding: 34px; text-align: right;
    border-right-style: solid; border-right-width: 1px;
}
.customize-title p{margin-top: 0.8em; clear: right; padding-left: 30%;}
.customize-callto{
    text-align: left;
    position: relative;
}
.customize-callto>a{
    display: table; width: auto; height: auto;
    padding: 14px 22px !important; font-size: 22px !important;
    position: absolute; top: 50%; left: 0;
    transform: translateY(-50%);
    border-bottom-right-radius: 4px; border-top-right-radius: 4px;
}
.customize-callto>a:hover{padding: 14px 30px !important;}

.custom-intro>.off{
    opacity: 0;
    transform: translateY(200%);
}
.custom-intro>.out{
    opacity: 0;
    transform: translateY(-200%);
}
.custom-intro>*{
    position: absolute;
    top: 50%; left: 0; right: 0;
    margin: auto;
    opacity: 1; pointer-events: none;
    transform: translateY(0);
}

.custom-selection{width: 100%; height: 100%}
.custom-selection>h2{margin-bottom: 30px;}
.custom-control{
    display: flex; width: 100%; height: 100%;
    flex-direction: row; align-items: stretch;
    align-content: stretch; justify-content: flex-start;
}
.custom-control>div{
    align-self: stretch; width: 100%;
}
.custom-control-nav{
    display: inline-flex; flex-direction: column;
    flex-grow: 1; max-width: 260px; position: relative;
}
@media screen and (min-width: 1500px) {
    .custom-control-nav{max-width: 320px;}
}

.custom-control-nav>a{
    display: block; width: 100%;
    align-self: stretch; margin-bottom: 1px;
    text-align: left; padding: 17px 30px 20px;
    position: relative;
}
.custom-control-nav>a h2{font-family: 'exo2_medium' !important;}
.custom-control-nav>a.kit-soon h2>span{
    display: table; font-size: 12px !important; line-height: 14px !important;
    text-transform: uppercase;
    position: absolute; right: 10px; top: 10px;
    padding: 6px 10px; border-radius: 20px;
}
.custom-control-pic{flex-grow: 2; position: relative;}
.custom-control-pic-inner{
    display: flex; width: 100%; height: 100%;
    align-items: stretch; align-content: stretch;
}
.custom-control-pic-inner.row-pic>div{flex-direction: row;}
.custom-control-pic-inner.col-pic>div{flex-direction: column;}
.custom-control-pic-inner>div{
    display: block; width: 100%; height: 100%;
    background-position: center; background-size: contain;
    background-repeat: no-repeat; border-width: 4px; border-style: solid;
}
.custom-control-pic>div{
    display: flex; width: 100%; height: 100%;
    align-items: stretch; align-content: stretch;
    position: absolute;
}
.custom-control-pic.row-pic>div{flex-direction: row;}
.custom-control-pic.col-pic>div{flex-direction: column;}

.custom-control-pic>div>div:not(.custom-control-pic-inner){
    display: block; width: 100%; height: 100%;
    background-position: center; background-size: contain;
    background-repeat: no-repeat; border-style: solid; border-width: 10px;
}
.custom-pic{opacity: 0; pointer-events: none}
.custom-pic.on{opacity: 1; pointer-events: all}

.custom-control-info{
    position: relative;
    flex-grow: 2; max-width: 400px;
    text-align: left;
}
.custom-control-info>div{
    display: block; width: 100%; height: 100%;
    overflow-y: auto;
}
.custom-control-info-wrap{display: none; padding: 40px; width: 100%; height: auto;}
.custom-control-info-wrap:first-child{display: block;}

.custom-control-info-wrap h1{padding-bottom: 0.2em}
.custom-control-list{padding: 34px 0;}
.custom-control-list h3{padding-bottom: 0.5em}
.custom-control-list>li{padding-top: 1.4em}
.custom-control-list>li:first-child{padding-top: 0}
.custom-control-list>li li{
    padding-top: .6em
}
.custom-nav-intro{text-align: left !important; padding: 40px 30px !important;}
.custom-nav-intro h2{padding-bottom: 6px;}
.custom-nav-intro .mini-title{opacity: .5; margin-bottom: 34px; max-width: 85%}

@media screen and (min-width:1500px){
    .custom-nav-intro h2{font-size: 3vmin !important; line-height: 3vmin !important}
}

.custom-control-buttons{
    display: block; width: 100%;
    text-align: left;
    position: absolute; bottom: 0;
}
.bt-custom-go{
    display: block; width: 100%; min-width: auto;
    padding: 4vmin 20px !important; text-align: center;
    text-transform: none;
    font-size: 20px !important;
}
.bt-custom-go>i{
    line-height: 30px;
}


.bt-custom-go:hover>i{color: inherit !important;}
.bt-custom-back{
    display: block;
    padding: 10px 30px;
}

.bt-custom-go.bt-off,
.bt-custom-back.bt-off{opacity: 0; pointer-events: none;}

.custom-sust-select[custom-selected='selected']::before{
    content: '\f058'; display: block;
    font-family: FontAwesome; font-size: 12vmin !important;
    position: absolute; top: 50%; left: 0; right: 0;
    transform: translateY(-50%);
    margin: auto; text-align: center;
    z-index: 4000; opacity: .9;
}
.custom-sust-select.on>*{opacity: .5}

.custom-proposta-body{
    display: block; width: 100%; height: 100%;
    padding: 34px; overflow-y: auto;
}
.custom-resume{
    display: flex; width: 100%; height: auto;
    margin-top: 34px;
    flex-direction: row; align-items: stretch; align-content: stretch;
}
.custom-resume>div{
    display: block; width: 100%;
}
.custom-resume h3{font-size: 12px !important; line-height: 12px !important; text-transform: uppercase;}
.custom-resume h1{font-size: 54px !important; line-height: 54px !important;}

.custom-resume-kit-pic{
    display: block; width: 100%; max-width: 280px; height: 140px;
    margin: 10px auto;
    background-position: center !important; background-size: cover; background-repeat: no-repeat;
    border-bottom-style: solid; border-bottom-width: 4px;
}
.proposta-form{
    padding-top: 34px;
}
.sust-selected-list{
    padding-top: 10px;
    width: 100%; max-width: 300px;
    margin: auto;
}
.sust-selected-list>li{
    display: block; width: 100%;
    padding: 6px 10px;
    margin-top: 4px;
    border-radius: 20px;
}
.proposta-form .control-form-dark{margin-top: 10px}
.custom-proposta-body h1 a{font-size: 16px !important;}
/*FLOATER----------------*/
.floater{
    display: block; width: 100%;
    height: auto; text-align: center;
}
.floater-box{
    display: inline-block; margin: 10px;
    vertical-align: top; min-width: 200px;
    position: relative;
    transform: rotateX(0) translateY(0);
}
.floater-box-square{width: 200px; height: 200px;}
.floater-box-content{
    display: flex;
    width: 100%; height: 100%; padding: 9px;
    text-align: left;
    position: relative; z-index: 1000;
    flex-direction: column;	-webkit-flex-direction: column;
}
.floater-box:hover .floater-box-bg{
    transform: scale(1.05,1.05);
}
.floater-box-content>div{
    width: 100%; position: relative;
    order: 2; flex-grow: 1;
}
.floater-box h4{max-width: 90%;}
.floater-box.no-pic-box h4{
    padding: 6px 9px;
    font-size: 34px !important; line-height: 34px !important;
}
.floater-box-bg{
    display: block; width: 100%; height: 100%;
    position: absolute; z-index: 999; top: 0;
    transform: scale(1,1);
    border-width: 0; border-style: solid;
    perspective: 1000px; opacity: 1;
}
.floater-icon{position: relative;}
.floater-icon,
.floater-icon>i{
    display: initial;
    top: 50%; transform: translateY(-50%);
    left: 0; right: 0; margin: auto;
    font-size: 80px; text-align: center;
}
.floater-icon>i.medium{font-size: 100px; text-align: center; line-height: 110px;}
.floater-icon>i.large{font-size: 120px; text-align: center; line-height: 110px;}
.floater-icon>i:hover{transform: translateY(-50%) scale(1,1);}
.floater-icon-label{
    text-align: center; position: relative;
    border-bottom-style: solid; border-bottom-width: 3px;
    text-transform: uppercase;
}
.floater-icon-label>label{
    position: absolute; bottom: 0;
    margin: auto; left: 0; right: 0;
    padding: 9px;
}
.floater-sep{
    display: inline-block; width: 2px; height: 238px;
    border-right-width: 1px; border-right-style: solid;
    background-color: rgba(0,0,0,0.3); background-clip: border-box;
    border-color: rgba(255,255,255,0.05); margin: 0 9px;
}

.floater.off .floater-box{
    transform: rotateX(45deg) translateY(-40%);
    opacity: 0;
}
.floater.off .floater-box .floater-box-bg{
    opacity: 0; transform: scale(1.1,1.1) perspective(50em) rotateX(45deg);
}

.all-inc-box{
    display: block; width: 100%; max-width: 320px; height: auto;
    border-radius: 60px; margin: 40px auto 20px;
    cursor: pointer; text-align: center;
}

.all-inc-box>div{width: 100%; position: relative;}
.all-inc-box>div:first-child{padding-bottom: 20px;}
.all-inc-box>div:last-child{
    display:table; margin: auto; border-radius: 28px; padding: 6px 20px 6px 6px;
    width: auto;
}
.all-inc-box h2{display: inline-block; vertical-align: middle; padding-left: 15px}
/*.all-inc-box p{position: absolute; display: block; top: 50%; transform: translateY(-50%)}*/

.all-inc-check{
    display: inline-block; width: 40px;
    height: 40px; border-radius: 100%;
    text-align: center;
    vertical-align: middle; cursor: pointer;
}
.all-inc-check i{font-size: 40px; opacity: 0; transform: scale(0,0); transform-origin: center}

.all-inc-box[state="selected"] .all-inc-check i{
    opacity: 1; transform: scale(1,1);
}
#allInc{position: absolute; z-index: -1; opacity: 0}


.mobile-show{display: none !important;}
.mini-mobile-show{display: none !important;}
.mini-mobile-hide{display: initial !important;}

/*RESPONSIVE------------------------------*/
@media screen and (min-width: 768px) {
    /*.mobile-show {*/
        /*display: initial !important;*/
    /*}*/
}
@media screen and (max-width: 1200px){
    .menu-holder>nav>a{padding: 0 10px}
}
@media screen and (max-width: 1024px){
    .main-logo{width: 120px; height: auto}
    .supermenu_content_inner p.supermenu_intro{max-width: 65%}
}
@media screen and (max-width: 980px){
    .menu-holder>nav>a{padding: 0 5px; font-size: 12px;}
    .supermenu_content_inner p.supermenu_intro{max-width: 85%}
}
@media screen and (max-width: 768px){
    .supermenu{display: none}
    .menu-holder{display: none}
    header{table-layout: fixed}
    .logo-holder{width: 75%}
    .main-logo{width: 160px; height: auto}
    .mobile-menu-button-holder{display: table-cell;}
    .social-holder{width: auto;}

    .mainPanel{display: block; width: 100%; height: 100%}
    .mainPanel>div{display: block; vertical-align: top;}
    .sidebar{position: fixed; top: 0; left: 0; height: 100vh;}
    .content{padding-left: 58px}

    .homeBanner .slideContent p{
        width: 100%; max-width: 100%;
        position: absolute; right: 0; left: 0; bottom: 15px;
        text-align: center; padding: 20px; margin: auto;
        border: 0;
    }
    .homeBanner .slideContent p:before{
        content: ''; display: block;
        width: 100px; height: 4px;
        margin: 10px auto;
    }
    .homeBanner .slideContent h2{right: 20px !important;}

    .page-container>section{
        display: block; width: 100%; height: 100% !important; min-height: 100vw;
    }
    .home-intro-wrap p{font-size: 14px !important; line-height: 16px !important;}
    .faleHomeIntro{padding: 20% 0}

    .homeBanner .slideContent h2{
        padding: 8px 10px 10px 30px;
        top: 50%;
        font-size: 18px !important; line-height: 18px !important;;
    }

    .mobile-hide{display: none !important;}
    .mobile-padding{padding: 20px}

    /*.main-content{padding-top: 0}*/
    .page-main>h1,
    .page-main .sub-session>h1,
    .page-container>h1,
    .page-container .sub-session>h1{
        padding-top: 30px;
        font-size: 30px !important; line-height: 30px !important;
    }
}
@media screen and (max-width: 640px){
    .metodo-list>li{font-size: 14px; line-height: 16px;}
}
@media screen and (max-width: 414px){
    .logo-holder{width: 60%}
    .footer-legal-menu{font-size: 12px !important}
    .footer-legal-menu>span{margin: 0 6px}
    .banner360+h1{margin-top: 10px !important; padding-top: 0;}
    .customize-title{text-align: center}
    .customize-callto>a{
        position: relative;
        border-radius: 4px !important; transform: none; top: 0; margin: auto
    }
    .customize-title p{margin: 6px auto !important; padding: 0}
    .hover-controller-body{padding: 18px 36px}
    .hover-controller-body p{margin-bottom: 6px;}
    .hover-controller-body li{font-size: 10px; line-height: 10px; margin-bottom: 4px;}
}
@media screen and (max-width: 375px){
    .mini-mobile-hide{display: none !important;}
    .mini-mobile-show{display: initial !important;}
    .home-intro-logo{margin: 0 auto 20px}
    .logo-holder{width: 160px; padding: 0 10px !important;}
    .main-logo{width: 120px; height: auto}
    .home-intro-wrap p{font-size: 10px !important; line-height: 12px !important; text-align: center}
    /*.amz-container, .amz-content{height: auto; min-height: 100vw}*/
    .metodo-list>li{font-size: 10px; line-height: 10px; margin-bottom: 6px;}
    .hover-controller{
        max-height: 100% !important;
    }
}


/*GRID----------------------------*/

.soon{
    position: relative; cursor: default;
}
.soon:before{
    content: 'EM BREVE';
    display: table; width: 60px; height:auto;
    border-radius: 10px; padding: 3px 6px;
    position: absolute; top: 50%; left: 0; right: 0;
     margin: auto;
    font-size: 10px; text-align: center;
     pointer-events: none;
    transition: 0.3s ease;
    transform: translateY(-10%) translateX(0); opacity: 0;
}

.soon:hover:before{
    transform: translateY(-50%) translateX(0); opacity: 1;
}


.product-page{
    display: flex; width: 100%; height: auto;
    flex-direction: row;
    align-items: flex-start; align-content: flex-start;
    justify-content: center; flex-wrap: wrap;
    padding: 34px 10px 10px 10px;
}

.product-page>a{
    width: 100%; max-width: 25%; height: auto;
    margin-bottom: 10px;
}

.botao-metodo{
    display: table; width: auto;
    padding: 8px 40px 8px 20px;
    border-top-left-radius: 25px; border-bottom-left-radius: 25px;
    font-size: 18px; line-height: 18px;
    position: absolute; right: -10px; top: 50px;
    z-index: 100;
}
.botao-metodo label{
    font-size: 10px; line-height: 10px;
    display: block;
}
.botao-metodo:hover{
    right: 0; padding: 8px 40px 8px 24px;
}

.customize-callto-box{
    display: block; width: 100%; height: 140px;
    position: relative; margin-bottom: 34px;
}
@media screen and (max-width: 980px){
    .product-page>a{max-width: 33%;}
}
@media screen and (max-width: 768px){
    .product-page>a{max-width: 50%;}
    .customize-callto-box{display: none}
}
@media screen and (max-width: 640px){
    .product-page>a{max-width: 100%;}
    .botao-metodo{
        border-radius: 25px;
        font-size: 18px; line-height: 18px;
        position: relative; right: auto; top: 0;
        z-index: 100; margin: 30px auto 0; text-align: center;
        padding: 8px 20px;
    }
    .botao-metodo>label{margin: auto; text-align: center}
}

.house-custom-trigger{
    display: block; max-width: 300px;
    padding: 24px 36px; font-size: 24px;
    position: absolute; top: 50%; left: 0; right: 0;
    margin: auto; transform: translateY(-50%);
}

.floater{
    display: flex; width: 100%; height: 100%;
    flex-direction: row; flex-wrap: wrap;
    align-content: stretch; align-items: stretch;
    position: relative;
}
.floater.row2{min-height: 50vw}
.floater.row3{min-height: 33.3vw}
.floater.row4{min-height: 25vw}

.floater>div{
    width: 100%;
    position: relative;
}
.floater>div:before{
    content: ''; display: block;
    padding-top: 100%
}

.floater>div.col2{max-width: 50%}
.floater>div.col3{max-width: 33.3%}
.floater>div.col4{max-width: 25%}

.floater>div>div{
    display: block; width: 100%; height: 100%;
    position: absolute; top: 0; left: 0;
}

.floater-content{

}

@media screen and (max-width: 980px){
    /*.floater{flex-wrap: wrap-reverse;}*/
    .floater>div.col2,
    .floater>div.col3,
    .floater>div.col4{max-width: 50%; height: 100%;}
    .floater.row2,
    .floater.row3,
    .floater.row4{min-height: 50vw}
    .floater>div:before{padding-top: 100%}
}
@media screen and (max-width: 640px){
    .floater>div.col2,
    .floater>div.col3,
    .floater>div.col4{max-width: 100%}
    .floater.row2,
    .floater.row3,
    .floater.row4{min-height: 100vw}
}


.custom-modal-content{
    display: none;
}

.browser-alert {
    display: none; width: 100%; height: 100%;
    position: fixed;
    z-index: 10000;
}
.browser-alert>div{
    display: table; width: 100%; height: 100%;
    table-layout: fixed; max-width: 540px; margin: auto;
}
.browser-alert>div>div {
    display: table-cell; vertical-align: middle;
    text-align: center; padding: 20px;
}
.browser-alert>div>div:first-child{width: 80px;}
.browser-alert i {
    display: block; width: 128px; height: 128px; margin: 20px auto;
    font-size: 128px !important;
}
.browser-alert.on{display: table}
.browser-alert img{display: block; max-width: 220px; height:auto; margin: 40px auto 0}
.browser-alert p{margin-top: 10px;}


/*PAINEL----------------------------------------*/
body.moduular-painel{
    height: auto !important; overflow-y: auto !important;
    padding-top: 80px;
}
.navbar-default{
    background-color: #FFF; border-color: #efefef;
}
.navbar li{
    border-left-width: 1px; border-left-color: #efefef; border-left-style: solid;
    text-transform: uppercase;
}
.navbar li>a{
    text-transform: uppercase;
}
.navbar li:nth-child(odd){}
.navbar li:nth-child(even){border-right-width: 1px; border-right-color: #efefef; border-right-style: solid}

.btn{border-radius: 0; border-width: 0; transition: 0.3s ease; text-transform: uppercase; font-family: "exo2_regular"; font-size: 12px;}
.note-toolbar .btn{border-width: 1px;}
.btn-primary,.btn-primary:link,.btn-primary:visited,.btn-primary:active,
button.btn-primary:link,button.btn-primary:visited,button.btn-primary:active,
input[type='button'].btn-primary:link,input[type='button'].btn-primary:visited,input[type='button'].btn-primary:active{background-color: #5fc4eb !important;}
.btn-primary:hover{background-color: #72d5fb !important;}

a.gotosite:link,a.gotosite:visited,a.gotosite:active{
    color: #3a3c40 !important; font-family: "exo2_medium";
    border-right: 1px solid #efefef; font-size: 12px;
}
a.gotosite:hover{
    color: #5fc4eb !important; font-family: "exo2_medium";
}

.navbar a:link,.navbar a:visited,.navbar a:active{color: #3a3c40 !important;}
.navbar a:hover{color: #5fc4eb !important;}

.navbar a.logout-link:hover{color: #d9534f !important;}

.moduu-panel-head{
    display: flex; width: 100%; flex-direction: row;
    align-items: stretch; align-content: stretch;
    margin-bottom: 40px;
}
.moduu-panel-head h1,.moduu-panel-head h2{padding: 0; margin: 0 !important;}
.moduu-panel-head>div{width: 100%;}
.form-group{position: relative;}
.moduu-panel-form label{
    padding: 10px 14px; background-color: #efefef;
    text-transform: uppercase; font-size: 12px;
    font-family: 'exo2_regular'; margin-bottom: 0;
}
.moduu-panel-form p{
    max-width: 60%; font-size: 12px !important; line-height: 13px !important;
    margin: 10px 0; font-family: 'exo2_regular';
}
.moduu-panel-form .form-group{
    margin-bottom: 40px;
}
.moduu-panel-form span.title-sep{
    display: block;
    width: 100%; height: 1px; background-color: #EFEFEF;
    position: relative; margin-bottom: 10px;
}

.note-editor{border-radius: 0;}
.remove_ext{padding: 6px 10px; }
.remove_ext i{font-size: 16px; margin-right: 3px}
.acabamentos-controller{

}

.int,.ext{ border-bottom: 1px solid #efefef; margin-bottom: 20px;}
.int.panel-off,.ext.panel-off{
    opacity: 0; height: 0; pointer-events: none; padding: 0;
    margin: 0; width: 100%;
}

.panel-icon-list{
    display: flex; flex-direction: row; align-items: flex-start;
    align-content: space-between;
}
.panel-icon-list>li{
    width: 50px; height:auto;
    text-align: center; margin: 0 10px;
}

.bt-save-casa{
    padding: 10px 16px; font-size: 18px !important;
}

.panel-banner-thumbs{
    border-bottom: 1px solid #efefef;
    margin-bottom: 30px; 
}
.panel-banner-thumbs td{padding-bottom: 10px}

.articles-controller{
    display: flex; width:100%; height: auto;
    flex-direction: column; margin-top: 40px;
    align-items: stretch; align-content: stretch;
}
.articles-controller>article{
    display: block; width:100%; height: auto;
    min-height: 90vh; position: relative;
}
.articles-controller>article>a{
    display:flex; width: 100%; height: 100%; flex-direction: row;
    align-items: stretch; align-content: stretch;
    position: absolute;
}
.articles-controller>article>a:nth-child(odd){flex-wrap: wrap-reverse}
.articles-controller>article>a>div{
    display: block; width: 100%; max-width: 50%;
    position: relative;
}
.articles-controller>article>a h2{
    display: block; width: auto;
}
.articles-controller>article>a span{
    display: block; width: 60px; height: 4px; margin: 12px 0 10px}

.article-content{
    display: block; width:100%; max-width: 75%;
    margin: auto; position: absolute; left: 0; right: 0;
    top: 50%; transform: translateY(-50%);
}


@media screen and (max-width: 414px) {
    .articles-controller>article{width: 100%}
}
.article-bg figure{
    display: block; width: 100%; height: 100%;
}

.article-mosaic{
    display: flex; flex-direction: row; width: 100%; height: 400px;
    align-self: stretch; align-content: stretch;
    margin-top: 40px;
}
.article-mosaic>div{
    width: 100%; position: relative;
    padding: 0 0.5px;
}
.article-mosaic>div:first-child{padding-left: 0}
.article-mosaic>div:last-child{right: 0}
.article-mosaic>div>div{
    display: block; width:100%; height: 100%;
    background-position: center; background-repeat: no-repeat;
    background-size: cover;
}
.article-content-controller{
    margin-top: 40px; padding: 20px;
}
.article-back{
    margin: 40px auto 0;
}
/*.article-mosaic*/

.image-exploder-pop{
    display: block; width: 100%; height: 100%;
    position: fixed; top: 0; left: 0; z-index: 10000;
    background-color: rgba(255,255,255,0.8);
}
.image-exploder-pop>div{
    display: block; height: auto; width: auto;
    position: absolute; top: 50%; left: 0; right: 0; margin: auto;
    transform: translateY(-50%);
}
.image-exploder-pop>div>img{
    display: block; height: auto; width: auto; max-width: 90vw;
    margin: auto;
}
.image-exploder-pop.pop-off{
    opacity: 0; transform: scale(0,0);
    pointer-events: none;
}

.iexp-close{
    display: block;
    width: 20px; height: 20px; font-size: 20px;
    position: fixed; right: 20px; top: 20px;
    z-index: 10001;
}
.iexp-close>i{vertical-align: top; line-height: 1;}


.content-blocker{
    display: flex; width: 100%; height: auto;
    flex-direction: row; flex-wrap: wrap; align-items: flex-start;
    align-content: flex-start; justify-content: space-around;
    position: relative;
}
.content-blocker>div{
    width: 100%; height:auto; max-width: 33%;
    padding: 0 0.5em;
}