.bold {
	font-family: "HyundaiMedium", Arial, sans-serif;
}

.dk-top-img {
	max-height: calc(100vh - 40px);
	margin: 0 auto;
	display: block;
}

.bg-top-header {
	background-color: #00b0f5;
}

.bg-form {
	background-color: #133262;
	color: #fff;
	margin-bottom: 40px;
}

.bg-form .btn-standard {
	background-color: #ed1d25;
}

.bg-form .btn-standard:hover {
	background-color: #0a809b;
}

.bg-form .form-control {
	border-color: transparent;
}

.bg-red {
	background-color: #ed1d25;
	color: #fff;
}

.blue-section {
	color: #053266;
}

.bg-green {
	background-color: #00beb5;
}

.green-section {
	color: #00beb5;
}

.yellow-txt {
	color: #ffc400;
}

.btn-splash-bt {
	background-position: 6px -20px;
	background-repeat: no-repeat;
	padding-bottom: 26px;
	padding-left: 26px;
}

.btn-splash-bt .btn-white:hover {
	border-color: #0a809b;
}

.btn-into {
	background-position: 6px -20px;
	background-repeat: no-repeat;
	padding-bottom: 26px;
	padding-left: 26px;
	position: absolute;
	bottom: 1px;
	right: 17%;
}

@media screen and (max-width: 480px) {
	.btn-into {
		position: relative;
		right: 0;
		left: 0;
		text-align: center;
		background-position: center -20px;
		padding-bottom: 30px;
		padding-left: 0px;
	}
}

@media screen and (max-width: 768px) {
	.xs-p {
		padding: 15px;
	}
}

.layer-left {
	position: absolute;
	left: 15px;
	bottom: 20px;
	width: 25%;
}

.layer-left p {
	color: #fff;
}

@media screen and (max-width: 1300px) {
	.layer-left {
		width: 35%;
		bottom: 20px;
	}
}

@media screen and (max-width: 1100px) {
	.layer-left {
		width: 50%;
		bottom: 10px;
	}
}

@media screen and (max-width: 900px) {
	.layer-left {
		width: 60%;
		bottom: 0;
	}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	.layer-left {
		position: relative;
		left: auto;
		margin-left: 8.333333%;
		bottom: auto;
		width: 75%;
		padding: 15px;
	}

	.layer-left p {
		color: #000;
	}
}

@media screen and (max-width: 480px) {
	.layer-left {
		position: relative;
		left: auto;
		bottom: auto;
		width: auto;
		padding: 15px;
	}

	.layer-left p {
		color: #000;
	}
}

.layer-right {
	position: absolute;
	right: 15px;
	bottom: 20px;
	width: 25%;
}

.layer-right p {
	color: #fff;
}

@media screen and (max-width: 1300px) {
	.layer-right {
		width: 35%;
		bottom: 20px;
	}
}

@media screen and (max-width: 1100px) {
	.layer-right {
		width: 50%;
		bottom: 10px;
	}
}

@media screen and (max-width: 900px) {
	.layer-right {
		width: 60%;
		bottom: 0;
	}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	.layer-right {
		position: relative;
		right: auto;
		margin-left: 8.333333%;
		bottom: auto;
		width: 75%;
		padding: 15px;
	}

	.layer-right p {
		color: #000;
	}
}

@media screen and (max-width: 480px) {
	.layer-right {
		position: relative;
		right: auto;
		bottom: auto;
		width: auto;
		padding: 15px;
	}

	.layer-right p {
		color: #000;
	}
}

.red-section {
	color: #ff2700;
}

.blue-txt {
	color: #00b2fc;
}

.b-line {
	border-top: 2px solid #000;
}

.extra-small {
	font-size: 70%;
}

header .social {
	display: inline-block;
	float: right;
	font-size: 14px;
	color: #666;
	margin-top: 4px;
}

