:root{--reroof-font:"Open Sans",sans-serif;--reroof-font-two:"Rubik",sans-serif;--reroof-gray:#494949;--reroof-gray-rgb:123,100,100;--reroof-base:#EE212B;--reroof-base-rgb:238,33,43;--reroof-black:#082C4B;--reroof-black-rgb:8,44,75;--reroof-white:#fff;--reroof-white-rgb:255,255,255;--reroof-bdr-color:#DDD;--reroof-bdr-color-rgb:221,221,221}.row{--bs-gutter-x:30px}.gutter-y-30{--bs-gutter-y:30px}body{color:var(--reroof-gray);font-size:18px;line-height:28px;font-weight:400;font-family:var(--reroof-font)}body.locked{overflow:hidden}a{color:var(--reroof-base);-webkit-transition:all 500ms ease;transition:all 500ms ease}a,a:hover,a:focus,a:visited{text-decoration:none}::-webkit-input-placeholder{color:inherit;opacity:1}:-ms-input-placeholder{color:inherit;opacity:1}::-ms-input-placeholder{color:inherit;opacity:1}::placeholder{color:inherit;opacity:1}h1,h2,h3,h4,h5,h6{color:var(--reroof-black);font-family:var(--reroof-font-two);margin:0}p{margin:0}dl,ol,ul{margin-top:0;margin-bottom:0;padding:0;list-style-type:none}::-webkit-input-placeholder{color:inherit;opacity:1}:-ms-input-placeholder{color:inherit;opacity:1}::-ms-input-placeholder{color:inherit;opacity:1}::placeholder{color:inherit;opacity:1}.page-wrapper{position:relative;margin:0 auto;width:100%;min-width:300px;overflow:hidden}.container{padding-left:15px;padding-right:15px}.auto-container{position:static;max-width:1200px;padding:0 15px;margin:0 auto}@media (min-width:1320px){.container{max-width:1320px}}::-webkit-input-placeholder{color:inherit;opacity:1}:-ms-input-placeholder{color:inherit;opacity:1}::-ms-input-placeholder{color:inherit;opacity:1}::placeholder{color:inherit;opacity:1}#particles-js{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-position:50% 50%;opacity:.4;z-index:-1}.custom-cursor__cursor{width:25px;height:25px;border-radius:100%;border:1px solid var(--reroof-base);-webkit-transition:all 200ms ease-out;transition:all 200ms ease-out;position:fixed;pointer-events:none;left:0;top:0;-webkit-transform:translate(calc(-50% + 5px),-50%);transform:translate(calc(-50% + 5px),-50%);z-index:999991}.custom-cursor__cursor-two{width:10px;height:10px;border-radius:100%;background-color:var(--reroof-base);opacity:.3;position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none;-webkit-transition:width .3s,height .3s,opacity .3s;transition:width .3s,height .3s,opacity .3s;z-index:999991}.custom-cursor__hover{background-color:var(--reroof-base);opacity:.4}.custom-cursor__innerhover{width:25px;height:25px;opacity:.4}.section-title{position:relative;display:block;padding-bottom:57px;margin-top:-7px;z-index:1}.section-title__tagline{position:relative;display:block}.section-title__tagline h4{color:var(--reroof-black);font-size:18px;line-height:28px;font-weight:400;text-transform:capitalize}.section-title__title{color:var(--reroof-black);font-size:50px;line-height:1.2em;font-weight:500;text-transform:none;margin:10px 0 0}.section-title-two{position:relative;display:block;margin-bottom:47px;z-index:1}.section-title-two__tagline-box{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:10px}.section-title-two__tagline-icon-box{position:relative;display:flex;align-items:center}.section-title-two__tagline-icon-1{position:relative;display:block;width:14px;height:14px;border:1px solid var(--reroof-black);border-radius:50%;z-index:1}.section-title-two__tagline-icon-2{position:relative;display:block;width:14px;height:14px;background-color:var(--reroof-base);border-radius:50%;margin-left:-9px;z-index:1}.section-title-two__tagline{position:relative;display:inline-block;font-size:17px;line-height:1em;color:var(--reroof-base);font-weight:400;font-family:var(--reroof-font-two);text-transform:uppercase}.section-title-two__title{color:var(--reroof-black);font-size:40px;line-height:1.3em;font-weight:400;text-transform:uppercase;margin:21px 0 0}.section-title-two__title span{color:var(--reroof-base);position:relative;display:inline-block}.section-title-two__title span:before{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6232F8 0%,rgba(98,50,248,0) 100%)}.section-title-two__title .split-line{text-transform:uppercase}.thm-btn{position:relative;display:inline-block;vertical-align:middle;-webkit-appearance:none;outline:none!important;background-color:var(--reroof-base);color:var(--reroof-white);font-size:18px;line-height:18px;font-weight:600;text-transform:capitalize;padding:20px 30px 21px;overflow:hidden;border-radius:7px;transition:all 0.5s linear;z-index:1}.thm-btn>span::before{position:relative;display:inline-block;font-size:16px;font-weight:700;top:2px;margin-left:2px}.thm-btn::before{position:absolute;top:0;left:0;content:"";width:50%;height:0;visibility:hidden;background-color:var(--reroof-black);opacity:0;z-index:-1;transition:all 0.4s ease-in-out}.thm-btn:hover:before{width:100%;height:100%;visibility:visible;opacity:1}.thm-btn::after{position:absolute;background-color:var(--reroof-black);bottom:0;right:0;content:"";width:50%;height:0;visibility:hidden;opacity:0;z-index:-1;transition:all 0.4s ease-in-out}.thm-btn:hover::after{width:100%;height:100%;visibility:visible;opacity:1}.thm-btn:hover{color:var(--reroof-white)}.loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:20000;overflow-x:hidden!important;display:flex;align-items:center;justify-content:center}.loader div{width:20px;height:20px;margin:0 10px 0;border-radius:50px;transform-origin:50% 0;display:inline-block;animation:bouncing 1.4s linear infinite}.loader div:last-child{margin:0}.loader div:nth-child(1){background-color:rgba(var(--reroof-base-rgb),1)}.loader div:nth-child(2){background-color:rgba(var(--reroof-base-rgb),.7);animation-delay:0.2s}.loader div:nth-child(3){background-color:rgba(var(--reroof-base-rgb),.4);animation-delay:0.4s}@keyframes bouncing{0%,100%{transform:translateY(0) scale(1,1);animation-timing-function:ease-in}45%{transform:translateY(50px) scale(1,1);animation-timing-function:linear}50%{transform:translateY(50px) scale(1.5,.5);animation-timing-function:linear}55%{transform:translateY(50px) scale(1,1);animation-timing-function:ease-out}}button{cursor:pointer;border:none;background:transparent;padding:0}.scroll-to-top{display:flex;align-items:center;width:auto;height:35px;background:transparent;position:fixed;bottom:60px;right:-12px;z-index:99;text-align:center;opacity:0;visibility:hidden;transform:rotate(-90deg);cursor:pointer;transition:all 0.2s ease}.scroll-to-top:hover{color:var(--reroof-base)}.scroll-to-top__text{display:inline;font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin-left:10px}.scroll-to-top__wrapper{display:inline-block;width:30px;height:4px;background-color:var(--reroof-base);position:relative;overflow:hidden}.scroll-to-top__inner{position:absolute;left:0;top:0;width:100%;height:100%;background-color:var(--reroof-black)}.scroll-to-top.show{opacity:1;visibility:visible;bottom:70px}.rating-box{position:relative;display:block}.rating-box a{position:relative;color:var(--reroof-base)}.rating-box a i::before{position:relative;display:inline-block;font-size:15px;line-height:15px}.xs-sidebar-group .xs-overlay{left:0%;top:0;position:fixed;height:100%;opacity:0;width:100%;visibility:hidden;-webkit-transition:all .4s ease-in .8s;-o-transition:all .4s ease-in .8s;transition:all .4s ease-in .8s;cursor:url(../images/icon/cross-out.png),pointer;z-index:9999}.xs-sidebar-group.isActive .xs-overlay{opacity:.8;visibility:visible;-webkit-transition:all .8s ease-out 0s;-o-transition:all .8s ease-out 0s;transition:all .8s ease-out 0s;right:100%}.xs-sidebar-group .widget-heading{position:absolute;top:0;right:0;padding:25px}.xs-sidebar-group .widget-heading a{position:relative;display:flex;align-items:center;justify-content:center;width:30px;height:30px;line-height:30px;text-align:center;border:2px solid #fff;border-radius:50%;color:#fff;font-size:16px;font-weight:400;-webkit-transition:all 500ms ease;transition:all 500ms ease}.xs-sidebar-group .widget-heading a:hover{color:var(--reroof-base);border-color:var(--reroof-base)}.xs-sidebar-widget{position:fixed;left:-100%;top:0;bottom:0;width:100%;max-width:360px;z-index:999999;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-transition:all 0.5s cubic-bezier(.9,.03,0,.96) 0.6s;-o-transition:all 0.5s cubic-bezier(.9,.03,0,.96) 0.6s;transition:all 0.5s cubic-bezier(.9,.03,0,.96) 0.6s;visibility:hidden;opacity:0}.xs-sidebar-group.isActive .xs-sidebar-widget{opacity:1;visibility:visible;left:0;background-color:var(--reroof-black);-webkit-transition:all 0.7s cubic-bezier(.9,.03,0,.96) 0.4s;-o-transition:all 0.7s cubic-bezier(.9,.03,0,.96) 0.4s;transition:all 0.7s cubic-bezier(.9,.03,0,.96) 0.4s}.sidebar-textwidget{padding:70px 30px}.sidebar-widget-container{position:relative;top:150px;opacity:0;visibility:hidden;-webkit-transition:all .3s ease-in .3s;-o-transition:all .3s ease-in .3s;transition:all .3s ease-in .3s;-webkit-backface-visibility:hidden;backface-visibility:hidden}.xs-sidebar-group.isActive .sidebar-widget-container{top:0;opacity:1;visibility:visible;-webkit-transition:all 1s ease-out 1.2s;-o-transition:all 1s ease-out 1.2s;transition:all 1s ease-out 1.2s;-webkit-backface-visibility:hidden;backface-visibility:hidden}.xs-overlay{position:absolute;top:0;left:0;height:100%;width:100%;opacity:.8;z-index:0}.xs-bg-black{background-color:#000}.xs-sidebar-group .content-inner .logo{position:relative;max-width:172px;width:100%;margin-bottom:30px}.xs-sidebar-group .content-inner h4{position:relative;display:block;font-size:20px;line-height:30px;color:#fff;font-weight:400;text-transform:uppercase;margin-bottom:15px}.xs-sidebar-group .content-inner .content-box{margin-bottom:30px;padding-right:15px}.xs-sidebar-group .content-inner .content-box p{color:#fff}.xs-sidebar-group .content-inner .form-inner .form-group{position:relative;margin-bottom:20px}.xs-sidebar-group .content-inner .form-inner .form-group:last-child{margin-bottom:0}.xs-sidebar-group .content-inner .form-inner .form-group input[type='text'],.xs-sidebar-group .content-inner .form-inner .form-group input[type='email'],.xs-sidebar-group .content-inner .form-inner .form-group textarea{position:relative;display:block;width:100%;height:50px;font-size:15px;padding:10px 20px;color:#848484;border:none;outline:none;transition:all 500ms ease}.xs-sidebar-group .content-inner .form-inner .form-group .form-inner__btn{border:none;outline:none;background-color:var(--reroof-white);color:var(--reroof-black);display:inline-block;font-size:18px;font-weight:500;padding:21px 45px 21px;-webkit-transition:all 500ms ease;transition:all 500ms ease}.xs-sidebar-group .content-inner .form-inner .form-group .form-inner__btn:hover{color:var(--reroof-white)}.xs-sidebar-group .content-inner .form-inner .form-group .form-inner__btn:after{background-color:var(--reroof-base)}.xs-sidebar-group .content-inner .form-inner .form-group textarea{resize:none;height:120px}.xs-sidebar-group .content-inner .form-inner .form-group input:focus,.xs-sidebar-group .content-inner .form-inner .form-group textarea:focus{border-color:#00224f}.main-header{position:absolute;left:0;right:0;width:100%;transition:all 500ms ease;z-index:999}.main-menu{position:relative;display:block}.main-menu__wrapper{position:relative;display:block}.main-menu__wrapper-inner{position:relative;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.main-menu__left{position:relative;display:block}.main-menu__logo{position:relative;display:block}.main-menu__logo a{position:relative;display:block}.main-menu__logo a img{width:100%}.main-menu__main-menu-box{display:block}.main-menu__right{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:30px}.main-menu__search{position:relative;display:block;line-height:0}.main-menu__search a{position:relative;display:inline-block;color:var(--reroof-white)}.main-menu__search a:hover{color:var(--reroof-base)}.main-menu__search span{position:relative;display:inline-block;font-size:20px}.main-menu__btn{position:relative;display:block}.main-menu__btn .thm-btn::before{background:var(--reroof-white)}.main-menu__btn .thm-btn::after{background:var(--reroof-white)}.main-menu__btn .thm-btn:hover{color:var(--reroof-black)}.stricky-header.main-menu{background-color:var(--reroof-black)}.main-menu .main-menu__list,.main-menu .main-menu__list>li>ul,.main-menu .main-menu__list>li>ul>li>ul,.stricky-header .main-menu__list,.stricky-header .main-menu__list>li>ul,.stricky-header .main-menu__list>li>ul>li>ul{margin:0;padding:0;list-style-type:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:none}@media (min-width:1200px){.main-menu .main-menu__list,.main-menu .main-menu__list>li>ul,.main-menu .main-menu__list>li>ul>li>ul,.stricky-header .main-menu__list,.stricky-header .main-menu__list>li>ul,.stricky-header .main-menu__list>li>ul>li>ul{display:-webkit-box;display:-ms-flexbox;display:flex}}.main-menu .main-menu__list>li,.stricky-header .main-menu__list>li{padding-top:41px;padding-bottom:40px;position:relative}.main-menu .main-menu__list>li+li,.stricky-header .main-menu__list>li+li{margin-left:14px}.main-menu .main-menu__list>li>a,.stricky-header .main-menu__list>li>a{position:relative;color:var(--reroof-white);font-size:18px;line-height:18px;font-weight:600;padding:10px 15px 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all 500ms ease;transition:all 500ms ease;font-family:var(--reroof-font)}.main-menu .main-menu__list>li.current>a,.main-menu .main-menu__list>li:hover>a,.stricky-header .main-menu__list>li.current>a,.stricky-header .main-menu__list>li:hover>a{color:var(--reroof-base)}.main-menu .main-menu__list>li.dropdown>a{padding-right:30px}img.clickMe{position:absolute;width:30px;left:21px;bottom:-22px;opacity:.2}.main-menu .main-menu__list>li>ul,.main-menu .main-menu__list>li>ul>li>ul,.stricky-header .main-menu__list>li>ul,.stricky-header .main-menu__list>li>ul>li>ul{position:absolute;top:100%;left:0;background-color:#121A46;min-width:295px;padding:25px 30px 25px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;text-align:left;opacity:0;visibility:hidden;z-index:99;transform:perspective(500px) rotatex(-20deg);transform-origin:50% 0%;-webkit-box-shadow:0 15px 30px -10px rgba(0,0,0,9%);-khtml-box-shadow:0 15px 30px -10px rgba(0,0,0,9%);-moz-box-shadow:0 15px 30px -10px rgba(0,0,0,9%);-ms-box-shadow:0 15px 30px -10px rgba(0,0,0,9%);-o-box-shadow:0 15px 30px -10px rgba(0,0,0,9%);box-shadow:0 15px 30px -10px rgba(0,0,0,9%);-webkit-transition:all 300ms linear 0ms;-khtml-transition:all 300ms linear 0ms;-moz-transition:all 300ms linear 0ms;-ms-transition:all 300ms linear 0ms;-o-transition:all 300ms linear 0ms;transition:all 300ms linear 0ms}.main-menu .main-menu__list>li:hover>ul,.main-menu .main-menu__list>li>ul>li:hover>ul,.stricky-header .main-menu__list>li:hover>ul,.stricky-header .main-menu__list>li>ul>li:hover>ul{opacity:1;visibility:visible;transform:perspective(500px) rotatex(0)}.main-menu .main-menu__list>li>ul>li>ul>li>ul,.stricky-header .main-menu__list>li>ul>li>ul>li>ul{display:none}.main-menu .main-menu__list>li>ul>li,.main-menu .main-menu__list>li>ul>li>ul>li,.stricky-header .main-menu__list>li>ul>li,.stricky-header .main-menu__list>li>ul>li>ul>li{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;width:100%;position:relative}.main-menu .main-menu__list>li>ul>li+li,.main-menu .main-menu__list>li>ul>li>ul>li+li,.stricky-header .main-menu__list>li>ul>li+li,.stricky-header .main-menu__list>li>ul>li>ul>li+li{border-top:1px solid rgba(var(--reroof-white-rgb),.05);margin-top:0}.main-menu .main-menu__list>li>ul>li>a,.main-menu .main-menu__list>li>ul>li>ul>li>a,.stricky-header .main-menu__list>li>ul>li>a,.stricky-header .main-menu__list>li>ul>li>ul>li>a{position:relative;display:flex;align-items:center;color:rgba(var(--reroof-white-rgb),.8);font-size:16px;line-height:16px;font-weight:400;padding:17px 0 17px;-webkit-transition:all 200ms linear 0ms;-khtml-transition:all 200ms linear 0ms;-moz-transition:all 200ms linear 0ms;-ms-transition:all 200ms linear 0ms;-o-transition:all 200ms linear 0ms;transition:all 200ms linear 0ms}.main-menu .main-menu__list>li>ul>li:hover>a,.main-menu .main-menu__list>li>ul>li>ul>li:hover>a,.stricky-header .main-menu__list>li>ul>li:hover>a,.stricky-header .main-menu__list>li>ul>li>ul>li:hover>a{color:var(--reroof-base);padding-left:5px}.main-menu .main-menu__list>li>ul>li.dropdown>a::before,.main-menu .main-menu__list>li>ul>li>ul>li.dropdown>a::before,.stricky-header .main-menu__list>li>ul>li.dropdown>a::before,.stricky-header .main-menu__list>li>ul>li>ul>li.dropdown>a::before{position:absolute;top:50%;right:0;font-family:"Font Awesome 5 Pro";font-weight:400;content:"\f105";font-size:14px;color:var(--reroof-white);transform:translateY(-50%) scale(1) rotate(0deg);-webkit-transition:500ms;transition:500ms}.main-menu .main-menu__list>li>ul>li.dropdown:hover>a::before,.main-menu .main-menu__list>li>ul>li>ul>li.dropdown:hover>a::before,.stricky-header .main-menu__list>li>ul>li.dropdown:hover>a::before,.stricky-header .main-menu__list>li>ul>li>ul>li.dropdown:hover>a::before{color:var(--reroof-base);transform:translateY(-50%) scale(1) rotate(90deg)}.main-menu .main-menu__list>li>ul>li>ul,.stricky-header .main-menu__list>li>ul>li>ul{top:0;left:100%;border-left:40px solid transparent;background-color:transparent;width:320px}.main-menu .main-menu__list>li>ul>li>ul::before,.stricky-header .main-menu__list>li>ul>li>ul::before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-color:#121A46}.main-menu .main-menu__list li ul li>ul.right-align,.stricky-header .main-menu__list li ul li>ul.right-align{top:0;left:auto;right:100%}.stricky-header{position:fixed;z-index:991;top:0;left:0;background-color:#fff;width:100%;visibility:hidden;-webkit-transform:translateY(-120%);transform:translateY(-120%);-webkit-transition:visibility 500ms ease,-webkit-transform 500ms ease;transition:visibility 500ms ease,-webkit-transform 500ms ease;transition:transform 500ms ease,visibility 500ms ease;transition:transform 500ms ease,visibility 500ms ease,-webkit-transform 500ms ease;-webkit-box-shadow:0 10px 60px 0 rgba(0,0,0,.05);box-shadow:0 10px 60px 0 rgba(0,0,0,.05)}@media (max-width:1199px){.stricky-header{display:none!important}}.stricky-header.stricky-fixed{-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}.stricky-header .main-menu__inner{-webkit-box-shadow:none;box-shadow:none;padding-right:0;max-width:1170px;width:100%;margin:0 auto}.mobile-nav__buttons{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto;margin-right:10px}@media (min-width:1200px){.mobile-nav__buttons{display:none}}.mobile-nav__buttons a{font-size:20px;color:var(--reroof-base);cursor:pointer}.mobile-nav__buttons a+a{margin-left:10px}.mobile-nav__buttons a:hover{color:var(--reroof-base)}.main-menu .mobile-nav__toggler{font-size:20px;color:var(--reroof-base);cursor:pointer;-webkit-transition:500ms;transition:500ms;position:relative;top:2px}.main-menu .mobile-nav__toggler:hover{color:var(--reroof-black)}@media (min-width:1200px){.main-menu .mobile-nav__toggler{display:none}}.mobile-nav__wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left center;transform-origin:left center;-webkit-transition:visibility 500ms ease 500ms,-webkit-transform 500ms ease 500ms;transition:visibility 500ms ease 500ms,-webkit-transform 500ms ease 500ms;transition:transform 500ms ease 500ms,visibility 500ms ease 500ms;transition:transform 500ms ease 500ms,visibility 500ms ease 500ms,-webkit-transform 500ms ease 500ms;visibility:hidden}.mobile-nav__wrapper .container{padding-left:0;padding-right:0}.mobile-nav__wrapper.expanded{opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%);visibility:visible;-webkit-transition:visibility 500ms ease 0ms,-webkit-transform 500ms ease 0ms;transition:visibility 500ms ease 0ms,-webkit-transform 500ms ease 0ms;transition:transform 500ms ease 0ms,visibility 500ms ease 0ms;transition:transform 500ms ease 0ms,visibility 500ms ease 0ms,-webkit-transform 500ms ease 0ms}.mobile-nav__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000;opacity:.5;cursor:pointer}.mobile-nav__content{width:300px;background-color:var(--reroof-black);z-index:10;position:relative;height:100%;overflow-y:auto;padding-top:30px;padding-bottom:30px;padding-left:15px;padding-right:15px;opacity:0;visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:opacity 500ms ease 0ms,visibility 500ms ease 0ms,-webkit-transform 500ms ease 0ms;transition:opacity 500ms ease 0ms,visibility 500ms ease 0ms,-webkit-transform 500ms ease 0ms;transition:opacity 500ms ease 0ms,visibility 500ms ease 0ms,transform 500ms ease 0ms;transition:opacity 500ms ease 0ms,visibility 500ms ease 0ms,transform 500ms ease 0ms,-webkit-transform 500ms ease 0ms}.mobile-nav__wrapper.expanded .mobile-nav__content{opacity:1;visibility:visible;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:opacity 500ms ease 500ms,visibility 500ms ease 500ms,-webkit-transform 500ms ease 500ms;transition:opacity 500ms ease 500ms,visibility 500ms ease 500ms,-webkit-transform 500ms ease 500ms;transition:opacity 500ms ease 500ms,visibility 500ms ease 500ms,transform 500ms ease 500ms;transition:opacity 500ms ease 500ms,visibility 500ms ease 500ms,transform 500ms ease 500ms,-webkit-transform 500ms ease 500ms}.mobile-nav__content .logo-box{margin-bottom:40px;display:-webkit-box;display:-ms-flexbox;display:flex}.mobile-nav__close{position:absolute;top:20px;right:15px;font-size:18px;color:var(--reroof-white);cursor:pointer}.mobile-nav__content .main-menu__list,.mobile-nav__content .main-menu__list>li>ul,.mobile-nav__content .main-menu__list>li>ul>li>ul{margin:0;padding:0;list-style-type:none}.mobile-nav__content .main-menu__list>li>ul,.mobile-nav__content .main-menu__list>li>ul>li>ul{display:none;border-top:1px solid rgba(255,255,255,.1);margin-left:.5em}.mobile-nav__content .main-menu__list>li:not(:last-child),.mobile-nav__content .main-menu__list>li>ul>li:not(:last-child),.mobile-nav__content .main-menu__list>li>ul>li>ul>li:not(:last-child){border-bottom:1px solid rgba(255,255,255,.1)}.mobile-nav__content .main-menu__list>li>a>.main-menu-border{display:none!important}.mobile-nav__content .main-menu__list>li>a,.mobile-nav__content .main-menu__list>li>ul>li>a,.mobile-nav__content .main-menu__list>li>ul>li>ul>li>a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;line-height:30px;color:#fff;font-size:14px;font-family:var(--reroof-font,"Rubik",sans-serif);font-weight:500;height:46px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:500ms;transition:500ms}.mobile-nav__content .main-menu__list>li>a.expanded .mobile-nav__content .main-menu__list>li>ul>li>a.expanded .mobile-nav__content .main-menu__list>li>ul>li>ul>li>a.expanded{color:var(--reroof-base)}.mobile-nav__content .main-menu__list li a.expanded{color:var(--reroof-base)}.mobile-nav__content .main-menu__list>li>a>button,.mobile-nav__content .main-menu__list>li>ul>li>a>button,.mobile-nav__content .main-menu__list>li>ul>li>ul>li>a>button{width:30px;height:30px;background-color:var(--reroof-base);border:none;outline:none;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:-webkit-transform 500ms ease;transition:-webkit-transform 500ms ease;transition:transform 500ms ease;transition:transform 500ms ease,-webkit-transform 500ms ease;padding:0}.mobile-nav__content .main-menu__list>li>a>button.expanded,.mobile-nav__content .main-menu__list>li>ul>li>a>button.expanded,.mobile-nav__content .main-menu__list>li>ul>li>ul>li>a>button.expanded{-webkit-transform:rotate(0deg);transform:rotate(0deg);background-color:#fff;color:var(--reroof-base)}.mobile-nav__content .main-menu__list>li>ul>li>ul>li>a>button,.mobile-nav__content .main-menu__list>li>ul>li>ul>li>ul{display:none!important}.mobile-nav__content .main-menu__list li.cart-btn span{position:relative;top:auto;right:auto;-webkit-transform:translate(0,0);transform:translate(0,0)}.mobile-nav__content .main-menu__list li.cart-btn i{font-size:16px}.mobile-nav__top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:30px}.mobile-nav__top .main-menu__login a{color:var(--reroof-text-dark)}.mobile-nav__container{border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.mobile-nav__social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mobile-nav__social a{font-size:16px;color:var(--reroof-white);-webkit-transition:500ms;transition:500ms}.mobile-nav__social a+a{margin-left:30px}.mobile-nav__social a:hover{color:var(--reroof-base)}.mobile-nav__contact{margin-bottom:0;margin-top:20px;margin-bottom:20px}.mobile-nav__contact li{color:var(--reroof-text-dark);font-size:14px;font-weight:500;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mobile-nav__contact li+li{margin-top:15px}.mobile-nav__contact li a{color:#fff;-webkit-transition:500ms;transition:500ms}.mobile-nav__contact li a:hover{color:var(--reroof-base)}.mobile-nav__contact li>i{width:30px;height:30px;border-radius:50%;background-color:var(--reroof-base);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;font-size:11px;margin-right:10px;color:#fff}.mobile-nav__container .main-logo,.mobile-nav__container .topbar__buttons,.mobile-nav__container .main-menu__language,.mobile-nav__container .main-menu__login{display:none}.main-header-two{position:relative;display:block;background:var(--reroof-white);-webkit-box-shadow:-50px 50px 50px 10px rgba(0,0,0,.05);box-shadow:-50px 50px 50px 10px rgba(0,0,0,.05);z-index:999}.main-header-two .main-menu .main-menu__list>li>a,.stricky-header-two.stricky-header .main-menu__list>li>a{color:var(--reroof-black)}.main-header-two .main-menu__search a{color:var(--reroof-black)}.main-header-two .main-menu__search a:hover{color:var(--reroof-base)}.main-header-two .main-menu__search span{font-weight:700}.main-header-two .main-menu .main-menu__list>li,.stricky-header-two.stricky-header .main-menu__list>li{padding-top:31px;padding-bottom:31px}.main-header-two .main-menu__btn .thm-btn::before{background:var(--reroof-black)}.main-header-two .main-menu__btn .thm-btn::after{background:var(--reroof-black)}.main-header-two .main-menu__btn .thm-btn:hover{color:var(--reroof-white)}.stricky-header-two .main-menu__btn .thm-btn::before{background:var(--reroof-black)}.stricky-header-two .main-menu__btn .thm-btn::after{background:var(--reroof-black)}.stricky-header-two .main-menu__btn .thm-btn:hover{color:var(--reroof-white)}.main-header-two .main-menu .main-menu__list>li.current>a,.main-header-two .main-menu .main-menu__list>li:hover>a,.stricky-header-two.stricky-header .main-menu__list>li.current>a,.stricky-header-two.stricky-header .main-menu__list>li:hover>a{color:var(--reroof-base)}.stricky-header-two .main-menu__search a{color:var(--reroof-black)}.stricky-header-two .main-menu__search a:hover{color:var(--reroof-base)}.stricky-header-two .main-menu__search a span{font-weight:700}.stricky-header-two.stricky-header.main-menu{background:var(--reroof-white)}.search-popup{position:fixed;left:0;top:0;height:120px;width:100%;z-index:99999;transform:translateY(-100%);transition:all 0.5s}.search-active .search-popup{transform:translateY(0%)}.search-popup .color-layer{position:absolute;content:'';left:0;top:0;height:120px;width:100%;background-color:var(--reroof-base);transition:all 0.5s;box-shadow:0 10px 15px rgba(0,0,0,.05)}.sidenav-bar-visible .search-popup{display:none}.search-popup .close-search{position:absolute;right:25px;top:25px;display:flex;align-items:center;justify-content:center;width:60px;height:70px;background-color:rgba(255,255,255,.2);border-radius:0%;cursor:pointer;color:#fff;font-size:30px;transition:all 0.5s;border:none;opacity:0;transform:translateX(100px);visibility:hidden;z-index:9999}.search-popup .close-search:hover{color:var(--reroof-base);background-color:rgba(255,255,255,1)}.search-active .search-popup .close-search{opacity:1;transform:translateX(0);visibility:visible;-webkit-transition-delay:1500ms;-moz-transition-delay:1500ms;-ms-transition-delay:1500ms;-o-transition-delay:1500ms;transition-delay:1500ms}.search-popup form{position:absolute;max-width:700px;top:25px;left:0;right:0;margin:0 auto 0;opacity:0;transition:all 0.5s;z-index:999}.search-active .search-popup form{opacity:1}.search-popup .form-group{position:relative;display:block;overflow:hidden;margin:0}.search-popup .form-group input[type="text"],.search-popup .form-group input[type="search"]{position:relative;display:block;background-color:rgba(255,255,255,1);font-size:18px;color:var(--reroof-black);height:70px;width:100%;padding:10px 30px 10px 75px;font-weight:500;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;text-transform:capitalize;border:0 solid rgba(0,0,0,.1)}.search-popup .form-group input[type="text"],.search-popup .form-group input[type="search"]:focus{outline:none}.search-popup .form-group input[type="submit"],.search-popup .form-group button{position:absolute;left:0;top:0;height:70px;background:var(--reroof-black);text-align:center;font-size:20px;color:var(--reroof-white);padding:0;cursor:pointer;border:none;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;width:60px}.search-popup .form-group button i{font-style:normal}.search-popup .form-group input[type="submit"]:hover,.search-popup .form-group button:hover{background-color:var(--reroof-primary)}.search-popup input::placeholder{color:var(--reroof-black)}.portfolio-one__btn::after{background-color:var(--reroof-white)}.portfolio-one__btn::before{background-color:var(--reroof-white)}.portfolio-one__btn:hover{color:var(--reroof-black)}.comment-one__btn{display:inline-flex;align-items:center;font-size:14px;line-height:14px;font-weight:500;padding:5px 9px 5px;border-radius:13px;gap:5px}.comment-one__btn span{font-size:10px}.sidebar__subscribe-btn{border:none;display:inline-flex;align-items:center;justify-content:center;gap:5px;width:100%;font-size:15px;line-height:15px;padding:19px 25px 19px}.cta-three__btn{border:none}.services-details__contact-btn{font-size:16px;line-height:16px;font-weight:400;padding:21px 25px 21px;gap:5px;border-radius:30px}.services-details__contact-btn i{position:relative;top:2px;margin-right:5px}.carousel-dot-style.owl-carousel .owl-stage-outer{overflow:visible}.carousel-dot-style.owl-carousel .owl-item{opacity:0;visibility:hidden;transition:opacity 500ms ease,visibility 500ms ease}.carousel-dot-style.owl-carousel .owl-item.active{opacity:1;visibility:visible}.carousel-dot-style.owl-carousel .owl-dots{position:absolute;bottom:-50px;left:0;right:0;text-align:center;margin:0!important;display:flex;align-items:center;justify-content:center}.carousel-dot-style.owl-carousel .owl-dots .owl-dot{position:relative;display:inline-block;width:10px;height:10px;border-radius:50%;background-color:var(--reroof-base);margin:0 5px;padding:0;transition:all 100ms linear;transition-delay:0.1s}.carousel-dot-style.owl-carousel .owl-dot.active{width:10px;height:10px;background-color:var(--reroof-black)}.carousel-dot-style.owl-carousel .owl-dot:focus{outline:none}.carousel-dot-style.owl-carousel .owl-dots .owl-dot span{display:none}.banner-two__btn::after{background-color:var(--reroof-white)}.banner-two__btn:hover{color:var(--reroof-black)}.dwg-dosya{margin-top:40px}.kategori-secenekleri{margin-bottom:20px}.kategori-secenekleri .btn{background-color:#007bff;color:#fff;border:none;padding:10px;margin-right:10px;cursor:pointer}.kategori-secenekleri .btn:hover{background-color:#0056b3}.dwg-listesi{list-style-type:none;padding:0}.dwg-item{margin-bottom:20px;padding:10px;border:1px solid #ddd;border-radius:5px;background-color:#f9f9f9}.dwg-item:hover{background-color:#e0e0e0}.dosya-adi{font-weight:700;font-size:18px}.dosya-bilgi{font-size:14px;color:#666}.dosya-aciklama{font-size:14px;color:#444}.download-link{text-decoration:none;color:#007bff}.download-link:hover{text-decoration:underline;
* Slider Konteyner (Aspect Ratio Koru) */
.main-slider-one {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%; /* 16:9 Oranı (9/16*100) */
  overflow: hidden;
  background: #f5f5f5; /* Yükleme sırasında arkaplan */
}

.slider-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Slide'lar */
.slide {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.slide.active {
  opacity: 1;
}

/* Resimler (Kırpmadan Sığdır) */
.slide img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Resmi kırpmadan alanı doldurur */
}

/* İçerik (Kaymayı Önle) */
.slide-content {
  position: absolute;
  bottom: 20px;
  left: 20px;
  width: calc(100% - 40px);
  padding: 15px;
  background: rgba(0,0,0,0.7);
  color: white;
}

/* FOIT yerine FOUT (Flash of Unstyled Text) */
@font-face {
  font-family: 'MyFont';
  src: url('font.woff2') format('woff2');
  font-display: swap; /* Metin hemen görünür, font sonra yüklenir */
}

.slide-content h2 {
  font-family: 'MyFont', Arial, sans-serif;
}

@media (max-width: 768px) {
  .main-slider-one {
    padding-top: 75%; /* Mobilde 4:3 oranı */
  }
}
.slider-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  transform: translateY(-50%);
}

.slider-nav button {
  width: 40px;
  height: 40px; /* Sabit boyut */
  background: rgba(0,0,0,0.5);
  border: none;
  color: white;
}