/*!
 * Start Bootstrap - Agency v4.0.0-beta.2 (https://startbootstrap.com/template-overviews/agency)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-agency/blob/master/LICENSE)
 */
body {
	overflow-x: hidden;
	font-family: 'Roboto Slab', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

p {
	line-height: 1.75;
}

a {
	color: #fed136;
}
a:hover {
	color: #fec503;
}

.text-primary {
	color: #fed136 !important;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: 700;
	font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

section {
	padding: 100px 0;
}
section h2.section-heading {
	font-size: 40px;
	margin-top: 0;
	margin-bottom: 15px;
}
section h3.section-subheading {
	font-size: 16px;
	font-weight: 400;
	font-style: italic;
	margin-bottom: 75px;
	text-transform: none;
	font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
@media (min-width: 768px) {
	section {
		padding: 150px 0;
	}
}

.btn {
	font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	cursor:pointer;
}

.btn-xl {
	font-size: 18px;
	padding: 20px 40px;
	font-weight: 700;
}

.btn-primary {
	background-color: #F39200;
	border-color: #F39200;
	color: white !important;
}
.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
	background-color: #662483 !important;
	border-color: #662483 !important;
	color: white;
}
.btn-primary:active, .btn-primary:focus {
	box-shadow: 0 0 0 0.2rem white !important;
}

::-moz-selection {
	background: #F39200;
	text-shadow: none;
}

::selection {
	background: #F39200;
	text-shadow: none;
}

img::selection {
	background: transparent;
}

img::-moz-selection {
	background: transparent;
}

body {
	-webkit-tap-highlight-color: #F39200;
}

#mainNav {
	background-color: #212529;
}
#mainNav .navbar-toggler {
	font-size: 12px;
	right: 0;
	padding: 13px;
	text-transform: uppercase;
	color: white;
	border: 0;
	background-color: #662483;
	font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#mainNav .navbar-brand {
	color: #fed136;
	font-family: 'Kaushan Script', 'Helvetica Neue', Helvetica, Arial, cursive;
}
#mainNav .navbar-brand.active, #mainNav .navbar-brand:active, #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
	color: #fec503;
}
#mainNav .navbar-nav .nav-item .nav-link {
	font-size: 90%;
	font-weight: 400;
	padding: 0.75em 0;
	letter-spacing: 1px;
	color: white;
	text-decoration: none;
	font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {
	color: #F39200;
}

@media (min-width: 992px) {
	#mainNav {
		-webkit-transition: padding-top 0.3s, padding-bottom 0.3s;
		-moz-transition: padding-top 0.3s, padding-bottom 0.3s;
		transition: padding-top 0.3s, padding-bottom 0.3s;
		border: none;
	}
	#mainNav .navbar-brand {
		font-size: 1.75em;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#mainNav .navbar-nav .nav-item .nav-link {
		padding: 1.1em 1em !important;
	}
	#mainNav.navbar-shrink {
		padding-top: 0;
		padding-bottom: 0;
		background-color: #212529;
	}
	#mainNav.navbar-shrink .navbar-brand {
		font-size: 1.25em; 
	} 
}

.form-control {
	border-radius:0;
}

.form-control:focus {
	border-color: #F39200;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(243, 146, 0, 0.6);
	/* box-shadow: none; */
}

header.masthead {
	text-align: center;
	color: white;
	
	/* sem video parece q nao precisa comentar assim nao atrapalha a home page*/
	background-image: url("../images/carro-leilao.jpg");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	/* para video */
	/* position: relative;
	height: 100%;
	width: 100%; */
}
header.masthead .intro-text {
	padding-top: 150px;
	padding-bottom: 100px;
}
header.masthead .intro-text .intro-lead-in {
	font-size: 22px;
	font-style: italic;
	font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	line-height: 30px;
	margin-bottom: 30px;
}
header.masthead .intro-text .intro-heading {
	font-size: 50px;
	font-weight: 700;
	line-height: 50px;
	margin-bottom: 25px;
	font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

@media (min-width: 768px) {
	header.masthead .intro-text {
		padding-top: 300px;
		padding-bottom: 200px;
	}
	header.masthead .intro-text .intro-lead-in {
		font-size: 35px;
		font-style: italic;
		font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		line-height: 50px;
		margin-bottom: 30px;
	}
	header.masthead .intro-text .intro-heading {
		font-size: 75px;
		font-weight: 700;
		line-height: 75px;
		margin-bottom: 50px;
		font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	}
}

#header-link {
	color: white;
}
#header-link:hover {
	color: #F39200;
}

@media (min-width: 992px) {
	#registrar {
		color: white !important;
		background-color: #F39200;
	}
	#registrar:hover {
		color: white !important;
		background-color: #662483;
	}
}

.service-heading {
	margin: 15px 0;
	text-transform: none;
}

.navbar{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	line-height: 26px;
}

