.no-gutters {margin-right: 0;    margin-left: 0;}
.no-gutters>.col, .no-gutters>[class*=col-] {    padding-right: 0;    padding-left: 0;}
html { font-family: 'd-dinregular', Arial, sans-serif;}
.service-item h4, .service-item h3{font-family: 'urw_din_condmedium', Arial, sans-serif;}
.product_text h4, .product_text p, .growing-philosophy .block-text p, .service-item p, .promo-block-content .block-desc p{font-family: 'urw_din_semicondlight', Arial, sans-serif;}
body {  position: relative;  overflow-x: hidden;}
p {  line-height: 1.75;}
::-webkit-input-placeholder {color: #cccccc !important;}
::-moz-placeholder {color: #cccccc !important;}
:-ms-input-placeholder{color: #cccccc !important;}
:-moz-placeholder {color: #cccccc !important;}
.confirmation-inner .age-lable, #mainNav .navbar-nav .nav-item .nav-link{font-family: 'urw_din_semicondlight', Arial, sans-serif;}
.page-section{padding: 2.5rem 0;}
.page-section h2.section-heading, .page-section .section-heading.h2 {  font-size: 2.5rem;  margin-top: 0;  margin-bottom: 1rem;}
.page-section h3.section-subheading, .page-section .section-subheading.h3 {  font-size: 1rem;  font-weight: 400;  font-style: italic;   margin-bottom: 4rem;}
.button-set .btn-submit, .search-row .search-group .btn-search{background-color: #ff7bac;border-color:#ff7bac;height: 50px;font-family: 'urw_din_semicondlight', Arial, sans-serif;text-transform: uppercase;font-size: 18px;}
.btn-xl {  padding: 1.25rem 2.5rem;font-size: 1.125rem;  font-weight: 700;}
.btn-social{height: 2.5rem;  width: 2.5rem;display:inline-flex;align-items: center;justify-content: center;padding: 0;border-radius: 100%;}
#mainNav {padding-top: 1rem;padding-bottom: 1rem;background-color: rgb(0 0 0 / 75%);}
#mainNav .navbar-toggler {padding: 0.75rem;font-size: 0.75rem;text-transform: uppercase;font-weight: 700;}
#mainNav .navbar-brand {color: #ffc800;font-weight: 700;letter-spacing: 0.0625em;text-transform: uppercase;}
#mainNav .navbar-brand img {height: 1.5rem;}
#mainNav .navbar-nav .nav-item .nav-link {font-size: 1.2rem;color: #fff;letter-spacing: 0.0625em;}
#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {color: #ff7bac;}

@media (min-width: 992px) {
#mainNav {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
border: none;
transition: padding-top 0.3s ease-in-out, padding-bottom 0.3s ease-in-out;
}
#mainNav .navbar-brand {
font-size: 1.5em;
transition: font-size 0.3s ease-in-out;
}
#mainNav .navbar-brand img {
height: 2rem;
transition: height 0.3s ease-in-out;
}
#mainNav.navbar-shrink {
padding-top: 1rem;
padding-bottom: 1rem;
background-color: rgb(0 0 0 / 75%);
}
#mainNav.navbar-shrink .navbar-brand {
font-size: 1.25em;
}
#mainNav.navbar-shrink .navbar-brand svg,
#mainNav.navbar-shrink .navbar-brand img {
height: 1.5rem;
}
#mainNav .navbar-nav .nav-item {
margin-right: 1rem;
}
#mainNav .navbar-nav .nav-item:last-child {
margin-right: 0;
}
}
header.masthead {
padding-top: 10.5rem;
padding-bottom: 6rem;
color: #fff;
background-image: url("../img/header-bg.jpg");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
background-size: cover; position:relative;     height: 100vh;
}
header.masthead:after{content:'';background-color: rgb(0 0 0 / 30%);position:absolute;width:100%;height:100%;bottom:0;left:0;right: auto;}
.hero-container {position: relative;z-index: 99;}
header.masthead .masthead-subheading {font-size: 1.5rem;  font-style: italic;  line-height: 1.5rem;  margin-bottom: 25px;  }
header.masthead .masthead-heading {  font-size: 3.25rem;
font-weight: 700;
line-height: 3.25rem;
margin-bottom: 2rem;

}

