/* logo */
h1 a
{
	display: block;
	background: transparent url(/img/logo.png) no-repeat 0 0;
	text-indent: -1000em;
	overflow: hidden;
	margin: 0 auto;
}
h1.ini a
{
	background-size: 313px 92px;
	width: 313px;
	height: 92px;
}
h1.int a
{
	background-size: 180px 52px;
	width: 180px;
	height: 52px;
}

/* fonts */
.font-roboto {
	font-family: 'Roboto', sans-serif;
}

/*
.font-poppins {
	font-family: 'Poppins', sans-serif;
}

.font-weight-medium {
	font-weight: 500;
}
*/

/* colors */
.text-white {
	color: #fff;
}

.text-darkblue {
	color: #113e82;
}

.text-lightblue {
	color: #01ace2;
}

.text-darkgray {
	color: #666666;
}

.text-mediumgray {
	color: #888888;
}

.text-whitegray {
	color: #9f9b9b;
}

.text-darkwhite {
	color: #cfcfcf;
}

.bg-darkblue {
	background: #113e82;
}

.bg-lightblue {
	background: #01ace2;
}

.bg-hidblue {
	background: #f0f6ff;
}

.bg-lightgray {
	/*
	background: #fafafa;
	*/
	background: #f7f8fb;
}

/* text sizes */
.smaller-text {
	font-size: 0.875rem;
}

.tiny-text {
	font-size: 0.75rem;
}

.medium-text {
	font-size: 1.125rem;
}

.large-icon {
	font-size: 4rem;
}

/* buttons */
.btn-ctm-light {
	background: #01ace2;
	border:none;
	color: white;
}

.btn-ctm-light:hover {
	color: white;
	background: #113e82;
}

.btn-whatsapp {
	border-radius:25px;
	background-color:#23c670;
	border:0;
	color: white !important;
}

.btn-whatsapp i {
	font-size:1.25rem;
	position:relative;
	top:2px;
}

.whatsapp-optin-modal .modal-content {
	border: 0;
	border-radius: 16px;
	box-shadow: 0 20px 60px rgba(17, 62, 130, 0.22);
}

.whatsapp-modal-close {
	position: absolute;
	right: 18px;
	top: 12px;
	z-index: 2;
}

.whatsapp-modal-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background: #e8f9f0;
	color: #23c670;
	font-size: 2.5rem;
}

header input::placeholder, header input {
	color: #113e82 !important;
	opacity: 1;
}

header input {
	padding-top: 35px !important;
	padding-bottom: 36px !important;
}

/* structures */
header.home {
	background-image: url('../img/bg-map.png');
	background-position: center;
	background-size: 2174px auto;
	background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
	header .bg-mobile {
		background-image: url('../img/bg-map.png');
		background-position: center;
		background-size: 200% auto;
		background-repeat: no-repeat;
	}
}

.bg-w100 {
	background-position: center;
	background-size: 2574px auto;
	background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
	.bg-w100 {
		background-size: 210% auto;
		background-position: center top;
	}
}

header .container, #track-steps .container, #track-details .container {
	max-width: 728px;
}

/* custom switch */
.custom-control-label::before {
	height: 1.25rem !important;
	width: 2.5rem !important;
	border-radius: 0.75rem !important;
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
	left: calc(-1.7rem) !important;
}

.custom-control-label::after {
	left: calc(-2rem) !important;
	height: 1rem !important;
	width: 1rem !important;
}

.code-card {
	border: 0;
	border-radius: 10px;
}

.ctm-card {
	border: 0;
	padding-left: 2.5rem;
	padding-right: 2.5rem;
}
.ctm-card-main {
	border-radius: 10px;
	box-shadow: 1px 1px 50px 1px rgba(0,0,0,0.05);
}

.track-card {
	border: 0;
	border-radius: 3px;
	box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.1);
}

#faq {
	background-color: #113e82;
	/*
	background-image: url('../img/bg-img.png');
	background-position: center;
	background-size: cover;
	*/
}

.blog-date {
	position: absolute;
	left: 15px;
}

.blog-date h2 {
	line-height: 1.25rem;
}

.blog-date span {
	font-size: 1rem;
}

