/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template/modern-business)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */


/* Base */

* {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300 ;
}

body {
  padding-top: 56px;
}

strong {
	font-weight: 500 ;
}

h1,h2,h3,h4,h5 {
	font-family: 'Raleway', sans-serif;
	font-weight: 500 ;
}

h1,h2 {
	font-family: 'Raleway', sans-serif;
	font-weight: 900 ;
}


a {
	color: #818285 ;
}
a:hover, a:active {
	color: #f51522 ;
}

/* Redefinições */
.bg-dark {
	background-color: #292929 !important;
}

/* Cabeçalho */

.navbar {
    background-color: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 60%);
}

a.nav-link span {
    font-family: 'Raleway'!important;
    font-weight: 600;
}


/* Home */

.carousel-item {
	height: 65vh;
	min-height: 300px;
	background: no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.portfolio-item {
  margin-bottom: 30px;
}

.form-icon {
	color: #f51522 ;
	font-size: 7.5rem;
	text-align: center;
}

.call-to-action {
	background-image: url(../img/bg_content.jpeg);
	background-position: bottom right;
	background-color: #fafafa;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 5rem 0;
	color: #292929;
	border-bottom: 4px solid #dc3545;
}

#score_circle {
    display: inline-block;
    color: #FFF;
    background-color: #329ffb;
    width: 9rem;
    height: 9rem;
    padding: 2rem;
    font-size: 3rem;
    text-align: center;
    border-radius: 5rem;
}

.step {
	height: 15px;
	width: 15px;
	margin: 0 2px;
	background-color: #bbbbbb;
	border: none;
	border-radius: 50%;
	display: inline-block;
	opacity: 0.5;
}
.step.active {
	opacity: 1;
}
.step.finish {
	background-color: #04AA6D;
}

/* Conteúdo */

.inner_header {
	background-image: url(../img/bg_cabecalho_interna.jpeg);
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 5rem; 
	padding-bottom: 5rem; 
}

.image-01 {
	background-image: url(../img/img_01.jpeg);
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
}

.image-02 {
	background-image: url(../img/img_02.jpeg?a);
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
}


/* Rodapé */

footer {
	background-color: #313131 ;
}

footer .h4 {
    color: #FFF;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 3rem;
}

footer .h4::after {
content: '';
    position: absolute;
    display: block;
    height: 4px;
    width: 50%;
    background-color: Red;
    bottom: -1.5rem;
    left: 0;
}

footer .nav-link {
    padding: .5rem .5rem;
    opacity: .7;
}


/* Responsive */

@media (min-width: 992px)
{
	.navbar-expand-lg .navbar-nav .nav-link {
	    padding-right: 1rem;
	    padding-left: 1rem;
	}
}