@media (min-width: 768px) {
header.masthead {
padding-top: 17rem;
padding-bottom: 12.5rem;
}
header.masthead .masthead-subheading {
font-size: 2.25rem;
font-style: italic;
line-height: 2.25rem;
margin-bottom: 2rem;
}
header.masthead .masthead-heading {
font-size: 4.5rem;
font-weight: 700;
line-height: 4.5rem;
margin-bottom: 4rem;
}
}
#portfolio .portfolio-item {
max-width: 26rem;
margin-left: auto;
margin-right: auto;
}
#portfolio .portfolio-item .portfolio-link {
position: relative;
display: block;
margin: 0 auto;
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover {
display: flex;
position: absolute;
width: 100%;
height: 100%;
background: rgba(255, 200, 0, 0.9);
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity ease-in-out 0.25s;
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
font-size: 1.25rem;
color: white;
}
#portfolio .portfolio-item .portfolio-link:hover .portfolio-hover {
opacity: 1;
}
#portfolio .portfolio-item .portfolio-caption {
padding: 1.5rem;
text-align: center;
background-color: #fff;
}
#portfolio .portfolio-item .portfolio-caption .portfolio-caption-heading {
font-size: 1.5rem;

font-weight: 700;
margin-bottom: 0;
}
#portfolio .portfolio-item .portfolio-caption .portfolio-caption-subheading {
font-style: italic;

}

.portfolio-modal .modal-dialog {
margin: 1rem;
max-width: 100vw;
}
.portfolio-modal .modal-content {
padding-top: 6rem;
padding-bottom: 6rem;
text-align: center;
}
.portfolio-modal .modal-content h2, .portfolio-modal .modal-content .h2 {
font-size: 3rem;
line-height: 3rem;
}
.portfolio-modal .modal-content p.item-intro {
font-style: italic;
margin-bottom: 2rem;

}
.portfolio-modal .modal-content p {
margin-bottom: 2rem;
}
.portfolio-modal .modal-content ul.list-inline {
margin-bottom: 2rem;
}
.portfolio-modal .modal-content img {
margin-bottom: 2rem;
}
.portfolio-modal .close-modal {
position: absolute;
top: 1.5rem;
right: 1.5rem;
width: 3rem;
height: 3rem;
cursor: pointer;
background-color: transparent;
}
.portfolio-modal .close-modal:hover {
opacity: 0.3;
}

