@import 'fontes/stylesheet.css';

body { background: white; }
header  { position: relative; z-index: 11; }
.overlay-search { display: none; z-index: 10; width: 100%; height: 100%; top: 0; left: 0; position: fixed; background: rgba(0,0,0,0.5); }
.row    { margin: 0 !important; }

.align-in-v { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.ctn-header     { height: 105px; background: white; }
.ctn-header   .container  { height: 100%; }
.ctn-marcas     { min-height: 650px; background: url('../img/_layout/BannerFundo.jpg') center center no-repeat; background-size: cover; }
.ctn-proposito  { background: #B0ACD5; }
.ctn-contato  { min-height: 400px; background: #F8C1D9; }
.ctn-footer  { min-height: 100px; background: #F8C1D9; }
.ctn-pfazer  { min-height: 400px; }

.box-logo  { cursor: pointer; float: left; position: relative; height: 100%; width: 40%; }
.box-logo img   { max-width: 80%; position: relative; }

.box-menu  { float: left; width: 60%; position: relative; text-align: right; height: 100%; }
.navmen    { position: relative; padding-right: 20px; display: inline-block; }
.navmen a  { padding-left: 20px; font-family: 'roboto_slabregular', sans-serif; font-size: 15px; text-decoration: none; cursor: pointer; color: #808080; -webkit-transition: 0.3s; transition: 0.3s;  }
.navmen a:first-child  { padding-left: 0; }
.navmen a:hover  { color: rgba(128, 128, 128, 0.5); -webkit-transition: 0.3s; transition: 0.3s; }

.it_banner  { position: relative; }
.overlay-ban    { position: relative; width: 100%; height: 100%; }
.wrp-text-bann  { position: relative; width: 50%; text-align: left; margin: 0 auto;  top: 48%; -webkit-transform: translateY(-50%); transform: translateY(-50%);  }

.text-bann  { display: inline; line-height: 36.5px; background-color: #824931; font-family: multicolore_regular, sans-serif; font-size: 32px; color: white; }
/*.block-t-ban    { display: inline; padding: 5px; background-color: #824931; }*/

.title-norm    { font-family: "roboto_slabbold", sans-serif; color: #808080; padding-top: 70px; font-size: 20px; text-align: center; }
.title-inv     { font-family: multicolore_regular, sans-serif; color: #824830; padding-top: 70px; font-size: 18px; text-align: center; }
.default-text  { width: 70%; margin: auto; font-family: Calibri, sans-serif; color: white; margin-top: 15px !important; font-size: 18px; text-align: center; }
.text-destaq   { margin: auto; font-family: multicolore_regular, sans-serif; padding-bottom: 70px; width: 470px; color: #F9C799; margin-top: 25px !important; text-align: center; font-size: 22px; }

.group-t       { padding-bottom: 90px; width: 460px; margin: auto; text-align: center; margin-top: 40px !important; }
.it-fa      { text-align: left; margin-top: 10px; }
.wrpp-img-c { width: 15%; margin: auto; padding-top: 70px; }
.img-c      { max-width: 100%; }

.title-it-fa        { margin-bottom: 15px; cursor: pointer; border-radius: 7px; position: relative; display: block; height: 50px; line-height: 50px; text-align: center; font-family: Calibri, sans-serif; color: white; font-size: 22px; }
.color-1 .title-it-fa       { background: #ABE1FA; }
.color-2 .title-it-fa       { background: #B4DDC0; }
.color-3 .title-it-fa       { background: #F8C1D9; }
.color-4 .title-it-fa       { background: #B0ACD5; }

.color-1 .subit-fa       { color: #80A9BC !important; }
.color-2 .subit-fa       { color: #87A690 !important; }
.color-3 .subit-fa       { color: #AC748C !important; }
.color-4 .subit-fa       { color: #8481A0 !important; }

.color-1 .title-it-fa .arrow-ic      { background: url('../img/_layout/color_1.png') center center no-repeat; background-size: contain; }
.color-2 .title-it-fa .arrow-ic      { background: url('../img/_layout/color_2.png') center center no-repeat; background-size: contain; }
.color-3 .title-it-fa .arrow-ic      { background: url('../img/_layout/color_3.png') center center no-repeat; background-size: contain; }
.color-4 .title-it-fa .arrow-ic      { background: url('../img/_layout/color_4.png') center center no-repeat; background-size: contain; }

.arrow-ic      { -webkit-transition: 0.4s; transition: 0.4s; top: 8px; display: block; position: absolute; width: 35px; height: 35px; right: 5px; }
.subit-fa   { font-family: Calibri, sans-serif; padding-left: 20px; box-sizing: border-box; width: 100%; margin-top: 5px !important; font-size: 21px; color: white !important; }
.group-subit    { display: none; margin-bottom: 35px; }

/* Heading style */
.title,
.title:after{
    background-color: #824931;
}

@-moz-document url-prefix() {
   .title  { box-decoration-break: clone; padding: 0 8px; }
    .title:after {
       display: none !important;
    }
}

.title {
    position: relative;
    line-height: 1;
    color: #fff;
    display: inline;
    white-space: pre-wrap;
    border: 0 solid #824931;
    border-width: 0.25em 0; /* 0.25em is roughly equal to one space character. */
}
.title:after {
    content: "";
    position: absolute;
    top: -0.25em;
    right: 100%;
    bottom: -0.25em;
    width: 0.25em;
}
.title > span {
    position: relative;
    font-family: multicolore_regular, sans-serif;
    z-index: 1;

}

.title.show {
    outline: 3px solid red;
}
.title.show::after {
    outline: 3px solid lightgreen;
}

.full-img   { width: 100% !important; }
.back-white { background-color: white !important; }

.form-c { margin: auto; margin-top: 35px !important; width: 50%; padding-bottom: 70px; }
.form-c input   { height: 45px; }
.form-c textarea    { height: 135px; padding: 10px 15px !important; }
.form-c input, .form-c textarea { box-sizing: border-box; outline: none; padding: 0 15px; text-transform: uppercase; font-family: Calibri, sans-serif; color: #AC748C; border-radius: 7px; margin-bottom: 10px; border: 1px solid #F5B2CF; background-color: #F5B2CF; width: 100%; }
.form-c input:focus, .form-c textarea:focus { border-color: #AC748C; -webkit-transition: 0.2s; transition: 0.2s; }
.submit { cursor: pointer; width: 30%; box-sizing: border-box; margin: auto; border: 1px solid #AC748C; border-radius: 10px; background: #AC748C; color: #F8C1D9; height: 40px; text-align: center; line-height: 36px; -webkit-transition: 0.3s; transition: 0.3s; }
.submit:hover { background: transparent; color: #AC748C; -webkit-transition: 0.3s; transition: 0.3s; }
.inf-c   { text-align: center; line-height: 22px; font-family: Calibri, sans-serif; font-size: 18px; color: white !important; }
.inf-c  a { text-decoration: none; color: white; }

.rotate-90 { -webkit-transform: rotate(135deg); transform: rotate(135deg); -o-transform: rotate(135deg); opacity: 0.6; -webkit-transition: 0.4s; transition: 0.4s; }

::-webkit-input-placeholder {
    color: #AC748C;
}

:-moz-placeholder {
    color: #AC748C;
}

::-moz-placeholder {
    color: #AC748C;
}

:-ms-input-placeholder {
    color: #AC748C;

}

.wrpp-rs    { display: inline-block; }
.rs-box { float: left; width: 55px; height: 55px; background-size: contain; background-position: center center !important; background-repeat: no-repeat;  }
.fb     { margin-right: 10px; background-image: url('../img/_layout/fb_ic.png'); }
.inst   { background-image: url('../img/_layout/inst_ic.png'); }

.text-footer    { font-family: Calibri, sans-serif; margin-top: 45px; padding-bottom: 20px; font-size: 12px; text-align: center; color: #AC748C; ; }
.img-banner { position: relative; display: block; margin: auto; }
.container {
    width: 950px;
}

.inTop { box-shadow: 0px 0px 5px 1.5px rgba(0,0,0,0.35); }

.nav-menres a { display: block; font-family: 'roboto_slabregular', sans-serif; font-size: 14px; text-decoration: none; cursor: pointer; color: #808080; -webkit-transition: 0.3s; transition: 0.3s; width: 100%; padding-left: 30px; line-height: 45px; height: 45px; }
.nav-menres a:hover  { color: white; background-color: #F8C1D9;  -webkit-transition: 0.3s; transition: 0.3s; }
/* -------- Menu resp -------------- */
.men-res-lat-wrapper    { position: fixed; overflow: hidden; overflow-x: hidden !important; left: -100%; box-shadow: 0 3px 12px 2px rgba(0,0,0,0.5); padding: 15px; z-index: 999999 !important; top: 0; background: white; width: 45%; height: 100%; }
.men-res-lat            { position: relative; width: 100%; height: 100%; }
.men-res-lat .item-nav  { width: 100%; padding-left: 5px !important; color: white !important; }
.men-res-lat .item-nav:hover  { width: 100%; color: #354757 !important; }
.men-res-lat-wrapper .hamb-wrapper  { width: 50px; height: 60px !important; }
.men-res-lat-wrapper .hamb-wrapper .hamb-container  { float: right; }
.men-res-lat-wrapper .box-rs  { display: none; margin-top: 15px; }

.menu-res   { margin-top: 30px; }
.menu-res,.nav-menres,.ul-res,.navitem-res,.title-cat,.navres_subitem   { width: 100%; }

/*.nav-menres a { text-decoration: none !important; }*/
/*.nav-menres p { margin: 0 !important; }*/
/*.navitem-res  p  { -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s;*/
    /*font-family: Arial, sans-serif; cursor: pointer; text-decoration: none !important; font-weight: bold; border-top: 1px solid #e8e8e8; line-height: 50px; color: #F8C21D; background: white; text-transform: uppercase; font-size: 11px; display: block; padding-left: 30px; padding-right: 30px;  }*/
/*.navitem-res  p:hover  { -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s;*/
    /*color: white; background: #F8C21D; border-top-color: #F8C21D; }*/
/*.navitem-res-active p { -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s;*/
    /*background: #DDDDDD; color: #828282; }*/

.ul-res { display: none; padding: 0; margin: 0; }



.navres_subitem { -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s;
    display: block; cursor: pointer; background: #DDDDDD; color: #828282; padding-left: 40px; width: 100%; line-height: 45px; font-size: 12px; }
.navres_subitem:hover { -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s;
    color: white; background: #F8C21D; color: white; }

.inf-res    { display: none; padding: 50px 30px 20px 30px; }
.inf-res  p { width: 100%; font-size: 11px; float: none; }
.inf-res  .text-hr-atend { margin-bottom: 15px !important; }

.hamb-container         { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; padding: 10px 0 10px 20px; display: block; margin: auto; width: 100%; float: left; border-radius: 4px; }
.hamb-line              { position: relative; width: 100%; display: block; height: 4px; border-radius: 3px; margin: 0 0 5px 0; transition: transform 0.3s; background: #F8C1D9; }
.hamb-line:last-child   { margin-bottom: 0; }
.hamb-wrapper           { display: none; width: 50px; /*border-left: 1px solid #EAEAEE;*/ height: 100%; float: right; }

.logo-res   { cursor: pointer; width: 100%; text-align: center; padding-top: 10px; }
.logo-res img  { max-width: 85%; }

.men-opened  .hamb-line:nth-child(1)   { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 4.5px !important; }
.men-opened  .hamb-line:nth-child(3)   { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); bottom: 4.5px !important; }

.overflow, .overflow-bsc           { background: rgba(0, 0, 0, 0.5); display: none; width: 100%; height: 100%; top: 0; left: 0; position: fixed; z-index: 99998 !important; }
.men-res-lat-wrapper    { position: fixed; overflow: scroll; left: -100%; box-shadow: 0 3px 12px 2px rgba(0,0,0,0.5); padding: 15px 0 15px 0; z-index: 99999 !important; top: 0; background: white; width: 45%; height: 100%; }

/*.free-wall  { margin-bottom: 20px !important; }*/

.brick  { position: relative; text-align: center; cursor: pointer; margin-bottom: 30px; width: 100%; background-color: white; height: 300px; overflow: hidden; }
.cover  { position: absolute; background-color: #B0ACD5; top: 100%; left: 0; width: 100%; height: 100%; }
.box-mais   { position: relative; width: 85%; height: 106px; margin: auto; }
/*.wrpp-mais  { position: absolute; width: 100%; height: 100%; }*/
.txt-o-s    { position: absolute; opacity: 0; bottom: -100px; width: 100%; color: white; font-family: "roboto_slabregular", sans-serif; font-size: 18px; text-align: center; }
.wrpp-mais  { position: absolute; opacity: 0; bottom: -85px; width: 100%; /*top: 66px;*/ height: 40px; }
.line-v     { display: block; position: absolute; border-radius: 1.5px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 6px; height: 40px; background-color: white; }
.line-h     { display: block; position: absolute; border-radius: 1.5px; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 40px; height: 6px; background-color: white; }
.img-marca  { position: relative; max-width: 75%; max-height: 75%; }
.load-more  { cursor: pointer; font-size: 16px; font-weight: 200; margin-bottom: 70px; font-family: 'roboto_slabbold', sans-serif; width: 100%; height: 50px; background-color: #87A690; -webkit-transition: 0.3s; transition: 0.3s; color: white; line-height: 50px; text-align: center; }
.load-more:hover  { background: rgba(135, 166, 144, 0.76); -webkit-transition: 0.3s; transition: 0.3s;}

.box-popup  { position: fixed; display: none; z-index: 15; opacity: 0; background: blue; }

.modal { width: 100% !important; background-color: #58595B; top: 0 !important; height: 100% !important; overflow-y: auto; }
.modal-content-f { padding-top: 50px; padding-bottom: 50px; width: 50%; display: block; margin: auto; }
.body-modals, .body-modals2    { width: 100%; }

.title-mark { text-transform: uppercase; font-family: 'roboto_slabbold', sans-serif; padding-top: 20px; color: white; text-align: center; font-size: 18px; }
.text-mark  { width: 85%; margin: auto; font-family: Calibri, sans-serif; padding-top: 5px !important; color: white; text-align: center; font-size: 20px; }
.wrpp-imgs-m    { margin-top: 35px; }
.box-img-m  { position: relative; margin-top: 15px; width: 100%; box-sizing: border-box; height: 400px; text-align: center; background-color: white; }
.img-m      { max-width: 100%; max-height: 100%; }

.gal    { margin-top: 10px; }
.img-main   { width: 100%; height: 100%; background-color: white; }
.img-box   { width: 100%; height: 400px; margin-top: 35px; box-sizing: border-box; padding: 0 5px 0 5px; }
.normal-img { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.close-modal-bt { -webkit-transition: 0.3s; transition: 0.3s; color: white; font-family: Calibri, sans-serif; font-size: 15px; text-align: center; line-height: 47px; width: 190px; margin: auto; margin-top: 60px !important; cursor: pointer; height: 47px; background-color: #424344; }
.close-modal-bt:hover { -webkit-transition: 0.3s; transition: 0.3s; background-color: #7e7f80; }

.gallery-box    { position: relative; width: 100%; }
.nanoGalleryContainer   { width: 100% !important; background: transparent !important; }
.nanoGalleryThumbnailContainer  { border: none !important; background: transparent !important; }
.labelImage     { display: none; height: 96% !important; }
.labelImageTitle { display: none !important; }
.labelDescription   { text-align: center !important; top: 65% !important; position: relative !important; font-family: open_sansregular, sans-serif !important; font-size: 18px !important; font-weight: bold; Text-Shadow: none !important; text-transform: uppercase; color: white !important; }
.imgContainer   { background: transparent !important; }

/*.nanoGalleryViewerContainer { display: none !important; }*/

.box-ficha_t    { margin-top: 25px; }
.title-ft   { line-height: 50px; width: 100%; border-bottom: 2px solid white; }

@media (max-width: 1200px) {
    .container {
        width: 900px;
    }
}

@media (max-width: 1020px){
    .navmen  { display: none !important; }
    .hamb-wrapper  { display: block; }
    .box-logo   { width: 85%; }
    .box-menu   { width: 15%; }
}

@media (max-width: 992px){
    .container {
        width: 620px;
    }
    .form-c, .group-t { width: 75%; }
    /*.modal { width: 90% !important; top: 0 !important; height: 98% !important; background-color: transparent !important; }*/
    .normal-img { width: 70%; }
    .box-img-m  { height: 250px; }

}
@media (max-width: 768px){
    .container {
        width: 500px;
    }
    .form-c, .group-t { width: 85%; }
    .modal-content-f { width: 65%; }
    .wrp-text-bann  { width: 70%; }
    .brick, .img-box  { height: 250px; }
}

@media (max-width: 640px){
    .men-res-lat-wrapper { width: 50%; }
    .text-destaq    { width: 100%; }
    .wrp-text-bann  { width: 80%; }
    .text-bann      { font-size: 26px; line-height: 26px; }
}

@media (max-width: 520px) {
    .container {
        width: 100%;
        padding: 0 20px;
    }
    .wrpp-img-c { width: 25%; }
    .it_banner  { height: 550px !important; }
    .img-banner { max-width: 80%; max-height: 60%; }
}

@media (max-width: 480px) {
    .men-res-lat-wrapper { width: 65%; }
    .submit    { width: 40%; }
}

@media (max-width: 380px) {
    /*.group-t    { padding-left: 35px; }*/
    .inf-c  { width: 100%; }
    .size6 {
        height: 180px;
        width: 180px;
    }
    .modal-content-f { width: 75%; }
    .brick  { width: 100% !important; margin-bottom: 10px; height: 200px !important; }
    .img-box  { height: 200px !important; }
}

@media (max-width: 350px) {
    .form-c, .group-t { width: 94%; }
}

@media (max-width: 320px) {
    .men-res-lat-wrapper { width: 80%; }
    .brick, .img-box  { height: 150px !important; }
    .ctn-marcas  { min-height: 500px; }
}
.close-modal {
    background-color: transparent;
    cursor: pointer;
    height: 65px;
    position: absolute;
    right: 30px;
    top: 25px;
    width: 65px;
}

.lr {
    background-color: #fff;
    height: 50px;
    margin-left: 35px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 2px;
    z-index: 1051;
}

.lr .rl {
    background-color: #fff;
    height: 50px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    width: 2px;
    z-index: 1052;
}

/* --------------- exemplo --------------------- */

/*.free-wall  { margin-top: 25px !important; margin-bottom: 70px; }*/

.size8 {
    width: 60px;
    height: 60px;
}

.size6 {
    height: 120px;
    width: 120px;
}

.size4 {
    width: 160px;
    height: 160px;
}

.size2 {
    width: 320px;
    height: 320px;
}

.size6-4 {
    height: 160px;
    width: 320px;
}
.size4-6 {
    height: 320px;
    width: 160px;
}