.derun-side-bar a:hover {color:#fff;}
.get-strat-section {background-position:center center;background-repeat:no-repeat;background-size:cover;}
.derun-side-bar {top:calc(50% + -255px) !important;}
.get-strat-section .section-sub-title {position:relative;display:inline-block;}
.get-strat-section .section-sub-title h4 {font-size:24px;color:#fff;font-weight:500;margin-bottom:7px;position:relative;padding:0 50px 0;}
.get-strat-section .section-sub-title::before {position:absolute;content:"";height:2px;width:35px;background:#fff;left:0;top:9px;}
.get-strat-section .section-sub-title::after {position:absolute;content:"";height:2px;width:35px;background:#fff;left:-12px;top:17px;}
.get-strat-section .section-sub-title h4::before {position:absolute;content:"";height:2px;width:35px;background:#fff;right:0;top:9px;}
.get-strat-section .section-sub-title h4::after {position:absolute;content:"";height:2px;width:35px;background:#fff;right:-12px;top:17px;}
.get-strat-section h2 {color:#ffffff;margin-bottom:10px;}
.get-strat-section .row.get {padding:55px 0;border-radius:0px 150px 0px 150px;}
.get-start-discription p {font-size:16px;color:#f8f8f8;padding-bottom:46px;width:44%;margin:auto;}
.get-strat-section .roofing-btn.get a {display:inline-block;text-decoration:none;font-size:17px;font-weight:500;letter-spacing:1px;background:#ffffff;color:var(--color-primary);padding:17px 36px;border-radius:3px;position:relative;z-index:1;}
.get-strat-section .roofing-btn a::before {position:absolute;content:"";background-color:var(--color-second);width:101%;height:0%;left:50%;top:50%;border-radius:3px;transform:translate(-50%,-50%) rotate(0deg);z-index:-1;transition:all 500ms ease;}
.get-strat-section .roofing-btn a:hover::before {height:103%;}



.roof-footer-section {background:var(--bg-color);padding:100px 0 0;}
.footer-wiget-text p {font-size:clamp(14px, 0.83vw, 16px);line-height:28px;color:#e2e2e2;font-weight:400;margin:21px 0 21px;}
.footer-wiget-social ul {list-style:none;}
.footer-wiget-social ul li {display:inline-block;margin-right:14px;}
.footer-wiget-social ul li:hover {background:var(--color-primary)}
.footer-wiget-social ul li a i {color:#fff;font-size:20px;transition:.5s;}
.footer-wiget-social ul li:hover a i {color:#ffffff;}
.footer-wiget-title h4 {font-size:clamp(20px, 1.25vw, 24px);line-height:1;font-weight:700;line-height:25px;text-align:left;color:#e2e2e2;padding:0 0 15px;transition:.5s;}
.footer-wiget-title h4:hover {color:var(--color-primary);}
.footer-wiget-menu ul {list-style:none;text-align:left;}
.footer-wiget-menu ul li {list-style:none;margin-top:6px;}
.footer-wiget-menu ul li a {font-size:clamp(14px, 0.83vw, 16px);line-height:25.2px;display:inline-block;text-decoration:none;transition:.5s;color:#fff;}
.footer-wiget-menu ul li a:hover {color:var(--color-primary);}
.footer-wiget-contact-menu ul {list-style:none;}
.footer-wiget-contact-menu ul li {display:block;font-size:clamp(14px, 0.83vw, 16px);line-height:32px;text-align:left;margin:5px 0 12px;transition:.5s;color:#fff;}
.footer-wiget-contact-menu ul li a:hover {color:var(--color-primary);}
.footer-wiget-contact-menu ul li a {display:inline-block;color:#fff;text-decoration:none;transition:.5s;}
.footer-wiget-contact-menu ul li a:hover {color:#156fe9 !important;}
.company-work-hour {margin-top:5px;}
.company-work-hour ul li {display:block;list-style:none;padding:0 0 6px;margin-bottom:10px;font-size:18px;line-height:28px;color:#f8f8f8;font-weight:400;border-bottom:1px solid #f8f8f8;}
.company-work-hour ul li.table-brb {border:inherit !important;}
.company-work-hour ul li span {float:right;font-size:16px;color:#f8f8f8;font-weight:400;}


/* copyrightext css */
.row.footer-line {border-top:1px solid rgba(111,111,111,0.271);margin-top:60px;padding-top:45px;padding-bottom:45px;}
.copyright-text p {opacity:0.800;font-size:clamp(14px, 0.83vw, 16px);line-height:27px;color:#e2e2e2;}
.copyright-text p a {color:var(--color-primary);font-size:16px;font-weight:400;transition:.5s;}
.copyright-text p a:hover {color:#ffffff;}
.footer-condition {text-align:right;}
.footer-condition ul {list-style:none;}
.footer-condition ul li {display:inline-block;}
.footer-condition ul li+li{margin-left:50px;}
.footer-condition ul li a {display:inline-block;font-size:clamp(14px, 0.83vw, 16px);color:#ffffff;transition:.5s;text-decoration:none;}
.footer-condition ul li a:hover {color:var(--color-primary);}
.roof-gotop {position:fixed;cursor:pointer;opacity:0;visibility:hidden;-webkit-transition:all 0.9s ease-out 0s;-moz-transition:all 0.9s ease-out 0s;transition:all 0.9s ease-out 0s;border-radius:10px;display:inline-block;width:50px;height:50px;text-align:center;color:#fff;top:3px;right:30px;z-index:1;background:var(--color-primary);}
.roof-gotop i {font-size:24px;line-height:50px;color:#fff;}
.roof-gotop.active {top:95%;-webkit-transform:translateY(-98%);-moz-transform:translateY(-98%);transform:translateY(-98%);opacity:1;visibility:visible;border-radius:0;border-radius:100%;}
/*---footer---*/.side-bar {position:fixed;top:calc(50% - 49px);right:10px;z-index:9999;}
.side-bar a {display:block;cursor:pointer;width:50px;height:50px;background:#156FE9;position:relative;color:#fff;text-align:center;border-radius:50%;}
.side-bar a+a {margin-top:6px;}
.side-bar a i {display:inline-block;font-size:22px;line-height:50px;}
.side-bar a:hover i {color:#fff}
#popup-box {width:255px;border-radius:2px;box-shadow:1px 1px 50px rgba(0,0,0,.3);background:#fff;position:fixed;right:0;bottom:0;transform:translateY(100%);transition:all 0.5s;z-index:9999;}
#popup-box.on {transform:translateY(0);}
#popup-box .tit {padding:0 5px 0 16px;height:50px;border-bottom:1px solid #f0f0f0;border-radius:2px 2px 0 0;display:flex;justify-content:space-between;align-items:center;}
#popup-box .tit h5 {font-size:14px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#popup-box .tit span {width:30px;height:30px;line-height:30px;text-align:center;cursor:pointer;}
#popup-box .tit span i {font-size:22px;color:#333;}
.popup-form {padding:20px 16px;}
.popup-form form .input-box {position:relative;}
.popup-form form input[type="text"],.popup-form form textarea {width:100%;padding:10px 10px;font-size:15px;border-radius:4px;border:1px solid #eee;color:#666;background:#fff;}
.popup-form form .input-box~.input-box {margin-top:10px;}
.popup-form form .submit {margin:0 auto;width:100%;background:#156FE9;color:#fff;line-height:40px;height:40px;font-size:17px;border-radius:4px;text-align:center;cursor:pointer;}


@media (min-width:1200px) and (max-width:1600px) {
.footer-thumb {margin:-110px 0px -197px;}
.footer-icon {left:35px;}
.footer-shape {left:8px;}
}

@media (min-width:768px) and (max-width:991px) {
.roof-footer-section {padding:60px 0 0;}
.footer-wiget {margin-bottom:40px;}
.footer-thumb {display:none;}
.footer-icon {display:none;}
.footer-shape {display:none;}
.row.footer-line {margin-top:40px;}
.copyright-text {text-align:center;}
.footer-condition {text-align:center;}
.footer-condition ul li {margin-right:-26px;}
}

@media only screen and (min-width:600px) and (max-width:767px) {

.footer-wiget {margin-bottom:40px;}
.footer-thumb {display:none;}
.footer-icon {display:none;}
.footer-shape {display:none;}
.copyright-text {text-align:center;}
.footer-condition {text-align:center;}
}
/* small mobile:480px. */

@media only screen and (min-width:480px) and (max-width:599px) {

.footer-wiget {margin-bottom:40px;}
.footer-thumb {display:none;}
.footer-icon {display:none;}
.footer-shape {display:none;}
.company-work-hour ul li span {padding:0 13px 0;}
.copyright-text {text-align:center;}
.footer-condition {text-align:center;}
}

/* small mobile:320px. */
@media only screen and (min-width:320px) and (max-width:479px) {
.get-strat-section .section-main-title h2 {font-size:28px;line-height:28px;}
.get-strat-section .section-sub-title h4 {font-size:22px;}

.footer-wiget {margin-bottom:40px;}
.footer-thumb {display:none;}
.footer-icon {display:none;}
.footer-shape {display:none;}
.company-work-hour ul li span {padding:0 13px 0;}
.copyright-text {text-align:center;}
.footer-condition {text-align:center;}
}

@media screen and (max-width:991px) {

.roof-footer-section {padding:40px 0 0;}
.footer-wiget-log img{height:70px;}

.get-start-discription p {width:88% !important;}
.roof-footer-section .row {text-align:center;}
.footer-wiget-title h4 {text-align:center;}

.footer-wiget-text p{line-height:24px;}
.footer-wiget-menu ul{display:flex;flex-wrap:wrap;gap:5px 10px;}


.footer-wiget-contact-menu ul li{line-height:24px;margin:5px 0 10px;}


.row.footer-line{margin-top:30px;padding-top:30px;padding-bottom:30px;}


.footer-condition{margin:15px 0 0;}
.footer-condition ul li + li{margin-left:30px;}

}

@media screen and (max-width:480px) {
.roof-footer-section{padding:30px 0 0;}


}