﻿/*! CSS Used from: ../../public/css/carglass-app.css */

body {
	font-family: "MontSerrat", sans-serif, serif;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

h1 {
	font-family: "MontSerrat Bold", sans-serif, serif;
}

h2 {
	font-family: "MontSerrat Medium", sans-serif, serif;
}

h3 {
	font-family: "MontSerrat Light", sans-serif, serif;
}

h5 {
	font-family: "MontSerrat Light", sans-serif, serif;
}

p {
	font-family: "MontSerrat Light", sans-serif, serif;
}

span {
	font-family: "MontSerrat Light", sans-serif, serif;
}

a {
	font-family: "MontSerrat Light", sans-serif, serif;
}


.logo__image {
    width: 192px;
}

.menu__list {
	list-style: none;
	margin: 0;
	padding: 0;
	width: auto;
    margin-top: 4px;
}

.menu__list-item {
	display: inline-block;

}

.menu__list-item:nth-child(1),
.menu__list-item:nth-child(2),
.menu__list-item:nth-child(3),
.menu__list-item:nth-child(4) {
	text-align: center;
}

.menu__link {
	text-decoration: none;
	color: #fff;
	font-size: 16px;
    font-family: "MontSerrat", sans-serif, serif;
	font-weight: 500;
    display: flex;
    padding: 10px 0;
}

.menu__icon-container {
    display: flex;
    width: 36px;
}

.menu__link:focus,
.menu__link:hover {
    color: #FDD201;
    text-decoration: none;
}


.menu__link--bold {
    font-family: "MontSerrat Bold", sans-serif, serif;
}

.menu__link--button {
    background: #FDD201;
    color: #000;
    padding: 8px 16px;
    margin: 12px 0 ;
    display: inline-block;
    border-radius: 20px;
    font-family: "Montserrat SemiBold", sans-serif, serif;
}

.menu__icon-perfil {
    width: 28px;
    margin: -4px 4px 0 0;
}
.menu__link--button:focus,
.menu__link--button:hover {
    color: #fff;
    background-color:#dd182e;
}


.menu__list-item:hover {
	background: #0000002b;
}

#menu-tablet-desktop-terciario {
	display: none;
	visibility: hidden;
	-webkit-transition: opacity .5s ease;
	-moz-transition: opacity .5s ease;
	-ms-transition: opacity .5s ease;
	-o-transition: opacity .5s ease;
	position: absolute;
	width: 100%;
	top: 4vh;
}

.menu-account__list {
	list-style: none;
    margin: 0;
}

.menu-account__link {
	text-decoration: none;
	color: #fff;
	-webkit-transition: color .3s ease;
	-moz-transition: color .3s ease;
	-ms-transition: color .3s ease;
	-o-transition: color .3s ease;
    text-decoration: none;
    font-size: 16px;
    font-family: "MontSerrat", sans-serif, serif;
    font-weight: 500;
    padding: 5px 0;
    display: block;
}

.menu-account__link:hover {
	color: #f6f6f9;
	-webkit-transition: color .3s ease;
	-moz-transition: color .3s ease;
	-ms-transition: color .3s ease;
	-o-transition: color .3s ease;
}

.menu-account__link,
.menu-account__link:active,
.menu-account__link:focus {
	color: #fff;
	-webkit-transition: color .3s ease;
	-moz-transition: color .3s ease;
	-ms-transition: color .3s ease;
	-o-transition: color .3s ease;
}


.menu-account__list-item {
	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	-ms-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
}

.menu-account__list-item:active,
.menu-account__list-item:focus {
	background-color: #d62d26;
	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	-ms-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
}

#menu-tablet-desktop-terciario.ativo {
    display:block;
    opacity:1;-webkit-transition:
    opacity .5s ease;-moz-transition:
    opacity .5s ease;-ms-transition:
    opacity .5s ease;-o-transition:
    opacity .5s ease;
    visibility: visible;
}
#secao-banner {
	background-color: #fff;
	padding: 0;
}

#secao-plano-auto {
	padding: 10vh 0 10vh 0;
	background-color: #fff;
    text-align: center;
}


.background-partial-home #secao-simule-sua-contratacao {
	padding: 0 16px 10vh 16px;
	background-color: #fff;
}


img {
	-ms-interpolation-mode: bicubic;
}

#menu-tablet-desktop {
	background: #000;
}

.video-right {
    background: #000;
    border-radius: 16px;
    overflow: hidden;
}

.plano-auto-video-assistencia-24h {
    background: #000;
    border-radius: 16px;
    overflow: hidden;
    margin: 12px 0 24px 0;
    grid-area: video-24h;
    visibility: hidden;
    display: none;
}

.text-video-assistencia-24h {
    grid-area: texto-24h;
}

@media only screen and (min-width: 320px) and (max-width: 1023px) {

	#menu-mobile {
		margin: 0 -16px;
	}
	#menu-mobile-primario {
		background-color: #000;
		padding: 0 44px!important;
		height: 66px;
		display: grid;
		align-items: center;
	}

	#menu-mobile-primario div.coluna-1 a {
		text-decoration: none;
	}
	#menu-mobile-primario div.coluna-1 a span i.icone-circulo {
		color: #d62d26;
	}
	#menu-mobile-primario div.coluna-1 a span i.icone-usuario {
		color: #fff;
	}
	#menu-mobile-primario div.coluna-2 a {
		text-decoration: none;
		width: 100%;
		height: 100%;
	}
	#menu-mobile-primario div.coluna-2 a div.logo-carglass-mobile {
		height: 27px;
	}
	#menu-mobile-primario div.coluna-3 a {
		text-decoration: none;
	}
	#menu-mobile-primario div.coluna-3 a i {
		color: #fff;
	}
	#menu-mobile #menu-mobile-secundario {
		display: none;
	}
	#menu-mobile #menu-mobile-secundario .submenu-mobile {
		list-style: none;
	}
	.menu__text {
		text-decoration: none;
		color: #949494;
		font-size: 18px;
		position: relative;
		font-family: "MontSerrat", sans-serif, serif;
		font-weight: 600;
	}

	#menu-mobile #menu-mobile-secundario #menu-mobile-submenu-carglass,
	#menu-mobile #menu-mobile-secundario #menu-mobile-submenu-usuario {
		display: none;
		visibility: hidden;
	}
	#fecha-submenu-1,
	#fecha-submenu-2 {
		height: 0vh;
		visibility: hidden;
	}
	#menu-mobile #menu-mobile-secundario #menu-mobile-submenu-carglass #carglass-submenu-1,
	#menu-mobile #menu-mobile-secundario #menu-mobile-submenu-usuario #config-submenu-2 {
		height: 0vh;
		visibility: hidden;
	}
	#secao-banner {
		background-color: #fff;
		margin-top: 66px;
		padding: 0;
	}
}



@media only screen and (min-width: 576px) and (max-width: 1023px) {

	#menu-mobile {
		margin: 0 -16px;
	}
	#menu-mobile-primario {
		background-color: #000;
		padding: .5rem 0;
	}
}

@media only screen and (min-width: 1024px) and (max-width: 991px) {

	#menu-tablet-desktop {
		margin: 0 -16px;
	}
}

@media only screen and (min-width: 1024px) and (max-width: 991px) {
	.menu__list {
		list-style: none;
	}

	.menu__list-item:nth-child(2),
	.menu__list-item:nth-child(3),
	.menu__list-item:nth-child(4) {
		text-align: center;
	}
	#menu-tablet-desktop-terciario {
		display: none;
		visibility: hidden;
		-webkit-transition: opacity .5s ease;
		-moz-transition: opacity .5s ease;
		-ms-transition: opacity .5s ease;
		-o-transition: opacity .5s ease;
		position: absolute;
		width: 100%;
		top: 9vh;
	}
	.menu-account__list {
		list-style: none;
	}
	.menu-account__link {
		text-decoration: none;
		color: #fff;
		-webkit-transition: color .3s ease;
		-moz-transition: color .3s ease;
		-ms-transition: color .3s ease;
		-o-transition: color .3s ease;
		font-family: "MontSerrat Medium", sans-serif, serif;
		font-size: .84rem;
	}
	.menu-account__link:hover {
		color: #f6f6f9;
		-webkit-transition: color .3s ease;
		-moz-transition: color .3s ease;
		-ms-transition: color .3s ease;
		-o-transition: color .3s ease;
	}
	.menu-account__link,
	.menu-account__link:active,
	.menu-account__link:focus {
		color: #fff;
		-webkit-transition: color .3s ease;
		-moz-transition: color .3s ease;
		-ms-transition: color .3s ease;
		-o-transition: color .3s ease;
	}
	.menu-account__link:last-child li {
		border-bottom: none;
	}
	.menu-account__list-item i {
		padding-right: 10px;
	}

	.menu-account__list-item a:active,
	.menu-account__list-item a:focus {
		background-color: #d62d26;
		-webkit-transition: background-color .3s ease;
		-moz-transition: background-color .3s ease;
		-ms-transition: background-color .3s ease;
		-o-transition: background-color .3s ease;
	}


	#secao-simule-sua-contratacao {
		padding: 4vh 0 4vh 0;
		background-color: #fff;
	}

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

	#menu-tablet-desktop {
		margin: 0 -16px;
	}
	.menu__list {
		list-style: none;
	}
	.menu__list-item {
		text-align: center;
	}
	.menu__list-item:nth-child(1) {
		text-align: right;
	}
	.menu__list-item:nth-child(2),
	.menu__list-item:nth-child(3),
	.menu__list-item:nth-child(4) {
		text-align: center;
	}
	.menu__link:active,
	.menu__link:focus {
		text-decoration: none;
		color: #e77b76;
		-webkit-transition: .4s ease;
		-moz-transition: .4s ease;
		-ms-transition: .4s ease;
		-o-transition: .4s ease;
	}
	#menu-tablet-desktop-terciario {
		display: none;
		visibility: hidden;
		-webkit-transition: opacity .5s ease;
		-moz-transition: opacity .5s ease;
		-ms-transition: opacity .5s ease;
		-o-transition: opacity .5s ease;
		position: absolute;
		width: 100%;
		top: 3.5vh;
	}
	.menu-account__list {
		list-style: none;
	}

	.menu-account__link:hover {
		color: #f6f6f9;
		-webkit-transition: color .3s ease;
		-moz-transition: color .3s ease;
		-ms-transition: color .3s ease;
		-o-transition: color .3s ease;
	}
	.menu-account__link,
	.menu-account__link:active,
	.menu-account__link:focus {
		color: #fff;
		-webkit-transition: color .3s ease;
		-moz-transition: color .3s ease;
		-ms-transition: color .3s ease;
		-o-transition: color .3s ease;
	}


}