#newsletter .container .row.bg {
	background-image: url('../img/bg-newsletter.png');
	background-position: top;
	background-size: cover;
	border-radius:7px;
}

.btn-newsletter {
	position: absolute;
	top: 5px;
	right: 52px;
}

.btn-code-search {
	position: absolute;
	top: 10px;
	right: 25px;
}

.track-card p {
	line-height: 1.25rem;
}

/* track steps */
.steps-form {
    display: table;
    width: 100%;
    position: relative;
}

.steps-form .steps-row {
    display: table-row;
}

.steps-form .steps-row:before {
    top: 13px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 5px;
    background-color: #01ace2;
}

.steps-form .steps-row .steps-step {
    display: table-cell;
    text-align: center;
    position: relative; 
}

.steps-form .steps-row .steps-step p {
    margin-top: 0.5rem;
}

.steps-form .steps-row .steps-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.steps-form .steps-row .steps-step .btn-circle {
    width: 15px;
    height: 15px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
    margin-top: 0;
}

.step-active {
    background: gold;
    border: 7px solid white;
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
}

.step-not-reached {
	background: white;
}

.step-whiteline {
    border-top: 5px solid white;
    position: relative;
    top: -78px;
    left: 473px;
    width: 208px;
}

.step-2 {
	left: -35px;
}
 
.step-3 {
	left: 30px;
}

.step-4, .step-4 p {
	position:relative;
	right:-75px;
}

@media screen and (max-width: 768px) {
	.step-2 {
		left: -45px;
	}

	.step-2 a {
		position: relative;
		left: -26%;
	}

	.step-3 {
		left: 0px;
	}

	.step-4 {
		right: -35px;
	}

	.step-whiteline {
		top: -72px;
		left: 52%;
		width: 42.6%;
	}

	.step-4 p {
		position: relative;
		right: -25px;
	}
}

@media screen and (max-width: 560px) {
	.step-2 a {
		left: -17%;
	}

	.vertical-separator {
		left:20% !important;
	}

}

@media screen and (max-width: 430px) {
	.step-whiteline {
		top: -90px;
		width: 41%;
	}

	.step-2 a {
		left: -10%;
	}
}

@media screen and (max-width: 372px) {
	.step-whiteline {
		top: -108px;
		left: 54%;
		width: 38%;
	}

	.step-2 a {
		position: inherit;
		left: 0;
	}
}

/* track statuses */
.track-card .status {
	background: #f7f8fb;
	border-left: 6px;
	border-left-style: solid;
}

.status-delivered {
	border-left-color: #01ace2 !important;
}

.status-not-delivered {
	border-left-color: #e20136 !important;
}

.status-delivering {
	border-left-color: #fdd05b !important;
}

.status-forwarded {
	border-left-color: #113e82 !important;
}

.status-posted {
	border-left-color: black !important;
}

.vertical-separator {
	position:relative;
	left:102px;
	width:5px;
	height:35px;
	background:#e9ecf3;
}

/* tricks for carousel */
.carousel-inner.vv-3 .carousel-item.active,
.carousel-inner.vv-3 .carousel-item-next,
.carousel-inner.vv-3 .carousel-item-prev {
  	display: flex;
}

.carousel-inner.vv-3 .carousel-item-right.active,
.carousel-inner.vv-3 .carousel-item-next {
  	transform: translateX(33%);
}

.carousel-inner.vv-3 .carousel-item-left.active,
.carousel-inner.vv-3 .carousel-item-prev {
  	transform: translateX(-33%);
}

.carousel-inner.vv-3 .carousel-item-right,
.carousel-inner.vv-3 .carousel-item-left {
  	transform: translateX(0);
}

.ctm-carousel-arrow {
    background: white;
    width: auto;
    height: 30px;
    top: 20px;
    padding: 30px 20px;
    border-radius: 5px;
    opacity: 1;
}

/* tricks for horizontal scroll */
:root {
	--gutter: 20px;
}

.horizontal-scroll {
	padding: var(--gutter) 0;
	display: grid;
	grid-gap: var(--gutter) 0;
	grid-template-columns: var(--gutter) 1fr var(--gutter);
	align-content: start;
	margin-left: -25px;
	overflow-y: scroll;
}

