@charset "UTF-8";



/*** keyframes ***/

@keyframes drop {

    from { margin-top: -20px; opacity: 0; }

    to { margin: 0px; }

}



@-webkit-keyframes drop {

    from { margin-top: -20px; opacity: 0; }

    to { margin: 0px; }

}

/*** keyframes ***/



/* Reset */

* { margin: 0; padding: 0; font-family: Arial; }

/* Suavização dos movimentos */

* { transition: color .5s, opacity .5s, background .5s, border .5s, top .5s, left .5s, right .5s, width .5s, height .5s, margin .5s, transform .9s; } 



body {  }



left  { width: 50%; padding: 0%; float: left; display: block; }

right { width: 50%; padding: 0%; float: right; display: block; }



a { text-decoration: none; color: #000000; }



p { font-size: 19px; margin: 10px 0px; color: #222222; text-align: left; }

li { font-size: 19px; text-align: left; }



list { font-size: 14px; display: block; }

list li {  }



h1 { font-size: 50px; margin: 25px 0px; font-weight: 900; font-family: Myriad Pro; }

h2 { font-size: 30px; margin: 25px 0px; font-weight: 600; }

h3 { font-size: 25px; margin: 25px 0px; font-weight: 600; font-family: Myriad Pro; }

h4 { font-size: 16px; margin: 25px 0px; font-weight: 600; }



.primary    { color: #000000; }

.vermelho   { color: #F7373A; }

.laranja       { color: #F9C308; }

.branco     { color: #FFFFFF; }

.preto      { color: #000000; }





.vermelho-b   { background: #D90000; }

.laranja-b    { background: #F9B200; }

.amarelo-b    { background: #FFED00; }

.preto-b      { background: #000000; }

.grafite-b    { background: #1D1C1C; }



.left   { text-align: left; }

.center { text-align: center; }

.right  { text-align: right; float: right; }

.just   { text-align: justify; }



.img_left { width: 25%; margin: 10px 25px 10px 0; border-radius: 5px; float: left; }

.img_left:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }



.empresa { width: 29%; margin: 10px 10px 10px 0; border-radius: 9px; float: left; }

.empresa:hover{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }



.empresas { width: 53%; height: auto; float: left; }

.empresas list { width: 100%; height: auto; font-size: 19px; float: left; }

.img_empresas { width: 40%; height: auto; float: left; }



/*** up ***/

#up         { position: fixed; width: 36px; height: 36px; right: 10px; bottom: 10px; background: rgba(0,0,0,.9); border: solid 2px #EDEDED;  } 

#up:hover   { cursor: pointer; background: rgba(180,49,58,.9); }

#up img { width: 100%; }



#up, #up:hover { transition: opacity .5s; }

/*** up ***/



/*** Corpo do Site ***/

.base { width: 90%; margin: 0px auto; display: table; }

section { width: 90%; padding: 20px 5%; display: table; }

center { width: 100%; margin: 0px; }

/*** Corpo do Site ***/



/*** Banner ***/

.banner { width: 100%; height: 650px; background: url("../_como-fazer-x-salada-x-bacon-x-tudo-hamburguer/fundo-batatas-fritas.jpg") fixed center no-repeat #000000; }



.intro { width:100%; height: auto; top: 3%; display: table; text-align: center; }

.intro h1 { width:100%; margin: 19px 0px; font-size:29px; color:#0CF902; }

.intro h2 { width:100%; margin: 0px 0px 29px; font-size:16px; color:#F9D102; }

.texto-video { width:50%; margin: 9px 0px; font-size:15px; color:#FFF; text-align: center; }

.video { width: 819px; height: 459px; margin: auto; padding: 0px; border: solid 3px #FFFFFF; border-radius: 6px; display: block; }

.video-v { width: 100%; height: 100%;  margin: auto; display: block; }





.desc { width: 43%; display: block; height: 100px; margin: 30px auto; background: #eee; border-radius: 50px; }

.desc-c { width: 25%; text-decoration: line-through; text-align: right; font-size: 21px; color: #000; float: left; }

.desc-d { width: 70%; text-align: left; color: #000; font-size: 21px; float: right; }





.valor { width: 399px; margin: 10px auto; font-size: 19px; color: #000000; text-align: center; }

.valor-c { text-decoration: line-through; width: 390px; margin: 10px auto; font-size: 19px; color: #000000; text-align: center; }



.botao-t a { width: 390px; background: linear-gradient(to top, #02FF27, #048C18); margin: 20px auto; color: #ffffff; border-radius: 30px; padding: 9px; font-size: 23px; text-align: center; border: solid 3px #FBFBFB; }



.botao-t:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

/*** Banner ***/



.curso { font-size: 19px; text-align: left; }



center .destaque-x { width: 100%; height: auto; padding: 3% 0px; display: table; margin: 0px; float: left; }



center .destaque { width: 27%; margin: 1.6%; padding: 1%; border-radius: 5px; background: #EEE; text-align: center; float: left; display: table; }

center .destaque:hover h3 { color: #000000; }

center .destaque img { width: 100%; border-radius: 9px; }

center .destaque:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

center .destaque h3 { font-size: 23px; }

center .destaque p { font-size: 16px; text-align: center; }

center .vantagens { text-align: left; }

center .vantagens h2{ font-size: 36px; text-align: left; }

center .vantagens h3{ font-size: 19px; text-align: left; }



center .produtos {  }

center .produtos img { width: 17%; margin: .5%; background: #EEE; border-radius: 9px; float: left; }

center .servicos { width: 70%; font-size: 29px; margin: 10px 0px; float: left; }



.testemunhos { width: 21%; height: 200px; background: #fff; border: 0px solid #eee; float: left; margin: 1%; padding: 10px; border-radius: 9px; }

.testemunhos img { width: 12%; height: auto; text-align: center; border-radius: 50%; }

.testemunhos p { width: 100%; height: 200px; font-size: 16px; color: #000; float: left; }



.outro-lugar { font-size: 23px; text-align: center; }



/***Faq***/

body{ background-color: #fff; }

.layout{ width: 100%; margin: auto; }

.movimento{ padding: 3px; margin-top: 3px; margin-bottom: 3px; background: #fff; border-radius: 9px; }

.pergunta p{ margin: 5px; padding: 0; font-family: Verdana; font-size: 19px; }

.resposta p{ margin: 5px; padding: 3px; font-size: large; font-family: Verdana, Geneva, Tahoma, sans-serif; color: #fff; background: #000; border-radius: 3px; }

.movimento:hover{ cursor: pointer; }

.resposta { display: none; } 

.movimento.active .resposta { display: block; }

hr { border: 0; border-top: 1px solid #eee; }

/***Faq***/



center section .form { width: 100%; display: table; }

center section .form input { width: 100%; padding: 1%; }

center section .form textarea { width: 100%; padding: 1%; }

center section .form .button { width: auto; float: right; }

/*** Center ***/



.img { width: 30%; height: auto; display: table; float: left; margin: 10px 10px 0px 60px; }

.texto-1 { width: 60%; height: auto; font-size: 31px; display: table; margin: 60px 0px 20px; }

.texto-2 { width: 60%; height: auto; font-size: 23px; color: #777; display: table; float: left; }



/*** Informe  ***/

.informe { width: auto; background: url("../_como-fazer-x-salada-x-bacon-x-tudo-hamburguer/fundo-como-fazer-x-salada-x-bacon-x-tudo.jpg") fixed center no-repeat ; background-size: cover; color: #FFF; text-shadow:1px 1px 2px #000; display: table; margin: 0% 0%; padding: 99px 60; }

.informe p { font-size: 23px; text-align: center; color: #fff; text-shadow:0px 0px 1px #000; font-family: coneria; }

.chance { text-align: center; color: #fff; font-size: 23px; }

.custo { text-align: center; color: #fff; font-size: 30px; }

.custo-c { text-decoration: line-through; width: 390px; margin: 10px auto; font-size: 19px; color: #fff; text-align: center; }

.botao { width: 390px; bottom: 10%; margin: auto; text-align: center; font-size: 23px; padding: 13px; color: #fff; background: linear-gradient(to top, #02FF27, #048C18); border-radius: 30px; display: block; border: solid 3px #FBFBFB; }

.botao:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

/*** Informe  ***/



/*** contador  ***/

.contador { width: 369px; height: 50px; margin: auto; text-align: center; font-weight: 700; }

.contador p { float: left; font-size: 60px; color: #fff; text-align: center; margin: auto; }

/*** contador  ***/



/*** Info  ***/

.info { width: 100%; background: url("../_como-fazer-x-salada-x-bacon-x-tudo-hamburguer/fundo-como-fazer-x-salada-x-bacon-x-tudo-p.jpg") fixed center no-repeat; background-size: cover; color: #FFFFFF; display: table; margin: 0%; }

.info p { font-size: 29px; text-align: center; color: #fff; text-shadow:1px 1px 3px #000; font-family: coneria; padding: 90px 0; }

/*** Info  ***/



/*** Info  ***/

.pagto { width: 100%; color: #FFFFFF; display: table; }

.pagto p { width: auto; font-size: 29px; text-align: center; color: #fff; font-family: coneria; padding: 15px 0; }

/*** Info  ***/



/*** Footer ***/

.left-f { width:40%; height: auto; text-align: left; color: #fff; float: left; display: block; }

.left-f p{ font-size: 13px; }

.left-l { width:30%; height: auto; text-align: left; color: #fff; float: left; display: block; }

.left-l ul li a { color: #eee; text-align: left; font-size: 13px; }

.left-r { width:30%; height: auto; color: #fff; float: left; }

.left-r img { width:13%; float: left; }



footer { width: 90%; padding: 3% 5%; background: #000000; display: table; }

footer p { text-align: center; color: #eee; padding: 10px 0; }



.base { }

/*** Footer ***/



/*** Responsive ***/

@media only screen and (max-width: 960px){

    /*** header ***/

    /*** header ***/

    

    /*** Center ***/

    center .destaque { width: 47%; }

    /*** Center ***/

}

@media only screen and (max-width: 640px){

section { width: 100%; padding: 10px 0%; display: table; }

    left  { width: 99%; padding: .5%; float: none; }

    right { width: 99%; padding: .5%; float: none; }

	p { width: 96%; margin: 6px; text-align: left; } 

	li { width: 96%; margin: 6px; text-align: left; }   

	

	.banner { width: 100%; height: 510px; margin: 0px; }

	/*** compre  ***/

.intro { width:98%; height: auto; top: 3%; margin: auto; }

.intro h1 { width:100%; margin: 9px auto; font-size:19px; }

.intro h2 { width:100%; margin: 6px auto; font-size:16px; }



.video { width: 97%; height: 273px; margin: 0px 0%; }

.video img { width: 100%; height: 100%; margin: auto; }

.desc { width: 90%; display: block; height: 50px; margin: 10px auto; }

.desc-c { width: 21%; font-size: 17px; }

.desc-d { width: 70%; font-size: 17px; }

	

.texto-video { width: 89%; }	

.valor { width: 100%; margin: 26px 0%; font-size: 19px; }

.botao-t { width: 100%; margin: 0px auto; padding: 13px; font-size: 20px; }

/*** Banner ***/

	

.layout{ width: 96%; margin: auto; }

.custo { text-align: center; color: #FFFFFF; }

.botao { width: 350px; height: 40px; bottom: 10%; font-size: 19px; padding: 13px; }



/*** contador  ***/

.contador { width: 100%; height: 50px; font-weight: 600; }

.contador p { width: 100%; float: left; font-size: 50px; display: table; }

/*** contador  ***/

		

	h1 { font-size: 31px; margin: 145px 0px 0px 0px; }

	h2 { font-size: 30px; margin: 45px 0px 0px 0px; }

	h3 { font-size: 18px; margin: 45px 0px 0px 0px; }	

    .left, .center, .right, .just { text-align: center; float: none; }

    

    .img_left { width: 98%; margin: 1%; }

    .empresa {  width: 98%; margin: 1%; }

	.empresas { width: 98%; height: auto; float: left; }

    .empresas list { width: 100%; height: auto; font-size: 19px; float: left; text-align: left; margin: 0px 0px 0px 20px; }

    .img_empresas { width: 96%; height: auto; float: left; }

	

	.informe { width: 100%; padding: 80px 0; text-align: left; }

     

    .curso { font-size: 19px; text-align: left; }

	

    /*** Center ***/

    center .destaque { width: 96%; }

	center .vantagens h2{ font-size: 26px; text-align: center; }

    center .vantagens h3{ font-size: 16px; } 

	

	center .servicos { width: 96%; font-size: 29px; margin: 10px 0px; float: left; }

    

    center .galeria img { width: 24%; margin: .5%; display: table; float: left; }

	

	.testemunhos { width: 96%; height: 250px; margin: 10px; padding: 10px; display: block; }

    .testemunhos img { width: 12%; height: auto; text-align: center; }

    .testemunhos p { font-size: 16px; }

    /*** Center ***/

	

	.img { width: 30%; height: auto; display: table; float: left; margin: 10px 10px 0px 60px; }

    .texto-1 { width: 95%; height: auto; font-size: 19px; display: table; margin: 10px; }

    .texto-2 { width: 95%; height: auto; font-size: 19px; margin: 10px; color: #777; display: table; float: left; }

	

	/*** footer ***/

	.left-f { width:96%; margin: 0px 0px 0px 39px; }

    .left-l { width:96%; margin: 0px 0px 0px 39px; }

	.left-r { width:96%; margin: 0px 0px 0px 39px; }

    .left-r img { width:16%; }

	/*** footer ***/

}

@media only screen and (max-width: 540px){

    

}

/*** Responsive ***/