html {scroll-behavior: smooth;}@font-face {font-family: 'Poppins';src: url('/assets/fonts/Poppins-Regular.ttf') format('truetype');font-weight: normal;font-style: normal;}@font-face {font-family: 'Lora';src: url('/assets/fonts/Lora-Regular.ttf') format('truetype');font-weight: normal;font-style: normal;}body {font-family: "Poppins", sans-serif;color: rgb(207, 207, 207);background: #000000;}a {color: #FFD97C;text-decoration: none;}a:hover {color: #000000;text-decoration: none;}h1, h2, h3, h4, h5, h6 {font-family: "Lora", sans-serif;}@keyframes fadeInRight {0% {opacity: 0;left: 20%;}100% {opacity: 1;left: 0;}}.back-to-top {position: fixed;visibility: hidden;opacity: 0;right: 15px;bottom: 15px;z-index: 996;background: #FFD97C;width: 40px;height: 40px;border-radius: 4px;transition: all 0.4s;}.back-to-top img {width: 28px;color: #000000;line-height: 0;}.back-to-top:hover {background: gold;}.back-to-top.active {visibility: visible;opacity: 1;}@media screen and (max-width: 768px) {[data-aos-delay] {transition-delay: 0 !important;}}#header {z-index: 2222;transition: all 0.5s;padding: 32px 0;background-color: transparent;color: white }#header.header-scrolled {background-color: black;padding: 12px 0;}#header.header-scrolled .logo img {transition: all 0.3s;max-height: 40px;}#header .logo h1 {font-size: 30px;margin: 0;padding: 0;line-height: 1;font-weight: 700;letter-spacing: 1px;}#header .logo h1 a, #header .logo h1 a:hover {color: #ffffff;text-decoration: none;}#header .logo img {padding: 0;margin: 0;max-height: 70px;}.navbar {padding: 0;margin-left: 30px;}.navbar ul {margin: 0;padding: 0;display: flex;list-style: none;align-items: center;}.navbar li {position: relative;}.navbar a, .navbar a:focus {display: flex;align-items: center;justify-content: space-between;padding: 10px 0 10px 30px;font-size: 20px;font-weight: 400;color: #e3e3e3;white-space: nowrap;transition: 0.3s;}.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover>a {color: #ffd97c;}.navbar .getstarted, .navbar .getstarted:focus {background: #ffd97c;box-shadow: 4px 4px 20px rgb(255, 217, 0);padding: 8px 25px;margin-left: 30px;border-radius: 50px;color: #000000;}.navbar .getstarted:hover, .navbar .getstarted:focus:hover {color: #fff;}.navbar .dropdown ul {display: block;position: absolute;left: 30px;top: calc(100% + 30px);margin: 0;z-index: 99;opacity: 0;visibility: hidden;background: #f7f7f2;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);transition: 0.3s;border-radius: 4px;}.navbar .dropdown ul li {min-width: 200px;}.navbar .dropdown ul a {padding: 10px 20px;font-size: 16px;color: black;}.navbar .dropdown img {width: 24px;margin-left: 6px }.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover>a {background: #ffd97c;}.navbar .dropdown:hover>ul {opacity: 1;top: 100%;visibility: visible;}.navbar .dropdown .dropdown ul {top: 0;left: calc(100% - 30px);visibility: hidden;}.navbar .dropdown .dropdown:hover>ul {opacity: 1;top: 0;left: 100%;visibility: visible;}@media (max-width: 1366px) {.navbar .dropdown .dropdown ul {left: -90%;}.navbar .dropdown .dropdown:hover>ul {left: -100%;}.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover>a {color: #000000;}}.mobile-nav-toggle {z-index: 999999999;color: #ffffff;font-size: 48px;cursor: pointer;display: none;line-height: 0;transition: 0.5s;}.mobile-nav-toggle.bi-x {color: #fff;}@media (max-width: 1254px) {.mobile-nav-toggle {display: block;}.navbar ul {display: none;}}.navbar-mobile {position: fixed;overflow: hidden;top: 0;right: 0;left: 0;bottom: 0;transition: 0.3s;z-index: 999;}.navbar-mobile ul {display: block;position: absolute;top: 85px;right: 15px;bottom: 15px;left: 15px;padding: 10px 0;border-radius: 8px;background-color: #fff9e4;backdrop-filter: blur(10px);overflow-y: auto;transition-duration: 0.9s;}.navbar-mobile a, .navbar-mobile a:focus {padding: 10px 20px;font-size: 15px;color: #222222;}.navbar-mobile .getstarted, .navbar-mobile .getstarted:focus {margin: 15px;}.navbar-mobile .dropdown ul {position: static;display: none;margin: 10px 20px;padding: 10px 0;z-index: 99;visibility: visible;background: #fff9e4d1;box-shadow: 0px 0px 30px rgba(255, 255, 255, 0.25);}.navbar-mobile .dropdown ul li {min-width: 150px;}.navbar-mobile .dropdown ul a {padding: 10px 20px;}.navbar-mobile .dropdown ul a i {font-size: 12px;}.navbar-mobile .dropdown img {filter: invert(1);}.navbar-mobile .dropdown>.dropdown-active {display: block;}#hero {width: 100%;height: 100vh;background: url("../img/backgrounds//handrails-spiral.webp");background-repeat: no-repeat;background-size: contain;background-size: 75%;background-position: top right;}#hero .headline {width: 70%;margin-top: 150px;margin-bottom: 30px;}#hero h1 {margin: 100px 0 20px 0;font-size: 64px;font-weight: 700;color: rgb(255, 255, 255);}#hero h2 {color: rgb(222, 222, 222);margin-bottom: 40px;font-family: "Poppins";font-size: 32px;}#hero .socials {display: inline-flex;align-items: flex-start;gap: 10px;margin-bottom: 60px;}#hero .socials img {width: 40px;}#hero .socials img:hover {filter: brightness(150%);}#hero .btn-get-started {font-family: "Open Sans", sans-serif;font-weight: 500;font-size: 20px;letter-spacing: 1px;display: inline-block;padding: 10px 30px;margin-bottom: 40px;border-radius: 50px;background: #ffb700;color: #000000;}#hero .btn-get-started:hover {box-shadow: 4px 4px 30px #ffd874af;}#hero #phone {width: 28px;margin-right: 5px;margin-bottom: 1px;}#hero .animated {animation: up-down 2s ease-in-out infinite alternate-reverse both;margin-top: -180px;}@media (max-width: 1254px) {#hero {background-repeat: no-repeat;background-position: top left;background-size: cover;}}@media (max-width: 991px) {#hero h2 {font-family: "Poppins";font-size: 24px;width: 50%;line-height: 24px;margin-bottom: 30px;}}@media (max-width: 575px) {#header .container{justify-content: space-between;padding: 4px;}#header .logo img {max-height: 55px;}#hero {background: url("../img/backgrounds/handrail-mobile.webp");background-size: contain;background-repeat: no-repeat;background-position: bottom right;}#hero h1 {margin-top: 0;font-size: 40px;width: 70%;}#hero h2 {margin-bottom: 50px;width: 40%;font-family: "Poppins";font-size: 24px;font-weight: normal;}#hero .socials {margin-bottom: 30px;}#hero .btn-get-started {box-shadow: 0 4px 10px rgb(36, 34, 0);}#hero .socials a img {filter: brightness(130%);}}@keyframes up-down {0% {transform: translateY(10px);}100% {transform: translateY(-10px);}}section {margin-bottom: 60px;overflow: hidden;}.section-bg {background-color: linear-gradient();}.section-title {text-align: center;padding-bottom: 30px;}.section-title h2 {font-size: 32px;font-weight: bold;text-transform: uppercase;position: relative;color: #eaeaea;}.section-title h2::before {content: url("/assets/img/fence-headboard/header-ornament-left.png");margin: 0 25px 10px 0;filter: brightness(1.5);}.section-title h2::after {content: url("/assets/img/fence-headboard/header-ornament-right.png");margin: 0 0 10px 25px;filter: brightness(1.5);}.section-title p {margin: 15px 0 0 0;color: lightgray;}@media (max-width: 575px) {.section-title h2 {font-size: 24px;}.section-title h2::before {margin: 0 10px 10px 0;}.section-title h2::after {margin: 0 0 10px 10px;}}@media (max-width: 575px) {.section-title h2 {font-size: 24px;}.section-title h2::before {margin: 0 10px 10px 0;}.section-title h2::after {margin: 0 0 10px 10px;}}#about {min-height: 100vh;background: url(../img/backgrounds/black-metal-background.webp);background-repeat: no-repeat;background-size: cover;}#about #linear-background {min-height: 100vh;background: linear-gradient(180deg, rgba(0,0,0,1) 7%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 75%, rgba(0,0,0,1) 100%);}#about .egg {position: relative;margin-top: -100px;width: 55%;object-fit: contain;z-index: 1;}#about .section-title {position: relative;z-index: 9;background: rgb(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,1) 30%, rgba(0, 0, 0, 0.2) 100%);}.about .content h3 {font-weight: 600;font-size: 26px;}.about .content ul {list-style: none;padding: 0;}.about .content ul li {position: relative;}.about .content ul li+li {margin-top: 2px;}.about .content ul li img {position: relative;width: 25px;margin-right: 5px;}.about .content p:last-child {margin-bottom: 0;}#about .animated {animation: up-down 2s ease-in-out infinite alternate-reverse both;}#about-column {visibility: hidden;}#about h3 {padding: 0 0 .5rem 0 }#about p {margin-bottom: 1rem;}#about span {font-weight: bold;}@media (max-width: 991px){#about .section-title {padding-bottom: 60px;background: linear-gradient(180deg, rgba(0,0,0,1) 70%, rgba(0, 0, 0, 0.2) 100%);}#about #egg-row {justify-content: center;margin-bottom: 60px;}#about .egg {margin-top: -70px;}}.services {background: black;color: #525252;}.services .icon-box {padding: 30px;position: relative;overflow: hidden;background: linear-gradient(58deg, rgb(255, 255, 255) 20%, rgb(255, 247, 203) 100%);box-shadow: 0 0 29px 0 rgba(68, 88, 144, 0.12);transition: all 0.3s ease-in-out;border-radius: 8px;z-index: 1;}.services .icon-box::before {content: "";position: absolute;background: #ffd97c;right: -60px;top: -40px;width: 50px;height: 50px;border-radius: 50px;transition: all 0.3s;z-index: -1;}.services .icon-box:hover::before {background: #ffd97c;right: 0;top: 0;width: 100%;height: 100%;border-radius: 0px;}.services .icon {margin: 0 auto 20px auto;padding-top: 10px;display: inline-block;text-align: center;border-radius: 50%;width: 60px;height: 60px;background: #ffd97c;transition: all 0.3s ease-in-out;}.services #handrail {padding-top: 0 }.services #gate {padding-top: 2px }.services .icon img {color: #000000;}.services .title {font-weight: 700;margin-bottom: 15px;font-size: 18px;}.services .title a {color: #111;}.services .description {font-size: 15px;line-height: 28px;margin-bottom: 0;}.services .icon-box:hover .title a, .services .icon-box:hover .description {color: #000000;}.services .icon-box:hover .icon {background: #fff;}.services .icon-box:hover .icon img {color: #ffd97c;}.more-services {padding-top: 20px;overflow: visible;}.more-services .card {border: 0;padding: 160px 20px 20px 20px;margin-bottom: 100px;position: relative;width: 100%;background-size: cover;background-repeat: no-repeat;background-position: center center;}.more-services .card-body {position: relative;bottom: -100px;margin: 20px;backdrop-filter: blur(10px);z-index: 10;background: rgba(255, 255, 255, 0.6);padding: 15px 30px;box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);transition: 0.3s;transition: ease-in-out 0.4s;border-radius: 15px;}.more-services .card-title {font-weight: 700;text-align: center;margin-bottom: 15px;}.more-services .card-title a {color: #222222;}.more-services .card-text {color: #191919;}.more-services .read-more a {color: #000000;text-transform: uppercase;font-weight: 600;font-size: 12px;transition: 0.4s;}.more-services .read-more a:hover {text-decoration: underline;}.more-services .card:hover .card-body {background: #ffd97c;}.more-services .card:hover .read-more a, .more-services .card:hover .card-title, .more-services .card:hover .card-title a, .more-services .card:hover .card-text {color: #383737;}.portfolio .portfolio-item {margin-bottom: 30px;}.portfolio .portfolio-wrap {transition: 0.3s;position: relative;overflow: hidden;z-index: 1;background: rgba(34, 34, 34, 0.6);}.portfolio .portfolio-wrap::before {content: "";background: rgba(34, 34, 34, 0.6);position: absolute;left: 0;right: 0;top: 0;bottom: 0;transition: all ease-in-out 0.3s;z-index: 2;opacity: 0;}.portfolio .portfolio-wrap img {transition: all ease-in-out 0.3s;}.portfolio .portfolio-wrap .portfolio-info {opacity: 0;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 3;transition: all ease-in-out 0.3s;display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-start;padding: 20px;}.portfolio .portfolio-wrap .portfolio-info h4 {font-size: 20px;color: #fff;font-weight: 600;}.portfolio .portfolio-wrap .portfolio-info p {color: rgba(255, 255, 255, 0.7);font-size: 14px;text-transform: uppercase;padding: 0;margin: 0;font-style: italic;}.portfolio .portfolio-wrap .portfolio-links {text-align: center;z-index: 4;}.portfolio .portfolio-wrap .portfolio-links a {color: #fff;margin: 0 5px 0 0;font-size: 28px;display: inline-block;transition: 0.3s;}.portfolio .portfolio-wrap .portfolio-links a:hover {color: #ffd97c;}.portfolio .portfolio-wrap:hover img {transform: scale(1.2);}@media (min-width: 766px){#portfolio {margin-top: -100px;}}.faq .faq-item {margin: 20px 0;padding: 20px 0;border-bottom: 1px solid #6c6c6c;}.faq .faq-item img {width: 24px;float: left;line-height: 0;margin: 0;}.faq .faq-item h4 {font-size: 16px;line-height: 26px;font-weight: 500;margin: 0 0 10px 32px;font-family: "Poppins", sans-serif;}.faq .faq-item p {font-size: 15px;}.contact .contact-form {padding-top: 90px;padding-bottom: 90px;}.contact .form-inp {width: 100%;height: 45px;border: 0;color: #ffffff;border-bottom: solid 1px #aeaeae;font-size: 14px;padding-left: 10px;margin-bottom: 15px;background: none;}.contact .contact-form textarea {width: 100%;border: 0;border-bottom: solid 1px #aeaeae;font-size: 14px;padding: 20px 0 0 10px;height: 119px;margin-bottom: 15px;color: white;background: none;}.contact .contact-form input:focus {border-color: gold;outline: none !important;}.contact .contact-form textarea:focus {border-color: gold;outline: none !important;}textarea:focus::placeholder{color: gold;}input:focus::placeholder{color: gold;}.contact .contact-form .site-btn {margin: 40px auto 0;display: block;box-shadow: 1px 1px 10px rgba(233, 233, 233, 0.438);color: black;background-image: linear-gradient(-45deg, rgb(255, 0, 191), rgb(0, 247, 255));}.contact .contact-form .site-btn:after {background: #ffffff;}.contact form {.button {display: flex;align-items: center;justify-content: center;position: relative;width: 50%;border-radius: 36px;font-weight: 700;height: 54px;font-size: 16px;padding-inline: 20px;background-color: transparent;color: #fff;text-transform: uppercase;overflow: hidden;text-align: center;transition: all .25s ease-in-out;z-index: 1;border: none;}.button:is(:hover, :focus)::before {transform: translateX(0%);}.text {white-space: nowrap;line-height: 1.2;padding-inline-end: 44px;z-index: 2;}.button::after {content: '';position: absolute;height: calc(100% - 2px);width: calc(100% - 2px);border: 1px solid #FFB400;border-radius: 36px;z-index: 2;}.button::before {content: "";position: absolute;height: 100%;width: 100%;background-color: #FFB400;z-index: 1;left: -2px;transform: translateX(95%);transition: all .3s ease-out;}.icon {display: inherit;position: absolute;top: 50%;transform: translateY(-50%);right: 0;width: 54px;height: 54px;justify-content: center;align-items: center;border-radius: 100%;background-color: #FFB400;z-index: 2;}}@keyframes animate-loading {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}@media (max-width: 575px){.contact .contact-form {padding-top: 15px;}.contact form .button {width: 100%;}}.contact .info {display: grid;grid-template-columns: repeat(3, 1fr);font-size: 20px;}.contact .info .social {gap: 3px;margin-bottom: 5px;}.contact .info .item a {color: #cfcfcf;}.contact .info .item a:last-child:hover {color: #fbcb5a;}.contact .info img {width: 28px;height: 28px;margin-right: 5px;}#footer {padding: 30px;margin-bottom: 20px;color: #ffffff;font-size: 14px;}#footer .credits a {color: gold;}#footer .credits a:hover {font-weight: 600;}