.icones { 
		 position: fixed; 
		top: 2%; 
		right: 5%; 
		padding: 1%; 
		z-index: 10000000; 
	}
	
		.icones img:hover { /* Aqui é definido o efeito quando o mouse passa por cima da imagem */
    filter: invert(100%);  /* Foi usado o filter: invert para colocar as cores opostas das imagens.  */
		}

.inputGroup {
  background-color: #fff;
  display: block;
  margin: 10px 0;
  position: relative;
}
.inputGroup label {
  padding: 12px 30px;
  width: 100%;
  display: block;
  text-align: left;
  color: #3C454C;
  cursor: pointer;
  position: relative;
  z-index: 2;
  -webkit-transition: color 200ms ease-in;
  transition: color 200ms ease-in;
  overflow: hidden;
}
.inputGroup label:before {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  content: '';
  background-color: #3F0053;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
          transform: translate(-50%, -50%) scale3d(1, 1, 1);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  z-index: -1;
}
.inputGroup label:after {
  width: 32px;
  height: 32px;
  content: '';
  border: 2px solid #D1D7DC;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
  background-repeat: no-repeat;
  background-position: 2px 3px;
  border-radius: 50%;
  z-index: 2;
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  -webkit-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}
.inputGroup input:checked ~ label {
  color: #fff;
}
.inputGroup input:checked ~ label:before {
  -webkit-transform: translate(-50%, -50%) scale3d(56, 56, 1);
          transform: translate(-50%, -50%) scale3d(56, 56, 1);
  opacity: 1;
}
.inputGroup input:checked ~ label:after {
  background-color: #54E0C7;
  border-color: #54E0C7;
}
.inputGroup input {
  width: 32px;
  height: 32px;
  -webkit-box-ordinal-group: 2;
          order: 1;
  z-index: 2;
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  visibility: hidden;
}

.form {
  padding: 0 16px;
  max-width: 550px;
  margin: 50px auto;
  font-size: 18px;
  font-weight: 600;
  line-height: 36px;
}