.timeline-number{
	font-size:65px !important;
}
.timeline-number-margin-fix{
	margin-left: -5px !important;
}
@media (max-width: 991px) {
	.timeline-number{
		font-size:48px !important;
	}
	.timeline-number-margin-fix{
		margin-left: -5px !important;
	}
}
@media (max-width: 767px) {
	.timeline-number{
		font-size:38px !important;
	}
	.timeline-number-margin-fix{
		margin-left: 0 !important;
	}
}

.timeline-text {
	font-family: 'Droid Serif';
	font-size: 17px
}
.timeline-title {
	font-family: 'Montserrat';
	font-size: 1.5rem;
	font-weight: 700;
	padding-bottom: 15px;
}
@media (max-width: 991px) {
	.timeline-text {
		font-size: 14px;
	}
	.timeline-title {
		font-size: 1.2rem;
		padding-bottom: 10px;
	}
}
.grad {
	background: black; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, #662483 , #F39200); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #662483, #F39200); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #662483, #F39200); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #662483 , #F39200); /* Standard syntax */
}

.btn-cancel {
	background-color: #662483;	
}
.btn-cancel:hover {
	background-color: #F39200;
	box-shadow: none;
}
.btn-cancel:focus {
	outline:none;
	box-shadow:none;
}
.forgot-password:hover {
	color:Red ;
}





#portfolio .portfolio-item {
	right: 0;
	margin: 0 0 15px; }
	#portfolio .portfolio-item .portfolio-link {
		position: relative;
		display: block;
		max-width: 400px;
		margin: 0 auto;
		cursor: pointer; }
		#portfolio .portfolio-item .portfolio-link .portfolio-hover {
			position: absolute;
			width: 100%;
			height: 100%;
			-webkit-transition: all ease 0.5s;
			-moz-transition: all ease 0.5s;
			transition: all ease 0.5s;
			opacity: 0;
			background: rgba(254, 209, 54, 0.9); }
			#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
				opacity: 1; }
			#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
				font-size: 20px;
				position: absolute;
				top: 50%;
				width: 100%;
				height: 20px;
				margin-top: -12px;
				text-align: center;
				color: white; }
				#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
					margin-top: -12px; }
				#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
				#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
					margin: 0; }
	#portfolio .portfolio-item .portfolio-caption {
		max-width: 400px;
		margin: 0 auto;
		padding: 25px;
		text-align: center;
		background-color: #fff; }
		#portfolio .portfolio-item .portfolio-caption h4 {
			margin: 0;
			text-transform: none; }
		#portfolio .portfolio-item .portfolio-caption p {
			font-size: 16px;
			font-style: italic;
			margin: 0;
			font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif; }

#portfolio * {
	z-index: 2; }

@media (min-width: 767px) {
	#portfolio .portfolio-item {
		margin: 0 0 30px; } }

