/* Fonte: Nunito Sans */
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');


@import url("https://www.insulfilm.com.br/__css/rodape-1.8.css");
@import url("https://www.insulfilm.com.br/__botao-whatsapp-geral/botao-whatsapp-geral-3.0.css");


:root {
	--azul-insulfilm   : #001e60;
	--cinza_padrao     : #d2d2d2;
	--laranja-insulfilm: #ff6720;
	--ExtraBold        : 800;
	--ExtraBlack       : 1000;
	--whatsapp         : #1ebea5;

	--header__altura: 70px;

	--azul_padrao: #001e60; /* OBSOLETO */
}

/* CSS RESET */
*{box-sizing:border-box}html,body{margin:0;padding:0}
html,body,button,p,form,input,textarea,select{font-family:"Nunito Sans",sans-serif;font-optical-sizing:auto;}
html{-webkit-text-size-adjust:none;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}p,a,ul,ol{color:#000}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}a{background:transparent;&:focus{outline:thin dotted}&:active,&:hover{outline:0}}audio,canvas,video{display:inline-block;&:not([controls]){display:none;height:0}}[hidden],template{display:none}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}img{border:none;max-width:100%;height:auto;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}textarea{height:auto;min-height:70px}:focus{outline:0}ul,ol{margin:0 0 16px 32px;padding:0}legend{border:0;padding:0}body>header,body>footer{width:100%}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}address{font-style:normal}.nowrap{white-space:nowrap}


p{
	line-height: 1.2em;
}


.body__no_scroll {
	overflow: hidden;
}

.botao_rolar_para_topo {
	display: none;
}

main.conteudo-principal{
	margin-top: var(--header__altura);
}


section,
.section__interno{
	margin: 0 auto;
	width: 90%;

}

.section-total{
	width: 100%;
}



body>header {
	display: flex;
	justify-content: center;
	align-items: center;
	align-items: flex-start;
	position: fixed;
	top: 0;
	z-index: 99999999;

	&.topo_site__menu_aberto {
	bottom: 0;
	}
;
}

body>header,
body>footer #rodape{
	background:var(--azul_padrao)
}


.topo_site {
	display: flex;
	align-items: center;
	width: 90%;
	height: var(--header__altura);

	.topo_site__col_1 a,
	.topo_site__logo a {
		color: var(--cinza_padrao);
		text-decoration: none
	}

	.topo_site__col_1 {
		display: none;
		flex: 0 0 130px;
	}

	.topo_site__col_1 a {
		display: block;
		width: 100%;
	}

	.topsite__col_1__site_oficial {
		display: block;
		width: 100%;
		font-size: 1.34rem;
		text-align: center;
	}

	.topo_site__col_2 {
		display: flex;
		width: 100%;
	}

	.topo_site__area_1 {
		display: flex;
		align-items: center;
		column-gap: 40px;
		color: #fff;
		width: 100%;
	}

	.topo_site__logo{
		min-width: 110px;
	}
		.topo_site__logo{
			& a {
				line-height: 1em;
				display: flex;
				align-items: center;
			}

			& a span {
				font-size: 0.9em;
				display: none;
				text-align: center;
			}

			& img {
				width: 100px;
				margin-right: 10px;
			}

			& span {
				font-size: 11px;
			}
		}

	.topo_site__contato {
		flex: 1;
		display: flex;
		justify-content: center;
	}

	.topo_site__contato a {
		display: flex;
		align-items: center;
		width: 90px;
		text-decoration: none;
	}

	.svg__telefone {
		display: flex;
		margin: 0 5px;
		flex: 1 1 auto;
	}

	.topo_site__tels_lojas__tit_contato {
		margin-right: 10px;
		display: none
	}

	.topo_site__contato .svg__telefone__contorno,
	.topo_site__contato .svg__telefone__fundo,
	.topo_site__telefones__icones .svg__telefone__contorno,
	.topo_site__telefones__icones .svg__telefone__fundo {
		fill: #fff
	}

	.topo_site__contato .svg__telefone__telefone,
	.topo_site__telefones__icones .svg__telefone__telefone {
		fill: var(--azul_padrao)
	}


	.topo_site__telefones {
		display: none;
		flex: 1 1 auto;
		align-items: flex-end;
		font-size: 15px;

		.topo_site__lojas__whatsapp{
			flex: 1;
			display: flex;
			column-gap: 20px;

			& a {
				flex: 1;
				display: flex;
				align-items: center;
				column-gap: 15px;
				color: white;
				font-weight: bold;
				text-decoration: none;
				transition: scale .3s;
				height: 26px;
				border-radius: 20px;
				background-color: var(--whatsapp);
				white-space: nowrap;

				&:hover{
					scale: 1.08;
				}
			}

			& img{
				width: 28px;
			}
		}
	}


	.topo_site__botao_abrir_menu {
		display: flex;
		justify-content: flex-end;
		border: none;
		background: transparent;
		padding: 0;
		/* width: 100%; */
	}

	.topo_site__botao_abrir_menu svg {
		fill: #fff;
		width: 40px;
	}

	.topo_site__botao_abrir_menu span {
		font-size: 12px
	}


	.topo_site__area_2 {
		margin-top: 20px;
	}

	.topo_site__slogan {
		display: none;
		font-weight: bold;
		font-size: 0.8em;
		text-align: right;
		padding: 7px 0;
		color: var(--cinza_padrao);
		border-top: 1px solid var(--cinza_padrao);
		margin-top: 15px;
	}


	nav.menu_principal {
		margin-bottom: 40px;
		display: none;
		font-size: 18px;
		padding-top: 10px;
		text-align: center;
		overflow: auto;
		position: absolute;
		top: 60px;
		right: 20px;
		bottom: 0;
		left: 20px;
	}

	.menu_principal__item {
		border-top: 1px solid #8a8a8a;
	}

	.menu_principal__item:first-child {
		border-top: none
	}

	.menu_principal__item__saiba_mais {
		padding-top: 25px;
	}

	.menu_principal a {
		text-decoration: none;
		display: block;
		font-weight: bold;
		transition: transform .2s;
		color: #eeeeee;
		text-align: center;
	}

	.menu_principal__item__botao,
	.menu_principal__item>a {
		font-size: 1.1em;
	}

	.menu_principal__item__botao {
		border: none;
		background: transparent;
		cursor: default;
		padding: 0;
		color: #c2c2c2;
		cursor: pointer;
	}

	.menu_principal a:hover {
		color: #fff;
		transform: scale(1.07)
	}

	.menu_principal__sub_itens a {
		transform-origin: right;
		padding: 13px 0;
	}

	.menprinc__item___onde_comprar {
		padding: 15px 0;
	}

	.menu_principal__peliculas {
		margin: 10px 0 20px 0;
	}

	.menprinc__peliculas__titulo {
		display: block;
		font-size: 1.1em;
		text-align: center;
		color: var(--cinza_padrao);
		padding: 5px 10px;
		line-height: 1em;
		background: #0165b7;
	}

	.menprinc__peliculas_info {
		display: block;
		font-size: 0.9em;
		color: #7b8adf;
	}


	& nav.topo_site__menu_principal__aberto{
		display: block
	}
}