.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: #ffc800;
}
.timeline > li .timeline-image h4, .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, .timeline .timeline-heading .h4 {
margin-top: 0;
color: inherit;
}
.timeline .timeline-heading h4.subheading, .timeline .timeline-heading .subheading.h4 {
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: 100px;
}
.timeline > li .timeline-panel {
float: left;
width: 41%;
padding: 0 20px 20px 30px;
text-align: right;
}
.timeline > li .timeline-image {
left: 50%;
width: 100px;
height: 100px;
margin-left: -50px;
}
.timeline > li .timeline-image h4, .timeline > li .timeline-image .h4 {
font-size: 13px;
line-height: 18px;
margin-top: 16px;
}
.timeline > li.timeline-inverted > .timeline-panel {
float: right;
padding: 0 30px 20px 20px;
text-align: left;
}
}
@media (min-width: 992px) {
.timeline > li {
min-height: 150px;
}
.timeline > li .timeline-panel {
padding: 0 20px 20px;
}
.timeline > li .timeline-image {
width: 150px;
height: 150px;
margin-left: -75px;
}
.timeline > li .timeline-image h4, .timeline > li .timeline-image .h4 {
font-size: 18px;
line-height: 26px;
margin-top: 30px;
}
.timeline > li.timeline-inverted > .timeline-panel {
padding: 0 20px 20px;
}
}
@media (min-width: 1200px) {
.timeline > li {    min-height: 170px;  }
.timeline > li .timeline-panel {    padding: 0 20px 20px 100px;  }
.timeline > li .timeline-image {    width: 170px;    height: 170px;    margin-left: -85px;  }
.timeline > li .timeline-image h4, .timeline > li .timeline-image .h4 {    margin-top: 40px;  }
.timeline > li.timeline-inverted > .timeline-panel {    padding: 0 100px 20px 20px;  }
}
.team-member {  margin-bottom: 3rem;  text-align: center;}
.team-member img {  width: 14rem;  height: 14rem;  border: 0.5rem solid rgba(0, 0, 0, 0.1);}
.team-member h4, .team-member .h4 {  margin-top: 1.5rem;  margin-bottom: 0;}
.img-brand {height: 2.75rem;}
section#contact{background-color:#f2f2f2;}
section#contact .section-heading {  color: #fff;}
section#contact form#contactForm .form-group {  margin-bottom: 1.5rem;}
section#contact form#contactForm .form-group input, section#contact form#contactForm .form-group textarea {  padding: 1.25rem;}
section#contact form#contactForm .form-group input.form-control {  height: auto;}
section#contact form#contactForm .form-group-textarea {  height: 100%;}
section#contact form#contactForm .form-group-textarea textarea {  height: 100%;  min-height: 10rem;}
section#contact form#contactForm p.help-block {  margin: 0;}
section#contact form#contactForm .form-control:focus {  border-color: #ffc800;  box-shadow: none;}
section#contact form#contactForm ::-webkit-input-placeholder {  font-weight: 700;  color: #ced4da;}
section#contact form#contactForm :-moz-placeholder {font-weight: 700;color: #ced4da;}
section#contact form#contactForm ::-moz-placeholder {    font-weight: 700;  color: #ced4da;}
section#contact form#contactForm :-ms-input-placeholder {  font-weight: 700;  color: #ced4da;}
.footer {text-align: center;  font-size: 0.9rem;}

