/* paleta Senses X ---------------------------------------------------------- */
:root{--ink: #1b1714; --cream: #f5efe8; --sand: #d7c0aa; --terracotta: #a7654a; --clay: #7b4e3b; --gold: #c9a56a; --white: #fffaf5; --muted: #746b64;}

body{min-width: 310px; font-family: 'Lato', sans-serif; font-size: 14px; color: #3a322c; background-color: var(--white);}
a{text-decoration: none!important; transition: 0.4s ease; color: #5e534b; outline: none;}
a:hover{ opacity: .8; color: var(--terracotta);}
*:focus{outline: 0 !important;}
img{max-width: 100%;}
textarea{resize: none;}


/* fontes ------------------------------------------------------------------- */
.fnt-abhaya{font-family: 'Abhaya Libre', serif;}
.fnt-lato{font-family: 'Lato', sans-serif;}

.font-w-300{font-weight: 300;}
.font-w-400{font-weight: 400;}
.font-w-500{font-weight: 500;}
.font-w-600{font-weight: 600;}
.font-w-700{font-weight: 700;}
.font-w-800{font-weight: 800;}

.font-s-25{font-size: 0.25em;}
.font-s-50{font-size: 0.50em;}
.font-s-75{font-size: 0.75em;}





.display-text{color: var(--ink);}
.display-text .title{font-size: 90px; line-height: 80px; margin-bottom: 15px;}
.display-text .info{font-size: 20px;}
.display-text .description{font-size: 18px;}


/* destaque principal ------------------------------------------------------- */
.main-highlight{margin-bottom: 50px; position: relative;}
.main-highlight .item .image{ height: 605px; position: relative; display: flex; align-items: center; justify-content: flex-start; overflow: hidden; background-color: var(--cream);}
.main-highlight .item .box-info{ width: 508px; height: 485px; box-sizing: border-box; display: flex; align-items: center; background: rgba(255, 250, 245, 0.62) url(../img/back-highlight.png) no-repeat; background-size: auto 100%; position: relative; z-index: 1;}
.main-highlight .item .box-info .tag{position: absolute; top: 0; left: 0; display: none;}
.main-highlight .item .box-info .text{padding: 50px 80px;}
.main-highlight .item .box-info .text .title{font-size: 90px; line-height: 90px; font-weight: 700; margin-bottom: 5px;}
.main-highlight .item .box-info .text .title a{color: var(--ink);}
.main-highlight .item .box-info .text .description{font-size: 22px; font-weight: 300;}
.main-highlight .item .box-info .text .link{margin-top: 30px;}

.main-highlight .ltr-img-r1{position: absolute; top: 0; right: 0; z-index: 9; width: 110px; overflow: hidden;}
.main-highlight .ltr-img-r1 img{width: 232px!important; min-width: 232px;}




/* destaque galeria --------------------------------------------------------- */
.gallery-highlight{margin-bottom: 50px; color: var(--muted); position: relative;}
.gallery-highlight .container{padding-top: 10px; padding-bottom: 10px; background: url(../img/back-gallery-highlight-tr.png) right 15px top no-repeat; position: relative;}
.gallery-highlight .container::after{content: ''; position: absolute; left: 15px; bottom: 10px; width: 2px; height: 354px; background: url(../img/back-gallery-highlight-lb.png) center center no-repeat;}
.gallery-highlight .image{height: 605px; background-color: var(--cream);}
.gallery-highlight .image, .gallery-highlight .text{width: 405px; margin: auto;}
.gallery-highlight .text .title{color: var(--ink); font-size: 55px;}
.gallery-highlight .text .subtitle{color: var(--clay); font-weight: 700;}
.gallery-highlight .text .description{font-size: 15px; margin-bottom: 20px;}

.gallery-highlight .text .link .btn{width: 100%; max-width: 255px; }

.gallery-detail{margin: 50px 0;}


.gallery-highlight .ltr-img-r1{position: absolute; bottom: 0px; right: 0; z-index: 9; width: 120px; overflow: hidden;}
.gallery-highlight .ltr-img-r1 img{width: 232px!important; min-width: 288px;}



.slide-gallery-base{margin: 50px 0;}
.slide-gallery-base .title{font-size: 55px; text-align: center; color: var(--ink);}
.slide-gallery-base .title span{position: relative;}
.slide-gallery-base .title span::before{content: ' '; position: absolute;}
.slide-gallery-base .title span::after{content: ' ';}

.slide-gallery-base .sld-inter-base{margin: 0 -8px;}
.slide-gallery-base .sld-inter-base .item{margin: 0 8px;}


/* barra de inscricao ------------------------------------------------------- */
.bar-optin{margin: 50px 0 50px 0; padding: 50px 15px; background-color: var(--cream); font-size: 22px;}
.bar-optin .title{ text-align: center; margin-bottom: 20px;}
.bar-optin .input-group{max-width: 435px; box-shadow: 0 3px 10px rgba(123, 78, 59, 0.15);}
.bar-optin .input-ico .form-control{border: none; padding: 12px .75rem!important;}
.bar-optin .input-ico .input-group-text{border: none; background-color: var(--terracotta); width: 65px; justify-content: center; color: #fff; font-size: 26px;}
.bar-optin .separate{color: var(--muted); padding: 0 50px;}


/* lista galeria ------------------------------------------------------------ */
.area-list-1{position: relative;}
.area-list-1 .list-1{margin: 25px 0 25px 0; overflow: hidden;}
.area-list-1 .list-1 .ajust-margin{margin: 0 -40px;}
.area-list-1 .list-1 .item-gallery{ margin: 25px 34px 25px 34px; background-color: var(--cream); transition: 0.4s ease;}
.area-list-1 .list-1 a:hover .item-gallery{box-shadow: 0 10px 25px rgba(123, 78, 59, 0.15);}
.area-list-1 .list-1 .item-gallery .photo{width: 325px; height: 370px; background: var(--cream); overflow: hidden;}
.area-list-1 .list-1 .item-gallery .photo img{width: 100%;}
.area-list-1 .list-1 .item-gallery .text{ height: 80px; width: 100%; display: flex; align-items: center; padding: 5px 15px; font-family: 'Abhaya Libre', serif;}
.area-list-1 .list-1 .item-gallery .text .name{ font-size: 25px; color: var(--ink); transition: 0.4s ease;}
.area-list-1 .list-1 a:hover .item-gallery .text .name{color: var(--terracotta);}
.area-list-1 .list-1 .item-gallery .slick-dots{bottom: 15px;}
.area-list-1 .list-1 .item-gallery .slick-dots li{width: auto; height: auto;}
.area-list-1 .list-1 .item-gallery .slick-dots li button{width: auto; padding: 3px;}
.area-list-1 .list-1 .item-gallery .slick-dots li button::before{width: auto; height: auto; color: #fff; font-size: 9px;}
.area-list-1 .list-1 .item-gallery .slick-arrow{z-index: 9;}
.area-list-1 .list-1 .item-gallery .slick-arrow::before{font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 14px; line-height: 14px;}
.area-list-1 .list-1 .item-gallery .slick-prev{left: 8px;}
.area-list-1 .list-1 .item-gallery .slick-next{right: 8px;}
.area-list-1 .list-1 .item-gallery .slick-prev::before{content: '\f053'; }
.area-list-1 .list-1 .item-gallery .slick-next::before{content: '\f054'; }


.area-list-1 .ltr-img-r1{position: absolute; top: 450px; right: 0; z-index: 9; width: 120px; overflow: hidden;}
.area-list-1 .ltr-img-r1 img{width: 315px!important; min-width: 315px;}

.area-list-1 .ltr-img-r2{position: absolute; bottom: -180px; right: 0; z-index: 9; width: 157px; overflow: hidden;}
.area-list-1 .ltr-img-r2 img{width: 350px!important; min-width: 336px;}

.area-list-1 .ltr-img-l1{position: absolute; top: 850px; left: -380px; z-index: 9; width: 125px;}
.area-list-1 .ltr-img-l1 img{width: 474px!important; min-width: 474px; display: inline-block!important;}

.area-list-1 .ltr-img-l2{position: absolute; bottom: -280px; left: -400px; z-index: 9; width: 90px;}
.area-list-1 .ltr-img-l2 img{width: 485px!important; min-width: 485px;}


.gallery-control{ margin: 25px 0 50px 0; display: flex; align-items: center; justify-content: center;}
.gallery-control i{font-size: 20px; padding: 0 20px;;}
.gallery-control i.np{font-size: 28px; cursor: pointer;}


/* fale conosco ------------------------------------------------------------- */
.contact{margin: 50px 0 0 0; padding: 0 0 50px 0}
.contact .image-ltr{height: 800px; margin-left: 215px; position: relative;}
.contact .image-ltr .js-r-side{background-color: var(--cream);}


.modal-fale-conosco .close{top: 40px!important; right: 40px!important;}
.modal-fale-conosco .modal-body{background: url(../img/back-modal-contato.png??) right 20px top 20px no-repeat; position: relative;}
.modal-fale-conosco .modal-body::after{content: ''; position: absolute; left: 20px; bottom: 20px; width: 2px; height: 354px; background: url(../img/back-gallery-highlight-lb.png) center center no-repeat;}
.modal-fale-conosco .pd-modal{padding-top: 30px!important; padding-bottom: 30px!important;}
.modal-fale-conosco .pd-modal .contact{margin: 0!important;}


.contact-line-ico{padding: 0 0 0 0; display: flex; align-items: center; font-size: 14px; margin-bottom: 15px; padding: 5px 0;}
.contact-line-ico .ico{font-size: 24px; padding: 5px 20px;}
.contact-line-ico.active{background-color: var(--cream); border-top: 1px solid var(--clay);}
.contact-line-ico.active .ico i{color: var(--terracotta);}







/* icones sociais ----------------------------------------------------------- */
.social{width: 100%; color: #fff; font-size: 18px;}
.social ul{list-style: none; padding: 0; margin: 0;}
.social ul li{display: block; padding: 5px 0;}
.social ul li a{display: block; color: #fff; text-align: center; padding: 5px 0;}


/* header ------------------------------------------------------------------- */
.header{position: relative; padding: 10px 0; margin: 30px 0 30px 0; text-transform: uppercase; font-size: 12px;}
.header a{color: var(--ink); position: relative;}
.header a.first{padding-left: 0!important;}
.header a.last{padding-right: 0!important;}
.header .main-menu{display: flex; padding: 5px 10px;}
.header .main-menu a{padding: 0 22px 2px 22px;}
.header .main-menu ul{list-style: none; padding: 0; margin: 0; visibility: hidden;}
.header .main-menu ul li{ display: inline-block; vertical-align: initial;}
.header .main-menu ul li a.active::before{content: '\f054'; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; left: 10px; top: 0px; color: #fff;}
.header .main-menu.menu-active{background-color: rgba(27,23,20,0.5);}
.header .main-menu.menu-active ul{visibility: visible;}
.header .bt-resp{color: var(--ink); margin: 0 10px 0 15px; font-size: 25px; display: none;}


/* menu responsivo ---------------------------------------------------------- */
.areaMenuResponsivo{position: fixed; left: -100%; top: 0; bottom: 0; width: 290px; background: var(--ink) url(../img/f-border-l.png) left 46px center no-repeat; z-index: 999; overflow: hidden; visibility: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.2)!important;}
.areaMenuResponsivo .logo{position: absolute; top: 0px; left: 0; right: 0; padding: 40px 0 5px 92px; cursor: pointer; z-index: 99; background: var(--ink); box-shadow: 0 20px 20px var(--ink);}
.areaMenuResponsivo .btMenuFechar{color: #fff; position: absolute; top: 50px;  right: 15px; cursor: pointer; z-index: 999; transition: 0.4s ease; line-height: 22px; font-size: 22px}
.areaMenuResponsivo .btMenuFechar:hover{opacity: 0.7;}
.areaMenuResponsivo .overflow{position: absolute; left: 0; right: 0; width: 310px; top: 0; bottom: 0;  overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch !important;}
.areaMenuResponsivo .menuResponsivo{ width: 290px; margin: 120px 0 0 0; z-index: 9999;}
.areaMenuResponsivo .menuResponsivo li .clearfix{background: none!important; padding-top: 0!important;}
.areaMenuResponsivo .menuResponsivo .sub-menu{position: relative; display: block; }
.areaMenuResponsivo .menuResponsivo .sub-menu .sub-menu{position: relative; padding: 0; display: block; top: 0; left: 0;}   
.areaMenuResponsivo .menuResponsivo ul{margin: 0 0 0 40px; padding: 0 0 0 40px; list-style: none; }
.areaMenuResponsivo .menuResponsivo ul li li:last-child{border: none;}  
.areaMenuResponsivo .menuResponsivo ul li{position: relative;}
.areaMenuResponsivo .menuResponsivo ul li a{padding-left:10px; color: #fff; font-size: 16px; position: relative; }
.areaMenuResponsivo .menuResponsivo ul li a.active{color: #A07110;}
.areaMenuResponsivo .menuResponsivo ul li li ul{display: none; margin: 0; padding: 0;}
.areaMenuResponsivo .menuResponsivo ul li li a{padding-left: 25px; font-weight: normal; background: none; border: none; color: #72808A;}
.areaMenuResponsivo .menuResponsivo ul li li.active{color: #A07110;}
.areaMenuResponsivo .menuResponsivo ul li li.active ul{display: block;}
.areaMenuResponsivo .menuResponsivo ul li li li a{font-weight: normal; background: none; border: none;}
.areaMenuResponsivo .menuResponsivo ul a{padding-bottom: 12px; padding-top: 12px; display: block;}
.areaMenuResponsivo .menuResponsivo ul a:hover{color: #A07110;}
.areaMenuResponsivo .menuResponsivo ul li.has-sub .arrow-click{height: 35px; width: 35px; position: absolute; right: 15px; top: 4px; background: url(../img/arrow-bottom.png) center center no-repeat; cursor: pointer; border-radius: 50%;}
.areaMenuResponsivo .menuResponsivo ul li.has-sub .arrow-click:hover{background-color: #eeeeee;}
.areaMenuResponsivo .menuResponsivo ul li.has-sub.active .arrow-click{-webkit-transform: rotateZ(-180deg); -ms-transform: rotateZ(-180deg); transform: rotateZ(-180deg);}
.areaMenuResponsivo .social-m2 ul{margin-top: 30px; display: flex;}
.areaMenuResponsivo .social-m2 ul li a{font-size: 20px; color: #707070;}



/* footer ------------------------------------------------------------------- */
.footer{padding: 40px 0; background-color: var(--ink); color: var(--cream); border-top: 4px solid var(--terracotta);}
.footer a{color: var(--gold);}
.footer a:hover{color: var(--sand);}
.footer .social a{color: #fff; display: inline-block; padding: 0 10px; font-size: 28px;}


/* botoes ------------------------------------------------------------------- */
.tpl-btn-1{display: inline-flex; height: 46px; font-size: 15px; white-space: nowrap; padding: 0 20px; border: 2px solid #fff; color: #fff; background-color: transparent; align-items: center; text-align: center; justify-content: center; transition: 0.4s ease; outline: none!important; box-sizing: border-box; cursor: pointer;}
.tpl-btn-1:hover{opacity: 0.85; color: #fff;}

.btn{border-radius: 0; }
.btn-light-2{background-color: #efe4d8!important; color: var(--ink);}
.btn-light-2:hover{background-color: var(--sand)!important; color: var(--ink);}
.btn-light-2 i{color: var(--terracotta); font-size: 23px; line-height: 21px;}
.btn-purple{background-color: var(--terracotta)!important; color: #fff;}
.btn-purple:hover{background-color: var(--clay)!important; color: #fff;}
.btn-purple i{font-size: 23px!important; line-height: 21px;}

/* forms -------------------------------------------------------------------- */
.form-control:focus{background-color: var(--cream);}

.tpl-form-1{padding: 15px 0 0 0;}
.tpl-form-1 .form-group {position:relative;}
.tpl-form-1 .form-label{position: absolute; left: 0; top: 14px; color: #000; font-size: 14px; z-index: 10; transition: transform 150ms ease-out, font-size 150ms ease-out;}
.tpl-form-1 .focused .form-label{transform: translateY(-120%); font-size: 12px; opacity: .8;}
.tpl-form-1 .form-input{position: relative; padding: 12px 0px 4px 0; width: 100%; outline: 0; border: 0; color: #000; box-shadow: 0 1px 0 0 #000; transition: box-shadow 150ms ease-out; background: transparent;}
.tpl-form-1 .form-input.cps{padding: 12px 0px 8px 0; text-indent: -1.8px;  height: 45px; border-radius: 0; background: transparent;}
.tpl-form-1 .form-group.focused{box-shadow: 0 2px 0 0 var(--cor-azul-4);}
.tpl-form-1 .form-input.filled{box-shadow: 0 2px 0 0 #000;}
.tpl-form-1 .form-group.focused .form-input{box-shadow: 0;}
.tpl-form-1 .linha-input{margin-top: 15px;}

.tpl-form-1 .custom-select{background: url(../img/arrow-select-custom.png) right 0px center no-repeat !important; cursor: pointer;}

.custom-control-label::before, .custom-control-label::after{box-shadow: none!important; outline: none!important;}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {background-color: #000;}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {background-color: #000;}

.tpl-form-1 .form-input.ico-r-user{padding-right: 30px; background: url(../img/ico-r-user.png) right 0 center no-repeat}
.tpl-form-1 .form-input.ico-r-phone{padding-right: 30px; background: url(../img/ico-r-phone.png) right 0 center no-repeat}
.tpl-form-1 .form-input.ico-r-envelope{padding-right: 30px; background: url(../img/ico-r-envelope.png) right 0 center no-repeat}
.tpl-form-1 .form-input.ico-r-pen{padding-right: 30px; background: url(../img/ico-r-pen.png) right 0 center no-repeat}


/* modal customizado -------------------------------------------------------- */
.tpl-modal-1 .close{position: absolute; top: 20px; right: 20px; width: 22px; height: 22px; background: url(../img/close.png) no-repeat; background-size: auto 100%; z-index: 9;}
.tpl-modal-1 .modal-content{border-radius: 0!important;}
.tpl-modal-1 .modal-content .m-title{font-size: 60px; line-height: 60px; margin-bottom: 20px;}
.tpl-modal-1 .modal-content .pd-modal{padding: 60px 80px 80px 80px; position: relative; z-index: 1;}
.tpl-modal-1 .col-l, .tpl-modal-1 .col-r{position: relative;}
.tpl-modal-1 .col-l .pd-col{padding-right: 25px;}
.tpl-modal-1 .col-r .pd-col{padding-left: 25px;}
.tpl-modal-1 .col-r::before{content: ' '; width: 1px; position: absolute; left: 0; top: -15px; bottom: -15px; background-color: #E0E0E0; }
.tpl-modal-1 .col-r .separate-h{height: 1px; margin: 28px 0 25px 0; background-color: #E0E0E0; }

.tpl-modal-1 .res-message{background-color: #FFEC0D; font-size: 10px; padding: 5px; text-align: center; margin: 15px 0;}

.btn-black{background-color: var(--ink); color: #fff; border-radius: 0;}

.modal-xl{max-width: 980px;}

.tpl-modal-1 .modal-content .ico-base-1{position: absolute; bottom: 0; left: 30px; overflow: hidden;}
.tpl-modal-1 .modal-content .ico-base-2{position: absolute; bottom: 0; right: 0; overflow: hidden;}
.tpl-modal-1 .modal-content .ico-base-3{position: absolute; bottom: 20px; right: 20px; overflow: hidden;}

.tpl-modal-1 .modal-content .ico-base img{margin-bottom: -5px;}

.modal-title-contato{font-size: 120px!important; line-height: 90px!important;}



/* campo de input whatsapp -------------------------------------------------- */
.input-whatapp{margin-top: 10px; position: relative; border: 1px solid #707070;}
.input-whatapp .form-control{box-shadow: none!important; outline: none!important; border: 0; border-radius: 0; transition: 0.4s ease;}
.input-whatapp .form-control:focus{background-color: var(--cream);}
.input-whatapp button{position: absolute; right: 0; top: 0; bottom: 0; background-color: var(--terracotta); border: 0; cursor: pointer; color: #fff; font-size: 20px; padding: 0 15px;}



/* outros ------------------------------------------------------------------- */
.fa-cente{display: inline-block; vertical-align: middle;}

.overlay{position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(27,23,20,0.5); z-index: 999; display: none;}
.overlay .load{position: absolute; top: 50%; left: 50%; width: 100px; height: 15px; margin: -7px 0 0 -50px; background: #fff url(../img/overlay-load.gif) center center no-repeat; background-size: 100%; display: none; border-radius: 5px; opacity: 0.8; border: 3px solid #fff;}
.overlay svg{position: absolute; left: 0; top: 0; right: 0; bottom: 0;}

.js-l-side, .js-r-side{position: absolute; left: 0; top: 0; bottom: 0; right: 0;}
.img-w{background-repeat: no-repeat; background-attachment:scroll; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-position: center center;}
.overflow{overflow: hidden;}    


/* pagination --------------------------------------------------------------- */
.tpl-pagination{display: flex; padding: 0; margin: 0; list-style: none;}
.tpl-pagination li{border-radius: 30px; margin: 0 3px;}
.tpl-pagination li a{color: #353535; border: 0; background: transparent!important;}
.tpl-pagination li.disabled a{color: #91a6a8!important;}
.tpl-pagination li.prev a::before{content: ''; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f100"; font-size: 10px; padding-right: 5px;}
.tpl-pagination li.next a::after{content: ''; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f101"; font-size: 10px; padding-left: 5px;}
.tpl-pagination li.active{background-color: var(--terracotta); color: #fff; font-weight: 700;}
.tpl-pagination .disabled, .tpl-pagination .prev, .tpl-pagination .next{border-radius: 0px!important; background: none;}


/* accordion ---------------------------------------------------------------- */
.accordion .panel{padding: 0 38px; transition: 0.4s ease; border-radius: 10px; margin-bottom: 14px;}
.accordion .panel.atv{padding: 28px 38px; background-color: #f7f7f7;}
.accordion .panel .panel-title{font-size: 14px; position: relative; padding: 10px 0;}
.accordion .panel .panel-title a{color: #000; font-weight: 400; font-family: 'Montserrat', sans-serif; display: block;}
.accordion .panel .panel-title .more-less{position: absolute; right: 0; top: 12px; color: #05a0ab;}
.accordion .panel .panel-title .button{padding: 0;}
.accordion .panel-collapse{padding: 0;}
.accordion .panel-body{padding-top: 15px;}
.accordion .titulo-cont{padding: 0 38px 28px 38px; font-size: 18px;}


/* slick slide fix ---------------------------------------------------------- */
.fixsld{visibility:hidden;opacity:0;transition:opacity 1s;margin:0;padding:0;list-style:none}
.fixsld.slick-initialized{visibility:visible;opacity:1}
.fixsld .item{display:none}
.fixsld .item:first-child{display:block;visibility:hidden}
.fixsld.slick-initialized .item{display:block;visibility:visible!important}
.fixsld .slick-disabled{opacity: 0.5;}


/* datepiker ---------------------------------------------------------------- */
.datepicker-dropdown{padding: 15px!important; box-shadow: 0 0 5px rgba(0,0,0,0.2); }
.datepicker-dropdown .table-condensed{font-weight: 400; font-size: 11px;}
.datepicker-dropdown .table-condensed thead{color: #e44d4b!important;}
.datepicker-dropdown .table-condensed thead .datepicker-switch{font-weight: 400!important;}
.datepicker-dropdown .table-condensed thead .prev{font-size: 14px;}
.datepicker-dropdown .table-condensed thead .next{font-size: 14px;}
.datepicker-dropdown .day{color: #e44d4b!important;}
.datepicker-dropdown .day.active{color: #fff!important; background-color: #e44d4b!important;}


/* switch ------------------------------------------------------------------- */
.switch {position: relative; display: inline-block; vertical-align: middle; margin: 0; width: 52px; height: 25px;}
.switch input {display:none;}
.slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s;}  
.slider:before {position: absolute; content: ""; height: 17px; width: 17px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s;}
input.danger:checked + .slider {background-color: #df4c4a; }
input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
input:checked + .slider:before{-webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}



/* fancyapp thumb bottom / ativar js e css para funcionar ------------------  * /
@media all and (min-width: 800px) {
    .fancybox-thumbs { top: auto; width: auto; bottom: 0; left: 0; right : 0; height: 95px; padding: 8px 0 8px 0; box-sizing: border-box; background: rgba(0, 0, 0, 0.3);}
    .fancybox-show-thumbs .fancybox-inner { right: 0; bottom: 100px; }
} */


.fancybox-bg{background: var(--ink)!important; opacity: .5!important;}
.fancybox-thumbs{background: rgba(27, 23, 20, 0.9)!important; }
.fancybox-thumbs__list a:before { border: 1px solid #ccc!important; }


/* efeitos ------------------------------------------------------------------ */

.treme{
    animation: treme 0.2s;
    animation-delay: 1s;
    animation-iteration-count: 3;
}

@keyframes treme {
    0% {margin-left: 0;}
    25% {margin-left: 10px;}
    50% {margin-left: 0;}
    75% {margin-left: -10px;}
    100% {margin-left: 0;}
}


/* modal de feriado (estilos base no abertura.cfm) -------------------------- */
body .modal-mini-1 .modal-content{background-color: var(--white);}
body .modal-mini-1 .modal-content .folha-layout-BR{width: 176px; height: 190px; background: url(../img/modal-mini-base.png) right bottom no-repeat; background-size: contain;}
body .modal-mini-1 .modal-content .folha-layout-BR img{visibility: hidden;}
body .modal-mini-1 .modal-content .modal-body .linha-layout-L{background: linear-gradient(to top, var(--terracotta), var(--white));}
body .modal-mini-1 .modal-content .modal-body .linha-layout-R{background: linear-gradient(to bottom, var(--terracotta), var(--white));}
body .modal-mini-1 .modal-content .modal-body .linha-layout-T{background: linear-gradient(to left, var(--terracotta), var(--white));}
body .modal-mini-1 .modal-content .modal-body .linha-layout-B{background: linear-gradient(to right, var(--terracotta), var(--white));}
body .modal-mini-1 .modal-content .modal-body .flag{background-color: var(--terracotta);}
body .modal-mini-1 .modal-content .modal-body .title-1{color: var(--ink);}