@media only screen and (max-width: 1023px) and (min-width: 320px) {
	#menu-mobile #menu-mobile-secundario.ativo {
		display: block;
		-webkit-transition: display 1s ease-in;
		-moz-transition: display 1s ease-in;
		-ms-transition: display 1s ease-in;
		-o-transition: display 1s ease-in;
		position: fixed;
		height: 100%;
		min-width: 350px;
		background: black;
	}
	#menu-mobile #menu-mobile-secundario.ativo #menu-mobile-submenu-carglass.ativo {
		display: block;
		visibility: visible;
		position: absolute;
	}
	#menu-mobile #menu-mobile-secundario.ativo #menu-mobile-submenu-usuario.ativo {
		display: block;
		visibility: visible;
		position: absolute;
	}
	#menu-mobile #menu-mobile-secundario.ativo #menu-mobile-submenu-carglass #fecha-submenu-1,
	#menu-mobile #menu-mobile-secundario.ativo #menu-mobile-submenu-usuario #fecha-submenu-2 {
		height: 2vh;
		visibility: visible;
	}
	#menu-mobile #menu-mobile-secundario.ativo #menu-mobile-submenu-carglass #carglass-submenu-1,
	#menu-mobile #menu-mobile-secundario.ativo #menu-mobile-submenu-usuario #config-submenu-2 {
		height: 100%;
		visibility: visible;
		padding: 12px;
	}
}


/*! CSS Used from: ../../public/css/carglass-lib.min.css */

footer,
header,
nav,
section {
	display: block;
}

h1 {
	font-size: 2em;
	margin: .67em 0;
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

b,
strong {
	font-weight: inherit;
}

b,
strong {
	font-weight: bolder;
}

img {
	border-style: none;
}

button,
input,
select {
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

[type=submit],
button,
html [type=button] {
	-webkit-appearance: button;
}

[type=button]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

[type=button]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
	outline: 1px dotted ButtonText;
}

[type=checkbox] {
	box-sizing: border-box;
	padding: 0;
}

.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: x-large;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.fa-2x {
	font-size: 2em;
}

.pull-right {
	float: right;
}

.fa-stack {
	position: relative;
	display: inline-block;
	width: 2em;
	height: 2em;
	line-height: 2em;
	vertical-align: middle;
}

.fa-stack-1x,
.fa-stack-2x {
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
}

.fa-stack-1x {
	line-height: inherit;
}

.fa-stack-2x {
	font-size: 2em;
}

.fa-inverse {
	color: #fff;
}

.fa-user:before {
	content: "";
}

.fa-close:before,
.fa-times:before {
	content: "";
}

.fa-lock:before {
	content: "";
}

.fa-shopping-cart:before {
	content: "";
}

.fa-sign-out:before {
	content: "";
}

.fa-phone:before {
	content: "";
}

.fa-twitter:before {
	content: "";
}

.fa-facebook:before {
	content: "";
}

.fa-bars:before {
	content: "";
}

.fa-google-plus:before {
	content: "";
}

.fa-circle:before {
	content: "";
}

.fa-instagram:before {
	content: "";
}

footer,
header,
nav,
section {
	display: block;
}

h1 {
	font-size: 2em;
	margin: .67em 0;
}

hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
	outline-width: 0;
}

b,
strong {
	font-weight: inherit;
}

b,
strong {
	font-weight: bolder;
}

img {
	border-style: none;
}

button,
input,
select {
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

[type=submit],
button,
html [type=button] {
	-webkit-appearance: button;
}

[type=button]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

[type=button]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
	outline: 1px dotted ButtonText;
}

[type=checkbox] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

@media print {
	*,
	 ::after,
	 ::before,
	div::first-letter,
	div::first-line,
	li::first-letter,
	li::first-line,
	p::first-letter,
	p::first-line {
		text-shadow: none!important;
		-webkit-box-shadow: none!important;
		box-shadow: none!important;
	}
	a,
	a:visited {
		text-decoration: underline;
	}
	img {
		page-break-inside: avoid;
	}
	h2,
	h3,
	p {
		orphans: 3;
		widows: 3;
	}
	h2,
	h3 {
		page-break-after: avoid;
	}
	.navbar {
		display: none;
	}
}

*,
::after,
::before {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}

[tabindex="-1"]:focus {
	outline: 0!important;
}

h1,
h2,
h3,
h5 {
	margin-top: 0;
	margin-bottom: .5rem;
}

p {
	margin-top: 0;
	margin-bottom: 1rem;
}

ul {
	margin-top: 0;
	margin-bottom: 1rem;
}

a {
	color: #0275d8;
	text-decoration: none;
}

a:focus,
a:hover {
	color: #014c8c;
	text-decoration: underline;
}

img {
	vertical-align: middle;
}

a,
button,
input,
label,
select {
	-ms-touch-action: manipulation;
	touch-action: manipulation;
}

label {
	display: inline-block;
}

button:focus {
	outline: 1px dotted;
	outline: 5px auto -webkit-focus-ring-color;
}

button,
input,
select {
	line-height: inherit;
}

input[type=checkbox]:disabled {
	cursor: not-allowed;
}

h1,
h2,
h3,
h5 {
	margin-bottom: .5rem;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: inherit;
}

h1 {
	font-size: 2.5rem;
}

h2 {
	font-size: 2rem;
}

h3 {
	font-size: 1.75rem;
}

h5 {
	font-size: 1.25rem;
}

hr {
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 0;
	border-top: 1px solid rgba(0, 0, 0, .1);
}

.container {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-right: 15px;
	padding-left: 15px;
}



@media (min-width:1024px) {
	.container {
		padding-right: 15px;
		padding-left: 15px;
	}
}

@media (min-width:992px) {
	.container {
		padding-right: 15px;
		padding-left: 15px;
	}
}

@media (min-width:1200px) {
	.container {
		padding-right: 15px;
		padding-left: 15px;
	}
}

@media (min-width:576px) {
	.container {
		width: 540px;
		max-width: 100%;
	}
}

@media (min-width:1024px) {
	.container {
		width: 720px;
		max-width: 100%;
	}
}

@media (min-width:992px) {
	.container {
		width: 960px;
		max-width: 100%;
	}
}

@media (min-width:1200px) {
	.container {
		width: 1140px;
		max-width: 100%;
	}
}

.container-fluid {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-right: 15px;
	padding-left: 15px;
}

@media (min-width:576px) {
	.container-fluid {
		padding-right: 15px;
		padding-left: 15px;
	}
}

@media (min-width:1024px) {
	.container-fluid {
		padding-right: 15px;
		padding-left: 15px;
	}
}

@media (min-width:992px) {
	.container-fluid {
		padding-right: 15px;
		padding-left: 15px;
	}
}

@media (min-width:1200px) {
	.container-fluid {
		padding-right: 15px;
		padding-left: 15px;
	}
}

.row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

@media (min-width:576px) {
	.row {
		margin-right: -15px;
		margin-left: -15px;
	}
}

@media (min-width:1024px) {
	.row {
		margin-right: -15px;
		margin-left: -15px;
	}
}

@media (min-width:992px) {
	.row {
		margin-right: -15px;
		margin-left: -15px;
	}
}

@media (min-width:1200px) {
	.row {
		margin-right: -15px;
		margin-left: -15px;
	}
}

.col-12,
.col-4,
.col-lg-12,
.col-lg-4,
.col-md-12,
.col-md-4,
.col-sm-12,
.col-xl-12,
.col-xl-3 {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

@media (min-width:576px) {
	.col-12,
	.col-4,
	.col-lg-12,
	.col-lg-4,
	.col-md-12,
	.col-md-4,
	.col-sm-12,
	.col-xl-12,
	.col-xl-3 {
		padding-right: 15px;
		padding-left: 15px;
	}
}

@media (min-width:1024px) {
	.col-12,
	.col-4,
	.col-lg-12,
	.col-lg-4,
	.col-md-12,
	.col-md-4,
	.col-sm-12,
	.col-xl-12,
	.col-xl-3 {
		padding-right: 15px;
		padding-left: 15px;
	}
}

@media (min-width:992px) {
	.col-12,
	.col-4,
	.col-lg-12,
	.col-lg-4,
	.col-md-12,
	.col-md-4,
	.col-sm-12,
	.col-xl-12,
	.col-xl-3 {
		padding-right: 15px;
		padding-left: 15px;
	}
}

@media (min-width:1200px) {
	.col-12,
	.col-4,
	.col-lg-12,
	.col-lg-4,
	.col-md-12,
	.col-md-4,
	.col-sm-12,
	.col-xl-12,
	.col-xl-3 {
		padding-right: 15px;
		padding-left: 15px;
	}
}

.col-4 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 33.333333%;
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}

.col-12 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

