@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; border:0; text-decoration: none; }

/* Normalizando */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,table { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;}

* { margin:0; padding:0; border:0; text-decoration: none; }

/* Base   */


html {
    width: 100%;
	height:100%;
}

body {
    width:100%;
	height:100%; 
	text-align: center;
    background: #EFEFEF;
}

a, a:hover, a:visited, a:link {
	display: block;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6{ font-weight: normal; }

.clear {
	clear: both;
}


input:focus {
    outline: none;
}

/* remove border around all textarea elements */
textarea:focus {
    outline: none;
}

/* remove border around all select elements */
select:focus {
    outline: none;
}

/* remove border around all input,textarea and select elements */
input:focus, textarea:focus, select:focus {
    outline: none;
}





.tam10 { font-size: 10px; }	
.tam12 { font-size: 12px; }	
.tam14 { font-size: 14px; }		
.tam16 { font-size: 16px; }		
.tam18 { font-size: 18px; }		
.tam25 { font-size: 25px; }		
.tam30 { font-size: 30px; }		
.tam40 { font-size: 40px; }			

.font1 { font-family: 'WoodchuckHavy', sans-serif }
.font2 { font-family: 'WoodchuckBold', sans-serif }
.font3 { font-family: "Roboto", sans-serif; font-weight: 300; font-style: normal; }
.font4 { font-family: "Roboto", sans-serif; font-weight: 500; font-style: normal;}
.font5 { font-family: "Roboto", sans-serif; font-weight: 700; font-style: normal;}
.fontino { font-family: "Ubuntu", sans-serif; font-weight: 400; font-style: normal;}

.branco { color: #FFFFFF; }	
.red { color: #DC0A19; }	
.creme { color: #FAD49E; }
.preto { color: #000000; }
.vinho { color: #580D10; }

.bx-viewport {
	padding:0;
	height: 160px;
}
					
.slicknav_menu {
	display:none;
}

.trans {
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}

#btwhatsapp {
	position: fixed;
	display: block;
	width: 290px;
	height: 80px;
	left: 50%;
	margin: 0 0 0 -135px;
	bottom: 7px;
	z-index: 99999;
}
	#btwhatsapp div#logowp {
		position: absolute;
		display: block;
		margin: 2px 0 0 0px;
		width: 70px;
		height: 70px;
		background: url('/public/img/layout/default/logowp.png') center center no-repeat;
        background-size: 60px;
		z-index: 999;
	}
	#btwhatsapp a {
		position: relative;
		display: block;
		margin: 15px 0 0 15px;
		width: 160px;
		padding: 14px 10px 14px 70px;
		background: #40C351;
		border-radius: 30px;
		box-shadow: 5px 5px 15px rgb(0 0 0 / 0.4);
	}

#corpo {
	width: auto;
    max-width: 430px;
    position: relative;
    margin: 0 auto;
    background: #FFF;
    /*box-shadow: 3px 0px 15px #CCC; */
}
    #corpo #topo {
        width: 430px;
        height: 85px;
        background: #000; /* #000 */
        position: fixed;
        display: block;
        z-index: 9999;
        top: 0;
    }
        #corpo #topo a#logo {
            width: 56px;
            height: 56px;
            margin: 13px 0 0 20px;
            display: inline-block;
            float: left;
            background: url('/public/img/layout/default/logo01.png') center center no-repeat;
            background-size: 100%;
            text-indent: -9999px;
        }
        #corpo #topo #dely {
            width: 250px;
            margin: 25px 20px 0 0;
            display: inline-block;
            float: right;
            text-align: right;
        }
			#corpo #topo #dely span.creme {
				color: #FFF !important;
			}

    #corpo #promo {
        width: 100%;
        position: relative;
        display: block;
        height: 350px;
        margin: 85px 0 0 0;
    }
        #corpo #promo.esp {
            background: url('https://www.4estylos.com.br/public/img/layout/default/home/topo01m.webp') center center no-repeat;
            background-size: cover;
        }
    
    #corpo #espec {
        width: 100%;
        height: auto;
        position: relative;
        display: block;
        margin: 0px 0 0 0;
        text-align: center;
        padding: 120px 0 20px 0; /* 120px 0 20px 0; */
        z-index: 990;
    }
        #corpo #espec.quarta {
            background-color: #FAD49E;
        }
        #corpo #espec.segter {
            background-color: #DC0A19;
        }
        #corpo #espec #esq {
            display: inline-block;
            width: 100%;
            vertical-align: top;
        }
            #corpo #espec #esq #q01 {
                width: 225px;
                height: auto;
                margin: 10px 40px 0 0;
                vertical-align: top;
            }
            #corpo #espec #esq #q02 {
                width: 80px;
                height: auto;
                margin:0px 0px 0 0;
                vertical-align: top;
            }
            #corpo #espec #esq #s01 {
                width: 215px;
                height: auto;
                margin: 0px 40px 30px 0;
                vertical-align: top;
            }
            #corpo #espec #esq #s02 {
                width: 90px;
                height: auto;
                margin:0px 0px 0 0;
                vertical-align: top;
            }
        #corpo #espec #dir {
            display: inline-block;
            width: auto;
            padding: 0 30px 0 30px;
            text-align: left;
            vertical-align: top;
            margin-top: -10px;
        }
            #corpo #espec #dir span {
                display: block;
                padding: 0 0 20px 0;
            }
    #corpo #cardapio {
        width: 100%;
        position: relative;
        display: block;
        margin: 0 0;
        padding: 30px 0 0px 0; /* 120px 0 0px 0; */
    }
        #corpo #cardapio #title {
            width: 100%;
            display: block;
        }
        #corpo #cardapio ul {
            width: auto;
            display: block;
            margin: 0px 0;
            padding: 0 0;
        }
            #corpo #cardapio ul li {
                float: left;
                display: block;
            }
            #corpo #cardapio ul li a {
                width: 135px;
                height: 75px;
                padding: 100px 10px 10px 10px;
                margin: 0 3px;
                display: block;
                text-align: center;
                border-radius: 15px;
            }
                #corpo #cardapio ul li a.fblack {
                    background:#000 url('/public/img/layout/default/logo01.png') center 20px no-repeat;
                    background-size: 60px;
                }
                #corpo #cardapio ul li a.fcreme {
                    background:#E9C593 url('/public/img/layout/default/logo01.png') center 20px no-repeat;
                    background-size: 60px;
                }
        
    #corpo a#reserva {
        width: 240px;
        position: relative;
        display: block;
        margin: 40px auto;
        background:#D9000C url('/public/img/layout/default/reserva.png') 30px 10px no-repeat;
        background-size: 55px;
        padding: 15px 20px 15px 120px;
        text-align: left;
        border-radius: 15px;
        cursor: pointer;
    }

    #corpo #baixeapp {
        width: 100%;
        position: relative;
        display: block;
        margin: 40px auto;
        background:#E9C593;
        padding: 20px 0;
    }
        #corpo #title {
            width: 100%;
            display: block;
            margin: 0 0 20px 0;
        }
        #corpo a#apple {
            width: 170px;
            height: 60px;
            display: inline-block;
            margin: 0 10px 0 30px;
            background: url('/public/img/layout/default/apple.png') center center no-repeat;
            background-size: 170px;
        }
        #corpo a#gplay {
            width: 170px;
            height: 60px;
            display: inline-block;
            margin: 0 30px 0 10px;
            background: url('/public/img/layout/default/gplay.png') center center no-repeat;
            background-size: 170px;
        }
	

    #corpo #pedidos {
        width: 100%;
        position: relative;
        display: block;
        margin: 30px auto;
        height: 490px;
        overflow: hidden;
    }
        #corpo #pedidos #title {
            width: 100%;
            position: relative;
            display: block;
            margin: 5px auto;
        }
            #corpo #pedidos #title #ttp {
                width: 100%;
                position: relative;
                display: block;
                margin: 2px auto;
            }
            #corpo #pedidos #title #subt {
                width: 100%;
                position: relative;
                display: block;
                margin: 5px auto;
            }
        
        #corpo #pedidos a#link {
            width: auto;
            display: inline-block;
            margin: 10px auto;
            border-radius: 20px;
            background: #FC0510;
            text-align: center;
            padding: 10px 20px;
            border:1px solid #FC0510;
        }

        #corpo #pedidos ul {
            width: auto;
            padding: 20px 25px;
            position: relative;
            display: block;
        }
            #corpo #pedidos ul li a {
                width: 280px;
                padding: 15px 5px 15px 90px;
                margin: 9px 0;
                position: relative;
                display: block;
                border-radius: 15px;
                text-align: left;
                background: #000 url('/public/img/layout/default/icone-ifood-2.png') 12px 8px no-repeat;
                background-size: 60px;
                cursor: pointer;
                
            }
                #corpo #pedidos ul li #ttp {
                    display: block;
                }
                #corpo #pedidos ul li #sub {
                    display: inline-block;
                    line-height: 15px !important;
                }
                #corpo #pedidos ul li a:hover {
                    background: #DC0918 url('/public/img/layout/default/icone-ifood-2.png') 12px 8px no-repeat;
                    background-size: 60px;

                }
        #corpo #pedidos #gradient {
			position:absolute;
			display: block;
            bottom:0px;
			left:0px;
			width:100%;
			height:200px;
			background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,2553,1))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
			background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF', endColorstr='#FFF',GradientType=0 ); /* IE6-9 */

		}


    #corpo #franquias {
        width: 100%;
        height: auto;
        position: relative;
        display: block;
        margin: 30px auto;
        padding: 240px 0 60px 0;
        background: url('/public/img/layout/default/franqueados.png') center center no-repeat;
        background-size: cover;
    }
        #corpo #franquias #ttp {
            display: block;
            width: 100%;
        }
        #corpo #franquias #ttp2 {
            display: block;
            width: 100%;
        }
        #corpo #franquias #txt {
            display: block;
            width: 100%;
            padding: 20px 0;
        }
        
        #corpo #franquias a#link {
            width: auto;
            display: inline-block;
            margin: 10px auto;
            border-radius: 20px;
            background: #FC0510;
            text-align: center;
            padding: 10px 20px;
        }

    #corpo #insta {
        width: 100%;
        height: auto;
        position: relative;
        display: block;
        margin: 40px auto;
    }
        #corpo #insta #ttp {
            display: block;
            width: 100%;
        }
        #corpo #insta #ttp2 {
            display: block;
            width: 100%;
        }
        #corpo #insta ul {
            width: 100%;
            display: block;
            margin: 30px 0;
            padding: 0;
        }
            #corpo #insta ul li {
                
                display: inline-block;
            }
            #corpo #insta ul li a {
                width: 115px;
                height: 115px;
                margin: 2px 2px;
                display: inline-block;
                text-align: center;
                border-radius: 15px;
                background: #eaeaea;
            }
                #corpo #insta ul li a img {
                    width: 115px;
                    height: 115px;
                    border-radius: 15px;
                }

        #corpo #insta a#link {
            width: auto;
            position: relative;
            display: inline-block;
            margin: 10px auto;
            border-radius: 20px;
            text-align: center;
            padding: 10px 20px 10px 45px;
            z-index: 9999;
            background: #FC0510 url('/public/img/layout/default/insta.png') 15px 9px no-repeat;
            background-size: 20px;
        }
        #corpo #insta #traco {
            display: block;
            position: relative;
            margin-top: -30px;
            width: 100%;
            height: 5px;
            border-top:1px solid #D5D5D5;
            z-index: 99;
        }

    #corpo a#reclameaqui {
        width: 340px;
        position: relative;
        display: block;
        margin: 60px auto;
        background: #E9C593;
        padding: 15px 10px 15px 10px;
        text-align: center;
        border-radius: 15px;
        cursor: pointer;
    }

    #corpo #rodape {
        width: 100%;
        position: relative;
        display: block;
        background: #000;
        padding: 20px 0;
    }
        #corpo #rodape #logo {
            width: 245px;
            height: 70px;
            display: block;
            position: relative;
            margin: 20px auto;
            background:  url('/public/img/layout/default/logo.png') center center no-repeat;
            background-size: auto 100%;
        }
        #corpo #rodape #slogan {
            width: 100%;
            display: block;
            position: relative;
            margin: 20px 0;
        }
        #corpo #rodape a#link {
            width: auto;
            position: relative;
            display: inline-block;
            margin: 10px auto;
            border-radius: 20px;
            text-align: center;
            padding: 10px 20px 10px 20px;
            border:1px solid #DC0A19;
        }
        #corpo #rodape #redes {
                width: 100%;
                position: relative;
                display: block;
                margin: 20px auto;
        }
            #corpo #rodape a#insta {
                width: 45px;
                height: 45px;
                margin: 0 5px;
                position: relative;
                display: inline-block;
                background:  url('/public/img/layout/default/insta.png') center center no-repeat;
                background-size: auto 100%;
            }
            #corpo #rodape a#face {
                width: 45px;
                height: 45px;
                margin: 0 5px;
                position: relative;
                display: inline-block;
                background:  url('/public/img/layout/default/face.png') center center no-repeat;
                background-size: auto 100%;
            }
            #corpo #rodape a#tiktok {
                width: 45px;
                height: 45px;
                margin: 0 5px;
                position: relative;
                display: inline-block;
                background:  url('/public/img/layout/default/tiktok.png') center center no-repeat;
                background-size: auto 100%;
            }

        
        #corpo #rodape #copy {
            width: 100%;
            position: relative;
            display: block;
            margin: 30px auto 0px auto;
            padding: 0 0 25px 0;
            border-bottom: 1px solid #333333;
        }


#inovaccio {
    display: inline-block;
    position: relative;
    width: 100px;
    text-align: left;
    margin: 20px 0 20px 0;
    padding: 4px 60px 2px 30px;
    background:  url('/public/img/layout/default/inovaccio.png') right center no-repeat;
    background-size: 100px;
    cursor: pointer;
}


@media screen and (max-width: 400px) {
	
	body {
		-webkit-text-size-adjust: 100%;
	}
	
	.slicknav_menu {
		display: block;
	}
	#corpo #alinhar {
		overflow: hidden;
	}
	
	
	

}	

@media screen and (min-width: 560px) {			
			
    
    body {
		-webkit-text-size-adjust: 100%;
		
	}
	
	#site {
        box-shadow: 0px 0px 15px #ccc;
    }
	
	
			
}