body {
  background-color: #D1D7DC;
  font-family: 'Fira Sans', sans-serif;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

code {
  background-color: #9AA3AC;
  padding: 0 8px;
}




/* inicio do css principal */

body{margin:0;padding:0;  background:#FFFFFF;  overflow-x:hidden;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}

.page-container{
	overflow-x:hidden;
	
} 
a,button{transition: background .3s ease-in-out;outline: none!important;} 

a:hover{text-decoration: none; cursor:pointer;}

.page-preloader{position: fixed;top: 0;bottom: 0;width: 100%;z-index:100000;background:#FFFFFF url("img/pageload-spinner.gif") no-repeat center center;}

.bloc{width:100%;clear:both;background: 50% 50% no-repeat;padding:0 50px;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;position:relative;display:flex;}

.bloc .container{
	padding-left:0;
	padding-right:0;
	height: 92vh;
}

.bloc-lg{
	margin-top: 70px;
	
}
.d-bloc .card,.l-bloc{
	color:rgba(0,0,0,.5);
}
.d-bloc .card button:hover,.l-bloc button:hover{color:rgba(0,0,0,.7);}
.l-bloc .icon-round,.l-bloc .icon-square,.l-bloc .icon-rounded,.l-bloc .icon-semi-rounded-a,.l-bloc .icon-semi-rounded-b{border-color:rgba(0,0,0,.7);}
.d-bloc .card .divider-h span,.l-bloc .divider-h span{border-color:rgba(0,0,0,.1);}
.d-bloc .card .a-btn,.l-bloc .a-btn,.l-bloc .navbar a,.l-bloc a .icon-sm, .l-bloc a .icon-md, .l-bloc a .icon-lg, .l-bloc a .icon-xl, .l-bloc h1 a, .l-bloc h2 a, .l-bloc h3 a, .l-bloc h4 a, .l-bloc h5 a, .l-bloc h6 a, .l-bloc p a{color:rgba(0,0,0,.6);}
.d-bloc .card .a-btn:hover,.l-bloc .a-btn:hover,.l-bloc .navbar a:hover, .l-bloc a:hover .icon-sm, .l-bloc a:hover .icon-md, .l-bloc a:hover .icon-lg, .l-bloc a:hover .icon-xl, .l-bloc h1 a:hover, .l-bloc h2 a:hover, .l-bloc h3 a:hover, .l-bloc h4 a:hover, .l-bloc h5 a:hover, .l-bloc h6 a:hover, .l-bloc p a:hover{color:rgba(0,0,0,1);}

.l-bloc .navbar-toggle .icon-bar{color:rgba(0,0,0,.6);}
.d-bloc .card .btn-wire,.d-bloc .card .btn-wire:hover,.l-bloc .btn-wire,.l-bloc .btn-wire:hover{color:rgba(0,0,0,.7);border-color:rgba(0,0,0,.3);}.hero .hero-nav{padding-left:inherit;padding-right:inherit;}.navbar-light .navbar-nav .nav-link {color: rgb(64, 64, 64);}.btco-menu li > a {padding: 10px 15px;color: #000;}

.btco-menu .active a:focus,.btco-menu li a:focus ,.navbar > .show > a:focus{background: transparent;outline: 0;}.dropdown-menu .show > .dropdown-toggle::after{transform: rotate(-90deg);}

.mg-md{margin-top:10px;margin-bottom:20px;}
.btn-d,.btn-d:hover,.btn-d:focus{color:#FFF;background:rgba(0,0,0,.3);}
button{outline: none!important;}
.card-sq, .card-sq .card-header, .card-sq .card-footer{border-radius:0;}
.card-rd{border-radius:30px;}
.card-rd .card-header{border-radius:29px 29px 0 0;}
.card-rd .card-footer{border-radius:0 0 29px 29px;}
.divider-h{padding:20px 0;width:100%;display:inline-block;}
.divider-h span{display: block;border-top:1px solid transparent;}
.divider-half{width: 50%;margin: 0 auto;}
.dropdown-menu .divider-h,.dropdown-menu .divider-half{padding:0;}
.scrollToTop{width:40px;height:40px;position:fixed;bottom:20px;right:20px;opacity: 0;z-index: 500;transition: all .3s ease-in-out;}.scrollToTop span{margin-top: 6px;}

.showScrollTop{font-size: 14px;opacity: 1;}

h1,h2,h3,h4,h5,h6,p,label,.btn,a{font-family:"Helvetica";}

.container{max-width:1140px;}
.geral{background-image:url("img/fundo_transparent.png");background-repeat:repeat;background-position:center center;background-size:100% 100%;background-color:#3E0040;}
.logo{margin-top:-50px;margin-bottom:20px;}
.p-style{width:40.61%;font-family:"Lato";font-weight:700;color:#FEFFFF!important;padding-top:10px;font-size:22px;margin:auto auto 20px auto;}

.h6-style{
		width:328px;
	background-image:url("img/atendimento.png");
	background-repeat:no-repeat;
	background-position:center top;
	background-size:auto auto;
	height:87px;
	font-family:"Lato";
	font-weight:700;
	margin-right:auto;
	margin-bottom:20px;
	margin-left:auto;
	text-align:center;
	font-size:21px;
	color:#FEFFFF!important;
	padding-top:12px;

}

.pedido-style{
	width:250px;
	height:70px;
	margin-right:auto;
	margin-bottom:20px;
	margin-left:auto;
	text-align:center;
	padding-top:12px;
}


.teste-span{
	color: aquamarine;
}

.divisao_meio{
	height: 10px;
	width: 480px;
	font-family:"Lato";
	font-weight:700;
	font-size: 35px;
	color: #fff;
	margin-left: auto;
	margin-right: auto;
	
}
.h6-span{overflow:visible;border-style:none;color:#FEFFFF!important; font-size: 18px;}
.monte{padding-top:70px;}
.rodape{font-family:"Lato";font-weight:700;font-size:18px;}
.btn-style{width:51.17%;border-radius:10px 10px 10px 10px;}


@media (max-width: 1024px){  
	.bloc{ padding-left: 20px;   padding-right: 20px;  
	}  
	.bloc.full-width-bloc, .bloc-tile-2.full-width-bloc .container, .bloc-tile-3.full-width-bloc .container, .bloc-tile-4.full-width-bloc .container{ 
		padding-left: 0;   padding-right: 0;  }
	
}

@media (max-width: 991px){ 
	.container{width:100%;
}  
	
.page-container, #hero-bloc{overflow-x: hidden;position: relative;}   .bloc{padding-left: constant(safe-area-inset-left);padding-right: constant(safe-area-inset-right);}   .bloc-group, .bloc-group .bloc{display:block;width:100%;}}

@media (max-width: 767px){  
	.page-container{ overflow-x: hidden; position:relative;  
	}  
	.bloc-tile-2 .container, .bloc-tile-3 .container, .bloc-tile-4 .container{ 
		padding-left:0;padding-right:0;  
	}  
	.a-block{ 
		padding:0 10px;  
	}  
	.btn-dwn{   
		display:none;   
	}  
	.voffset{ 
		margin-top:5px;  
	}  
	.voffset-md{ 
		margin-top:20px;  
	}  
	.voffset-lg{ 
		margin-top:30px;  
	}  
	form{ padding:5px;  
	}  
	.close-lightbox{ 
		display:inline-block; 
	}  
	.blocsapp-device-iphone5{ 
		background-size: 216px 425px; padding-top:60px; width:216px; height:425px; 
	}  
	.blocsapp-device-iphone5 img{
		width: 180px; height: 320px;  
	}
	
/* PERSONALIZAÇÃO DO LAYOUT CHECHBOX PEDIDO */	
	.form {
  padding: 0 16px;
  max-width: 100%;
  margin: 50px auto;
  font-weight: 600;
  line-height: 36px;
  font-size: 35px;	
}
	
	.inputGroup label:before {
  width: 100%;
  height: 10px;
  border-radius: 50%;
  content: '';
  background-color: #3F0053;
  position: absolute;
  left: 0%;
  top: 0%;
  -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
          transform: translate(-50%, -50%) scale3d(1, 1, 1);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  z-index: -1;
}
	
.inputGroup label {
  padding: 45px 30px;
 
}
	
	.botao{
		width: 100%;
		height: 70px;
		padding: 15px 30px;
		font-size: 35px;
	}
}

@media (max-width: 991px){
	.check{font-size:18px;
	}
	.checkbox-style{
		opacity:1.0;
	}.btn-style{
		width:63.87%;
	}
/* PERSONALIZAÇÃO DO LAYOUT CHECHBOX PEDIDO */	
	.form {
  padding: 0 16px;
  max-width: 100%;
  margin: 50px auto;
  font-weight: 600;
  line-height: 36px;
  font-size: 35px;	
}
	
	.inputGroup label:before {
  width: 100%;
  height: 10px;
  border-radius: 50%;
  content: '';
  background-color: #3F0053;
  position: absolute;
  left: 0%;
  top: 0%;
  -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
          transform: translate(-50%, -50%) scale3d(1, 1, 1);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  z-index: -1;
}	

.inputGroup label {
  padding: 45px 30px;
	}
	
 .botao{
		width: 100%;
		height: 70px;
		padding: 15px 30px;
		 font-size: 35px;
	}	
	
}

@media (max-width: 575px){
	.geral{background-image:url("img/fundo_transparent.png");background-repeat:repeat-x;background-position:center center;background-size:100% 100%;background-color:#3E0040;}
	
	.p-style{
		width:71.53%;font-size:15px;text-align:center;font-weight:bold;
	}
	.h6-style{
		width:92.53%;
	}
	.img-style{
		width:180px;
	}
	.h6-span{
		font-size:17px;
	}
	.monte{
		padding-top:30px;margin-bottom:10px;
	}.btn-style{
		width:92.17%;
	}
	
	/* PERSONALIZAÇÃO DO LAYOUT CHECHBOX PEDIDO */	
	.form {
  padding: 0 16px;
  max-width: 100%;
  margin: 50px auto;
  font-weight: 600;
  line-height: 36px;
  font-size: 35px;	
}
	
	.inputGroup label:before {
  width: 100%;
  height: 10px;
  border-radius: 50%;
  content: '';
  background-color: #3F0053;
  position: absolute;
  left: 0%;
  top: 0%;
  -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
          transform: translate(-50%, -50%) scale3d(1, 1, 1);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  z-index: -1;
}

  .inputGroup label {
  padding: 45px 30px;
}
	.botao{
		width: 100%;
		height: 70px;
		padding: 15px 30px;
		font-size: 35px;
	}
	
}