@media (min-width:576px) {
	.col-sm-12 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media (min-width:1024px) {
	.col-md-4 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 33.333333%;
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.col-md-12 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media (min-width:992px) {
	.col-lg-4 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 33.333333%;
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.col-lg-12 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media (min-width:1200px) {
	.col-xl-3 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 25%;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.col-xl-12 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}

.form-control {
	display: block;
	width: 100%;
	padding: .5rem .75rem;
	line-height: 1.25;
	color: #464a4c;
	background-color: #fff;
	background-image: none;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: .25rem;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

.form-control::-ms-expand {
	background-color: transparent;
	border: 0;
}

.form-control:focus {
	color: #464a4c;
	background-color: #fff;
	border-color: #5cb3fd;
	outline: 0;
}

.form-control::-webkit-input-placeholder {
	color: #636c72;
	opacity: 1;
}

.form-control::-moz-placeholder {
	color: #636c72;
	opacity: 1;
}

.form-control:-ms-input-placeholder {
	color: #636c72;
	opacity: 1;
}

.form-control::placeholder {
	color: #636c72;
	opacity: 1;
}

.form-control:disabled {
	background-color: #eceeef;
	opacity: 1;
}

.form-control:disabled {
	cursor: not-allowed;
}

.btn {
	display: inline-block;
	font-weight: 400;
	line-height: 1.25;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: .5rem 1rem;
	font-size: 1rem;
	border-radius: .25rem;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.btn:focus,
.btn:hover {
	text-decoration: none;
}

.btn:focus {
	outline: 0;
	-webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, .25);
	box-shadow: 0 0 0 2px rgba(2, 117, 216, .25);
}

.btn:disabled {
	cursor: not-allowed;
	opacity: .65;
}

.btn:active {
	background-image: none;
}

.btn-secondary {
	color: #292b2c;
	background-color: #fff;
	border-color: #ccc;
}

.btn-secondary:hover {
	color: #292b2c;
	background-color: #e6e6e6;
	border-color: #adadad;
}

.btn-secondary:focus {
	-webkit-box-shadow: 0 0 0 2px rgba(204, 204, 204, .5);
	box-shadow: 0 0 0 2px rgba(204, 204, 204, .5);
}

.btn-secondary:disabled {
	background-color: #fff;
	border-color: #ccc;
}

.btn-secondary:active {
	color: #292b2c;
	background-color: #e6e6e6;
	background-image: none;
	border-color: #adadad;
}


.fixed-top {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030;
}

.mr-2 {
	margin-right: .5rem!important;
}

.pt-0 {
	padding-top: 0!important;
}

.pr-0 {
	padding-right: 0!important;
}

.pb-0 {
	padding-bottom: 0!important;
}

.pl-0 {
	padding-left: 0!important;
}

.pb-4 {
	padding-bottom: 1.5rem!important;
}

.pb-5 {
	padding-bottom: 3rem!important;
}

.text-center {
	text-align: center!important;
}

@media (max-width: 1023px) {
	.hidden-sm-down {
		display: none!important;
	}
}

@media (min-width: 1024px) {
	.hidden-md-up {
		display: none!important;
	}
}


/*! CSS Used from: ../../public/less/general.min.css */

#menu-header.header nav.fixed-top {
	position: relative;
	top: 0;
	left: 0;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
	padding: 0;
}

body .flex-h-centered {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.hidden {
	display: none!important;
}

.btn-planoauto {
	width: auto;
	padding: 10px;
	border-radius: 4px;
	cursor: pointer;
	color: #fff;
}

.btn-planoauto:not(.disabled-partial):hover {
	background-color: #664AC7;
}

.btn-planoauto.red {
	background-color: #664AC7;
	border: 1px solid #664AC7;
}

span.dropdown-wrapper {
	border: 0!important;
}

input:not([type=submit]) {
	font-size: 14px;
}

@media (max-width:475px) {
	.grid.grid-2,
	.grid.grid-3 {
		-ms-grid-columns: 1fr;
		grid-template-columns: repeat(1, 1fr);
	}

}

.grid {
	display: -ms-flexbox;
	display: grid;
	grid-gap: 10px;
}

.grid.grid-2 {
	-ms-grid-columns: 1fr 1fr;
	grid-template-columns: 1fr 1fr;
}

.grid.grid-3 {
	-ms-grid-columns: 1fr 1fr 1fr;
	grid-template-columns: repeat(3, 1fr);
}


/*! CSS Used from: ../../public/less/general-internalpg.min.css */

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
	.text-video-left {
		width: 100%;
	}
    .text-video-assistencia-24h {
        width: 100%;
    }
	.video-right {
		width: 100%;
	}
	.step-como-funciona .box-step:nth-child(2) {
		margin: 0 20px;
	}
	.step-box-coberturas .cobertura:nth-child(2) {
		margin: 0 10px;
	}
	.menu__container {
		width: 100%;
	}
}


.step-como-funciona .box-step h2 {
	font-family: "MontSerrat bold", sans-serif, serif;
	font-size: 26px;
	text-transform: uppercase;
	margin-top: 10px;
}

.step-box-coberturas {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 40px;
	display: -ms-flexbox;
	-ms-grid-columns: 1fr 1fr 1fr;
}

.step-box-coberturas .cobertura {
	width: 100%;
	height: 200px;
	position: relative;
	background-size: cover;
}

.step-box-coberturas .cobertura.vidros {
	background-image: url('../../public/img/png/home/section-2-img-1.png');
}

.step-box-coberturas .cobertura.supermartelinho {
	background-image: url('../../public/img/png/home/section-2-img-3.png');
}

.step-box-coberturas .cobertura.reparorapido {
	background-image: url('../../public/img/png/home/section-2-img-4.png');
}

.step-box-coberturas .cobertura a {
	display: block;
	height: 200px;
	position: relative;
}

.step-box-coberturas .cobertura a:hover,
.step-box-coberturas .cobertura a:visited,
.step-box-coberturas .cobertura a:focus {
	text-decoration: none;
}

.step-box-coberturas .cobertura a .title-coberturas {
	color: #fff;
	font-family: "MontSerrat Medium", sans-serif, serif;
	width: 100%;
	text-align: center;
	padding: 20px 0 0 0;
	margin: 0 0 30px 0;
}

.step-box-coberturas .cobertura a .icone-coberturas {
	width: 100%;
	height: 80px;
}

.step-box-coberturas .cobertura:hover:before {
	background-color: rgba(0, 0, 0, .7);
}

.step-box-coberturas .cobertura:before {
	content: '';
	background-color: rgba(214, 45, 38, .7);
	width: 100%;
	height: 200px;
	position: absolute;
}

.step-box-coberturas .cobertura .mobile {
	display: none;
}

.line {
	width: 100%;
	min-height: 20px;
}

.line label {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.line select {
	font-family: MontSerrat, sans-serif, serif;
	font-size: 14px;
	height: 35px;
}

@media (max-width:1024px) {
	.step-como-funciona {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
	}
	.step-box-coberturas {
		grid-template-columns: repeat(1, 1fr);
	}
	.step-box-coberturas .cobertura .no-mobile {
		display: none;
	}
	.step-box-coberturas .cobertura .mobile {
		display: block;
	}
}


/*! CSS Used from: ../../public/less/ajusteTemp.min.css */

body {
	height: 100%;
}

.grid-topo-mobile {
	display: grid;
	align-items: center;
	grid-template-columns: 36px 1fr 36px;
}

.grid-topo-mobile .coluna-1 .btn-user {
	align-items: center;
	justify-content: center;
	display: flex;
}

.grid-topo-mobile .coluna-3 {
	max-width: 100%;
	flex: none;
	padding: 0;
}

.grid-topo-mobile .coluna-3 .btn-menu-hamburger {
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	display: flex;
}

.grid-topo-mobile .coluna-3 .btn-menu-hamburger a {
	width: 100%;
}

.grid-topo-mobile .coluna-3 .btn-menu-hamburger a .fa {
	font-size: 2rem;
}



.condicoes-gerais {
	font-size: .9rem;
	text-align: right;
	height: 100%;
	align-items: center;
	justify-content: flex-end;
	-webkit-align-items: center;
	-webkit-justify-content: flex-end;
	display: flex;
	padding: 0 20px;
	position: relative;
}

.condicoes-gerais:hover {
	background-color: #444;
	cursor: pointer;
}

.condicoes-gerais:after {
	content: '';
	width: 1px;
	height: 30px;
	background-color: #fff;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -15px;
}

.condicoes-gerais button {
	color: #fff;
	font-family: MontSerrat Bold, sans-serif, serif;
	font-size: .9rem;
	background-color: transparent;
	border: 0;
	padding: 0;
	height: 100%;
	cursor: pointer;
}

.condicoes-gerais button:hover {
	text-decoration: none;
}


@media (max-width:1024px) {
	.condicoes-gerais:after {
		content: '';
		width: 1px;
		height: 30px;
		background-color: #fff;
		position: absolute;
		top: 50%;
		margin-top: -15px;
		left: -35%;
	}
}

@media (max-width:475px) {
	.condicoes-gerais:after {
		left: 0;
		margin-left: -10px;
	}
}

@media (max-width:375px) {
	.condicoes-gerais:after {
		margin-left: 0;
	}
}

.row p {
	width: 100%;
}

.background-box-loading {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #000000bd;
	z-index: 999999999;
}

.background-box-loading .box-loading {
	position: fixed;
	width: 150px;
	height: 150px;
	background-color: #664AC7;
	z-index: 999999;
	top: 50%;
	left: 50%;
	margin: -75px 0 0 -75px;
	border-radius: 100%;
	border: 5px solid #fff;
}

.cotacao__box-loader {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.cotacao__loader-text {
    margin: 10px 0 0 0;
    font-weight: 600;
    color: #707070;
    font-family: "MontSerrat", sans-serif, serif;
    font-size: 22px;
}

.grid-topo {
    display: grid;
	grid-template-columns: 192px 1fr;
	width: 100%;
    height: 74px;
    align-items: center;
}

.grid-topo .logo__container {
	background-color: #000;
	position: relative;
}

.grid-topo .menu__container ul {
	float: right;
}

.menu__container {
    width: 100%;
}
.fa-stack-1x,
.fa-stack-2x {
	top: 10px;
}

.fa-lock:before {
	font-size: 15px;
	position: absolute;
	left: 11px;
	top: -1px;
}

.fecha-menu-mobile {
	margin: 0;
	position: absolute;
	top: -66px;
	left: 0;
	width: 100px;
	height: 66px;
	background: #000;
	display: grid;
	align-items: center;
	justify-items: end;
	padding-right: 28px
}

.tarja-cupom {
	width: 100%;
	float: left;
	text-align: center;
	min-height: 50px;
	background-color: #2e9d07;
	text-transform: uppercase;
	margin: 10px 0 5px 0;
	font-size: 12px;
	align-items: center;
	justify-content: center;
	border: 1px solid #fff;
}

.menu-account__container {
    position: relative;
}

.menu-account__list {
    padding: 12px 36px 24px 36px;
}

html:not([data-scroll='0']) #menu-tablet-desktop-terciario {
    width: auto;
    background: #000;
    right: 0;
	top: 0;
}


#menu-tablet-desktop-terciario .container {
	padding: 0 7px;
}

.banner-static {
	width: 100%;
	min-height: 500px;
	padding: 0 12%;
	position: relative;
	background-size: cover;
    background-position: center;
	display: inline-block;
}

.banner-static-pa {
    background-image: url('../../public/img/new/banner-desktop.jpg');
}

.banner-static-24h {
    background-image: url('../../public/img/assistencia24h/banner-assistencia-24h.jpg');
}

.banner-static-corretor-24h {
    background-image: url('../../public/img/assistencia24h/banner-assistencia-24h-corretor.jpg');
}

.banner-quero-vender {
	width: 100%;
	min-height: 500px;
    background: url('../../public/img/querovender/banner-quero-vender.jpg') center;
	padding: 0 12%;
	position: relative;
	background-size: cover;
	display: inline-block;
}

.container-banner {
	max-width: 100%;
	width: 1200px;
	margin: 0 auto;
	height: 100%;
	position: relative;
	padding: 2% 15px 2% 15px;
    display: grid;
    align-items: center;
}

.container-banner--quero-vender {
    padding: 6% 15px 0 15px;
}

.text-left-top {
	color: #fff;
	width: 100%;
	float: left;
	margin-bottom: 20px;
}

.sub-titulo-banner {
	font-size: 25px;
	line-height: 25px;
	font-family: "MontSerrat Medium", sans-serif, serif;
	width: 100%;
	margin-bottom: 12px;
}

.sub-titulo-assistencia-24h,
.pre-preco-assistencia-24h  {
	font-size: 28px;
	line-height: 25px;
	font-family: "MontSerrat Medium", sans-serif, serif;
	width: 100%;
	margin-bottom: 12px;
}

.pre-preco-assistencia-24h {
    font-size: 18px;
    margin: 0;
}

.desc-banner {
	width: 520px;
	float: left;
	font-size: 20px;
}

.desc-assistencia-24h {
   	width: 65%;
    max-width: 640px;
    margin-bottom: 50px;
    font-size: 32px;
    color: #F4CF00;
    font-family: "MontSerrat Medium", sans-serif, serif;
}

.preco-banner {
	width: 100%;
	float: left;
	display: grid;
	grid-template-columns: auto 1fr;
    align-items: baseline;
	color: #fed002;
	font-family: "MontSerrat Bold", sans-serif, serif;
}

.valor-banner {
	font-size: 70px;
}
.valor-banner-assistencia-24h {
    font-size: 70px;
}
.tipo-pgto {
	font-size: 20px;
	align-items: center;
	display: flex;
}

.taxa-servico {
	display: block;
	font-size: 24px;
	font-weight: 700;
	margin: 12px 0;
	float: left;
	color: #fed002;
}

.taxa-servico-assistencia-24h {
    display: block;
	font-weight: 500;
	margin: 12px 0;
	float: left;
	color: #fff;
    font-size: 14px
}

.disclaimer-danos {
	float: left;
	width: 100%;
	font-size: 16px;
	margin: 0 0 36px 0;
}

.disclaimer-danos-assistencia-24h {
	float: left;
	width: 100%;
	font-size: 14px;
	margin: 0 0 36px 0;
}


.disclaimer-danos-assistencia-corretor-24h {
	float: left;
	width: 100%;
	font-size: 14px;
	margin: 0;
}

.text-left-bottom {
	width: 100%;
	float: left;
	display: grid;
	display: -ms-flexbox;
	grid-template-columns: 140px 1fr;
	grid-gap: 30px;
}

.btn-banner a {
	padding: .8rem 2.3rem;
	font-family: "MontSerrat SemiBold", sans-serif, serif;
	background: #F4CF00;
	position: absolute;
	border-radius: 50px;
    color: #000;
}

.btn-banner a:hover {
	background-color: #fff;
	color: #000;
	text-decoration: none;
}

.faixa-banner {
	width: 100%;
	height: 74px;
	background-color:#000;
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fed002;
	font-size: 25px;
	margin: 0 auto;
	font-family: "MontSerrat SemiBold", sans-serif, serif;
	text-align: center;
	line-height: 80px;
}

.faixa-banner span {
	color: #e02927;
	font-family: "MontSerrat SemiBold", sans-serif, serif;
}

#secao-plano-auto .box-video .text-video-left .title-text-video {
	color: #C7161D;
	font-size: 65px;
	font-family: "MontSerrat Bold", sans-serif, serif;
	text-transform: uppercase;
	line-height: 40px;
}

.plano-auto-titulo-assistencia-24h {
	color: #C7161D;
	font-size: 38px;
	font-family: "MontSerrat Bold", sans-serif, serif;
    margin-bottom: 24px;
}

.plano-auto-content-assistencia-24h {
    padding: 0 24px;
}

.plano-auto-subtitulo-assistencia-24h,
.plano-auto-paragraph-assistencia-24h,
.standard__paragraph {
    font-family: "MontSerrat Medium", sans-serif, serif;
    color: #515151;
    font-size: 16px;
    margin: 0 0 16px 0;
    line-height: 24px;
}

.standard__paragraph {
    color: #707070;
}

.standard__paragraph--small {
    font-size: 12px;
    line-height: 14px;
}

.plano-auto-subtitulo-assistencia-24h {
    font-size: 14px;
}
.sub-title-video {
    color: #515151;
    font-size: 20px;
    margin: 30px 0;
    font-weight: bold;
}

.content-text-video {
    color: #515151;
    font-family: "MontSerrat", sans-serif, serif;
    font-size: 18px;
}

*:focus {
	outline: none!important;
}

.js-select2 option {
	font-size: 11px;
}

.box-two .box-on-off,
.box-three .box-on-off {
	margin-top: -8px!important;
}

.btn-main {
	font-family: "MontSerrat SemiBold", sans-serif, serif;
	background: #F4CF00;
	display: inline-block;
	border-radius: 50px;
    color: #000;
    padding: 12px 23px;
    min-width: 132px;
    width: auto;
    text-align: center;
}
.btn-main:hover {
    background-color: #fff;
	color: #000;
	text-decoration: none;
}

.btn-main--quero-vender {
    font-size: 26px;
    text-transform: uppercase;
    margin-top: 30px;
}

@media (max-width:1439px) {
	.banner-static {
		background-position: center top;
		padding: 0 5%;
	}

	.new-box .card-content .line {
		background-color: transparent!important;
	}
	.new-box .card-content .line input,
	.new-box .card-content .line select {
		background-color: transparent;
	}
}

@media (max-width:1023px) {

	.banner-static {
		background-size: cover;
		height: 590px!important;
	}
	.container-banner {
		padding: 70px 15px 0 15px;
	}
	.desc-banner {
		width: 340px;
	}
    .desc-assistencia-24h {
		width: 100%;
        margin-bottom: 80px;
	}
	.sub-titulo-banner {
		width: 100%;
		line-height: initial;
	}
    .sub-titulo-assistencia-24h,
    .pre-preco-assistencia-24h  {
		width: 100%;
		line-height: initial;
	}
	.faixa-banner {
		font-size: 1.5rem;
	}
	.sub-title-video {
		margin-bottom: 20px;
	}

}

@media (max-width:1023px) {

	.banner-static {
		height: 560px!important;
	}
	.container-banner {
        display: block;
		grid-template-columns: repeat(1, 1fr);
		grid-template-areas: 'selo-banner selo-banner' 'text-banner text-banner';
		grid-template-rows: -webkit-min-content;
		grid-template-rows: min-content;
	}
	.content-left {
		grid-area: text-banner;
	}
	.sub-titulo-banner {
		font-size: 25px;
		line-height: 25px;
        margin-bottom: 12px;
	}
    .sub-titulo-assistencia-24h {
		font-size: 25px;
		line-height: 25px;
        margin-bottom: 12px;
	}
	.preco-banner {
		grid-template-columns: auto 1fr;
        margin: 0;
        align-items: baseline;
	}
	.valor-banner {
		font-size: 50px;
	}
    .valor-banner-assistencia-24h {
		font-size: 55px;
        line-height: 55px;
	}
	.desc-banner {
		font-size: 18px;
	}
	.faixa-banner {
		font-size: 1.3rem;
		display: none;
	}

}

@media (max-width: 475px) {
	.banner-static {
        align-items: center;
        width: 100%;
        height: 548px;
        background-size: cover;
        position: relative;
	}

    .banner-static-pa {
        background-image: url('../../public/img/new/banner-mobile.jpg');
    }

    .banner-static-24h {
        background-image: url('../../public/img/assistencia24h/banner-assistencia-24h-mobile.jpg');
    }

    .banner-static-corretor-24h {
        background-image: url('../../public/img/assistencia24h/banner-assistencia-24h-corretor-mobile.jpg');
    }

	.container-banner {
		padding: 44px 0 0 0;
	}


	.sub-titulo-banner {
		font-size: 22px;
        line-height: 25px;
		width: 100%;
		line-height: inherit;
	}
    .sub-titulo-assistencia-24h,
    .pre-preco-assistencia-24h {
		font-size: 22px;
        line-height: 25px;
		width: 100%;
		line-height: inherit;
	}
    .pre-preco-assistencia-24h {
        font-size: 18px;
        line-height: 18px;
        display: inline-block;
        margin: 0 0 6px 0;
    }

	.tipo-pgto {
		font-size: 20px;
	}
	.disclaimer-danos {
		margin: 0 0 74px 0;
	}

    .disclaimer-danos-assistencia-24h {
		margin: 0 0 74px 0;
	}

	.desc-banner {
		font-size: 18px;
		padding-right: 20px;
	}

    .desc-assistencia-24h {
		font-size: 30px;
        line-height: 40px;
		padding-right: 20px;
    }

	.taxa-servico {
		font-size: 16px;
	}

    .taxa-servico-assistencia-24h {
        font-size: 14px;
        color: #fff;
        margin: 6px 0;
    }

	.text-left-bottom {
		grid-template-columns: 132px 1fr;
		grid-gap: 20px;
	}

	.btn-banner a {
		padding: 0 16px;
        min-width: 132px;
		width: auto;
		text-align: center;
		line-height: 41px;
	}

	.faixa-banner {
		font-size: .8rem;
	}
	#secao-plano-auto .box-video .text-video-left .title-text-video {
		font-size: 40px;
		margin-bottom: 10px;
	}
	.container {
		width: 100%!important;
	}
}

@media (max-width: 1023px) {
    .banner-quero-vender {
        align-items: center;
        background: url('../../public/img/querovender/banner-quero-vender-mobile.jpg');
        width: 100%;
        height: 630px;
        padding: 0 24px;
        background-size: cover;
        position: relative;
    }
    .container-banner--quero-vender {
        padding: 0;
        height: 580px;
        display: grid;
        grid-template-rows: 1fr auto;
    }
}

@media (max-width:424px) {
	.banner-static {
		background-position: -50px 0;
		height: 620px!important;
	}
	.banner-static:before {
		background: #0000007a;
	}
	.sub-titulo-banner {
		font-size: 22px;
        line-height: 25px;
	}
    .sub-titulo-assistencia-24h,
    .pre-preco-assistencia-24h  {
		font-size: 22px;
        line-height: 25px;
	}
    .pre-preco-assistencia-24h {
        font-size: 18px;
        line-height: 18px;
        display: inline-block;
        margin: 0 0 6px 0;
    }
	.preco-banner {
		grid-template-columns: auto 1fr;
		margin: 0;
        align-items: baseline;
	}
	.valor-banner {
		font-size: 48px;
	}
    .valor-banner-assistencia-24h {
		font-size: 55px;
        line-height: 55px;
	}
	.tipo-pgto {
		font-size: 20px;
	}
	.taxa-servico {
		margin: 5px 0 4px 0;
	}

    .taxa-servico-assistencia-24h {
        margin: 6px 0;
    }

	.disclaimer-danos {
		font-size: 16px;
	}

    .disclaimer-danos-assistencia-24h {
		font-size: 14px;
	}

	.text-left-bottom {
		grid-template-columns: 116px 1fr;
	}
	.btn-banner a {
		min-width: 116px;
	}
    .btn-main--quero-vender {
        font-size: 20px;
    }

}


/*! CSS Used from: ../../public/less/pages/login.min.css */

::selection {
	background-color: #ccc;
}

::-webkit-scrollbar {
	width: 10px;
	background-color: #000;
}

::-webkit-scrollbar-thumb {
	background-color: #292929;
}

::-webkit-scrollbar-track {
	background-color: #848484;
}


/*! CSS Used from: ../../public/css/select2.min.css */

.select2-container {
	box-sizing: border-box;
	display: inline-block;
	margin: 0;
	position: relative;
	vertical-align: middle;
}

.select2-container .select2-selection--single {
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	height: 28px;
	user-select: none;
	-webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	display: block;
	padding-left: 8px;
	padding-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.select2-hidden-accessible {
	border: 0!important;
	clip: rect(0 0 0 0)!important;
	-webkit-clip-path: inset(50%)!important;
	clip-path: inset(50%)!important;
	height: 1px!important;
	overflow: hidden!important;
	padding: 0!important;
	position: absolute!important;
	width: 1px!important;
	white-space: nowrap!important;
}

.select2-container--default .select2-selection--single {
	background-color: #fff;
	border: 1px solid #aaa;
	border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #444;
	line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 26px;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #888 transparent transparent transparent;
	border-style: solid;
	border-width: 5px 4px 0 4px;
	height: 0;
	left: 50%;
	margin-left: -4px;
	margin-top: -2px;
	position: absolute;
	top: 50%;
	width: 0;
}


/*! CSS Used from: Embedded */

.fb_reset {
	background: none;
	border: 0;
	border-spacing: 0;
	color: #000;
	cursor: auto;
	direction: ltr;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1;
	margin: 0;
	overflow: visible;
	padding: 0;
	text-align: left;
	text-decoration: none;
	text-indent: 0;
	text-shadow: none;
	text-transform: none;
	visibility: visible;
	white-space: normal;
	word-spacing: normal;
}

.fb_reset>div {
	overflow: hidden;
}

@-webkit-keyframes gira-tamanho {
    0% {
        -webkit-transform: rotate(0deg) scale(.5, .5);
        transform: rotate(0deg) scale(.5, .5);
    }

    50% {
        -webkit-transform: rotate(180deg) scale(1, 1);
        transform: rotate(180deg) scale(1, 1);
    }

    100% {
        -webkit-transform: rotate(360deg) scale(.5, .5);
        transform: rotate(360deg) scale(.5, .5);
    }
}

@keyframes gira-tamanho {
    0% {
        -webkit-transform: rotate(0deg) scale(.5, .5);
        transform: rotate(0deg) scale(.5, .5);
    }

    50% {
        -webkit-transform: rotate(180deg) scale(1, 1);
        transform: rotate(180deg) scale(1, 1);
    }

    100% {
        -webkit-transform: rotate(360deg) scale(.5, .5);
        transform: rotate(360deg) scale(.5, .5);
    }
}

/*! CSS Used fontfaces */

@font-face {
	font-family: 'MontSerrat';
	src: url(../../public/fonts/MontSerrat/Regular/Montserrat-Regular.eot);
	src: url(../../public/fonts/MontSerrat/Regular/Montserrat-Regular.eot#iefix) format("embedded-opentype"), url(../../public/fonts/MontSerrat/Regular/Montserrat-Regular.woff) format("woff"), url(../../public/fonts/MontSerrat/Regular/Montserrat-Regular.ttf) format("truetype"), url(../../public/fonts/MontSerrat/Regular/Montserrat-Regular.svg#MONTSERRAT_REGULAR) format("svg");
	font-weight: 400;
}

@font-face {
	font-family: 'MontSerrat Bold';
	src: url(../../public/fonts/MontSerrat/Bold/Montserrat-Bold.eot);
	src: url(../../public/fonts/MontSerrat/Bold/Montserrat-Bold.eot#iefix) format("embedded-opentype"), url(../../public/fonts/MontSerrat/Bold/Montserrat-Bold.woff) format("woff"), url(../../public/fonts/MontSerrat/Bold/Montserrat-Bold.ttf) format("truetype"), url(../../public/fonts/MontSerrat/Bold/Montserrat-Bold.svg#MONTSERRAT_BOLD) format("svg");
}

@font-face {
	font-family: 'MontSerrat Medium';
	src: url(../../public/fonts/MontSerrat/Medium/Montserrat-Medium.eot);
	src: url(../../public/fonts/MontSerrat/Medium/Montserrat-Medium.eot#iefix) format("embedded-opentype"), url(../../public/fonts/MontSerrat/Medium/Montserrat-Medium.woff) format("woff"), url(../../public/fonts/MontSerrat/Medium/Montserrat-Medium.ttf) format("truetype"), url(../../public/fonts/MontSerrat/Medium/Montserrat-Medium.svg#MONTSERRAT_MEDIUM) format("svg");
	font-weight: 500;
}

@font-face {
	font-family: 'MontSerrat Light';
	src: url(../../public/fonts/MontSerrat/Light/Montserrat-Light.eot);
	src: url(../../public/fonts/MontSerrat/Light/Montserrat-Light.eot#iefix) format("embedded-opentype"), url(../../public/fonts/MontSerrat/Light/Montserrat-Light.woff) format("woff"), url(../../public/fonts/MontSerrat/Light/Montserrat-Light.ttf) format("truetype"), url(../../public/fonts/MontSerrat/Light/Montserrat-Light.svg#MONTSERRAT_LIGHT) format("svg");
	font-weight: 300;
}

@font-face {
	font-family: 'FontAwesome';
	src: url(../../public/fonts/fontawesome-webfont.eot?v=4.7.0);
	src: url(../../public/fonts/fontawesome-webfont.eot#iefix&v=4.7.0) format('embedded-opentype'), url(../../public/fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'), url(../../public/fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'), url(../../public/fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'), url(../../public/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'MontSerrat SemiBold';
	src: url(../../public/fonts/MontSerrat/Semi-Bold/Montserrat-SemiBold.eot);
	src: url(../../public/fonts/MontSerrat/Semi-Bold/Montserrat-SemiBold.eot#iefix) format("embedded-opentype"), url(../../public/fonts/MontSerrat/Semi-Bold/Montserrat-SemiBold.woff) format("woff"), url(../../public/fonts/MontSerrat/Semi-Bold/Montserrat-SemiBold.ttf) format("truetype"), url(../../public/fonts/MontSerrat/Semi-Bold/Montserrat-SemiBold.svg#MONTSERRAT_SEMIBOLD) format("svg");
	font-weight: 600;
}

.main-banner {
	display: grid;
	align-items: center;
	background: url('../../public/img/new/banner-mobile.jpg');
	width: 100%;
	height: 548px;
	background-size: cover;
	position: relative;
}

.main-banner-container {
	position: relative;
}

.main-banner-button {
	font-family: "MontSerrat", sans-serif, serif;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 700;
	background-color: #FDD201;
	border-radius: 10px;
	display: inline-block;
	margin: 20px 0;
	border-radius: 100px;
	padding: 16px;
	text-align: center;
	width: 100%;
}

.main-banner-button:hover {
	opacity: 0.8;
}

.main-banner-text {
	padding: 0 35px 10vh 35px;
}

.main-banner:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #00000052;
}

.main-banner-title {
	font-family: "MontSerrat Bold", sans-serif, serif;
	font-size: 26px;
	color: #FDD201;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 20px;
}

.main-banner-paragraph {
	font-size: 18px;
	color: #fff;
	font-weight: 700;
}


.footer__legal-text {
	color: #9B9B9B;
    font-size: 10px;
    font-family: "MontSerrat", sans-serif, serif;
    padding: 24px 0;
    display: inline-block;
    border-top: 1px solid #9B9B9B;
    margin: 24px 0 12px 0;
}

.footer__inner {
	margin: 0 auto;
	display: grid;
	justify-content: center;
	align-items: center;
}

.footer__link-section {
	text-align: center;
}

.footer__block {
	margin-bottom: 32px;
}

.footer__list-title {
	margin: 0 0 16px 0px;
	font-size: 18px;
	font-weight: 600;
	font-family: "MontSerrat Bold", sans-serif, serif;
	color: #707070;
}

.footer__list-title--darker {
	color: #515151;
}

.footer__fone-info {
	color: #949494;
	font-size: 14px;
	margin: 6px 0;
}

.footer__fone-info-span {
	font-family: "MontSerrat", sans-serif, serif;
	display: block;
    font-size: 10px;
}
.footer__fone-link{
	font-size: 25px;
	color: #515151;
	font-family: "MontSerrat Bold", sans-serif, serif;
}
.footer__list-link {
	display: inline-block;
	font-family: "MontSerrat", sans-serif, serif;
	font-size: 16px;
	font-weight: 600;
	padding: 8px 0;
	color: #949494;
	border: none;
    background: transparent;
}

.footer__social-link {
	display: inline-block;
	width: 44px;
	padding: 8px;
}
.footer__list,
.footer__pagamento {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.footer__pagamento {
	margin: 24px 0;
}
.footer__pagamento-item {
    display: inline-block;
    padding: 0 6px;
}

.footer__site-seguro-text {
	text-transform: uppercase;
	font-family: "MontSerrat SemiBold", sans-serif, serif;
	color: #515151;
	font-size: 14px;
}
.footer__subfooter {
	text-align: center;
}

.footer__container {
    background: #E5E5E5;
	padding: 60px 20px 100px;
}

/* HELPERS */

.base-container {
	padding-left: 20px;
	padding-right: 20px;
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
}

.coberturas {
    background: #fff;
    text-align: center;
    width: 100%;
    padding-bottom: 5vh;
}

.coberturas--quero-vender {
    background: #DB0101;
    padding-bottom: 10vh;
}

.coberturas__link,
.coberturas-assistencia-24h__link,
.standard__button {
    font-family: "MontSerrat", sans-serif, serif;
    font-size: 20px;
    font-weight: 700;
    background-color: #C7161D;
    color: #fff!important;
    border-radius: 10px;
    display: inline-block;
    margin: 20px 0 ;
    border-radius: 100px;
    padding: 12px 30px;
    text-align: center;
    width: auto;
}

.standard__button {
    display: inline-block;
    margin: 0;
    width: 100%;
    cursor: pointer;
    border: none;
}

.standard__button:disabled {
    opacity: 0.5;
    pointer-events: none;
}

.menu__link--button:hover,
.menu__link--button:focus {
    background-color: #fff;
    color: #3B3B3B;
    text-decoration: none;
}


.standard__button:hover,
.standard__button:focus {
    opacity: 0.8;
    text-decoration: underline;
}
.coberturas-assistencia-24h__link {
    margin: 16px 0 48px 0;
}

.coberturas__link--quero-vender {
    margin: 0 0 32px 0;
}

.box-video {
    text-align: center;
}

.box-video-assistencia-24h {
    text-align: center;
    display: grid;
    grid-template-areas: 'video-24h' 'texto-24h';
    grid-gap: 0;
    align-items: self-start;
}

.coberturas__link:hover {
    opacity: 0.8;
}

.como-funciona__item,
.coberturas__item,
.beneficios__lista,
.protecao__lista,
.coberturas-assistencia-24h__item {
    list-style-type: none;
}

.beneficios {
    width: 100%;
    text-align: center;
    background-color:#e5e5e5;
    padding: 0 20px 5vh 20px;
}

.protecao {
    width: 100%;
    text-align: center;
    background-color:#FFF;
    padding: 0 20px 5vh 20px;
}

.beneficios__lista {
	display: grid;
	grid-gap: 40px;
	margin-bottom: 0 !important;
	padding-bottom: 20px;
}

.protecao__lista {
	display: grid;
	grid-gap: 10px;
	margin-bottom: 0 !important;
    grid-template-columns: repeat(2, 1fr);
	padding-bottom: 20px;
}

.beneficios__item {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.protecao__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #F6F6F6;
    border-radius: 10px;
    padding: 24px 12px;
}

.beneficios__image {
    margin: 0;
    width: 100px;
}

.protecao__image {
    margin: 0;
}

.beneficios__paragraph {
    font-family: "MontSerrat Medium", sans-serif, serif;
    font-size: 16px;
    color: #525252;
    padding: 0;
    margin: 0 4vw;
    text-align: left;
}

.beneficios__title {
    font-family: "MontSerrat SemiBold", sans-serif, serif;
    font-size: 20px;
    color: #C7191E;
    padding: 0;
    margin: 0 4vw 8px;
    text-align: left;
}

.protecao__text {
    font-family: "MontSerrat", sans-serif, serif;
    font-size: 14px;
    font-weight: 600;
    color: #C7161D;
    padding: 0;
    margin: 12px 0 0 0;
    text-align: center;
}

.protecao__paragraph {
    font-family: "MontSerrat", sans-serif, serif;
    font-size: 12px;
    font-weight: 600;
    color: #515151;
    padding: 0;
    margin: 12px 0 0 0;
    text-align: center;
}

.beneficios__span {
    display: block;
    font-size: 11px;
    font-weight: 600;
}

.coberturas__title {
    font-family: "MontSerrat Bold", sans-serif, serif;
    text-transform: uppercase;
    color: #C7161D;
    font-size: 20px;
    margin-top: 20px;
}

.coberturas__title--quero-vender {
    font-size: 18px;
    margin: 20px 0;
}

.coberturas__lista {
    display: grid;
    padding:0;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr) );
    grid-gap: 2vw;
	margin-bottom: 0 !important;
}

.coberturas-assistencia-24h__lista {
    display: grid;
    padding:0;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr) );
    grid-gap: 2vw;
	margin-bottom: 0 !important;
}

.coberturas__lista {
    grid-gap: 4vw;
}


.coberturas__lista--quero-vender {
    padding: 0 36px;
}

.coberturas__image {
    width: 100%;
    max-width: 384px;
    height: auto;
    border-radius: 8px;
    padding: 0 5vw;
    position: relative;
}

.coberturas__image--quero-vender {
    padding: 0;
    border-radius: 0;
    max-width: none;
}

.coberturas__paragraph {
    font-family: "MontSerrat", sans-serif, serif;
    font-size: 16px;
    font-weight: 500;
    color: #515151;
    padding: 0 8vw;
    margin: 0 0 4px 0;
    line-height: 20px;
	min-height: 120px;
}

.coberturas-assistencia-24h__paragraph {
    font-family: "MontSerrat Medium", sans-serif, serif;
    font-size: 16px;
    color: #515151;
    padding: 0 8vw;
    margin: 0 0 4px 0;
    line-height: 22px;
    letter-spacing: -0.5px;
}

.coberturas__paragraph--quero-vender {
    font-size: 14px;
    padding: 0 24px;
}

.como-funciona {
    width: 100%;
    text-align: center;
    background-color: #fff;
}

.como-funciona__inner {
    padding-bottom: 60px;
}

.simule__big-title,
.como-funciona__big-title,
.coberturas__big-title,
.beneficios__big-title,
.protecao__big-title,
.corretor-plano__big-title,
.assistencia-24h-plano__big-title {
    font-family: "MontSerrat Bold", sans-serif, serif;
    font-size: 40px;
    font-weight: 700;
    display: inline-block;
    margin-top: 50px;
    margin-bottom: 30px;
    padding-bottom: 8px;
    color: #C7161D;
}

.assistencia-24h-plano {
    display: grid;
    width: 100%;
    text-align: center;
    background-color:#EBEBEB;
    padding: 0 20px;
}

.simule__big-title {
    display: block;
}

.protecao__big-title {
    font-size: 26px;
    margin: 0 0 30px 0;
}

.beneficios__big-title,
.coberturas__big-title,
.assistencia-24h-plano__big-title {
    font-size: 30px;
}

/* quero vender */

.oportunidades {
    width: 100%;
    text-align: center;
    background-color:#fff;
    padding: 0 20px 5vh 20px;
}

.oportunidades__big-title,
.coberturas__big-title--quero-vender {
    font-family: "MontSerrat Bold", sans-serif, serif;
    font-size: 42px;
    font-weight: 700;
    display: inline-block;
    margin-top: 50px;
    margin-bottom: 50px;
    padding-bottom: 8px;
    text-transform: uppercase;
    color: #C7161D;
}

.coberturas__big-title--quero-vender {
    color: #fff;
}

.coberturas__big-title-pre {
    font-family: "MontSerrat", sans-serif, serif;
    color: #fff;
}

.oportunidades__big-title-pre {
    font-family: "MontSerrat", sans-serif, serif;
    color: #515151;
}


.quero-vender__inner {
    text-align: center;
}


.quero-vender__text {
    font-size: 28px;
}


.quero-vender__title {
    width: 100%;
    display: block;
    font-family: "MontSerrat Bold", sans-serif, serif;
    text-transform: uppercase;
}

.quero-vender__title--vermelho {
    color: #C7161D;
    margin-top: 40px;
}

.quero-vender__title--amarelo {
    color: #fed002;
    margin-top: 20px;
}

.quero-vender__subtitle {
    width: 100%;
    font-family: "MontSerrat Bold", sans-serif, serif;
    color: #fff;
	display: block;
}

.coberturas__item--quero-vender {
    background: #fff;
    border-radius: 24px;
     overflow: hidden;
}

.como-funciona__lista {
    display: grid;
    margin: 0;
    padding:0;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 5vw;
}
.como-funciona__item {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.como-funciona__image {
    margin: 0 5vw;
    width: 120px;
}

.como-funciona__paragraph {
    font-family: "MontSerrat Medium", sans-serif, serif;
    font-size: 14px;
    font-weight: 500;
    color: #515151;
    padding: 0;
    margin: 0 2.5vw;
    text-align: left;
    hyphens: none;
}

.como-funciona__link {
    font-family: "MontSerrat Bold", sans-serif, serif;
    color: #FDD201!important;
    font-weight: 700!important;

}
.como-funciona__link--underline {
    border-bottom: 1px solid #FDD201;
}

.como-funciona__hightlight {
    font-family: "MontSerrat Bold", sans-serif, serif;
    color: #fff!important;
    font-weight: 700!important;
}


.double-color {
    padding-bottom: 20px;
    position: relative;
    background-color: #2f2e7a;
    z-index: 0;
}

/* slider pure css */

.slider-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.slider-tab {
    cursor: pointer;
    padding:5px;
    margin: 20px 10px 10px 10px;
    background:transparent;
    display:inline-block;
    color:#fff;
    border-radius:100%;
    border: 3px solid #fff;
}

.slider-container {
    min-height:100%;
    max-width: 500px;
    border-radius: 20px;
    position: relative;
    overflow:hidden;
    max-width: none;
    grid-gap: 0;
    padding: 0 72px;
    display: grid;
    grid-template-columns: 1fr;
}

.slider-container-assistencia-24h {
    position: relative;
    max-width: none;
    grid-gap: 0;
    display: grid;
    grid-template-columns: 1fr;
}

.slider-panel {
    /* display: none; */
    visibility: hidden;
    overflow: hidden;
    height: 0;
}

#one:checked ~ .slider-container #panel-one,
#two:checked ~ .slider-container #panel-two,
#three:checked ~ .slider-container #panel-three {
    /* display: block; */
    visibility: visible;
    overflow: hidden;
    height: auto;
}

#one:checked ~ .slider-tabs #tab-one,
#two:checked ~ .slider-tabs #tab-two,
#three:checked ~ .slider-tabs #tab-three {
    background: white;
    color:#000;
    pointer-events: none;

}


#one-24h:checked ~ .slider-container-assistencia-24h #panel-one-24h,
#two-24h:checked ~ .slider-container-assistencia-24h #panel-two-24h,
#three-24h:checked ~ .slider-container-assistencia-24h #panel-three-24h,
#four-24h:checked ~ .slider-container-assistencia-24h #panel-four-24h {
    /* display: block; */
    visibility: visible;
    overflow: hidden;
    height: auto;
}

#one-24h:checked ~ .slider-tabs #tab-one-24h,
#two-24h:checked ~ .slider-tabs #tab-two-24h,
#three-24h:checked ~ .slider-tabs #tab-three-24h,
#four-24h:checked ~ .slider-tabs #tab-four-24h {
    background: white;
    color:#000;
    pointer-events: none;

}

.slider-prev, .slider-next{
    display: block;
    width: 40px;
    height: 100%;
    position: absolute;
    top:0;
    background-color:transparent;
    color:rgba(244, 244, 244,.9);
    z-index: 99;
    transition: .15s;
    cursor: pointer;
    text-align: center;
}

.slider-radio {
    display: none;
}

.slider-next {
    right: 0;
}
.slider-prev {
    left: 0;
}

.slider-next span,
.slider-prev span {
    position: absolute;
    font-size: 50px;
    top: 175px;
    left: 0;
    filter: brightness(100);
}

.arrow-24h {
    filter: brightness(0.9)!important;
}

.double-img {
    display: grid;
    position: relative;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 45px;
    z-index: 1;
    text-align: center;
}

.slider-next span,
.slider-prev span {
    width: 100%;
    background-image: url('../../public/img/querovender/css-slider-arrows.png');
    background-repeat: no-repeat;
    background-position: 10px;
    float: left;
    height: 30px;
}

.slider-next span {
    background-position: -44px;
}


/* Corretor */

.corretor-plano {
    display: grid;
    width: 100%;
    text-align: center;
    background-color:#fff;
    padding: 0 20px;
}

.corretor-plano__big-title {
    margin-bottom: 0px;
}

.corretor-plano__subtitle {
    font-family: "MontSerrat", sans-serif, serif;
    color: #707070;
    font-weight: 700;
    font-size: 16px;
    margin-top: 0px;
}

.corretor-plano__item-box {
    border-radius: 0;
    background-color: #F8F8F8;
    border: 1px solid #E4E4E4;
    box-shadow: 0px 3px 6px rgba( 0,0,0, 0.15);
    display: grid;
	grid-template-areas: 'box-one box-two' 'box-three box-four';
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    overflow: hidden;
    margin: 0 -36px;
    position: relative;
}

.corretor-plano__item-box:after {
    /* content: ''; */
    position: absolute;
    height: 85%;
    width: 1px;
    background: #B7B7B7;
    top: 7.5%;
    left: 50%;
}

.corretor-plano__list {
    list-style-type: none;
    padding: 20px;
    display: grid;
    grid-gap: 40px;
}

.corretor-plano__box-title {
    grid-area: box-one;
}

.corretor-plano__box-price {
    grid-area: box-two;
}
.corretor-plano__price-value {
    color: #C7161D;
    font-size: 35px;
    font-family: "MontSerrat Bold", sans-serif, serif;
    font-weight: 700;
    white-space: nowrap;
    letter-spacing: -0.75;
    line-height: 1;
}
.corretor-plano__price-month {
    color: #C7161D;
    font-size: 12px;
    font-family: "MontSerrat", sans-serif, serif;
    font-weight: 700;
    white-space: nowrap;
    line-height: 1;

}
.corretor-plano__button-taxa {
    color: #C7161D;
    font-size: 10px;
    font-family: "MontSerrat", sans-serif, serif;
    white-space: nowrap;
    margin-top: 6px;
    border: none;
    background: transparent;
    text-decoration: underline;
}
.corretor-plano__box-servicos {
    grid-area: box-three;
    background-color: #C7161D;
}

.corretor-plano__list-servicos {
    list-style-type: none;
    text-align: left;
    padding: 0;
    margin: 0;
}

.corretor-plano__list-servicos-item {
    font-family: "MontSerrat", sans-serif, serif;
    color: #F8F8F8;
    font-weight: 600;
    font-size: 12px;
    position: relative;
    padding: 4px 4px 4px 28px;
}

.corretor-plano__list-servicos-item:before {
    content: '';
    background-image: url('../../public/img/new/icon-checked-list-black.svg');
    background-position: 3px 4px;
    background-repeat: no-repeat;
    background-color: #F4CF00;
    width: 15px;
    height: 15px;
    border-radius: 30px;
    position: absolute;
    top: 4px;
    left: 0;
}

.corretor-plano__button {
    font-family: "MontSerrat", sans-serif, serif;
    font-size: 14px;
    font-weight: 700;
    background-color: #F4CF00;
    color: #000;
    display: inline-block;
    margin: auto;
    border-radius: 100px;
    padding: 8px 16px;
    text-align: center;
    width: auto;
}

.corretor-plano__box-button {
    grid-area: box-four;
    background-color: #C7161D;
}

.corretor-plano__box-title,
.corretor-plano__box-price,
.corretor-plano__box-servicos,
.corretor-plano__box-button {
    display: grid;
    align-items: center;
    height: 100%;
    width: 100%;
    padding: 8px 16px;
}

.corretor-plano__price-highlight {
    display: none;
}

.corretor-plano__title {
    font-family: "MontSerrat", sans-serif, serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5em;

}

.corretor-plano__title-pre {
    color: #515151;
    display: block;
}

.corretor-plano__title-pos {
    color: #C7161D;
    text-transform: uppercase;
    white-space: nowrap;
}

.assistencia-24h-plano__big-title {
    margin-bottom: 0px;
}

.assistencia-24h-plano__subtitle {
    font-family: "MontSerrat", sans-serif, serif;
    color: #707070;
    font-weight: 700;
    font-size: 16px;
    margin-top: 0px;
}

.assistencia-24h-plano__item-box {
    background-color: #FFF;
    border-radius: 12px;
    border: none;
    box-shadow: 0px 3px 6px rgba( 0,0,0, 0.29);
    display: grid;
    grid-template-areas: 'box-one' 'box-three' 'box-two' 'box-four';
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, auto);
    overflow: hidden;
    margin: 0;

}