.menu_principal__overlay {
	background: rgba(0, 0, 0, 0.7);
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	z-index: 9999999;

	&.menu_principal__overlay__ativo {
		display: block;
	}
}


main.conteudo-principal {
	margin-bottom: 2rem;
}



@media only screen and (min-width: 500px) {
	.topo_site {
		.topo_site__logo a span {
			display: inline-block;
		}
	}
		.topo_site {
			.topo_site__logo {
				flex: 0 0 220px;
			}

			.topo_site__contato {
				justify-content: flex-end;
			}
		}
}

@media only screen and (min-width: 700px) {
	.topo_site {
		.topo_site__logo a span {
			display: inline-block;
		}

		nav.menu_principal {
			font-size: 21px
		}
	}
}

@media only screen and (min-width: 1000px) {
	:root{
		--header__altura: 140px;
	}


	.site__header__ativo {
		height: 420px;
	}


	.topo_site {
		column-gap: 50px;
		justify-content: space-between;
		height: var(--header__altura);
	}
		.topo_site {
			.topo_site__col_1 {
				display: flex;
				flex-basis: 210px;
			}

			.topo_site__col_2{
				display: block;
				flex-basis: 70%;
			}

			.topo_site__logo,
			.topo_site__contato {
				display: none;
			}

			.topo_site__telefones {
				display: flex
			}

			.topo_site__botao_abrir_menu__area {
				display: none
			}

			nav.menu_principal {
				display: block;
				border-top: 1px solid var(--cinza_padrao);
				padding: 9px 0 0 0;
				font-size: 17px;
				text-align: right;
				margin: 14px 0 0 0;
				overflow: unset;
				position: relative;
				top: 0;
				right: 0;
				left: 0;
			}

			.menu_principal__item__botao {
				font-weight: bold;
				color: #eeeeee
			}

			.menprinc__item__botao_ativo {
				color: #ffff;
				border-bottom: 2px solid #fff;
			}

			.menu_principal__item {
				display: inline-block;
				border: none;
				margin-left: 20px;
			}

			.menprinc__sub_itens__peliculas {
				right: 100px;
			}

			.menprinc__peliculas__titulo {
				font-size: 0.9em;
			}

			.menu_principal__sub_itens {
				display: none;
				position: absolute;
				top: 40px;
				right: 0;
				left: auto;
			}

			.menu_principal a:hover {
				color: #fff
			}

			.menprinc__item___onde_comprar,
			.menu_principal__item__saiba_mais {
				padding: 0
			}

			.menprinc__saiba_mais__links {
				width: 100%;
				padding: 0;
			}

			.menprinc__sub_itens__peliculas.menprinc__sub_item__ativo {
				display: grid;
				column-gap: 2em;
				grid-template-columns: repeat(5, 1fr);
				width: 900px;
			}

			#menprinc__sub_itens__saiba_mais.menprinc__sub_item__ativo {
				display: block;
			}
		}

	main.conteudo-principal{
		margin-top: var(--header__altura);
	}
}

@media only screen and (min-width: 1281px) {
	.site__header__ativo {
		height: 400px;
	}

	.topo_site {
		nav.menu_principal {
			font-size: 18px;
		}

		.topo_site__slogan {
			display: block
		}

		nav.menu_principal {
			margin-top: 0
		}
	}

	main.conteudo-principal {
		margin-top: var(--header__altura);
	}
}

@media only screen and (min-width: 1400px) {
	.topo_site {
		.menprinc__sub_itens__peliculas.menprinc__sub_item__ativo {
			width: 1200px;
		}
	}
}


@media (width >= 1360px){
	section,
	.section__interno{
		width: 1200px
	}
}


@media (pointer: fine) {
	.menu_principal_ativo {
		height: 260px;
	}

	.menu_principal__sub_itens a {
		padding: 6px 0;
	}
}