html {
scroll-behavior: smooth; }

body {
font-size: 0.9em;
font-weight: 400;
font-family: 'Open sans';
line-height: 1.7em; }

#line {
font-size: 0.9em;
height: 40px;
line-height: 40px;
color: white;
background-color: #d81236; }

#line a {
color: white;
text-decoration: none; }

#logo {
height: 70px;
width: auto; }

.sticky {
width: 100% !important;
box-shadow: 0 4px 8px 0px gray;
margin-bottom: 10px;
top: 0 !important;
z-index: 1000;
position: fixed; }

#header {
width: 100% !important;
box-shadow: 0 4px 8px 0px gray;
margin-bottom: 10px;
top: 0 !important;
z-index: 1000;
position: fixed;
top: 40px;
background-color: white;
height: 160px; }

#header .container:nth-child(2) {
background-color: white; }

.nav-link {
color: #000; }

.nav-link:hover {
color: #000;}

.nav-item {
background-color: #efefef;
border-bottom: 1px solid white;
padding: 0 0.5em; }

.nav-item:first-child {
margin-top: 25px; }

.button {
border: 1px solid white;
color: white;
white-space: nowrap;
overflow: hidden;
font-size: 0.9em;
width: 165px;
text-align: center;
font-weight: bold;
padding: 0.7em 2em;
margin: 5px 10px 0 0;
display: inline-block;
text-decoration: none; }

.button:hover {
text-decoration: none;
color: white;
background-color: rgba(255,255,255,0.3); }

/* carousel */
#slider {
scroll-margin-top: 130px;
position: relative;
color: white;
padding: 50px 0;
margin-top: 150px;
background-position: 10% 80%;
background-size: cover; }

#slider p,
#slider h1,
#slider a {
text-shadow: 1px 0px 10px black; }

/* about us */
#about-us {
scroll-margin-top: 130px;
z-index: 500;
position: relative;
/* margin-top: -150px;  */}

#about-us .container {
background-color: white; }

#about-img {
max-width: 75%;
height: auto; }

.value {
border-left: 3px solid #e8eefa;
padding-right: 0; }

.value:hover {
border-left: 3px solid #d81236; }

.no-full {
max-width: 90%; }

.no-full b {
display: block;
margin-bottom: 1em;
color: black; }

/* services */
#services {
scroll-margin-top: 130px;
color: white;
background-color: #000; }

#services .service img {
margin: 1em 2em 0 0;
max-height: 3em;
width: auto; }

#photos {
max-width: 75%;
height: auto; }

/* benefits */
#benefits {
scroll-margin-top: 130px; }

.benefits-dot {
background-color: black;
color: white;
aspect-ratio: 1/1;
height: 30px;
line-height: 30px;
color: white;
margin: 7px 1em 0 0;
display: inline-block;
text-align: center;
border-radius: 50%; }

/* locations */
#locations {
scroll-margin-top: 130px;
background-color: #f7f7f7; }

.locations-dot {
background-color: #d81236;
color: white;
aspect-ratio: 1/1;
height: 30px;
line-height: 30px;
color: white;
margin: 7px 1em 0 0;
display: inline-block;
text-align: center;
border-radius: 50%; }

#map {
max-width: 95%;
height: auto; }

/* projects */
#projects {
scroll-margin-top: 130px; }

.project p {
font-size: 0.9em; }

#carousel-projects .owl-next {
position: absolute;
top: 30%;
font-size: 5.0em;
height: 100px;
z-index: 100;
right: -50px; }

#carousel-projects .owl-prev {
position: absolute;
top: 30%;
font-size: 5.0em;
height: 100px;
z-index: 100;
left: -50px; }

/* footer */
#footer {
color: white;
background-color: #000; }

#footer a {
color: white; }

#copy {
font-size: 0.8em; }

/* common */
.caption {
font-weight: bold;
padding: 0.75em 0 0.75em 1em;
color: black;
background-image: url(../img/caption2.png);
background-repeat: no-repeat;
background-size: auto 100%;
background-position: 0% 50%; }

.caption_inverse {
font-weight: bold;
padding: 0.75em 0;
color: white;  }

.caption span,
.caption_inverse span {
color: #d81236; }

.grey {
color: #777; }

.red {
color: #d81236; }

.clear {
clear: both; }

.no-border {
border: 0 !important; }

.justify {
text-align: justify; }


@media (min-width:767px) {
    #photos {
    max-width: 95%; }

    #about-img {
    max-width: 85%; }

    #footer {
    background-image: url('../img/footer-bg2.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 50%; }
}

@media (min-width:992px) {
    .nav-item {
    background-color: #fff;
    border-bottom: 1px solid white; }

    .nav-item:first-child {
    margin-top: 0px; }

    .item-bg {
    background-color: transparent; }


    #slider {
    background-position: 100% 80%; }

}