/*-------------------------------------------------------- FIX PARA PROBLEMA DE VIEWPORT NO IE10 MOBILE */
/* Ver o JS para resto do fix */

@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}

/*------------------------ CSS Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
main, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
html, body { width: 100%; height: 100%; -webkit-font-smoothing: subpixel-antialiased; }

/*------------------------ Essencial */

*{-webkit-text-size-adjust: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
a{text-decoration: none; color: #999;}
a:hover{color: #000;}

body,*{font-family: 'senregular';}
h1,h2,h3,h4,h5,h6{font-weight: normal; font-family: 'senextrabold';}
strong{font-weight: normal; font-family: 'senbold';}
input,textarea,button{font-family: 'senregular';}

h1{font-size: 40px;}
h2{font-size: 30px;}

p{margin-bottom: 18px;}
ul{list-style: disc; margin-bottom: 18px;}

/*------------------------ Estrutura basica */

body{overflow: hidden; height: 100%; font-size: 18px; background-color: #FFF; left: 0px; -webkit-transition: left 0.5s; transition: left 0.5s;}
body.fixed{position: fixed; height: 100%; left: 200px;}
body.fixed:before{content: ""; display: block; position: absolute; width: 100%; height: 100%;}

.loading_main{display: block; position: fixed; left: 50%; margin-left: -85px; top: 40%; z-index: 9999; width: 170px; height: 50px; text-align: center;}
.loading_main img{display: block; width: 32px; margin: 0 auto 5px auto;}

.pull{display: block; clear: both;}

button{border: 3px solid #008a44; background-color: transparent; font-size: 16px; padding: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; color: #FFF; outline: none; font-family: 'senbold'; text-transform: uppercase; cursor: pointer; -webkit-transition: all 0.5s; transition: all 0.5s;}
button:hover{box-shadow: 0px 0px 12px rgba(255,255,255,0.5);}

.container{z-index: 1; position: relative; width: 1020px; padding: 0px 10px 150px 10px; margin: 0 auto; position: relative; line-height: 1.4em;}
.container:after{content: ""; display: block; clear: both;}

figure.polaroid{display: inline-block; margin: 0px; width: 250px; height: 280px; overflow: hidden; background-color: #FFF; background-image: url(../images/polaroid_nophoto.jpg); background-repeat: no-repeat; background-position: center top; background-size: 220px 245px; position: relative; box-shadow: 0px 5px 12px rgba(0,0,0,0.5);}
figure.polaroid:before{content: ""; position: absolute; z-index: 70; width: calc(100% - 30px); height: calc(100% - 55px); top: 0px; left: 0px; border-top: 15px solid #FFF; border-left: 15px solid #FFF; border-right: 15px solid #FFF; border-bottom: 40px solid #FFF;}
figure.polaroid:after{content: ""; position: absolute; z-index: 100; width: 100%; height: 100%; top: 0px; left: 0px; background: -moz-linear-gradient(-45deg,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.1) 65%, rgba(0,0,0,0) 90%);
background: -webkit-linear-gradient(-45deg,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.1) 65%,rgba(0,0,0,0) 90%);
background: linear-gradient(135deg,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.1) 65%,rgba(0,0,0,0) 90%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 );}
figure.polaroid img{position: absolute; z-index: 50; -ms-transform: translate(-50%,-46.6%); -webkit-transform: translate(-50%,-46.6%); transform: translate(-50%,-46.6%); left: 50%; top: calc(50% - 20px); height: 227px;}
figure.polaroid figcaption{position: absolute; top: calc(100% - 40px); z-index: 120; color: #000; text-align: center; width: 100%; padding: 0px 15px; font-size: 16px; line-height: 16px; font-family: 'senbold';}

#main_topo{position: fixed; z-index: 999; bottom: 10px; right: -40px; width: 30px; height: 30px; border: 3px solid #008a44; background-color: #FFF; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; cursor: pointer; -webkit-transition: all 0.5s; transition: all 0.5s;}
#main_topo:after{content: ""; display: block; position: absolute; border-bottom: 5px solid #008a44; border-left: 5px solid transparent; border-right: 5px solid transparent; height: 0; width: 0; left: 50%; top: 50%; margin-left: -5px; margin-top: -3px;}
#main_topo.show{right: 5px;}

@media screen and (max-width: 1040px) {
	.container{width: 100%; margin: 0px;}
}
@media screen and (max-width: 480px) {
	.container{padding: 0px 10px 65px 10px;}
}

/*------------------------ Header */

body>header{width: 100%; height: 130px; left: 0; top: 0; position: absolute; z-index: 8000; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; background-image: url(../images/header_bg.png); background-repeat: no-repeat; background-position: top center; background-size: 1440px 150px; font-size: 16px;}
body>header .logo{width: 540px; height: 150px; background-image: url(../images/logo_bg.png); background-repeat: no-repeat; background-position: top center; background-size: 540px 150px; position: absolute; top: 0px; left: 50%; margin-left: -270px; text-align: center;}
body>header .logo_holder{width: 300px; height: 130px; background-image: url(../images/logo.png); background-repeat: no-repeat; background-position: top center; background-size: 300px 130px; margin: 0 auto; display: inline-block;}
body>header .container{padding-bottom: 0px !important; height: 100%;}

body>header nav>ul{list-style: none; margin-bottom: 0px; font-family: 'senextrabold'; text-transform: uppercase;}
body>header nav>ul li{display: inline-block;}
body>header nav>ul a{color: #FFF;}
body>header nav.left{position: absolute; left: 10px; top: 47px;}
body>header nav.left li{margin-left: 30px;}
body>header nav.left li:first-child{margin-left: 0px;}
body>header nav.right{position: absolute; right: 10px; top: 47px;}
body>header nav.right li{margin-right: 30px;}
body>header nav.right li:last-child{margin-right: 0px;}

body>header .toggle{width: 45px; height: 45px; color: #000; position: absolute; top: 22px; right: 18px; cursor: pointer; display: none; font-size: 79px; font-family: 'senbold'; line-height: 47px;}
body.safari>header .toggle{top: 16px;}
body.chrome>header .toggle{top: 16px;}
body>header .toggle:after{content: "\2261";}

@media screen and (max-width: 1040px) {
	body>header .container{width: 100%; margin: 0px;}
}
@media screen and (max-width: 980px) {
	body>header{background-image: none !important; background-color: #FFF; height: 100px;}
	body>header .logo{-ms-transform: scale(0.75,0.75); -webkit-transform: scale(0.75,0.75); transform: scale(0.75,0.75); top: -15px; background-image: none !important;}
	body>header nav>ul a{color: #000;}
	body>header nav>ul a:hover{color: #999;}
	body>header nav.left, body>header nav.right{top: 43px;}
	body>header nav.left li{margin-left: 18px;}
	body>header nav.right li{margin-right: 18px;}
}
@media screen and (max-width: 700px) {
	body>header{height: 84px;}
	body>header .logo{width: 300px; height: 150px; margin-left: 0px; left: -48px; top: -23px; transform: scale(0.6, 0.6); }
	
	body>header .toggle{display: block;}
	
	body>header nav{display: none;}
	body>header nav.show{display: block;}
	body > header nav.left, body > header nav.right {background-color: #fff; left: auto; right: 0px; top: 43px; width: 160px;}
	body > header nav.left {position: absolute; top: 84px;}
	body > header nav.right {position: absolute; top: 128px;}
	body > header nav.right ul {padding-top: 1px;}
	body>header nav.left li{margin-left: 0px; padding-left: 5px;}
	body>header nav.right li{margin-right: 0px; padding-left: 5px;}
}

@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max-moz-device-pixel-ratio: 2) {
	body>header{background-image: url(../images/header_bg@2x.png);}
	body>header .logo{background-image: url(../images/logo_bg@2x.png);}
	body>header .logo_holder{background-image: url(../images/logo@2x.png);}
}
@media screen and (-webkit-min-device-pixel-ratio: 4), screen and (max-moz-device-pixel-ratio: 4) {
	body>header{background-image: url(../images/header_bg@4x.png);}
	body>header .logo{background-image: url(../images/logo_bg@4x.png);}
	body>header .logo_holder{background-image: url(../images/logo@4x.png);}
}

/*------------------------ Secoes */

body>section{visibility: hidden; /*overflow: hidden;*/ position: relative; opacity: 0; background-position: top center;}
body>section:after{content: ""; display: block; position: absolute; width: 60px; height: 60px; bottom: -29px; left: 50%; margin-left: -30px; background-position: center; background-repeat: no-repeat; background-size: 60px 60px;}
body>section>header{z-index: 1; position: relative; padding-top: 150px; text-align: center; width: 100%; padding-bottom: 30px;}
body>section>header h1{text-transform: uppercase;}

#sobre, #cartoes, #depoimentos{color: #000;}
#home, #cardapio, #unidades, #redes_sociais{color: #FFF;}

@media screen and (max-width: 480px) {
	body>section>header{padding-top: 65px;}
}
@media screen and (max-width: 380px) {
	body>section>header h1{font-size: 34px;}
}

/*------------------------ Home */

#home{min-height: 750px;}
#home:after{background-image: url(../images/feijao_div1.png);}
#home .bg{height: 100%; width: 100%; position: absolute; z-index: -1; top: 0px; left: 0px; background: url(../images/home_bg.jpg) no-repeat center #000; background-size: cover;}
#home .container{padding-top: 150px;}
#home .chamada{font-size: 48px; width: 60%; font-family: 'senbold'; text-transform: uppercase; line-height: 1.2em; margin-top: 185px;}
#home figure.polaroid{-webkit-transition: all 0.5s; transition: all 0.5s;}
#home figure.polaroid.tras{position: absolute; top: 230px; right: 100px; z-index: 9; -ms-transform: rotate(7deg); -webkit-transform: rotate(7deg); transform: rotate(7deg);}
#home figure.polaroid.frente{position: absolute; top: 290px; right: 0px; z-index: 10; -ms-transform: rotate(-7deg); -webkit-transform: rotate(-7deg); transform: rotate(-7deg);}
#home .botoes{text-align: center; margin-top: 120px;}
#home .botoes button{min-width: 250px;}

@media screen and (max-width: 965px) {
	#home .chamada{margin-top: 145px;}
}
@media screen and (max-width: 941px) {
	#home .chamada{margin-top: 115px;}
}
@media screen and (max-width: 820px) {
	#home .chamada{width: 100%; text-align: center; margin-top: 310px; font-size: 30px;}
	#home figure.polaroid.tras{top: 170px; left: 50%; margin-left: -200px; -ms-transform: scale(0.8,0.8) rotate(7deg); -webkit-transform: scale(0.8,0.8) rotate(7deg); transform: scale(0.8,0.8) rotate(7deg);}
	#home figure.polaroid.frente{top: 160px; left: 50%; margin-left: -50px; -ms-transform: scale(0.8,0.8) rotate(-7deg); -webkit-transform: scale(0.8,0.8) rotate(-7deg); transform: scale(0.8,0.8) rotate(-7deg);}
	#home .botoes{margin-top: 40px;}
	#home .botoes button{min-width: 150px; padding: 10px; font-size: 14px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; margin-top: 10px;}
}
@media screen and (max-width: 435px) {
	#home figure.polaroid.tras{margin-left: -150px; top: 140px;}
	#home figure.polaroid.frente{margin-left: -100px; top: 180px;}
}
@media screen and (max-width: 380px) {
	#home .chamada {font-size: 24px; margin-top: 230px;}
	#home figure.polaroid.frente {top: 110px; transform: scale(0.65, 0.65) rotate(-7deg);}
	#home figure.polaroid.tras {top: 80px; transform: scale(0.65, 0.65) rotate(7deg);}
}

@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max-moz-device-pixel-ratio: 2) {
	#home:after{background-image: url(../images/feijao_div1@2x.png);}
}
@media screen and (-webkit-min-device-pixel-ratio: 4), screen and (max-moz-device-pixel-ratio: 4) {
	#home:after{background-image: url(../images/feijao_div1@4x.png);}
}

/*------------------------ O Feijao */

#sobre:after{background-image: url(../images/feijao_div2.png);}
#sobre header{text-align: left; width: 50%; position: relative; left: 50%;}
#sobre .container{text-align: justify; width: 510px; position: relative; left: 50%; padding-left: 0px; margin: 0px;}
#sobre .container .img{position: absolute; left: -100%; top: -14%; width: 470px; height: 480px; background: url(../images/sobre.jpg) no-repeat center; background-size: cover;}
#sobre h1{color: #c3151c;}

@media screen and (max-width: 1040px) {
	#sobre .container{width: 50%; position: relative; left: 50%; padding-left: 0px; margin: 0px;}
	#sobre .container .img{position: absolute; left: -100%; top: -14%; width: calc(100% - 47.5px);}
}
@media screen and (max-width: 690px) {
	#sobre header{text-align: center; width: 100%; position: absolute; left: 0;}
	#sobre .container{width: 100%; position: static; left: auto; top: auto; padding-left: 10px; padding-top: 220px;}
	#sobre .container .img{position: relative; left: 0px; top: auto; width: 100%; height: 150px; margin-bottom: 30px;}
}
@media screen and (max-width: 480px) {
	#sobre .container{padding-top: 140px;}
}

@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max-moz-device-pixel-ratio: 2) {
	#sobre:after{background-image: url(../images/feijao_div2@2x.png);}
}
@media screen and (-webkit-min-device-pixel-ratio: 4), screen and (max-moz-device-pixel-ratio: 4) {
	#sobre:after{background-image: url(../images/feijao_div2@4x.png);}
}

/*------------------------ Cardapio */

#cardapio{background: url(../images/wood_bg.jpg); text-align: center;}
#cardapio:after{background-image: url(../images/feijao_div3.png);}
#cardapio .container{padding-bottom: 0px !important;}
#cardapio .prateleira{width: 100%; padding-left: calc((100% - 1020px) / 2); padding-right: calc((100% - 1020px) / 2); background-image: url(../images/prateleira.png); background-position: center -63px; padding-bottom: 150px;}

figure.placa{display: inline-block; margin: 0px; width: 290px; height: 210px; overflow: hidden; background-color: #FFF; position: relative; box-shadow: 0px -5px 12px rgba(0,0,0,0.5); margin: 63px 15px 22px 15px;}
figure.placa:before{height: 50px; width: 100%; content: ""; position: absolute; z-index: 50; bottom: 0px; left: 0px; background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 );}
figure.placa img{position: absolute; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); left: 50%; top: 50%;}
figure.placa figcaption{position: absolute; bottom: 0px; left: 50%; margin-left: -79px; z-index: 100; color: #008a44; text-align: center; width: 158px; height: 36px; line-height: 36px; font-size: 15px; outline: 3px solid rgba(213,243,247,0.5); box-shadow: 0px 5px 16px rgba(0,0,0,1); background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #bdbdbd 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#bdbdbd 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#bdbdbd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bdbdbd',GradientType=0 );}
figure.placa:nth-child(1), figure.placa:nth-child(2), figure.placa:nth-child(3){margin-top: 25px;}

@media screen and (max-width: 985px) {
	figure.placa:nth-child(3){margin-top: 63px;}
}
@media screen and (max-width: 660px) {
	figure.placa:nth-child(1){margin-top: 25px !important;}
	figure.placa, figure.placa:nth-child(3), figure.placa:nth-child(2){margin: 63px 15px 25px 15px;}
}

@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max-moz-device-pixel-ratio: 2) {
	#cardapio:after{background-image: url(../images/feijao_div3@2x.png);}
}
@media screen and (-webkit-min-device-pixel-ratio: 4), screen and (max-moz-device-pixel-ratio: 4) {
	#cardapio:after{background-image: url(../images/feijao_div3@4x.png);}
}

/*------------------------ Cartoes */

#cartoes{text-align: center; padding-top: 150px; font-size: 20px; background: #ffffff;
background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #d9d9d9 100%);
background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#d9d9d9 100%);
background: radial-gradient(ellipse at center, #ffffff 0%,#d9d9d9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9d9d9',GradientType=1 );
background-size: 1440px 600px; background-position: center;}
#cartoes:after{background-image: url(../images/feijao_div4.png);}
#cartoes .band{max-width: 766px; display: inline-block;}
#cartoes .band>*{vertical-align: middle; display: inline-block; background-repeat: no-repeat; background-size: contain; background-position: center;}

#cartoes .band .visa{background-image: url(../images/band_visa.png); width: 139px; height: 57px;}
#cartoes .band .mastercard{background-image: url(../images/band_mastercard.png); width: 111px; height: 69px;}
#cartoes .band .amex{background-image: url(../images/band_amex.png); width: 90px; height: 90px;}
#cartoes .band .sodexo{background-image: url(../images/band_sodexo.png); width: 162px; height: 60px;}
#cartoes .band .elo{background-image: url(../images/band_elo.png); width: 71px; height: 68px;}
#cartoes .band .diners{background-image: url(../images/band_diners.png); width: 92px; height: 84px;}
#cartoes .band .vr{background-image: url(../images/band_vr.png); width: 71px; height: 85px;}
#cartoes .band .ticket{background-image: url(../images/band_ticket.png); width: 92px; height: 74px;}
#cartoes .band .hipercard{background-image: url(../images/band_hipercard.png); width: 117px; height: 61px;}
#cartoes .band .soro{background-image: url(../images/band_soro.png); width: 79px; height: 81px;}
#cartoes .band .aura{background-image: url(../images/band_aura.png); width: 105px; height: 72px;}
#cartoes .band .alelo{background-image: url(../images/band_alelo.png); width: 110px; height: 76px;}
#cartoes .band .vale{background-image: url(../images/band_vale.png); width: 150px; height: 79px;}

@media screen and (max-width: 785px) {
	#cartoes .band{width: 100%; display: block;}
}
@media screen and (max-width: 480px) {
	#cartoes{padding-top: 65px;}
	#cartoes .band>* {margin: 10px auto; width: 30% !important; height: 70px !important;}
}
@media screen and (max-width: 380px) {
	#cartoes .band>* {width: 34% !important;}
}

@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max-moz-device-pixel-ratio: 2) {
	#cartoes:after{background-image: url(../images/feijao_div4@2x.png);}
	#cartoes .band .visa{background-image: url(../images/band_visa@2x.png);}
	#cartoes .band .mastercard{background-image: url(../images/band_mastercard@2x.png);}
	#cartoes .band .amex{background-image: url(../images/band_amex@2x.png);}
	#cartoes .band .sodexo{background-image: url(../images/band_sodexo@2x.png);}
	#cartoes .band .elo{background-image: url(../images/band_elo@2x.png);}
	#cartoes .band .diners{background-image: url(../images/band_diners@2x.png);}
	#cartoes .band .vr{background-image: url(../images/band_vr@2x.png);}
	#cartoes .band .ticket{background-image: url(../images/band_ticket@2x.png);}
	#cartoes .band .hipercard{background-image: url(../images/band_hipercard@2x.png);}
	#cartoes .band .soro{background-image: url(../images/band_soro@2x.png);}
	#cartoes .band .aura{background-image: url(../images/band_aura@2x.png);}
	#cartoes .band .alelo{background-image: url(../images/band_alelo@2x.png);}
	#cartoes .band .vale{background-image: url(../images/band_vale@2x.png);}
}
@media screen and (-webkit-min-device-pixel-ratio: 4), screen and (max-moz-device-pixel-ratio: 4) {
	#cartoes:after{background-image: url(../images/feijao_div4@4x.png);}
	#cartoes .band .visa{background-image: url(../images/band_visa@4x.png);}
	#cartoes .band .mastercard{background-image: url(../images/band_mastercard@4x.png);}
	#cartoes .band .amex{background-image: url(../images/band_amex@4x.png);}
	#cartoes .band .sodexo{background-image: url(../images/band_sodexo@4x.png);}
	#cartoes .band .elo{background-image: url(../images/band_elo@4x.png);}
	#cartoes .band .diners{background-image: url(../images/band_diners@4x.png);}
	#cartoes .band .vr{background-image: url(../images/band_vr@4x.png);}
	#cartoes .band .ticket{background-image: url(../images/band_ticket@4x.png);}
	#cartoes .band .hipercard{background-image: url(../images/band_hipercard@4x.png);}
	#cartoes .band .soro{background-image: url(../images/band_soro@4x.png);}
	#cartoes .band .aura{background-image: url(../images/band_aura@4x.png);}
	#cartoes .band .alelo{background-image: url(../images/band_alelo@4x.png);}
	#cartoes .band .vale{background-image: url(../images/band_vale@4x.png);}
}

/*------------------------ Unidades*/

#unidades{background: url(../images/unid_bg.jpg); position: relative;}
#unidades:before{content: ""; display: block; z-index: 1; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background: url(../images/unid_bg_luz.png) no-repeat center;}
#unidades:after{background-image: url(../images/feijao_div5.png);}

#unidades .unids{width: 300px; float: left; position: relative; z-index: 2;}
#unidades .unids ul{margin: 0px; padding: 0px; list-style: none;}
#unidades .unids li{padding-bottom: 46px; margin-bottom: 24px; background-image: url(../images/unid_div.png); background-repeat: no-repeat; background-position: center bottom; background-size: 102px 19px; font-size: 14px;}
#unidades .unids li:last-child{padding-bottom: 0px; margin-bottom: 0px; background: none;}
#unidades .unids li h2{font-family: 'senextrabold'; font-size: 16px;}
#unidades .unids li span.tel{padding-left: 30px; height: 27px; line-height: 27px; display: inline-block; width: 140px; background-image: url(../images/unid_tel.png); background-repeat: no-repeat; background-size: 25px 27px;}
#unidades .unids li span.map{padding-left: 26px; height: 27px; line-height: 27px; display: inline-block; background-image: url(../images/unid_pin.png); background-repeat: no-repeat; background-size: 21px 27px;}
#unidades .unids li span.map:before{content: "Mapa e hor\00E1rios"; color: #8fff92; cursor: pointer;}
#unidades .unids li span.map:hover:before{color: #FFF;}
	
#unidades .unid{width: calc(100% - 300px); float: right; position: relative; z-index: 2;}
#unidades .unid>div{display: none; position: relative;}
#unidades .unid>div:first-child{display: block;}
#unidades .unid .polaroid{-ms-transform: rotate(-7deg); -webkit-transform: rotate(-7deg); transform: rotate(-7deg); margin-left: 30px; position: relative; z-index: 10;}
#unidades .unid .polaroid figcaption{padding-top: 5px;}
#unidades .unid .polaroid figcaption span{font-size: 11px; display: inline-block; color: #989898;}
#unidades .unid .polaroid a.foto_link{display: block; position: absolute; width: 100%; height: 100%; z-index: 200;}
#unidades .unid a.foto_link_inv{display: none;}
#unidades .unid .horarios{font-size: 14px; line-height: 16px; padding-left: 32px; padding-top: 5px; margin-top: 35px; margin-left: 57px; background-image: url(../images/unid_hor.png); background-repeat: no-repeat; background-size: 27px 28px; width: 190px;}
#unidades .unid .horarios p{margin-bottom: 15px;}
#unidades .unid .horarios strong{font-family: 'senextrabold';}
#unidades .unid .mapa{width: 462px; height: 441px; background-color: #FFF; position: absolute !important; z-index: 5; top: 0px; right: 0px;}
#unidades .unid .mapa>div{overflow: hidden; height: 441px;}
#unidades .unid .unid_tit{display: none; font-family: 'senextrabold';}
#unidades .unid .unid_tit > span {display: inline-block; float: right; font-size: 14px; line-height: 25px; padding-right: 32px; font-family: 'senregular'; background-image: url(../images/unid_foto.png); background-repeat: no-repeat; background-position: center right; background-size: 25px 25px;}
#unidades .unid .unid_tit > span a{color: #FFF;}
#unidades .unid .unid_tit > span a:hover{color: #8fff92;}

@media screen and (max-width: 1060px) {
	#unidades .container{width: 900px;}
	#unidades .unid{width: 580px;}
	#unidades .unid .mapa{width: 350px;}
}
@media screen and (max-width: 1040px) {
	#unidades .container{margin: 0px auto;}
}
@media screen and (max-width: 920px) {
	#unidades .container{width: 100%; margin: 0px;}
	#unidades .unid{width: calc(100% - 320px);}
	#unidades .unid .polaroid{display: none;}
	#unidades .unid .unid_tit{display: block;}
	#unidades .unid .mapa{position: static !important; width: 100%; height: 260px !important;}
	#unidades .unid .mapa>div{height: 260px !important;}
	#unidades .unid .horarios{margin-left: 0px; margin-top: 20px; width: 100%;}
	#unidades .unid .horarios p{display: inline-block; vertical-align: top; margin-left: 10px;}
	#unidades .unid .horarios p:first-child{margin-left: 0px;}
}
@media screen and (max-width: 670px) {
	#unidades .unids{width: 100%; float: none;}
	#unidades .unid{width: 100%; float: none;}
	#unidades .unids li:last-child{padding-bottom: 46px; margin-bottom: 64px; background: url(../images/unid_div.png) no-repeat center bottom;}
}
@media screen and (max-width: 390px) {
	#unidades .unid .unid_tit > span {display: block; float: none; padding-left: 32px; background-position: center left;}
	#unidades .unid .horarios p:first-child{display: block; margin-left: 0px; margin-right: 0px;}
	#unidades .unid .horarios p{margin-left: 0px; margin-right: 10px;}
}

@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max-moz-device-pixel-ratio: 2) {
	#unidades:after{background-image: url(../images/feijao_div5@2x.png);}
	#unidades .unids li{background-image: url(../images/unid_div@2x.png);}
	#unidades .unids li span.tel{background-image: url(../images/unid_tel@2x.png);}
	#unidades .unids li span.map{background-image: url(../images/unid_pin@2x.png);}
	#unidades .unid .horarios{background-image: url(../images/unid_hor@2x.png);}
	#unidades .unid .unid_tit > span {background-image: url(../images/unid_foto@2x.png);}
}
@media screen and (-webkit-min-device-pixel-ratio: 4), screen and (max-moz-device-pixel-ratio: 4) {
	#unidades:after{background-image: url(../images/feijao_div5@4x.png);}
	#unidades .unids li{background-image: url(../images/unid_div@4x.png);}
	#unidades .unids li span.tel{background-image: url(../images/unid_tel@4x.png);}
	#unidades .unids li span.map{background-image: url(../images/unid_pin@4x.png);}
	#unidades .unid .horarios{background-image: url(../images/unid_hor@4x.png);}
	#unidades .unid .unid_tit > span {background-image: url(../images/unid_foto@4x.png);}
}

/*------------------------ Redes Sociais */

#redes_sociais{text-align: center; padding-top: 150px; font-size: 20px; background: #de000a;
background: -moz-radial-gradient(center, ellipse cover,  #de000a 0%, #8c0006 100%);
background: -webkit-radial-gradient(center, ellipse cover,  #de000a 0%,#8c0006 100%);
background: radial-gradient(ellipse at center,  #de000a 0%,#8c0006 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de000a', endColorstr='#8c0006',GradientType=1 );
background-size: 1440px 600px; background-position: center;}
#redes_sociais:after{background-image: url(../images/feijao_div6.png);}
#redes_sociais span{font-size: 24px;}
#redes_sociais p:first-child{margin-bottom: 34px;}
#redes_sociais p:last-child{margin-bottom: 0px;}
#redes_sociais *{vertical-align: middle;}
#redes_sociais a{color: #FFF;}
#redes_sociais a:hover{color: #FF929D;}

@media screen and (max-width: 480px) {
	#redes_sociais{padding-top: 65px;}
}

@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max-moz-device-pixel-ratio: 2) {
	#redes_sociais:after{background-image: url(../images/feijao_div6@2x.png);}
}
@media screen and (-webkit-min-device-pixel-ratio: 4), screen and (max-moz-device-pixel-ratio: 4) {
	#redes_sociais:after{background-image: url(../images/feijao_div6@4x.png);}
}

/*------------------------ Depoimentos */

#depoimentos{text-align: center; background: #ffffff;
background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #d9d9d9 100%);
background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#d9d9d9 100%);
background: radial-gradient(ellipse at center, #ffffff 0%,#d9d9d9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9d9d9',GradientType=1 );
background-size: 1440px 600px; background-position: center;}
#depoimentos:after{background-image: url(../images/feijao_div7.png);}
#depoimentos p{max-width: 795px; display: inline-block; padding: 10px 0px;}
#depoimentos p:first-child{padding-top: 30px;}
#depoimentos p:before{content: "\0022";}
#depoimentos p:after{content: "\0022";}
#depoimentos .tripadvisor{display: inline-block; width: 100%; padding-top: 30px; font-size: 16px; font-family: 'senextrabold';}

@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max-moz-device-pixel-ratio: 2) {
	#depoimentos:after{background-image: url(../images/feijao_div7@2x.png);}
}
@media screen and (-webkit-min-device-pixel-ratio: 4), screen and (max-moz-device-pixel-ratio: 4) {
	#depoimentos:after{background-image: url(../images/feijao_div7@4x.png);}
}

/*------------------------ Footer */

body>footer{width: 100%; height: 180px; background-color: #000; opacity: 0; color: #FFF; font-size: 14px;}
body>footer *{vertical-align: middle;}
body>footer .container{padding-bottom: 0px !important;}
body>footer .container .left{width: calc(100% - 205px); float: left;}
body>footer .container .right{width: 190px; float: right; position: relative; text-align: right;}

body>footer .holder{width: 1200px; margin: 0 auto;}

body>footer nav{padding-bottom: 20px; padding-top: 55px;}
body>footer nav ul{margin: 0px; padding: 0px;}
body>footer nav ul li{display: inline-block; padding-right: 4px; font-family: 'senbold';}
body>footer nav ul li:after{content: "-"; display: inline; padding-left: 9px;}
body>footer nav ul li:last-child{padding-right: 0px;}
body>footer nav ul li:last-child:after{display: none;}
body>footer nav ul li a{color: #FFF;}
body>footer nav ul li a:hover{color: #999;}

body>footer .logo_f{position: absolute; left: 0px; top: 60px; background-image: url(../images/footer_logo.png); background-repeat: no-repeat; background-position: center; background-size: 64px 57px; width: 64px; height: 57px;}
body>footer .right p:first-child{padding-top: 55px;}
body>footer .right a{display: inline-block; margin-left: 5px;}
body>footer .right a.tripadvisor{background-image: url(../images/footer_ta.png); background-repeat: no-repeat; background-position: center; background-size: 29px 24px; width: 29px; height: 24px;}
body>footer .right a.facebook{background-image: url(../images/footer_fb.png); background-repeat: no-repeat; background-position: center; background-size: 15px 24px; width: 15px; height: 24px;}
body>footer .right a.suagencia{background-image: url(../images/footer_sa.png); background-repeat: no-repeat; background-position: center right; background-size: 26px 24px; width: 26px; height: 24px; margin-left: 16px; position: relative;}
body>footer .right a.suagencia:before{content: ""; display: block; background-color: #FFF; position: absolute; left: 0px; top: 1px; width: 1px; height: 21px; margin-left: -10px;}
body>footer .right .topo{cursor: pointer;}

@media screen and (max-width: 1215px) {
	body>footer .holder{width: 100%; margin: 0px;}
}
@media screen and (max-width: 675px) {
	body>footer nav{padding-top: 38px;}
}
@media screen and (max-width: 570px) {
	body>footer .holder{padding-top: 10px;}
	body>footer .holder>*{float: none;}
}
@media screen and (max-width: 450px) {
	body>footer{height: auto !important;}
	body>footer .left{float: none !important; width: 100% !important; text-align: center;}
	body>footer .right{margin: 0 auto; float: none !important; padding-bottom: 10px;}
	body>footer .right p:first-child { padding-top: 15px; }
	body>footer .right .logo_f{ top: 15px; }
}
@media screen and (max-width: 395px) {
	body>footer nav ul li{display: block; padding-right: 0px; font-family: 'senbold';}
	body>footer nav ul li:after{content: "-"; display: none;}
}

@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max-moz-device-pixel-ratio: 2) {
	body>footer .logo_f{background-image: url(../images/footer_logo@2x.png);}
	body>footer .right a.tripadvisor{background-image: url(../images/footer_ta@2x.png);}
	body>footer .right a.facebook{background-image: url(../images/footer_fb@2x.png);}
	body>footer .right a.suagencia{background-image: url(../images/footer_sa@2x.png);}
}
@media screen and (-webkit-min-device-pixel-ratio: 4), screen and (max-moz-device-pixel-ratio: 4) {
	body>footer .logo_f{background-image: url(../images/footer_logo@4x.png);}
	body>footer .right a.tripadvisor{background-image: url(../images/footer_ta@4x.png);}
	body>footer .right a.facebook{background-image: url(../images/footer_fb@4x.png);}
	body>footer .right a.suagencia{background-image: url(../images/footer_sa@4x.png);}
}