.assistencia-24h-plano__item-box:hover,
.assistencia-24h-plano__item-box--active {
    box-shadow:
        inset -4px 4px 0 #C7161D,
        inset 4px 4px 0 #C7161D;

}

.assistencia-24h-plano__list {
    list-style-type: none;
    padding: 12px 48px 56px;
    display: grid;
    position: relative;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr) );
    justify-content: center;
}

.assistencia-24h-plano__list:hover .assistencia-24h-plano__item-box--active {
    box-shadow: none;
}

.assistencia-24h-plano__list:hover .assistencia-24h-plano__item-box--active:hover {
    box-shadow:
        inset -4px 4px 0 #C7161D,
        inset 4px 4px 0 #C7161D;
}

.assistencia-24h-plano__box-title {
    grid-area: box-one;
    min-height: 72px;
}

.assistencia-24h-plano__box-price {
    grid-area: box-two;
}
.assistencia-24h-plano__price-value {
    color: #FFF;
    font-size: 50px;
    font-family: "MontSerrat Bold", sans-serif, serif;
    font-weight: 700;
    white-space: nowrap;
    letter-spacing: -0.75px;
    line-height: 1;
}
.assistencia-24h-plano__item-box:hover .assistencia-24h-plano__price-value,
.assistencia-24h-plano__item-box--active .assistencia-24h-plano__price-value,
.assistencia-24h-plano__list:hover .assistencia-24h-plano__item-box--active:hover .assistencia-24h-plano__price-value {
    color: #F4CF00;
}


