#video-block
{
max-height: 500px;
}
#video-block video
{
width: 100%;
height: 500px;
object-fit: cover;
}
@media only screen and (min-width: 1200px) {
.ml-icons {
margin-left: -70px !important;
}
}
.trenner-home {
height: 4px;
}
#title-grid, #home-grid {
background-color: #232323;
border-top: none;
border-bottom: 20px solid #70c2b4;
color: white;
padding-top: 0;
padding-bottom: 0;
}
@media (min-width: 1200px) {
.offset-xl-2-5 {
margin-left: 20%;
}
.col-xl-3-2 {
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 30%;
}
.pl-xl-6 {
padding-left: 5rem !important;
}
}
@media (min-width: 1440px) {
.offset-xxl-2 {
margin-left: 16.666667% !important;
}
.col-xxl-4 {
-ms-flex: 0 0 33.333333% !important;
flex: 0 0 33.333333% !important;
max-width: 33.333333% !important;
}
.pl-xxl-5 {
padding-left: 5rem !important;
}
}
@media screen and (min-width:1000px) {
#title-grid {
height: 350px;
}
}
.page-title-box, .showroom-box {
height: 500px;
background-color: #cccccc;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
@media screen and (min-width:2160px) {
#video-block {
max-height: 600px;
}
#video-block video {
height: 600px;
}
.slider-img {
object-fit: fill;
height: 600px;
}
.page-title-box, .showroom-box {
width: 100%;
height: 600px;
}
}
@media screen and (min-width:2700px) {
#video-block {
max-height: 840px;
}
#video-block video {
height: 840px;
}
.slider-img {
object-fit: fill;
height: 840px;
}
.page-title-box, .showroom-box {
width: 100%;
height: 840px;
}
}
.showroom-box {
background-color: #232323;
}
.project-box {
background-color: #eeeeee;
color: #232323;
padding-top: 0;
padding-bottom: 0;
}
.filterBar {
list-style: none;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
padding-left: 0;
padding-bottom: 20px;
column-gap: 15px;
row-gap: 1em;
margin-bottom: 0;
}
.icon-img {
height: 120px;
}
.big-img {
width: 100%;
height: 500px;
}
.bg-blue {
background-color: #70c2b4;
}
.text-pri {
color: #70C2B4;
}
.text-sec {
color: #027775;
}
.text-pink {
color: #EB5B93;
}
.bg-darker {
background-color: #232323;
}
.bg-pink {
background-color: #EB5B93;
}
.btn-pink {
color: #fff;
background-color: #EB5B93;
border-color: #c7517f;
}
.btn-pink:hover {
color: #fff;
background-color: #cb336e;
border-color: #ab3f69;
}
.btn-blue, .quform-submit {
color: #fff;
background-color: #027775;
border-color: transparent !important;
}
.btn-blue:hover, .quform-submit:hover {
color: #fff;
background-color: #07504f;
border-color: #053332 !important;
}
.bg-dark-gray
{
background-color: #ccc;
}
.bg-gray
{
background-color: #EFEDEE;
}
section.grey {
padding-bottom: 0;
}