:root {
--corcook1: #44185f;
--corcook2: #ffffff;
--corcook3: #e1e1e1;
}

#page{overflow: hidden;position: relative;}
#gercookies{position: relative;bottom: 0;width: 100%;z-index: 9;display: block;}
#gercookies #btgercookies{position: absolute;top: -41px;color: var(--corcook1);border: 1px solid var(--corcook1);padding: 10px 19px;border-radius: 6px;}
#gercookies .principal{position: absolute;width: 100%;top: 0;display: block;background: var(--corcook2);color: #666;padding: 16px 0 26px;}
#gercookies .principal p > a{color: var(--corcook1);}
#gercookies .principal .bt{text-align: center;}
#gercookies .principal .bt .concordo{background-color: var(--corcook1);color:var(--corcook2);text-align: center;padding: 10px 23px;border-radius: 28px;}
#gercookies .principal .bt .configcookies{color: var(--corcook1);text-align: center;padding: 10px 23px;border-radius: 28px;border: 2px solid var(--corcook1);}
#gercookies .config{position: absolute;}

#cookies_config{display: flex;justify-content: center;align-items: center;z-index:-1}
#cookies_config.in{display: flex!important;justify-content: center;align-items: center;z-index:9}
#cookies_config.in .modal-backdrop.in {opacity: 0.8;}
#cookies_config .modal-content{border-radius:0;background-color: var(--corcook3);}
#cookies_config .modal-content > div{padding: 1em 3em;}
#cookies_config .modal-header .close {top: -26px;right: -26px;font-size: 30px;background-color: var(--corcook1);width: 58px;height: 58px;color: var(--corcook2);border-radius: 50%;font-weight: normal;opacity: 1;position: absolute;}
#cookies_config .funcionalidades{margin: 26px 0 26px;}
#cookies_config .item a.botao{float:left}
#cookies_config .item h3{margin: 14px 0 7px 86px;font-size: 18px;font-weight: bold;}
#cookies_config .item p{margin: 0 0 0 86px;}
#cookies_config .item a.botao{display: inline-block;background-color: #707070;width: 57px;height: 34px;border: 1px solid var(--corcook1);border-radius: 32px;overflow: hidden;}
#cookies_config .item a.botao:before{content:"";display: block;background-color: var(--corcook2);height: 32px;width: 32px;border-radius: 50%;}
#cookies_config .item a.botao.ativo{background-color: var(--corcook1);}
#cookies_config .item a.botao.ativo:before{margin-left: 22px;}
#cookies_config .item a.botao.desabilitado{opacity: 0.5;}
#cookies_config .modal-content .modal-footer {text-align: center;border-top: 1px solid var(--corcook1);}
#cookies_config .setcookies{background-color: var(--corcook1);color:var(--corcook2);text-align: center;padding: 16px 33px;border-radius: 28px;margin: 12px 0px;display: inline-block;}

#gercookies .principal,
#cookies_config .item a.botao,
#cookies_config .item a.botao:before,
.transacao{
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}

@media (min-width: 768px){
	#gercookies #btgercookies{width: 48px;top: -52px;left: 8px;padding: 6px;line-height: normal;border: 1px solid #ffffff;color: #fff;background: none;font-size: 10px;}
	#gercookies #btgercookies i{font-size: 14px;}
}

@media screen and (max-width: 767px) {
	#gercookies #btgercookies{width:100%;border-radius: 0;display:flex;align-items: center;justify-content: center;}
	#gercookies #btgercookies div{margin:0 0 2px 8px;}
	#cookies_config .modal-title{margin:0}
	#cookies_config .modal-content > div{padding: 4px 8px 4px 8px;}
	#cookies_config .item h3{margin: 16px 0 6px 66px;}
	#cookies_config .item p{margin:0 0 0 66px;}
}

@media screen and (max-width: 599px) {
	#cookies_config .modal-header .close{top: 1px;right: 0px;background-color: unset;border: 1px solid var(--corcook1);color: var(--corcook1);border-radius: 10px;}
}