.assistencia-24h-plano__list:hover .assistencia-24h-plano__item-box--active .assistencia-24h-plano__price-value {
    color: #fff;
}

.assistencia-24h-plano__price-month {
    color: #FFF;
    font-size: 16px;
    font-family: "MontSerrat", sans-serif, serif;
    font-weight: 600;
    white-space: nowrap;
    line-height: 1;
}

.assistencia-24h-plano__button-taxa {
    color: #FFF;
    font-size: 14px;
    font-family: "MontSerrat Medium", sans-serif, serif;
    white-space: nowrap;
    margin-top: 6px;
    border: none;
    background: transparent;
    text-decoration: underline;
    cursor: pointer;
}


.assistencia-24h-plano__list-servicos {
    list-style-type: none;
    text-align: left;
    padding: 12px 24px;
    min-height: 166px;
    margin: 0;
}

.assistencia-24h-plano__list-servicos-item {
    font-family: "MontSerrat Medium", sans-serif, serif;
    color: #6D6D6D;
    font-size: 16px;
    position: relative;
    padding: 8px 0 8px 28px;
}


.assistencia-24h-plano__list-servicos-item:before {
    content: '';
    background-image: url('../../public/img/assistencia24h/icon-check-red.svg');
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 8px;
    left: 0;
}