.horizontal-scroll > * {
	grid-column: 2 / -2;
}

.horizontal-scroll > .full {
	grid-column: 1 / -1;
}

.hs {
	display: grid;
	grid-gap: calc(var(--gutter) / 2);
	grid-template-columns: 10px repeat(var(--total), calc(85% - var(--gutter) * 2)) 10px;
	grid-template-rows: minmax(120px, 1fr);
	overflow-x: scroll;
	scroll-snap-type: x proximity;
	padding-bottom: calc(.75 * var(--gutter));
	margin-bottom: calc(-.25 * var(--gutter));
}

.hs:before,
.hs:after {
	content: '';
}

/* accordeon */
.accordion {
	/*position:relative;
	top: -280px;*/
}

.accordion .card-header {
	cursor: pointer;
	background: white !important;
}

.accordion button {
	padding-left: 0 !important;
}

.accordion .accordion-icon {
	position: absolute;
	right: 25px;
	top: 25px;
}

@media screen and (min-width: 768px) {
	.accordion {
		float:left;
		margin-top:-200px;
	}
}

/* responsivity */
@media screen and (max-width: 768px) {
	header h3 {
		font-size: 26px;
	}

	header p.smaller-text {
		font-size: 12px;
	}

	#consultations #history p {
		font-size: 12px;
	}

	.btn-newsletter {
		right: 32px;
		top: 7px;
	}

	#newsletter h3 {
		font-size: 18px;
	}

	#newsletter p {
		font-size: 11px;
	}

	#newsletter input, #newsletter button {
		font-size: 12px;
	}

	.text-xs-nowrap {
		white-space: nowrap;
	}

	.smaller-xs-text {
		font-size: 0.875rem;
	}

	.tiny-xs-text {
		font-size: 0.75rem;
	}

}

@media screen and (max-width: 575px)
{
	header h3 {
		font-size: 20px !important;
	}
}

/* misc */
.cursor-pointer
{
	cursor: pointer !important;
}

#obj:focus
{
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
	border-color: #01ace2 !important;
}

@media screen and (max-width: 768px)
{
	h1.ini a
	{
		background-size: 200px 58px;
		width: 200px;
		height: 58px;
	}
}

/* historico */
	#historico a
	{
		background: #0e3167;
		padding: 5px 15px;
		color: #fff;
		text-decoration: none;
		margin: 0 10px 10px 0;
		border-radius: 15px;
		border: 1px solid #1e55a8;
		font-size: 0.9rem;
	}
	#historico a:hover
	{
		border: 1px solid #fff;
	}

/* Tracking opt-in and optional, explicitly selected reminders. */
.rc-optin-card{background:#fff;border:1px solid #d5e8dd;border-radius:16px;padding:24px;margin:24px 0;box-shadow:0 8px 24px #113e820a}
.rc-optin-card h2{font-size:1.25rem;color:#113e82;font-weight:700}.rc-optin-small{font-size:.83rem;color:#536579;margin:12px 0}
.rc-preferences{padding:14px;background:#f5f9f7;border-radius:10px;margin-bottom:18px}.rc-preferences legend{font-size:1rem;font-weight:700}.rc-preferences label{display:block;margin:10px 0}.rc-preferences input{width:18px;height:18px;vertical-align:middle;margin-right:6px}.rc-preferences small{display:block;margin-top:10px;color:#536579}
.rc-share{border-top:1px solid #e2e9ed;padding-top:14px;margin-top:16px}.rc-share span{display:block;font-size:.85rem;margin-top:8px}.rc-share input{width:100%}.rc-return-notice{padding:12px;background:#edf6ff;border-radius:8px;margin:12px 0}.rc-whatsapp-sticky{display:none}
@media(max-width:767px){body:has(.rc-whatsapp-sticky){padding-bottom:86px}.rc-whatsapp-sticky{display:block;position:fixed;bottom:0;left:0;right:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#fffffff5;box-shadow:0 -3px 18px #113e8215;z-index:1020}.rc-whatsapp-sticky .btn{width:100%;padding:12px;font-size:.95rem}.rc-optin-card{padding:18px}.rc-optin-card .btn{white-space:normal}.rc-preferences{font-size:.9rem}}