.uppercase {
text-transform: uppercase;
} .hero .row {
position: relative;
margin-top: 0;
justify-content: center;
}
.hero h1 {
margin-bottom: 35px;
}
.hero .content {
color: #fff;
}
.hpadding-10px {
padding: 0 10px !important;
}
.hero__background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
z-index: 0;
opacity: 1;
}
.hero .content {
display: flex;
flex-direction: column;
justify-content: center;
}
.hero .content .box {
text-align: center;
z-index: 99;
}
.hero .content .box a {
background-color: #7da3a1 !important;
border-radius: 5px;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.07), 0 6px 6px rgba(0, 0, 0, 0.07);
color: #fff !important;
padding: 10px 20px;
transition: all 0.5s;
} .hero .content .box a:hover {
box-shadow: 0 15px 25px rgba(0, 0, 0, 0.17), 0 12px 12px rgba(0, 0, 0, 0.17);
transition: all 0.5s;
}
.container-fluid button {
background-color: #dfeae5 !important;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.07), 0 6px 6px rgba(0, 0, 0, 0.07);
color: #fff !important;
}
td {
border-width: 0 0px 1px 0 !important;
}
table,
td,
th {
border: none !important;
} .intro {
margin-top: -96px;
}
.intro .logo {
z-index: 1000;
}
.intro .content {
margin-top: 30px;
} .textImage .content {
padding: 30px 30px 0 30px;
}
#map {
height: 700px;
} .accordionItem .title {
background-color: #fff;
color: #444;
cursor: pointer;
padding: 18px;
width: 100%;
text-align: left;
border: none;
outline: none;
border: 1px solid #ebebeb;
margin-bottom: 10px;
border-radius: 6px;
transition: 0.4s;
font-family: 'Krona One', sans-serif;
font-weight: bold;
font-size: 12px;
text-transform: uppercase;
}
.accordionItem .title:after {
content: '\002B';
color: #777;
font-weight: bold;
float: right;
margin-left: 5px;
}
.accordionItem .title.active::after {
content: '\2212';
}
.active,
.accordionItem .title:hover {
border-color: #28724f;
}
.accordionItem .content {
padding: 0 18px;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.accordionItem .content p {
margin-top: 1.2em;
margin-bottom: 1.2em;
font-size: 15px;
}
.videoWrapper {
position: relative;
padding-bottom: 56.25%; height: 0;
box-shadow: 4px 4px 8px #bebebe;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} @media (max-width: 980px) {
}
@media (max-width: 768px) {
.intro {
margin-top: -45px;
}
.intro .logo {
z-index: 1000;
}
.intro .content {
margin-top: 30px;
}
.textImage .content {
padding: 15px 0 0 0;
}
#map {
height: 300px;
}
#map button {
background-color: #333 !important;
color: #fff !important;
}
.accordionItem .title:after,
.accordionItem .title.active::after {
content: '';
}
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
} @-moz-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
} @-webkit-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
} @-ms-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
} @-o-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}