.assistencia-24h-plano__button {
    font-family: "MontSerrat", sans-serif, serif;
    font-size: 16px;
    font-weight: 700;
    background-color: #F4CF00;
    color: #373737;
    display: inline-block;
    margin: auto;
    border-radius: 100px;
    padding: 8px 36px;
    text-align: center;
    width: auto;
    text-transform: uppercase;
}



.assistencia-24h-plano__box-title,
.assistencia-24h-plano__box-price,
.assistencia-24h-plano__box-servicos,
.assistencia-24h-plano__box-button {
    display: grid;
    align-items: center;
    height: 100%;
    width: 100%;
    padding: 16px 16px 0;
}


.assistencia-24h-plano__box-price,
.assistencia-24h-plano__box-button {
    background-color: #C7161D;
}

.assistencia-24h-plano__box-button {
    grid-area: box-four;
    padding-bottom: 24px;
}

.assistencia-24h-plano__box-servicos {
    grid-area: box-three;
    padding: 0;
}

.assistencia-24h-plano__button:hover {
    text-decoration: none;
    background: #fff;
    color: #C7161D;
}

.assistencia-24h-plano__button-taxa:hover {
    color: #fff;
    text-decoration: none;
}

.assistencia-24h-plano__button-taxa:visited,
.assistencia-24h-plano__button-taxa:link,
.assistencia-24h-plano__button-taxa:active {
    color: #f1f1f1;
}