header .social span {
	display: inline-block;
	float: left;
	font-size: 14px;
	color: #666;
}

header .social a {
	display: inline-block;
	float: left;
	padding: 0 1px;
	font-size: 0;
	color: #666;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center right;
	margin-bottom: -5px;
}

header .social a:first-of-type {
	padding-left: 10px;
}


/* ------------- Campanha i10 Outubro 2018 --------------- */
.bg-form-2 {
	background-color: #f9f6f0;
}

.bg-red-2 {
	background-color: #db333f;
}

.bg-darkblue {
	background-color: #282457;
}

.text-darkblue {
	color: #002c5f;
}

.text-red {
	color: #db333f;
}

.list-red-style,
.list-white-style,
.list-black-style {
	list-style: none;
	padding: 0;
	margin: 0;
}

.list-red-style li,
.list-white-style li,
.list-black-style li {
	padding-left: 1em;
	text-indent: -.7em;
}

.list-red-style li::before {
	content: "• ";
	color: #db333f;
}

.list-white-style li::before {
	content: "• ";
	color: #fff;
}

.list-black-style li::before {
	content: "• ";
	color: #000;
}

.btn-parallelogram {
	-webkit-clip-path: polygon(0 10%, 100% 0%, 90% 100%, 0% 100%);
	clip-path: polygon(0 10%, 100% 0%, 90% 100%, 0% 100%);
	padding: 0.7rem 2.5rem;
}

.btn-parallelogram-2 {
	-webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 6% 93%);
	clip-path: polygon(0 0, 100% 0%, 100% 100%, 6% 93%);
	padding: 0.7rem 2.5rem;
}

.btn-parallelogram-3 {
	-webkit-clip-path: polygon(6% 0, 100% 0%, 100% 86%, 0 100%);
	clip-path: polygon(6% 0, 100% 0%, 100% 86%, 0 100%);
	padding: 0.7rem 2.5rem;
}

.btn-parallelogram-4 {
	-webkit-clip-path: polygon(0 14%, 100% 0, 89% 100%, 6% 91%);
	clip-path: polygon(0 14%, 100% 0, 89% 100%, 6% 91%);
	padding: 0.7rem 2.5rem;
}

.btn-parallelogram-5 {
	-webkit-clip-path: polygon(0 0, 100% 12%, 100% 92%, 6% 100%);
	clip-path: polygon(0 0, 100% 12%, 100% 92%, 6% 100%);
	padding: 0.7rem 2.5rem;
}

.btn-parallelogram-6 {
	-webkit-clip-path: polygon(0 0, 93% 0, 100% 98%, 0 86%);
	clip-path: polygon(0 0, 93% 0, 100% 98%, 0 86%);
	padding: 0.7rem 2.5rem;
	color: #db333f;
	font-family: "HyundaiMedium", Arial, sans-serif;
}

.btn-parallelogram-7 {
	-webkit-clip-path: polygon(0 0, 98% 0, 100% 98%, 3% 90%);
	clip-path: polygon(0 0, 98% 0, 100% 98%, 3% 90%);
	padding: 0.7rem 2.5rem;
}

@media (min-width: 992px) {
	.img-absolute {
		position: absolute;
		bottom: -110px;
	}
}

.icon-change-color {
	cursor: pointer;
	margin: 0 3px;
}

@media (max-width: 992px) {
	.icon-change-color {
		margin: 0 9px 8px 9px;
	}
}

.outer-end {
	display: table;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
}

.form-i10 .form-control::-webkit-input-placeholder {
	color: #002c5f
}

.form-i10 .form-control:-moz-placeholder {
	color: #002c5f;
	opacity: 1
}

.form-i10 .form-control::-moz-placeholder {
	color: #002c5f;
	opacity: 1
}

.form-i10 .form-control:-ms-input-placeholder {
	color: #002c5f
}

.form-i10 .form-control::-ms-input-placeholder {
	color: #002c5f
}