.portfolio-modal {
	padding-right: 0px !important; }
	.portfolio-modal .modal-dialog {
		margin: 1rem;
		max-width: 100vw; }
	.portfolio-modal .modal-content {
		padding: 100px 0;
		text-align: center; }
		.portfolio-modal .modal-content h2 {
			font-size: 3em;
			margin-bottom: 15px; }
		.portfolio-modal .modal-content p {
			margin-bottom: 30px; }
		.portfolio-modal .modal-content p.item-intro {
			font-size: 16px;
			font-style: italic;
			margin: 20px 0 30px;
			font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
		.portfolio-modal .modal-content ul.list-inline {
			margin-top: 0;
			margin-bottom: 30px; }
		.portfolio-modal .modal-content img {
			margin-bottom: 30px; }
		.portfolio-modal .modal-content button {
			cursor: pointer; }
	.portfolio-modal .close-modal {
		position: absolute;
		top: 25px;
		right: 25px;
		width: 75px;
		height: 75px;
		cursor: pointer;
		background-color: transparent; }
		.portfolio-modal .close-modal:hover {
			opacity: 0.3; }
		.portfolio-modal .close-modal .lr {
			/* Safari and Chrome */
			z-index: 1051;
			width: 1px;
			height: 75px;
			margin-left: 35px;
			/* IE 9 */
			-webkit-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			transform: rotate(45deg);
			background-color: #212529; }
			.portfolio-modal .close-modal .lr .rl {
				/* Safari and Chrome */
				z-index: 1052;
				width: 1px;
				height: 75px;
				/* IE 9 */
				-webkit-transform: rotate(90deg);
				-ms-transform: rotate(90deg);
				transform: rotate(90deg);
				background-color: #212529; }

.timeline {
	position: relative;
	padding: 0;
	list-style: none; }
	.timeline:before {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 40px;
		width: 2px;
		margin-left: -1.5px;
		content: '';
		background-color: #e9ecef; }
	.timeline > li {
		position: relative;
		min-height: 50px;
		margin-bottom: 50px; }
		.timeline > li:after, .timeline > li:before {
			display: table;
			content: ' '; }
		.timeline > li:after {
			clear: both; }
		.timeline > li .timeline-panel {
			position: relative;
			float: right;
			width: 100%;
			padding: 0 20px 0 100px;
			text-align: left; }
			.timeline > li .timeline-panel:before {
				right: auto;
				left: -15px;
				border-right-width: 15px;
				border-left-width: 0; }
			.timeline > li .timeline-panel:after {
				right: auto;
				left: -14px;
				border-right-width: 14px;
				border-left-width: 0; }
		.timeline > li .timeline-image {
			position: absolute;
			z-index: 100;
			left: 0;
			width: 80px;
			height: 80px;
			margin-left: 0;
			text-align: center;
			color: white;
			border: 7px solid #e9ecef;
			border-radius: 100%;
			background-color: #F39200; }
			.timeline > li .timeline-image h4 {
				font-size: 10px;
				line-height: 14px;
				margin-top: 12px; }
		.timeline > li.timeline-inverted > .timeline-panel {
			float: right;
			padding: 0 20px 0 100px;
			text-align: left; }
			.timeline > li.timeline-inverted > .timeline-panel:before {
				right: auto;
				left: -15px;
				border-right-width: 15px;
				border-left-width: 0; }
			.timeline > li.timeline-inverted > .timeline-panel:after {
				right: auto;
				left: -14px;
				border-right-width: 14px;
				border-left-width: 0; }
		.timeline > li:last-child {
			margin-bottom: 0; }
	.timeline .timeline-heading h4 {
		margin-top: 0;
		color: inherit; }
		.timeline .timeline-heading h4.subheading {
			text-transform: none; }
	.timeline .timeline-body > ul,
	.timeline .timeline-body > p {
		margin-bottom: 0; }

@media (min-width: 768px) {
	.timeline:before {
		left: 50%; }
	.timeline > li {
		min-height: 100px;
		margin-bottom: 50px; }
		.timeline > li .timeline-panel {
			float: left;
			width: 41%;
			padding: 0 20px 20px 10px;
			text-align: right; }
		.timeline > li .timeline-image {
			left: 50%;
			width: 100px;
			height: 100px;
			margin-left: -50px; }
			.timeline > li .timeline-image h4 {
				font-size: 13px;
				line-height: 18px;
				margin-top: 16px; }
		.timeline > li.timeline-inverted > .timeline-panel {
			float: right;
			padding: 0 10px 20px 20px;
			text-align: left; } }


@media (min-width: 992px) {
	.timeline > li {
		min-height: 150px; }
		.timeline > li .timeline-panel {
			padding: 0 20px 0 60px; }
		.timeline > li .timeline-image {
			width: 125px;
			height: 125px;
			margin-left: -62.5px; }
			.timeline > li .timeline-image h4 {
				margin-top: 40px; }
		.timeline > li.timeline-inverted > .timeline-panel {
			padding: 0 60px 20px 20px; } }

.team-member {
	margin-bottom: 50px;
	text-align: center; }
	.team-member img {
		width: 225px;
		height: 225px;
		border: 7px solid #fff; }
	.team-member h4 {
		margin-top: 25px;
		margin-bottom: 0;
		text-transform: none; }
	.team-member p {
		margin-top: 0; }

section#contact {
	background-color: #212529;
	background-image: url('../carro.jpg');
	background-repeat: no-repeat;
	background-position: center; }
	section#contact .section-heading {
		color: #fff; }
	section#contact .form-group {
		margin-bottom: 25px; }
		section#contact .form-group input,
		section#contact .form-group textarea {
			padding: 20px; }
		section#contact .form-group input.form-control {
			height: auto; }
		section#contact .form-group textarea.form-control {
			height: 248px; }
	section#contact .form-control:focus {
		border-color: #fed136;
		box-shadow: none; }
	section#contact ::-webkit-input-placeholder {
		font-weight: 700;
		color: #ced4da;
		font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
	section#contact :-moz-placeholder {
		font-weight: 700;
		color: #ced4da;
		/* Firefox 18- */
		font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
	section#contact ::-moz-placeholder {
		font-weight: 700;
		color: #ced4da;
		/* Firefox 19+ */
		font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
	section#contact :-ms-input-placeholder {
		font-weight: 700;
		color: #ced4da;
		font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; }

footer {
	padding: 25px 0;
	text-align: center; }
	footer span.copyright {
		font-size: 90%;
		line-height: 40px;
		text-transform: none;
		font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
	footer ul.quicklinks {
		font-size: 90%;
		line-height: 40px;
		margin-bottom: 0;
		text-transform: none;
		font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; }

ul.social-buttons {
	margin-bottom: 0; }
	ul.social-buttons li a {
		font-size: 20px;
		line-height: 40px;
		display: block;
		width: 40px;
		height: 40px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
		color: white;
		border-radius: 100%;
		outline: none;
		background-color: #212529; }
		ul.social-buttons li a:active, ul.social-buttons li a:focus, ul.social-buttons li a:hover {
			background-color: #fed136; }