.assistencia-24h-plano__price-highlight {
    display: block;
    color: #fff;
    font-weight: 600;
    font-family: "MontSerrat", sans-serif, serif;
    font-size: 20px;
    margin-bottom: 6px;
}



.assistencia-24h-plano__title {
    font-family: "MontSerrat Bold", sans-serif, serif;
    color: #C7161D;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 24px;
}


.floating-bar-mobile {
    position: fixed;
    bottom: 0;
    height: 66px;
    background: #000;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
    padding: 0 26px
}

.floating__button {
    display: flex;
    justify-content: center;
    font-family: "Montserrat SemiBold", sans-serif, serif;
    align-items: center;
    background: #FDD201;
    color: #000;
    padding: 8px 16px;
    margin: 12px 0;
    border-radius: 20px;
    white-space: nowrap;
}


/* Contato */

.contato-form {
    display: grid;
}

.contato-form--bottom {
    margin-bottom: 50px;
}

.contato-form__content {
    margin-top: 50px;
    text-align: center;
}

.contato-form--order .contato-form__content {
    order: 2;
}

.contato-form--order .contato-form__dados {
    order: 1;
}

.contato-form__subtitle {
    font-family: "Montserrat", sans-serif, serif;
    font-size: 20px;
    line-height: 30px;
    color: #707070;
    margin: 0;
    padding: 0;
}

.contato-form__text {
    font-family: "Montserrat", sans-serif, serif;
    font-size: 20px;
    line-height: 30px;
    color: #707070;
    margin: 0;
    display: block;
}

.contato-form__text strong {
    font-family: "Montserrat", sans-serif, serif;
    color: #3B3B3B;
}

.contato-form__cell {
    position: relative;
    padding: 6px 0;
}


.contato-form__input-text:not([value=""]) ~ .contato-form__label,
.contato-form__input-text:focus ~ .contato-form__label {
    top: 0;
    left: 0;
    color: #3B3B3B;
}

.contato-form__label {
    font-family: "Montserrat", sans-serif, serif;
    color: #B8B8B8;
    font-size: 14px;
    line-height: 16px;
    width: auto;
    position: absolute;
    top: 20px;
    left: 0;
    background: white;
    padding: 0 0;
    pointer-events: none;
    transition: 300ms ease all;
}

