:root{
	--black: #000000;
	--white: #ffffff;
	--grey: #666666;
	--red: #ba0000;
	--orange: #fb9402;
	--primary: #b10101;
	--secundary: #ffdb46;
	--cream: #f3e2ad;
	--blueDark: #002140;
}

@font-face {
    font-family: 'Sitka Banner';
    src: url('../fonts/sitkabanner-bold.woff2') format('woff2'),
        url('../fonts/sitkabanner-bold.woff') format('woff'),
        url('../fonts/sitkabanner-bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sitka Banner';
    src: url('../fonts/sitkabanner.woff2') format('woff2'),
        url('../fonts/sitkabanner.woff') format('woff'),
        url('../fonts/sitkabanner.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sitka Small';
    src: url('../fonts/sitkasmall-bold.woff2') format('woff2'),
        url('../fonts/sitkasmall-bold.woff') format('woff'),
        url('../fonts/sitkasmall-bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sitka Small';
    src: url('../fonts/sitkasmall.woff2') format('woff2'),
        url('../fonts/sitkasmall.woff') format('woff'),
        url('../fonts/sitkasmall.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CrazyCircus';
    src: url('../fonts/crazycircus-regular.woff2') format('woff2'),
        url('../fonts/crazycircus-regular.woff') format('woff'),
        url('../fonts/crazycircus-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* RESET PADDING, MARGIN =============== */
*, html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, abbr, acronym, address, big, cite,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, select, optgroup, textarea, button,
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, video, main{margin:0; border: none; outline: none; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html > object{ display:none !important;}

@media only screen and (min-width: 768px){
 *, ::before, ::after, .btn{
	cursor: url('../img/cursor-22x22.png'), default;
 }
}

/* HTML5 display definitions =========== */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, dialog{display: block;}
[hidden], template {display: none;}

/* RESET FONTES ======================== */
html {font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; background:var(--primary);}
body {font-size: 16px; line-height: 1.4; -webkit-font-smoothing: antialiased; font-family:sans-serif; font-weight:400; font-style:normal; color:var(--white); background:var(--primary);}

/* ELEMENTOS DE TEXTO ================== */
ul{list-style: none;}
a{text-decoration: none; background: transparent; color: inherit; text-decoration: inherit;}
small{font-size: smaller;}
address{font-style: normal;}

/* Embedded content ==================== */
img{max-width:100%; height: auto; border: 0;}
svg:not(:root){overflow: hidden;}
video{width: 100% !important; height: auto !important;}

/* Forms =============================== */
input[type=submit]:disabled, button[type=submit]:disabled{
	opacity: .5!important;
	pointer-events: none!important;
	cursor: no-drop!important;
}

optgroup{font-weight: bold;}
a:active, a:hover{outline: 0;}

/* BODY ============================= */
body{
	font-family: 'Sitka Banner';
	overflow-y: auto;
	overflow-x: hidden;
}

body{
	background: var(--primary) url('../img/circus-trattoria-bg-destaque-mobile.webp') no-repeat center top/contain; min-height: 100vh;
}

.no-webp body{
	background-image: url('../img/circus-trattoria-bg-destaque-mobile.jpg');
}

body .sitka-small{
	font-family: 'Sitka Small';
}

body .roboto{
	font-family: 'Roboto', sans-serif;
}

h1, h2, h3{
	font-family: 'CrazyCircus';
}

@media only screen and (max-width: 767px){
	body{
		background-size: 728px;
	}
}

@media only screen and (min-width: 768px){
	body{
		background-image: url('../img/circus-trattoria-bg-destaque.webp');
	}
	.no-webp body{
		background-image: url('../img/circus-trattoria-bg-destaque.jpg');
	}
}

/* CLASSES ============================= */
.fw-thin{font-weight:100;}
.fw-smlight{font-weight: 200;}
.fw-light{font-weight: 300;}
.fw-regular{font-weight: 400;}
.fw-medium{font-weight: 500;}
.fw-smbold{font-weight: 600;}
.fw-bold{font-weight: 700;}
.fw-exbold{font-weight: 800;}
.fw-black{font-weight: 900;}

.text-left{text-align: left!important;}
.text-right{text-align: right!important;}

@media only screen and (min-width: 768px){
	.text-md-left{text-align: left!important;}
	.text-md-right{text-align: right!important;}
}

@media only screen and (min-width: 992px){
	.text-lg-left{text-align: left!important;}
	.text-lg-right{text-align: right!important;}
}

/* FORMS */
.form-control::placeholder {color: #777;  /* Chrome, Firefox, Opera, Safari 10.1+ */ opacity: 1; /* Firefox */}
.form-control::-webkit-input-placeholder {color:    #777; /* WebKit, Blink, Edge */}
.form-control:-moz-placeholder {color:    #777; opacity:  1; /* Mozilla Firefox 4 to 18 */}
.form-control::-moz-placeholder {color:    #777; opacity:  1; /* Mozilla Firefox 19+ */}
.form-control:-ms-input-placeholder {color:    #777; /* Internet Explorer 10-11 */}
.form-control::-ms-input-placeholder {color:    #777; /* Microsoft Edge */}

.form-control, .form-select{
	color: #212529;
	background-color: var(--white);
	border-color: #dee2e6;
}

.formLead .g-recaptcha{overflow:hidden; height:1; position:relative;}
.formLead .g-recaptcha .grecaptcha-badge{position:absolute; top:100%; left:100%;}
.formLead span.error{text-align:right; display:block; color:#ff0000; padding:0 0 0 0; line-height:1; font-size: 12px;}

/* LOADER */
.loader{position:fixed;top:0;left:0;display:none;z-index:999999;width:100%;height:100%;background:rgb(0, 0, 0);background:rgba(0, 0, 0, 0.50);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000)";}
.loader img{position:absolute;top:50%;left:50%;width:16px;height:16px;margin-top:-8px;margin-left:-8px;}

/* SLICK */
body .slick-track{margin: 0 auto;}
body .slick-arrow{display:block; position:absolute; top: 50%; background:url('../img/arrows.png') no-repeat -10px -10px; border:none; width:27px; height: 47px; text-indent: -9999em; cursor: pointer;}
body .slick-prev{left: 0; z-index: 99;}
body .slick-next{right: 0; background-position: -57px -10px;}
body .slick-dots{text-align: center; position: absolute; bottom: -35px; left: 0; width: 100%;}
body .slick-dots li{ display: inline-block; vertical-align: middle; margin: 0 3px;}
body .slick-dots li button{display: block; width: 12px; height: 12px; overflow: hidden; border-radius: 50em; text-indent: -999px; background: #c7c8c9; border-radius: 50%;}
body .slick-dots li.slick-active button{background-color: var(--primary);}

.sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
.sr-only-focusable:active, .sr-only-focusable:focus {position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto;}

/* MAGNIFIC POPUP */
.white-popup, .default-popup{position:relative; padding: 50px 20px; width: auto; background-color: #e1e1e1; max-width: 425px; margin:20px auto;}

.image-source-link {
	color: #98C3D1;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	/* ideally, transition speed should match zoom duration */
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
		opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
		opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}

/* IFRAME RESPONSIVE */
.iframe-responsive{position: relative; overflow: hidden; width: 100%; padding-top: 56.25%;}
.iframe-responsive iframe{position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%;}

/* VIDEO RESPONSIVE */
.video-responsive{position: relative; overflow: hidden; width: 100%; height: 90vh;}
.video-responsive video{position: absolute; top: 0; left: 0; height: 100% !important; width: 100% !important; object-fit: cover;}

/* BTNs */
.btn{
	border-radius: 15px;
}

.btn-primary{
    color: var(--primary);
    background-color: var(--white);
    border-color: var(--primary);
}

.btn-primary:focus, .btn-primary:hover, :not(.btn-check) + .btn:active{
	background-color: var(--primary);
	color: var(--white);
	border-color: var(--primary);
}

.btn-secondary{
	background-color: #ffffff;
	border-color: #ffffff;
	color: var(--primary);
}

.btn-secondary:focus, .btn-secondary:hover{
	background-color: var(--secundary);
	border-color: var(--secundary);
	color: var(--primary);
}

.btn-widget-whatsapp{position: fixed; bottom: 16px; right: 20px; z-index: 99; display: flex; align-items: center; justify-content: center; width: 75px; height: 75px; background: #11c540; border-radius: 50%; color: #ffffff; font-size: 50px; animation: 2s ease 0s infinite normal none running pulse; cursor: pointer;}
.btn-widget-whatsapp:hover{color: #ffffff; text-decoration: none;}
@keyframes pulse {
	0%{box-shadow: rgb(71 156 44) 0px 0px 0px 0px;}
	70%{box-shadow: rgb(0 0 0 / 0%) 0px 0px 0px 15px;}
	100%{box-shadow: rgb(0 0 0 / 0%) 0px 0px 0px 0px;}
}

/* MODAL & WIDGET */
.modal-atendimento{border-top: 7px solid var(--orange);}
.modal-atendimento h1{text-align: center; font-weight: 700; font-size: 18px;}
.modal-atendimento p{text-align: center;}
.modal-atendimento form input[type=submit]:not(:hover){color: var(--white); background: var(--orange);}

.widget-whatsapp{background: #ece5dd; max-width: 350px; width: 94%; border-radius: 8px; position: fixed; bottom: 90px; right: 3%; z-index: 99; display: none;}
.widget-whatsapp__head{border-radius: 8px 8px 0px 0px; background: rgb(246, 246, 246); display: flex; padding: 0.8rem; -webkit-box-align: center; align-items: center; box-shadow: rgb(0 0 0 / 30%) 0px 2px 4px; text-align: left;}
.widget-whatsapp__head figure{width: 42px; height: 42px; border: 1px solid #eeeeee; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 2px; overflow: hidden;}
.widget-whatsapp__head span{margin-left: 7px;}
.widget-whatsapp__head p{font-size: 12px;}
.widget-whatsapp__head p.title{font-size: 20px;}
.widget-whatsapp__body{padding: 16px;}
.widget-whatsapp__body .desc{width: 100%; margin-bottom: 11px; border-radius: 8px 8px 8px 0px; padding: 15px 10px 15px 15px; background-repeat: no-repeat; background: #ffffff; text-align: left;}
.widget-whatsapp__body input[type=submit]:not(:hover){background: #128c7e; color: white;}

/* COLOR & BACKGROUND */
.color-white{color: var(--white);}
.color-black{color: var(--black);}
.color-primary{color: var(--primary);}
.color-secundary{color: var(--secundary);}
.color-cream{color: var(--cream);}
.color-blueDark{color: var(--blueDark);}

.bg-white{background-color: var(--white);}
.bg-black{background-color: var(--black);}
.bg-primary{background-color: var(--primary);}
.bg-secundary{background-color: var(--secundary);}
.bg-cream{background-color: var(--cream);}
.bg-blueDark{background-color: var(--blueDark);}

/* Icone */
.icon, .icon-ifood{
	display: inline-block;
	vertical-align: middle;
}

.icon::before{
	content: "";
	display: block;
}

.icon-ifood::before{
	content: "";
	display: block;
	/* width: 75px; */
	/* height: 39px; */
	width: 56px;
    height: 30px;
	background: url('../img/ifood.png') no-repeat center/contain;
}

.circus-1::before{
	width: 70px;
    height: 40px;
	background: url('../img/ico_circus-trattoria-1.png') no-repeat center/contain;
}

.circus-2::before{
	width: 56px;
    height: 56px;
	background: url('../img/ico_circus-trattoria-2.png') no-repeat center/contain;

}

.circus-3::before{
	width: 56px;
    height: 56px;
	background: url('../img/ico_circus-trattoria-3.png') no-repeat center/contain;
}

.icon-laco::before{
	width: 50px;
	height: 30px;
	background: url('../img/icon_laco.png') no-repeat center/contain;
}

.icon-baloes::before{
	width: 50px;
	height: 60px;
	background: url('../img/ico_baloes.png') no-repeat center/contain;
}

.icon-instrumento-caixa::before{
	width: 50px;
	height: 60px;
	background: url('../img/ico_instrumento-caixa.png') no-repeat center/contain;
}

.icon-calendar::before{
	content: "";
	display: block;
	width: 36px;
	height: 36px;
	background: url('../img/ico_calendar.png') no-repeat center/contain;	
}

.popup-iframe, .popup-video{
	position: relative;
	display: block;
}


.popup-iframe::after, .popup-video::after{
	content: "";
	display: block;
	width: 50px;
	height: 50px;
	background: url('../img/ico_player.png') no-repeat center/cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: 0.3s;
}

.popup-iframe:hover::after, .popup-video:hover::after{
	transform: translate(-50%, -50%) scale(1.1);
}

@media only screen and (min-width: 768px){

	.popup-iframe::after, .popup-video::after{
		width: 70px;
		height: 70px;
	}

	.circus-1::before{
		width: 116px;
		height: 70px;
	}

	.circus-2::before{
		width: 100px;
		height: 100px;
	}

	.circus-3::before{
		width: 96px;
		height: 94px;
	}

	.icon-laco::before{
		width: 70px;
		height: 50px;
	}

	.icon-baloes::before{
		width: 70px;
		height: 80px;
	}

	.icon-instrumento-caixa::before{
		width: 70px;
		height: 80px;
	}

}

@media only screen and (min-width: 992px){

	.popup-iframe::after, .popup-video::after{
		width: 100px;
		height: 100px;
	}

	.icon-calendar::before{
		width: 40px;
		height: 40px;
	}

}

/* Acento */
span.acento{
	position: relative;
}

span.acento::before{
	content: "´";
	display: block;
	position: absolute;
	top: -36%;
	left: 50%;
	transform: translateX(-50%);
	/* font-family: "Sitka Small"; */
	font-family: "Roboto", sans-serif;
}

/* Nav */
.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: var(--bs-secondary-color);
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    text-decoration: none;
    background: 0 0;
    border: 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}

/* Section & Title - Default */
.sec-default{
	padding-top: 50px;
	padding-bottom: 50px;
}

.sec-default.top-none{
	padding-top: 0!important;
}

.sec-default.bottom-none{
	padding-bottom: 0!important;
}

.title-1{
	font-size: calc(2rem + 1.75vw);
}

.title-3{
	    font-size: calc(1.80rem + 0.9vw);
}

.title-5{
	font-size: calc(1.135rem + 0.9vw);
	font-family: 'Sitka Small';
	font-weight: 700;
}

.subtitle{
	font-family: 'Sitka Small';
	font-size: calc(1.125rem + 0.9vw);
}

@media only screen and (min-width: 992px){

	.sec-default{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	
	.sec-default.top-lg-none{
		padding-top: 0!important;
	}
	
	.sec-default.bottom-lg-none{
		padding-bottom: 0!important;
	}

	.title-1{
		font-size: calc(2.5rem + 1.75vw);
	}

	.title-3{
		font-size: calc(2rem + 1.5vw);
	}

	.title-4{
		font-size: calc(1.75rem + 1.5vw);
	}

}

@media only screen and (min-width: 1400px){

	/* .title-1{
		font-size: 100px;
	} */

	.title-2{
		font-size: 80px;
	}

}

/* Swiper */
.swiper-button-next::after, .swiper-button-prev::after{
	color: #FFFFFF;
}

/* TEMPLATE */
#header ul.header-top{
	padding-top: 8px;
	text-align: center;
	width: 280px;
	height: 78px;
	background: url('../img/circus-trattoria-bg-bg-header-top.webp') no-repeat center/contain;
}

.no-webp #header ul.header-top{
	background-image: url('../img/circus-trattoria-bg-bg-header-top.png');
}

#header ul.header-top li{
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px;
}

#header ul.header-top li > a{
	color: var(--primary);
	font-size: 28px;
}

#header ul.header-top li > a .fa-tiktok{
	background-color: var(--primary);
	color: var(--cream)!important;
	border-radius: 3px;
	padding: 5px;
	font-size: 14px;
	position: relative;
	top: -3px
}

#header ul.header-top li > a .fa-square-instagram{
	position: relative;
	top: 2px;
}

.sec-webdoor{
	padding-top: 2rem;
}

.sec-webdoor .logo img{
	display: block;
	margin: 0 auto;
}

.sec-webdoor .logo p{
	font-size: 1.125rem;
	text-align: center;
	margin-top: 2rem;
}

.sec-webdoor .nav .nav-item{
	position: relative;
	margin: 0 7px;
}

.sec-webdoor .nav .nav-item:not(:last-child)::after{
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	background-color: var(--secundary);
	position: absolute;
	top: 50%;
	right: -15px;
	transform: translateY(-50%) rotate(-45deg);
}

.sec-webdoor .nav .nav-item .nav-link{
	color: var(--white);
	font-size: 22px;
	text-transform: uppercase;
	text-align: center;
}

.sec-webdoor .nav .nav-item .nav-link:hover{
	color: var(--cream);
}

.sec-sobre{
	padding-bottom: 20vh;
}

.sec-sobre .title-4{
	font-family: 'Sitka Small';
	font-weight: 700;
}

.sec-sobre .desc::before, .sec-sobre .desc::after{
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: url('../img/icon_star.png') no-repeat center/contain;
}

.sec-sobre .desc::before{
	left: 0;
}

.sec-sobre .desc::after{
	right: 0;
}

.sec-sobre .desc p, .sec-cardapio .desc p, .sec-espetaculo .desc p{
	font-size: 18px;
}

.sec-cardapio{
	background: url('../img/circus-trattoria-bg-fita-estrelas-mobile.webp') no-repeat center top/contain;
}

.no-webp .sec-cardapio{
	background-image: url('../img/circus-trattoria-bg-fita-estrelas-mobile.jpg');
}

.sec-cardapio .title-3 .icon{
	margin-top: -16px;
	margin-left: 5px;
}

.sec-cardapio .image-full{
	border: 5px solid var(--white);
	margin-top: -16vh;
	display: inline-block;
	margin-bottom: 30px;
	width: 100%;
}

.sec-cardapio .btn.link-menu, .sec-cardapio .btn.link-ifood{
	font-size: 18px;
}

.sec-cardapio .desc-2{
	font-size: 20px;
}

.sec-cardapio .btn.link-menu{
	min-width: 200px;
}

.sec-cardapio .btn.link-ifood{
	min-width: 180px;
	text-align: left;
	padding-left: 1.75rem;
	position: relative;
}

.sec-cardapio .btn.link-ifood::before, .sec-cardapio .btn.link-ifood::after{
	content: "";
	display: block;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.sec-cardapio .btn.link-ifood::before{
	width: 50px;
	height: 50px;
	background: url('../img/logo-ifood.png') no-repeat center/contain;
	right: -1px;
}

.sec-cardapio .btn.link-ifood::after{
	width: 59px;
	height: 65px;
	background: url('../img/icon_stars-group.png') no-repeat center/contain;
	right: -64px;
}

.sec-espetaculo{
	background: url('../img/circus-trattoria-bg-azul-mobile.webp') no-repeat center bottom/cover;
	padding-bottom: 30px;
}

.no-webp .sec-espetaculo{
	background-image: url('../img/circus-trattoria-bg-azul-mobile.jpg');
}

.sec-espetaculo .title-3 .icon{
	margin-bottom: 10px;
}

.sec-info{
	background: var(--secundary) url('../img/circus-trattoria-bg-info-mobile.webp') no-repeat center bottom/contain;
}

.no-webp .sec-info{
	background-image: url('../img/circus-trattoria-bg-info-mobile.jpg');
}

.sec-info .desc p, .sec-info .desc ul{
	font-size: 18px;
}

.sec-info .desc p{
	margin-bottom: 12px;
}

.sec-info .desc ul li:not(:last-child){
	margin-bottom: 5px;
}

.sec-info .desc ul li > a:hover, .sec-info .desc ul li > a:focus, .sec-info .desc ul li > a:active{
	text-decoration: underline;
}

.sec-info .desc ul li > a .icone{
	vertical-align: middle;
	width: 30px;
	text-align: center;
	font-size: 25px;
	margin-right: 5px;
}

.sec-info .info-address{
	max-width: 290px;
	min-height: 164px;
	padding: 40px 60px 40px 54px;
	line-height: 1.2;
	margin: 0 auto;
	background: url('../img/circus-trattoria-bg-address.webp') no-repeat center/contain;
	z-index: 999!important;
}

.no-webp .sec-info .info-address{
	background-image: url('../img/circus-trattoria-bg-address.png');
}

.sec-gallery a{
	width: 100%;
	height: 25vh;
	display: block;
	overflow: hidden;
}

.sec-gallery a img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.5s;
}

.sec-reservas::after{
	content: "";
	display: block;
	width: 90px;
	height: 100px;
	background: url('../img/circus-trattoria-figure-bike.webp') no-repeat center/contain;
	position: absolute;
	bottom: -20px;
	right: 0;
	pointer-events: none;
}

.no-webp .sec-reservas::after{
	background-image: url('../img/circus-trattoria-figure-bike.png');
}

.sec-reservas .row .border-custom{
	flex: 0 0 auto;
    width: 100%;
}

.sec-reservas .row::before, .sec-reservas .row::after{
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	background-color: var(--secundary);
	position: absolute;
	top: calc(100% - .30rem);
	transform: rotate(45deg);
}

.sec-reservas .row::before{
	left: .75rem;
}

.sec-reservas .row::after{
	right: .75rem;
}

.sec-reservas .desc .icon, .sec-reservas .desc .icone{
	margin-bottom: 1rem;
}

.sec-reservas .desc .icone{
	font-size: 36px;
}

.sec-reservas .desc p{
	font-size: 20px;
}

.sec-reservas .desc p span, .sec-reservas .desc p a{
	color: var(--secundary);
}

.sec-reservas .desc p span{
	text-transform: uppercase;
}

#footer .slick-track{
	display: flex;
	align-items: center;
}

#footer .slider-item{
	padding: 10px;
}

#footer .slider-item figure{
	display: flex;
	align-items: center;
	justify-content: center;
}

#footer .copyright img{
	margin-left: 5px;
}

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

	.sec-webdoor .nav .nav-item:nth-child(2)::after, .sec-webdoor .nav .nav-item:nth-child(4)::after{
		display: none;
	}

}

@media only screen and (min-width: 360px) and (max-width: 450px){

	/* .sec-webdoor .nav .nav-item:nth-child(3)::after{
		display: none;
	} */

}

@media only screen and (min-width: 360px){

	.sec-info .info-address{
		max-width: 350px;
		min-height: 196px;
		padding: 38px 74px 40px 68px;
		line-height: 1.2;
	}

	.sec-info .info-address p{
		font-size: 18px;
	}

	.sec-reservas .title-3{
		font-size: calc(2rem + 0.9vw);
	}

}

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

	.sec-webdoor .nav .nav-item .nav-link{
		padding: .25rem .5rem;
		font-size: 18px;
	}
	
	.sec-webdoor .nav .nav-item:not(:last-child)::after{
		right: -.75rem;
		top: 45%;
	}

}

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

	#header ul.header-top{
		margin: 0 auto;
	}

	#header ul.header-top li > a .icon-ifood::before{
		width: 48px;
		height: 26px;
	}

	.sec-reservas .row .border-custom::after{
		content: "";
		display: block;
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translateX(-50%);
		width: calc(100% - 60px);
		border-bottom: 1px solid var(--secundary);
	}

}

@media only screen and (min-width: 768px){

	#header ul.header-top{
		position: absolute;
		top: 0;
		right: -5%;
		width: 370px;
		height: 100px;
		padding-top: 12px;
	}

	#header ul.header-top li{
		margin: 0 7px;
	}

	.sec-webdoor{
		padding-top: 3rem;
	}

	.sec-webdoor .nav .nav-item .nav-link{
		font-size: 28px;
	}

	.sec-cardapio .title-3 .icon{
		margin-top: -36px;
		margin-left: 16px;
	}

	.sec-cardapio .image-full{
		margin-bottom: 70px;
	}

	.sec-cardapio .btn.link-menu, .sec-cardapio .btn.link-ifood{
		font-size: 20px;
	}

	.sec-cardapio .btn.link-ifood::before{
		width: 56px;
		height: 56px;
	}

	.sec-espetaculo .image-1{
		margin-left: calc(-10rem * 0.5);
		margin-top: -180px;
	}

	.sec-espetaculo .image-3{
		margin-right: calc(-1.5rem * 0.5);
	}

	.sec-info .desc{
		margin-top: 6rem;
	}

	.sec-gallery{
		margin-top: -7%;
	}

	.sec-gallery a{
		height: 50vh;
	}

}

@media only screen and (min-width: 768px){

	#header ul.header-top li a:hover .icon-ifood{
		filter: brightness(0) saturate(100%) invert(12%) sepia(74%) saturate(1014%) hue-rotate(177deg) brightness(92%) contrast(107%);
	}

	#header ul.header-top li a:hover .fa-tiktok{
		background-color: var(--blueDark);
	}

	#header ul.header-top li a:hover{
		color: var(--blueDark);
	}

	.sec-webdoor .nav .nav-item .nav-link{
		font-size: 32px;
	}

	.sec-cardapio{
		background-image: url('../img/circus-trattoria-bg-fita-estrelas.webp');
	}

	.no-webp .sec-cardapio{
		background-image: url('../img/circus-trattoria-bg-fita-estrelas.jpg');
	}

	.sec-espetaculo{
		background-image: url('../img/circus-trattoria-bg-azul.webp');
	}

	.no-webp .sec-espetaculo{
		background-image: url('../img/circus-trattoria-bg-azul.jpg');
	}

	.sec-info{
		background-image: url('../img/circus-trattoria-bg-info.webp');
		background-size: cover;
	}

	.no-webp .sec-info{
		background-image: url('../img/circus-trattoria-bg-info.jpg');
		background-size: cover;
	}

	.sec-info .info-address{
		min-width: 420px;
		min-height: 234px;
		padding: 16px 88px 25px 80px;
		margin: 0 0 0 calc(-7rem * 0.5);
	}

	.sec-info .info-address p{
		font-size: 22px;
	}

	.sec-reservas::after{
		width: 180px;
		height: 200px;
		bottom: -40px;
	}

	.sec-reservas .desc .icon, .sec-reservas .desc .icone{
		margin-right: 1rem;
	}

	.sec-reservas .desc p{
		font-size: 22px;
	}

	.sec-reservas .border-custom{
		border-bottom: 1px solid var(--secundary);
	}

	.sec-reservas .row::before{
		left: -1.5rem;
	}
	
	.sec-reservas .row::after{
		right: -1.5rem;
	}

}


@media only screen and (min-width: 992px){

	.sec-webdoor .nav .nav-item{
		margin: 0 10px;
	}

	.sec-webdoor .popup-iframe, .sec-webdoor .popup-video{
		margin-left: -3%;
		margin-right: -3%;
	}

	.sec-webdoor .logo p{
		font-size: 1.25rem;
		text-align: center;
		margin-top: 2rem;
	}

	.sec-sobre{
		padding-bottom: 58vh;
	}

	.sec-sobre .desc::before, .sec-sobre .desc::after{
		width: 30px;
		height: 30px;
	}

	.sec-sobre .desc::before{
		left: -3%;
	}

	.sec-sobre .desc::after{
		right: -3%;
	}

	.sec-cardapio .image-full{
		border: 12px solid var(--white);
		margin-top: -44vh;
	}
	
	.sec-cardapio .desc p{
		font-size: 20px;
	}

	.sec-espetaculo .pull-top{
		margin-top: -8%;
	}

	.sec-espetaculo .desc{
		padding-right: 16%;
	}

	.sec-espetaculo .desc p, .sec-info .desc p, .sec-info .desc ul{
		font-size: 22px;
	}

	.sec-info .desc ul li > a .icone{
		width: 36px;
		font-size: 30px;
	}

	.sec-gallery a:hover img{
		transform: scale(1.15);
	}

	.sec-gallery .col-custom{
		width: 20%;
	}

	.sec-reservas .title-3{
		font-size: calc(2.25rem + 1.5vw);
	}

	.sec-reservas .desc .icone{
		font-size: 40px;
	}

	.sec-reservas .row .col-md-6:nth-child(even) .desc{
		padding-left: 14%;
	}

	.sec-reservas .row .col-md-6:nth-child(odd) .desc{
		padding-right: 14%;
	}

	.sec-reservas::after{
		width: 250px;
		height: 290px;
		bottom: -60px;
	}

	#footer .slider-content figure{
		width: 80%;
		margin: 0 auto;
	}

}

@media only screen and (min-width: 1400px){

	.sec-webdoor .nav .nav-item .nav-link{
		font-size: 36px;
	}

	.sec-sobre .desc p{
		font-size: 22px;
	}

	.sec-info .info-address{
		min-width: 496px;
		min-height: 278px;
		padding: 34px 106px 48px 96px;
	}

	.sec-info .info-address p{
		font-size: 24px;
	}

	.sec-reservas .title-3{
		font-size: calc(2.5rem + 1.75vw);
	}

	.sec-reservas .desc p{
		font-size: 25px;
	}

	.sec-reservas .row .col-md-6:nth-child(even) .desc{
		padding-left: 8%;
		padding-right: 14%;
	}

	.sec-reservas .row .col-md-6:nth-child(odd) .desc{
		padding-right: 8%;
		padding-left: 14%;
	}

	.sec-reservas::after{
		width: 280px;
		height: 320px;
		bottom: -60px;
	}

}

/* Widget WhatsApp */
#btn-whatsapp {
    position: fixed;
    bottom: 0;
    right: 0;
    overflow: hidden;
    display: block;
    width: 100px;
    height: 100px;
    z-index: 999;
}

#btn-whatsapp #icon-whatsapp {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}