body{font-family: "Open Sans", sans-serif;color: #444444}a{color: #000;text-decoration: none;font-weight: bold}a:hover{color: #000;text-decoration: underline}h1,h2,h3,h4,h5,h6{font-family: "Raleway", sans-serif}.back-to-top{position: fixed;visibility: hidden;opacity: 0;right: 15px;bottom: 15px;z-index: 996;background: #ffc451;width: 40px;height: 40px;border-radius: 4px;transition: all 0.4s}.back-to-top i{font-size: 28px;color: #151515;line-height: 0}.back-to-top:hover{background: #151515}.back-to-top:hover i{color: #ffc451}.back-to-top.active{visibility: visible;opacity: 1}#preloader{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9999;overflow: hidden;background: #151515}#preloader:before{content: "";position: fixed;top: calc(50% - 0px);left: calc(50% - 30px);border: 6px solid #ffc451;border-top-color: #151515;border-bottom-color: #151515;border-radius: 50%;width: 60px;height: 60px;animation: animate-preloader 1s linear infinite}@keyframes animate-preloader{0%{transform: rotate(0deg)}100%{transform: rotate(360deg)}}@media screen and (max-width: 768px){[data-aos-delay]{transition-delay: 0 !important}}#header{transition: all 0.5s;z-index: 997;padding: 15px 0}#header.header-scrolled,#header.header-inner-pages{background: rgba(0, 0, 0, 0.8)}#header .logo{font-size: 32px;margin: 0;padding: 0;line-height: 1;font-weight: 700;letter-spacing: 2px;text-transform: uppercase}#header .logo a{color: #fff}#header .logo a span{color: #ffc451}#header .logo img{max-height: 40px}.lang-btn{color: #fff;border-radius: 4px;padding: 7px 25px 8px 25px;white-space: nowrap;transition: 0.3s;font-size: 14px;display: inline-block;border: 2px solid #ffc451}.lang-btn:hover{background: #ffbb38;color: #343a40}@media (max-width: 992px){.lang-btn{padding: 2px;margin-right: 1rem;border: none}.lang-btn span{display: none}}.navbar{padding: 0}.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: 15px;font-weight: 600;color: #fff;white-space: nowrap;transition: 0.3s}.navbar a i,.navbar a:focus i{font-size: 12px;line-height: 0;margin-left: 5px}.navbar a:hover,.navbar .active,.navbar .active:focus,.navbar li:hover>a{color: #ffc451}.navbar .dropdown ul{display: block;position: absolute;left: 14px;top: calc(100% 30px);margin: 0;padding: 10px 0;z-index: 99;opacity: 0;visibility: hidden;background: #fff;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);transition: 0.3s}.navbar .dropdown ul li{min-width: 200px}.navbar .dropdown ul a{padding: 10px 20px;font-size: 14px;text-transform: none;color: #151515;font-weight: 400}.navbar .dropdown ul a i{font-size: 12px}.navbar .dropdown ul a:hover,.navbar .dropdown ul .active:hover,.navbar .dropdown ul li:hover>a{background-color: #ffc451}.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%}}.mobile-nav-toggle{color: #fff;font-size: 28px;cursor: pointer;display: none;line-height: 0;transition: 0.5s}@media (max-width: 991px){.mobile-nav-toggle{display: block}.navbar ul{display: none}}.navbar-mobile{position: fixed;overflow: hidden;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0, 0, 0, 0.9);transition: 0.3s;z-index: 999}.navbar-mobile .mobile-nav-toggle{position: absolute;top: 15px;right: 15px}.navbar-mobile ul{display: block;position: absolute;top: 55px;right: 15px;bottom: 15px;left: 15px;padding: 10px 0;background-color: #fff;overflow-y: auto;transition: 0.3s}.navbar-mobile a,.navbar-mobile a:focus{padding: 10px 20px;font-size: 15px;color: #151515}.navbar-mobile a:hover,.navbar-mobile .active,.navbar-mobile li:hover>a{color: #151515;background-color: #ffc451}.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;opacity: 1;visibility: visible;background: #fff;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25)}.navbar-mobile .dropdown ul li{min-width: 200px}.navbar-mobile .dropdown ul a{padding: 10px 20px;color: #151515}.navbar-mobile .dropdown ul a i{font-size: 12px}.navbar-mobile .dropdown ul a:hover,.navbar-mobile .dropdown ul .active:hover,.navbar-mobile .dropdown ul li:hover>a{background-color: #ffc451}.navbar-mobile .dropdown>.dropdown-active{display: block}#bg{width: 100%;height: 100vh;background: url("../../images/diy_v1/26.jpg") top center;background-size: cover;position: relative}#bg:before{content: "";background: rgba(0, 0, 0, 0.6);position: absolute;bottom: 0;top: 0;left: 0;right: 0}#bg .container{position: relative;padding-top: 74px;text-align: center}#bg h1{margin: 0;font-size: 56px;font-weight: 700;line-height: 64px;color: #fff;font-family: "Poppins", sans-serif}#bg h1 span{color: #ffc451}#bg h2{color: rgba(255, 255, 255, 0.9);margin: 10px 0 0 0;font-size: 24px}#bg .icon-box{padding: 30px 20px;transition: ease-in-out 0.3s;border: 1px solid rgba(255, 255, 255, 0.3);height: 100%;text-align: center}#bg .icon-box i{font-size: 32px;line-height: 1;color: #ffc451}#bg .icon-box h3{font-weight: 700;margin: 10px 0 0 0;padding: 0;line-height: 1;font-size: 20px;line-height: 26px}#bg .icon-box h3 a{color: #fff;transition: ease-in-out 0.3s}#bg .icon-box h3 a:hover{color: #ffc451}#bg .icon-box:hover{border-color: #ffc451}@media (min-width: 1024px){#bg{background-attachment: fixed}}@media (max-width: 768px){#bg{height: auto}#bg h1{font-size: 28px;line-height: 36px}#bg h2{font-size: 20px;line-height: 24px}}section{padding: 60px 0;overflow: hidden}.section-title{padding-bottom: 40px}.section-title h2{font-size: 14px;font-weight: 500;padding: 0;line-height: 1px;margin: 0 0 5px 0;letter-spacing: 2px;text-transform: uppercase;color: #aaaaaa;font-family: "Poppins", sans-serif}.section-title h2::after{content: "";width: 120px;height: 1px;display: inline-block;background: #ffde9e;margin: 4px 10px}.section-title p{margin: 0;margin: 0;font-size: 36px;font-weight: 700;text-transform: uppercase;font-family: "Poppins", sans-serif;color: #151515}.common .content h3{font-weight: 700;font-size: 28px;font-family: "Poppins", sans-serif}.common .content ul{list-style: none;padding: 0}.common .content ul li{padding: 0 0 8px 26px;position: relative}.common .content ul i{position: absolute;font-size: 20px;left: 0;top: -3px;color: #ffc451}.common .content p:last-child{margin-bottom: 0}.logos{padding-top: 20px}.logos .swiper-slide img{opacity: 0.5;transition: 0.3s;filter: grayscale(100)}.logos .swiper-slide img:hover{filter: none;opacity: 1}.logos .swiper-pagination{margin-top: 20px;position: relative}.logos .swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;background-color: #fff;opacity: 1;background-color: #ddd}.logos .swiper-pagination .swiper-pagination-bullet-active{background-color: #ffc451}.features{padding-top: 20px}.features .icon-box{padding-left: 15px}.features .icon-box h4{font-size: 20px;font-weight: 700;margin: 5px 0 10px 60px}.features .icon-box i{font-size: 48px;float: left;color: #ffc451}.features .icon-box p{font-size: 15px;color: #848484;margin-left: 60px}.features .image{background-position: center center;background-repeat: no-repeat;background-size: cover;min-height: 400px}.gallery .gallery-item{margin-bottom: 30px}.gallery #gallery-flters{padding: 0;margin: 0 auto 20px auto;list-style: none;text-align: center}.gallery #gallery-flters li{cursor: pointer;display: inline-block;padding: 8px 15px 10px 15px;font-size: 14px;font-weight: 600;line-height: 1;text-transform: uppercase;color: #444444;margin-bottom: 5px;transition: all 0.3s ease-in-out;border-radius: 3px}.gallery #gallery-flters li:hover,.gallery #gallery-flters li.filter-active{color: #151515;background: #ffc451}.gallery #gallery-flters li:last-child{margin-right: 0}.gallery .gallery-wrap{transition: 0.3s;position: relative;overflow: hidden;z-index: 1;background: rgba(21, 21, 21, 0.6)}.gallery .gallery-wrap::before{content: "";background: rgba(21, 21, 21, 0.6);position: absolute;left: 0;right: 0;top: 0;bottom: 0;transition: all ease-in-out 0.3s;z-index: 2;opacity: 0}.gallery .gallery-wrap img{transition: all ease-in-out 0.3s}.gallery .gallery-wrap .gallery-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}.gallery .gallery-wrap .gallery-info h4{font-size: 20px;color: #fff;font-weight: 600}.gallery .gallery-wrap .gallery-info p{color: rgba(255, 255, 255, 0.7);font-size: 14px;text-transform: uppercase;padding: 0;margin: 0;font-style: italic}.gallery .gallery-wrap .gallery-links{text-align: center;z-index: 4}.gallery .gallery-wrap .gallery-links a{color: #fff;margin: 0 5px 0 0;font-size: 28px;display: inline-block;transition: 0.3s}.gallery .gallery-wrap .gallery-links a:hover{color: #ffc451}.gallery .gallery-wrap:hover::before{opacity: 1}.gallery .gallery-wrap:hover img{transform: scale(1.2)}.gallery .gallery-wrap:hover .gallery-info{opacity: 1}.gallery-details{padding-top: 40px}.gallery-details .gallery-details-slider img{width: 100%}.gallery-details .gallery-details-slider .swiper-pagination{margin-top: 20px;position: relative}.gallery-details .gallery-details-slider .swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;background-color: #fff;opacity: 1;border: 1px solid #ffc451}.gallery-details .gallery-details-slider .swiper-pagination .swiper-pagination-bullet-active{background-color: #ffc451}.gallery-details .gallery-info{padding: 30px;box-shadow: 0px 0 30px rgba(21, 21, 21, 0.08)}.gallery-details .gallery-info h3{font-size: 22px;font-weight: 700;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #eee}.gallery-details .gallery-info ul{list-style: none;padding: 0;font-size: 15px}.gallery-details .gallery-info ul li li{margin-top: 10px}.gallery-details .gallery-description{padding-top: 30px}.gallery-details .gallery-description h2{font-size: 26px;font-weight: 700;margin-bottom: 20px}.gallery-details .gallery-description p{padding: 0}.contact .info{width: 100%;background: #fff}.contact .info i{font-size: 20px;background: #ffc451;color: #151515;float: left;width: 44px;height: 44px;display: flex;justify-content: center;align-items: center;border-radius: 4px;transition: all 0.3s ease-in-out}.contact .info h4{padding: 0 0 0 60px;font-size: 22px;font-weight: 600;margin-bottom: 5px;color: #151515}.contact .info p{padding: 0 0 0 60px;margin-bottom: 0;font-size: 14px;color: #484848}.contact .info .email,.contact .info .phone{margin-top: 40px}.contact .php-email-form{width: 100%;background: #fff}.contact .php-email-form .form-group{padding-bottom: 8px}.contact .php-email-form .error-message{display: none;color: #fff;background: #ed3c0d;text-align: left;padding: 15px;font-weight: 600}.contact .php-email-form .error-message br br{margin-top: 25px}.contact .php-email-form .sent-message{display: none;color: #fff;background: #18d26e;text-align: center;padding: 15px;font-weight: 600}.contact .php-email-form .loading{display: none;background: #fff;text-align: center;padding: 15px}.contact .php-email-form .loading:before{content: "";display: inline-block;border-radius: 50%;width: 24px;height: 24px;margin: 0 10px -6px 0;border: 3px solid #18d26e;border-top-color: #eee;animation: animate-loading 1s linear infinite}.contact .php-email-form input,.contact .php-email-form textarea{border-radius: 0;box-shadow: none;font-size: 14px;border-radius: 4px}.contact .php-email-form input:focus,.contact .php-email-form textarea:focus{border-color: #ffc451}.contact .php-email-form input{height: 44px}.contact .php-email-form textarea{padding: 10px 12px}.contact .php-email-form button[type=submit]{background: #ffc451;border: 0;padding: 10px 24px;color: #151515;transition: 0.4s;border-radius: 4px}.contact .php-email-form button[type=submit]:hover{background: #ffcd6b}@keyframes animate-loading{0%{transform: rotate(0deg)}100%{transform: rotate(360deg)}}.breadcrumbs{padding: 15px 0;background: whitesmoke;min-height: 40px;margin-top: 74px}.breadcrumbs h2{font-size: 28px;font-weight: 400}.breadcrumbs ol{display: flex;flex-wrap: wrap;list-style: none;padding: 0;margin: 0}.breadcrumbs ol li li{padding-left: 10px}.breadcrumbs ol li li::before{display: inline-block;padding-right: 10px;color: #2f2f2f;content: "/"}@media (max-width: 992px){.breadcrumbs{margin-top: 68px}.breadcrumbs .d-flex{display: block !important}.breadcrumbs ol{display: block}.breadcrumbs ol li{display: inline-block}}#footer{background: black;padding: 0 0 30px 0;color: #fff;font-size: 14px}#footer .footer-top{background: #151515;border-bottom: 1px solid #222222;padding: 60px 0 30px 0}#footer .footer-top .footer-info{margin-bottom: 30px}#footer .footer-top .footer-info h3{font-size: 28px;margin: 0 0 20px 0;padding: 2px 0 2px 0;line-height: 1;font-weight: 700;text-transform: uppercase}#footer .footer-top .footer-info h3 span{color: #ffc451}#footer .footer-top .footer-info p{font-size: 14px;line-height: 24px;margin-bottom: 0;font-family: "Raleway", sans-serif;color: #fff}#footer .footer-top .social-links a{font-size: 18px;display: inline-block;background: #292929;color: #fff;line-height: 1;padding: 8px 0;margin-right: 4px;border-radius: 4px;text-align: center;width: 36px;height: 36px;transition: 0.3s}#footer .footer-top .social-links a:hover{background: #ffc451;color: #151515;text-decoration: none}#footer .footer-top h4{font-size: 16px;font-weight: 600;color: #fff;position: relative;padding-bottom: 12px}#footer .footer-top .footer-links{margin-bottom: 30px}#footer .footer-top .footer-links ul{list-style: none;padding: 0;margin: 0}#footer .footer-top .footer-links ul i{padding-right: 2px;color: #ffc451;font-size: 18px;line-height: 1}#footer .footer-top .footer-links ul li{padding: 10px 0;display: flex;align-items: center}#footer .footer-top .footer-links ul li:first-child{padding-top: 0}#footer .footer-top .footer-links ul a{color: #fff;transition: 0.3s;display: inline-block;line-height: 1}#footer .footer-top .footer-links ul a:hover{color: #ffc451}#footer .copyright{text-align: center;padding-top: 30px}#footer .credits{padding-top: 10px;text-align: center;font-size: 13px;color: #fff}#footer .footer-logo{max-width: 200px;opacity:0.5;-webkit-filter: grayscale(100%);filter: grayscale(100%)}#footer a{color: #ffc451;text-decoration: none;font-weight: normal}#footer a:hover{color: #ffd584;text-decoration: none}.grecaptcha-badge{display: none}.download-header{color: gray;font-size: 0.9rem}.file-link{color: #000;font-weight: bold}.file-link:hover{color: #000;text-decoration: underline}.github-corner{top: 0;right: 0;position: fixed;z-index: 999}.github-corner:hover .octo-arm{animation: octocat-wave 560ms ease-in-out}@media (max-width: 992px){.github-corner{display: none}}@keyframes octocat-wave{0%{transform: rotate(0deg)}20%{transform: rotate(-25deg)}40%{transform: rotate(10deg)}60%{transform: rotate(-25deg)}80%{transform: rotate(10deg)}100%{transform: rotate(0deg)}}@media (max-width: 500px){.github-corner:hover .octo-arm{animation: none}.github-corner .octo-arm{animation: octocat-wave 560ms ease-in-out}.github-link{font-size:0.8rem}.title{font-size:1.5rem}.main{margin-top: 10vh}.small-mobile{font-size: 0.8rem}.grecaptcha-badge{visibility: hidden}}@media (max-width: 992px){.build-begin{display: none}}