.contato-form__input-text {
    border: 1px solid #fff;
    border-bottom: 1px solid #707070;
    border-radius: 0;
    font-family: "Montserrat", sans-serif, serif;
    color: #9B9B9B;
    width: 100%;
    display: block;
    padding: 12px 0 6px 0;
    line-height: 18px;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.contato-form__input-select {
    border-radius: 0;
    border: 1px solid #fff;
    border-bottom: 1px solid #707070;
    padding: 8px 8px 5px 8px;
    font-size: 14px;
    line-height: 16px;
    height: 38px;
    width: 100%;
    background-color: #dbdbdb;
}

.contato-form__input-text:focus {
  outline: none;
  border-color: #000;
  color: #181d2f;
  background-color: #fff;
  border: none;
  border-bottom: 2px solid #000;
  outline: none !important;
}

.contato-form__input-text:focus::selection{
    background-color:#fff;
}

.contato-form__input-textarea {
    height: 72px;
}

.contato-form__cell--captcha-button {
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    margin-top: 16px;
}

.warning-compliance {
    font-style: italic;
    font-size: 12px;
    color: #3B3B3B;
}

/*Ajustes para um modelo de modal menor*/

.small-modal {
    width: 400px;
    margin: 100px auto 0 auto;
}

.small-modal .modal-content {
    max-height: 250px;
    height: auto;
}

.small-modal .modal-header {
    padding: 6px 20px 0 20px !important;
}
.small-modal .modal-header h3 {
    font-size: 20px;
    font-family: "MontSerrat Medium", sans-serif, serif;
    text-align: center;
    width: 100%;
}
.small-modal .modal-header .close {
    font-size: 30px;
    font-weight: 600;
    margin: -7px 0 0 0;
}

@media (min-width: 360px) {
    .corretor-plano__item-box {
        margin: 0 -24px;
        border-radius: 16px;
    }

}

@media (min-width: 425px) {
    .corretor-plano__item-box {
        margin: 0;
    }

}

@media (min-width: 475px) {

  .coberturas__paragraph {
      padding: 0;
  }
  .coberturas__paragraph--quero-vender {
      padding: 0 24px;
  }
}

@media (min-width: 960px) {
    .slider-container {
        max-width: none;
        display: grid;
        grid-gap: 4vw;
        grid-template-columns: repeat(auto-fit, minmax(230px, 1fr) );
    }

    .slider-panel {
        visibility: visible;
        overflow: hidden;
        height: auto;
    }

    .slider-prev,
    .slider-next {
        display:none;
    }
}

@media(min-width: 1024px) {

    .standard__button {
        width: auto;
    }

    .contato-form {
        grid-template-columns: 3fr 4fr;
        grid-gap: 80px;
        align-items: flex-start;
    }

    .contato-form--bottom {
        margin-bottom: 100px;
    }

    .contato-form__content {
        margin-top: 0;
    }

    .contato-form--order .contato-form__content  {
        order: 1;
    }

    .contato-form--order .contato-form__dados {
        order: 2;
    }

    .contato-form__cell--right {
        text-align: right;
    }


    .beneficios__big-title,
    .coberturas__big-title,
    .assistencia-24h-plano__big-title {
        font-size: 40px;
    }

    .simule__big-title {
        display: none;
    }

    .assistencia-24h-plano__list {
        grid-gap: 24px;
        padding: 48px 0;
    }

    .plano-auto-subtitulo-assistencia-24h {
        margin: 0;
        font-size: 18px;
    }

    .plano-auto-content-assistencia-24h {
        padding: 0 160px;
    }

    #secao-plano-auto {
        text-align: center;
    }

    .protecao__big-title {
        font-size: 35px;
        margin: 45px 0 12px 0 ;
    }

    .protecao__sub-title {
        color: #656565;
        font-size: 26px;
        font-family: "MontSerrat Medium", sans-serif, serif;
        margin: 0 0 40px 0 ;
    }

    .coberturas-assistencia-24h__paragraph {
        padding: 0;
    }


    .coberturas-assistencia-24h__paragraph {
        min-height: 120px;
    }

    .footer__container {
        padding: 60px 20px;
    }

    .floating-bar-mobile {
        display: none;
    }

    .background-partial-home #secao-simule-sua-contratacao {
        background-color: #EBEBEB;
    }

    .corretor-plano {
        background-color:#f1f1f1;
    }

    .corretor-plano__box-title {
        padding: 16px 0 12px;
        position: relative;
    }

    .corretor-plano__box-title:after {
        content: '';
        width: 80%;
        position: absolute;
        border-bottom: 1px solid #b7b7b7;
        bottom: 0;
        left: 10%;
    }

    .coberturas__image {
        padding: 0 1vw;
    }

    .coberturas__image--quero-vender {
        padding: 0;
        border-radius: 0;
    }

    .corretor-plano__price-value {
        color: #F4CF00;
        font-size: 50px;
    }
    .corretor-plano__price-month {
        font-size: 16px;
        color: #F4CF00;
        font-weight: 600;
    }

    .corretor-plano__button-taxa {
        color: #fff;
        text-decoration: underline;
        font-size: 13px;
        border: none;
        background: transparent;
        cursor: pointer;
    }

    .corretor-plano__button {
        font-size: 16px;
    }

    .corretor-plano__button:hover {
        text-decoration: none;
        background: #fff;
        color: #C7161D;
    }

    .corretor-plano__button-taxa:hover {
        color: #fff;
        text-decoration: none;
    }
    .corretor-plano__button-taxa:visited,
    .corretor-plano__button-taxa:link,
    .corretor-plano__button-taxa:active {
        color: #f1f1f1;
    }

    .corretor-plano__list-servicos {
        padding: 6px 20px;
        min-height: 105px;
    }

    .corretor-plano__list-servicos-item {
        color: #707070;
        font-size: 15px;
        font-weight: 700;
        padding: 6px 6px 6px 28px;
    }

    .corretor-plano__list-servicos-item:before {

        background-image: url('../../public/img/new/icon-checked-list-white.svg');
        background-position: 3px 4px;
        background-color: #C7161D;
        width: 15px;
        height: 15px;
        top: 8px;
        left: 0;
    }

    .corretor-plano__title-pos {
        font-size: 20px;
        font-weight: 700;
    }

    .corretor-plano__item-box {
        border-radius: 16px;
        margin: 0;
    }

    .corretor-plano__item-box:after {
        content: none;
    }
    .corretor-plano__price-highlight {
        display: block;
        color: #fff;
        font-weight: 600;
        font-family: "MontSerrat", sans-serif, serif;
        font-size: 20px;
        margin-bottom: 6px;
    }
    .corretor-plano__list {
        list-style-type: none;
        padding: 20px;
        display: grid;
        grid-template-columns: 260px 260px;
        justify-content: center;
        grid-gap: 15vw;
    }

    .corretor-plano__item-box {
        background-color: #F9F9F9;
        border-radius: 16px;
        border: none;
        box-shadow: 0px 0px 6px rgba( 0,0,0, 0.15);
        display: grid;
        grid-template-areas: 'box-one' 'box-three' 'box-two' 'box-four';
        grid-template-columns: 1fr;
        grid-template-rows: repeat(4, auto);
    }

    .corretor-plano__box-price,
    .corretor-plano__box-button {
        background-color: #C7161D;
    }

    .corretor-plano__box-button {
        padding-bottom: 24px;
    }
    .corretor-plano__box-servicos {
        background-color: #F9F9F9;
    }

	.menu__link {
		display: inherit;
		padding: 5px 8px;
	}

    .menu__link--button {
        padding: 5px 12px;
        margin: 0 8px;
    }

    .menu__link--perfil {
        border-left: 1px solid white;
        padding-left: 16px;
        margin-left: 8px;
        font-size: 12px;
    }

    #secao-banner {
        margin-top: 74px;
    }

    .quero-vender__inner {
        text-align: left;
    }

    .quero-vender__text {
        font-size: 48px;
    }

    .content-text-video {
        padding-right: 5vw;
    }

    .box-video {
        align-items: center;
        text-align: left;
    }

    /* lateral em grid 2x */
    /* .box-video-assistencia-24h {
        align-items: center;
        text-align: left;
        grid-template-areas: 'texto-24h video-24h';
        grid-template-columns: 1fr 1fr;
        grid-gap: 40px;
    } */

    .como-funciona__lista {
        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr) );
        grid-gap: 2vw;
    }

    .como-funciona__item {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .como-funciona__item:before {
        content: '';
        position: absolute;
        top: 70px;
        right: 50%;
        width: 100%;
        height: 1px;
        border: 2px dashed #a8a8a8;
    }

    .como-funciona__item:after {
        content: '';
        width: 16px;
        height: 16px;
        background: #C7161D;
        position: absolute;
        top: 64px;
        right: -24px;
        border-radius: 30px;
        z-index: 1;
    }

    .como-funciona__item:last-child:after {
        content: none;
    }

    .como-funciona__item:first-child:before {
        border: none;
    }

    .corretor-plano__subtitle {
        font-size: 22px;
        margin-bottom: 24px;
        color: #515151;
    }

    .assistencia-24h-plano__subtitle {
        font-size: 22px;
        margin-bottom: 24px;
        color: #515151;
    }

    .beneficios__lista {
        display: grid;
        grid-gap: 30px;
        grid-template-columns: 1fr 1fr;
    }

    .protecao__lista {
        display: grid;
        grid-gap: 30px;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .beneficios__image {
        width: 100px;
    }

    .beneficios__paragraph {
        font-size: 18px;
        margin: 0 2.5vw;
    }

    .beneficios__title {
        font-size: 24px;
        margin: 0 2.5vw 8px;
    }

    .como-funciona__image {
        margin: 0;
        width: auto;
        z-index: 1;
    }

    .como-funciona__paragraph {
        text-align: center;
        margin: 0;
        padding: 20px;
    }

	.footer__link-section {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		text-align: left;
	}
	.footer__social-link {
		width: 28px;
		padding: 8px 0;
		text-align: center;
		margin: 16px 8px 0 0;
	}
	.footer__legal-text {
		border: none;
	}
	.footer__image-carglass {
		width: 115px;
	}
	.footer__pagamento {
		grid-area: footer__pagamento;
	}
	.footer__site-seguro {
		grid-area: footer__site-seguro;
	}
	.footer__legal-text {
		grid-area: footer__legal-text;
	}
	.footer__link-carglass {
		grid-area: footer__link-carglass;
	}

	.footer__legal-text {
		text-align: left;
    	padding: 0 12px;
		margin: 0;
	}
	.footer__pagamento {
		margin: 0;
	}
	.footer__subfooter {
		display: grid;
		grid-template-areas: "footer__link-carglass footer__legal-text footer__pagamento footer__site-seguro";
    	grid-template-columns: 125px auto 310px 140px;
		align-items: center;
		border-top: 2px solid #c0c0c0;
		padding-top: 24px;
	}

}


@media(min-width: 1600px) {
    .coberturas-assistencia-24h__paragraph {
        min-height: 160px;
    }
}

#divPlanoLataria {
	cursor: not-allowed;
}

#divPlanoLataria div {
	cursor: not-allowed;
}

#divPlanoLataria label{
	cursor: not-allowed;
}