.age-confirmation .radio-buttons label{display: inline-block;flex:0 0 50%;max-width: 50%;cursor: pointer;color: #606060;font-size: calc(2rem + 3.5vw);line-height: 1; margin-bottom:0; }
.age-confirmation .radio-buttons input[type="radio"] {display:none;}
.age-confirmation .radio-buttons input[type="radio"]:checked + label{color: #ffffff;}
.age-confirmation {background-color: rgb(0 0 0 / 75%);max-width: 750px;padding: 48px;margin: 0 auto;position: relative;}
.age-confirmation p{font-size: 18px;letter-spacing: 2px;line-height: 28px;color: #606060;font-weight: 300;padding-top: 15px;    margin-bottom: 0;}
.age-confirmation .btn-closethis{position: absolute;right: 0;top: 16px; }
.age-confirmation .btn-closethis, .age-confirmation .btn-closethis:hover, .age-confirmation .btn-closethis:focus, .age-confirmation .btn-closethis:active{color: var(--white); border-color: transparent !important; background-color: transparent !important;box-shadow:none !important;}
.age-confirmation .btn-closethis .material-icons {font-size: 40px;}
.confirmation-inner .age-lable{margin-bottom: 15px;text-transform: uppercase;font-size: 1.25rem;}
.confirmation-inner .col-12 {position: relative;}
.productBig-image {background-image: url('../img/product_image-large.jpg'); background-repeat: no-repeat; background-size: 100%;height: 415px;}
.subtle-gray-gradient { background: -webkit-linear-gradient(360deg, #f0f0f0 10%, #f4f4f4 360%); /* Chrome 10+, Saf5.1+ */ background: -moz-linear-gradient(360deg, #f0f0f0 10%, #f4f4f4 360%); /* FF3.6+ */ background: linear-gradient(360deg, #f0f0f0 10%, #f4f4f4 360%); /* W3C */ }
.product_text_col{background-color: #b3b3b3;} 
.search-row {background-color: #000000;padding: 20px 15px;}
.search-row .search-group .btn-search {flex: 1 1;}
.search-row .search-group>.form-control, .search-row .search-group .btn-search{border-radius:0 !important;height: 50px;}
.search-row .search-group>.form-control{flex: 0 0 60%;margin-right: 5%;}
.search-title {/*font-family: 'urw_dinlight', Arial, sans-serif;font-size: calc(.6rem + 1.5vw);*/}
.products-section .product-top {margin-right: calc(var(--bs-gutter-x) * -.5);margin-left: calc(var(--bs-gutter-x) * -.5);}
.product_text {padding: 32px;}
.product_text p{ font-size:1.15rem;}
.product_text h4 {font-size: 2.25rem;}  
.growing-philosophy{background: url('../img/facility-bg.jpg') no-repeat; background-size: 100%; margin-bottom:3rem;padding:100px 0;}
.growing-philosophy .block-content{background-color: rgb(0 0 0 / 75%);max-width: 960px;padding: 48px;margin: 0 auto;position: relative;}
.products-section {padding-bottom: 0;}
.growing-philosophy .block-title{}
.growing-philosophy .block-text p{ color:var(--bs-white);    font-size: 1.15rem;}
.growing-philosophy .block-title h2 {font-size: calc(.9rem + 3.7vw);color: rgb(255 255 255 / 40%);font-family: 'urw_din_condmedium', Arial, sans-serif;padding-bottom: 1rem;}
.service-image{background: url('../img/service-image.jpg') no-repeat; background-size: cover;height: 100%;width: 100%;}
.invest-section .service-bg-light{background-color: #f2f2f2 !important;padding: 48px;}
.form-group {margin-bottom: 1rem;}
.commonform input.form-control{height: 50px;}
.commonform .form-control{border-radius: 0;text-transform: uppercase;}
.app-form .button-set {text-align: right;}
.button-set .btn-submit{padding:10px 24px;min-width:250px;}
.service-item p{color: #998f8f; font-size:1.1rem;}
.service-item h3, .service-item h4{color: #606060;}
.map-responsive{overflow:hidden;padding-bottom:50%;    position:relative;    height:0;}
.map-responsive iframe{left:0;    top:0;    height:100%;    width:100%;    position:absolute;}
.bg-dark{background-color:#000000 !important;}
.download-container p{color: #998f8f;    font-size: 1.1rem;    font-family: 'urw_din_semicondlight', Arial, sans-serif;}
.block-title h2, .search-title{font-size: calc(.6rem + 1.5vw);font-family: 'urw_din_condmedium', Arial, sans-serif;}
.download-container .present-block .block-title{color: rgb(255 255 255 / 40%);padding-top: 1rem; font-size: calc(.4rem + 1.6vw);}
.present-block {padding: 2.5rem 2rem;}
.download-container .search-row .search-group>.form-control{flex:0 0 50%; margin-right:2%;background-color: #f2f2f2;border-color: #f2f2f2;}
.download-container .search-group .btn-search {flex: 0 0 48%;}
.media {align-items: center;}
textarea.form-control{ resize:none !important;}
.contact-section .form-control:not(.is-invalid){border-color:#f2f2f2 !important;}
#mainNav .navbar-toggler, #mainNav .navbar-toggler:hover, #mainNav .navbar-toggler:focus, #mainNav .navbar-toggler:active{ border:0 !important; box-shadow:none !important; outline:none !important;}
.block-build-1, .block-build-2, .block-build-3, .block-build-4{background-repeat:no-repeat;background-size:100%;height:500px;
padding:100px 0 30px 0;    background-position: center center;}
.block-build-1{background-image: url('../img/build_image_1.jpg'); }
.block-build-2{background-image: url('../img/build_image_2.jpg'); }
.block-build-3{background-image: url('../img/build_image_3.jpg'); }
.block-build-4{background-image: url('../img/build_image_4.jpg'); }
.block-build {padding: 0;position: relative;height: 100%;}
.block-build .partner-logo {position: absolute;bottom: 0;right: 24px;}
.block-build .partner-name{background-color: #535760;display:inline-block;width: auto;padding:10px 16px;min-width: 250px;color: var(--bs-white); text-align:center;}
.promo-block-content{padding: 120px 0 0 0;}
.promo-block-content .block-promo{text-align: center;}
.promo-block-content .block-promo .block-image{min-height: 80px;margin-bottom: 20px;}
.promo-block-content .row>[class*=block-promo-] {  margin-bottom: 30px;min-height: 170px;}
.promo-block-content .block-desc p{color: #998f8f;font-size: 1.1rem;max-width: 250px;margin-left:auto;margin-right: auto;text-align: center;}
.overlay {position: absolute;background-color: rgb(0 0 0 / 76%);z-index: 99;height: 100%;width: 100%;left: 0;right: auto;}
.age-confirmation{ z-index: 10000;}
body.hasoverlay #mainNav {z-index: 9;}
.standard-building-size .block-title h2{font-family: 'urw_din_condmedium', Arial, sans-serif; color:#212529 !important;padding-bottom: 1rem;}

.unique-build-system .block-content .block-title h2 {
    font-size: calc(1.5rem + 3.7vw);
    color: rgb(178 178 178 / 40%);
    font-family: 'urw_din_condmedium', Arial, sans-serif;
    padding-bottom: 1rem;
}
.rectangle {border: 3px #b3b3b3 dashed;width: 85%;height: 250px;}
.double-rectangle{border: 3px #b3b3b3 dashed;width: 85%;height: 350px;}
.rectangle-draw {text-align: center;}
.rectangle-draw .rectangle-size{font-family: 'urw_din_condmedium', Arial, sans-serif;color: #000000; margin-top:1.5rem;}
.double-rectangle .dashborder {border-bottom: 3px #b3b3b3 dashed;width: 100%;height: 60px;}
.larg-rectangle .dashborder {border-bottom: 3px #b3b3b3 dashed;width: 100%;height: 50%;}
.larg-rectangle{border: 3px #b3b3b3 solid;width: 85%;height: 350px;position: relative;}
.standard-building-size {    background-color: #f2f2f2 !important;}
.requestquote {    background-color: #e6e6e6 !important;}
.custom-sizeinfo{ background-color:#b3b3b3;     padding: 1.5rem;    text-align: center;    margin-top: 5rem;}
.larg-rectangle .topborder {border: 3px #b3b3b3 dashed;height: 60px;width: 200px;position: absolute;border-bottom: 0;margin: 0 auto;
left: 30%;right: auto;top: -61px;}
.larg-rectangle-inner {display: flex;flex-wrap: wrap; width: 100%;height: 100%;justify-content: center;align-items: center;text-align: center;}
.larg-rectangle-right {border-right: 3px #b3b3b3 dashed;height: 100%;width: 45%;flex: 0 0 45%;max-width: 45%;margin-right: 6%;}
.larg-rectangle-left {border-left: 3px #b3b3b3 dashed;height: 100%;width: 45%;flex: 0 0 45%;max-width: 45%;margin-left: 4%;}
.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: none !important;
}



@media (min-width: 300px) and ( max-width:1100px){
.container, .container-lg, .container-md, .container-sm, .page-section .container{ max-width:98% !important; padding-left:1.5rem; padding-right:1.5rem;}
}

@media ( min-width:771px){
.age-confirmation .radio-buttons {position: absolute;bottom: 0px;width: 100%;display: flex;flex-wrap: wrap;text-align: right;}
}

@media (max-width: 576.2px){
.productBig-image {height: 250px;}
.download-container .search-row .search-group>.form-control{ margin-right:0 !important;}
.download-container .search-group .btn-search, .download-container .search-row .search-group>.form-control {flex: 0 0 100%;}
.growing-philosophy {background-size: cover;height: 100%;}
.rectangle-draw{ margin-bottom:2.5rem;}
.larg-rectangle {margin-top: 60px;}
.larg-rectangle .topborder{left:0;width: 100%;}
.larg-rectangle, .double-rectangle, .rectangle{width: 100%;}
.custom-sizeinfo {padding: 1.5rem !important;    margin-top: 0;}
.custom-sizeinfo h4{ font-size:1rem;}
.block-build-1, .block-build-2, .block-build-3, .block-build-4{background-size: cover;}
}