.tdn{text-decoration:none}.transform{text-transform:uppercase}.spacing{letter-spacing:1px}.weight{font-weight:400}*,:after,:before{box-sizing:border-box}body{font-family:'Roboto',sans-serif}body img{max-width:100%}body .btn{font-size:18px;font-weight:800;padding:20px 40px;background:#0571e8;color:#fff;text-transform:uppercase;display:inline-block;text-decoration:none;border-radius:0;outline:none;box-shadow:0 0;transition:.5s ease all;-webkit-transition:.5s ease all;-moz-transition:.5s ease all;-ms-transition:.5s ease all;-o-transition:.5s ease all}body .btn.medium{padding:10px 30px;font-size:15px}body .btn:hover,body .btn:focus{background:#184f8c}body .btn.white{background:#fff;color:#0079ff}body .btn.white:hover,body .btn.white:focus{background:#fff;opacity:.8}body #header{padding:30px 0;position:sticky;top:0;z-index:99989;background:#fff}body #header .col-left{width:25%;margin:auto 0;padding:0 15px}body #header .col-right{width:75%;padding:0 15px}@media (max-width:991px){body #header .col-left{width:80%;margin:auto 0}body #header .col-right{width:20%;margin:auto 0}}body #header .contacts-social{display:flex;justify-content:flex-end;font-size:15px;margin-bottom:20px}@media (max-width:991px){body #header .contacts-social{display:none}}body #header .contacts-social li{padding:0;margin:0;list-style:none}body #header .contacts-social li:not(.social){margin-right:30px}body #header .contacts-social li:not(.social) i{margin-right:5px}body #header .contacts-social li.social{margin-right:15px}body #header .contacts-social li.social:last-child{margin-right:0}body #header .contacts-social li a{color:#595959;text-decoration:none;transition:.5s ease all;-webkit-transition:.5s ease all;-moz-transition:.5s ease all;-ms-transition:.5s ease all;-o-transition:.5s ease all}body #header .contacts-social li a:hover,body #header .contacts-social li a:focus{color:#000}body #header .mobile-smhdr .contacts-social{display:flex;justify-content:center;background:#f5f5f5;margin-bottom:30px;margin-top:-30px;padding:10px}@media (max-width:767px){body #header .mobile-smhdr .contacts-social{font-size:12px}}body #header #togglemenu{display:none}@media (max-width:991px){body #header #togglemenu{display:block;border:0;background:0 0;font-size:20px;padding:0;float:right;outline:none;box-shadow:0 0}}body #header .main-nav{display:flex;justify-content:flex-end;font-size:14px;text-transform:uppercase;margin:0;padding:0}@media (max-width:991px){body #header .main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(255,255,255,.9);padding:30px}}body #header .main-nav>li{padding:0;margin:0;list-style:none;font-weight:500;margin-left:5px}@media (max-width:991px){body #header .main-nav>li{margin:0 0 20px}body #header .main-nav>li:last-child{margin-bottom:0}}body #header .main-nav>li>a{color:#595959;text-decoration:none;display:block;padding:5px 15px;border-radius:100px;white-space:nowrap;transition:.5s ease all;-webkit-transition:.5s ease all;-moz-transition:.5s ease all;-ms-transition:.5s ease all;-o-transition:.5s ease all}body #header .main-nav>li>a:hover,body #header .main-nav>li>a:focus{color:#fff;background:#0571e8}@media (max-width:991px){body #header .main-nav>li>a{display:inline-block;background:0 0;padding:0;margin:0}body #header .main-nav>li>a:hover,body #header .main-nav>li>a:focus{color:#0571e8;background:0 0}}body #header .main-nav>li.crurent-menu-item>a,body #header .main-nav>li.current_page_parent>a,body #header .main-nav>li.current_page_item>a{color:#fff;background:#0571e8}@media (max-width:991px){body #header .main-nav>li.crurent-menu-item>a,body #header .main-nav>li.current_page_parent>a,body #header .main-nav>li.current_page_item>a{color:#0571e8;background:0 0}}body .slide .iner-slide{height:700px;position:relative;background:center center no-repeat;background-size:cover}@media (max-width:991px){body .slide .iner-slide{height:450px}}@media (max-width:767px){body .slide .iner-slide{height:350px}}body .slide .iner-slide:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:#000;opacity:.63}body .slide .iner-slide .container{positoin:relative;z-index:9;color:#fff}body .slide .iner-slide .container h2{font-size:60px;font-weight:700;margin-bottom:20px}@media (max-width:767px){body .slide .iner-slide .container h2{font-size:30px}}body .slide .iner-slide .container p:not(.button){font-weight:200;font-size:21px;margin-bottom:45px}body .slide .iner-slide .container .button{margin:0}body .slide .owl-nav{position:absolute;top:50%;left:50px;right:50px;margin:-16.5px auto 0}body .slide .owl-nav button{width:33px;height:33px;position:relative;outline:none;transition:.5s ease all;-webkit-transition:.5s ease all;-moz-transition:.5s ease all;-ms-transition:.5s ease all;-o-transition:.5s ease all}body .slide .owl-nav button:before,body .slide .owl-nav button:after{content:'';width:25px;height:1px;background:#fff;display:block;position:absolute;top:0;opacity:1}body .slide .owl-nav button.owl-prev:before{transform:rotate(-45deg);top:8px;left:0}body .slide .owl-nav button.owl-prev:after{transform:rotate(45deg);top:24px;left:0}body .slide .owl-nav button.owl-next{float:right}body .slide .owl-nav button.owl-next:before{transform:rotate(-45deg);top:24px;right:0}body .slide .owl-nav button.owl-next:after{transform:rotate(45deg);top:8px;right:0}body .slide .owl-nav button span{display:none}body .slide .owl-nav button:hover,body .slide .owl-nav button:focus{opacity:.5}body .section{padding:50px 0}body .line-title{font-size:30px;font-weight:900;position:relative;margin:0 0 20px}body .line-title:after{content:'';display:block;width:95px;height:5px;background:#0571e8;margin:10px 0}body .line-title.text-center:after{margin:10px auto}@media (max-width:767px){body .we-provide .col-md-3{text-align:center;margin-bottom:40px}body .we-provide .line-title{text-align:center}body .we-provide .line-title:after{margin:10px auto 30px}}body .we-provide .desc{font-weight:300;margin-bottom:30px}body .services{font-weight:300;text-align:center}body .services i{font-size:50px;margin-bottom:30px;color:#0571e8}body .services h4{font-size:21px;font-weight:900}body .services .owl-nav{display:none}body .services .owl-dots{text-align:center;margin-top:10px}body .services .owl-dots button{width:12px;height:12px;display:inline-block;background:#91c1f5;border-radius:100%;margin:0 5px;outline:none}body .services .owl-dots button:hover,body .services .owl-dots button.active{background:#0571e8}body .big-contacts{background:#194d87;background:linear-gradient(90deg,rgba(25,77,135,1) 0%,rgba(0,121,255,1) 100%);color:#fff}@media (max-width:767px){body .big-contacts .col-md-8{margin-bottom:40px}}body .big-contacts h4{font-size:30px;font-weight:300;text-transform:uppercase}@media (max-width:767px){body .big-contacts h4{font-size:20px}}body .big-contacts a.tel{font-size:48px;font-weight:700;color:#fff;text-decoration:none}@media (max-width:767px){body .big-contacts a.tel{font-size:40px}}body .big-contacts a.tel:hover,body .big-contacts a.tel:focus{opacity:.8}body .about-us .button{margin:40px 0 0}@media (max-width:767px){body .about-us .col-md-9{margin-bottom:40px}}@media (max-width:767px){body .about-us .col-md-3{text-align:center}}body .quick-contacts{display:flex}body .quick-contacts>div{width:50%}@media (max-width:767px){body .quick-contacts{flex-wrap:wrap}body .quick-contacts>div{width:100%}body .quick-contacts .left{height:200px}}body .quick-contacts .right{background:#595959;padding:50px}body .quick-contacts .right .line-title{margin:0 0 40px;color:#fff}body .quick-contacts .right .line-title:after{background:#fff}body .wpcf7-form ::-webkit-input-placeholder{color:#fff}body .wpcf7-form :-ms-input-placeholder{color:#fff}body .wpcf7-form ::placeholder{color:#fff}body .wpcf7-form p{margin-bottom:30px}body .wpcf7-form .submit{margin-bottom:0}body .wpcf7-form input:not([type=submit]),body .wpcf7-form select,body .wpcf7-form textarea{width:100%;border:1px solid #fff;padding:10px 15px;background:0 0;border-radius:0;outline:none;color:#fff}body .wpcf7-form textarea{height:100px}body .wpcf7-form input[type=submit]{font-size:15px;font-weight:800;padding:10px 30px;background:#0571e8;color:#fff;text-transform:uppercase;display:inline-block;text-decoration:none;border-radius:0;outline:none;box-shadow:0 0;border:0;cursor:pointer;transition:.5s ease all;-webkit-transition:.5s ease all;-moz-transition:.5s ease all;-ms-transition:.5s ease all;-o-transition:.5s ease all}body .wpcf7-form input[type=submit].wpcf7-not-valid{border-color:red}body .wpcf7-form input[type=submit]:hover,body .wpcf7-form input[type=submit]:focus{background:#fff;color:#000}body .wpcf7-form input[type=submit] .wpcf7-response-output{text-align:center;background:#fff;padding:10px !important}body .wpcf7-form .wpcf7-not-valid-tip{display:none !important}body .testimonial-slide{text-align:center;font-weight:300;font-size:18px;margin-top:50px}body .testimonial-slide img{border-radius:100%;width:97px !important;margin:0 auto 30px}body .testimonial-slide .testi-content{margin-bottom:30px}body .testimonial-slide .testi-bottom h5{font-size:16px;font-weight:700}body .testimonial-slide .testi-bottom h6{font-size:14px;font-weight:300}body .testimonial-slide .owl-nav{display:none}body .testimonial-slide .owl-dots{text-align:center;margin-top:30px}body .testimonial-slide .owl-dots button{width:12px;height:12px;display:inline-block;background:#91c1f5;border-radius:100%;margin:0 5px;outline:none}body .testimonial-slide .owl-dots button:hover,body .testimonial-slide .owl-dots button.active{background:#0571e8}body .front-blogs{border-top:1px solid #e5e5e5}body .front-blogs .col-12{margin-bottom:40px}body .front-blogs .thumb{position:relative;margin-bottom:0}body .front-blogs .thumb img{width:100%}body .front-blogs .thumb .date{position:absolute;background:#0571e8;text-align:center;padding:10px;left:20px;top:0;color:#fff}body .front-blogs .thumb .date span{display:block}body .front-blogs .thumb .date span.d{font-size:30px;font-weight:700}body .front-blogs .thumb .date span.m{font-size:14px;font-weight:300}body .front-blogs .pcontent{border:1px solid #eaeaea;padding:20px}body .front-blogs h5{font-weight:700;font-size:20px;margin:0 0 20px}body .front-blogs h5:after{content:'';display:block;width:35px;height:5px;background:#0571e8;margin:10px 0}body .front-blogs h5 a{color:#202020}body .front-blogs h5 a:hover,body .front-blogs h5 a:focus{color:#0571e8;text-decoration:none}body .front-blogs .excerpt p{margin:20px 0 0}body .front-blogs .excerpt p a{color:#0571e8;font-size:15px;font-weight:500;text-decoration:none}body .front-blogs .excerpt p a:hover,body .front-blogs .excerpt p a:focus{color:#000;text-decoration:none}@media (max-width:767px){body .front-blogs .col-md-4{margin-bottom:40px}body .front-blogs .col-md-4:last-child{margin-bottom:0}}body #footer{background:url(http://localhost/TopRoof/wp-content/themes/cstm-theme/images/footer.jpg) top center no-repeat;background-size:cover;position:relative;padding:60px 0;font-weight:300;font-size:15px}body #footer:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(20,20,20,.85)}body #footer .container{z-index:10;position:relative}body #footer a{color:#fff;text-decoration:none}body #footer a:hover,body #footer a:focus{color:#0571e8;text-decoration:none}body #footer h5.widgettitle{font-size:18px;color:#fff;font-weight:700;margin-bottom:30px}body #footer h5.widgettitle:after{content:'';display:block;width:35px;height:5px;background:#0571e8;margin:10px 0}body #footer ul{margin:0;padding:0}body #footer ul li{list-style:none;color:#fff;margin-bottom:15px;text-transform:uppercase}body #footer ul li i{margin-right:10px;min-width:15px}body #footer ul li:last-child{margin-bottom:0}body #footer .box{margin-bottom:60px}body .copyright{font-size:14px;text-transform:uppercase;color:#fff;border-top:1px solid rgba(255,255,255,.2);padding-top:60px}body .copyright .cmpny{margin:0;font-size:12px}body:not(.home) #footer{margin-top:60px}body #banner{background:center center no-repeat;background-size:cover;margin-bottom:60px;padding:90px 0;position:relative}body #banner:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(20,20,20,.7)}body #banner .container{z-index:10;position:relative}body #banner h1{font-size:60px;text-transform:uppercase;color:#fff}@media (max-width:767px){body #banner h1{font-size:30px}}body #banner .postmeta{justify-content:center;color:#fff}body #banner .postmeta a{color:#fff}body #banner .postmeta a:hover,body #banner .postmeta a:focus{color:#fff;text-decoration:none;opacity:.8}body.single #banner h1{margin-bottom:30px}body article.post{margin:0 0 40px;border-bottom:1px solid #dedede;padding-bottom:40px}body article.post:last-child{border:0}@media (max-width:991px){body article.post .thumbnail{margin:0 auto 30px;display:block;text-align:center}}body article.post .main-title{font-weight:700;font-size:20px;margin:0 0 20px}body article.post .main-title:after{content:'';display:block;width:35px;height:5px;background:#0571e8;margin:10px 0}body article.post .main-title a{color:#202020}body article.post .main-title a:hover,body article.post .main-title a:focus{color:#0571e8;text-decoration:none}body article.post .excerpt{margin:20px 0 0}body article.post .excerpt p{margin:20px 0 0}body article.post .excerpt a{color:#0571e8;font-size:15px;font-weight:500;text-decoration:none}body article.post .excerpt a:hover,body article.post .excerpt a:focus{color:#000;text-decoration:none}body.single article.post,body.page article.page{margin:0;padding:0}body.single article.post h1,body.page article.page h1,body.single article.post h2,body.page article.page h2,body.single article.post h3,body.page article.page h3,body.single article.post h4,body.page article.page h4,body.single article.post h5,body.page article.page h5,body.single article.post h6,body.page article.page h6{margin:40px 0 20px}body.single article.post h2,body.page article.page h2{margin-top:0}body.single article.post .addtoany_content,body.page article.page .addtoany_content{margin:40px 0 0}body .alignleft{float:left;margin:0;margin-right:30px;margin-bottom:30px}body .alignright{float:right;margin:0;margin-left:30px;margin-bottom:30px}body .alignnone{float:none;margin:30px auto}@media (max-width:991px){body .alignleft,body .alignright,body .alignnone{float:none;margin:30px auto}}body .postmeta{display:flex;margin:0 0 20px;padding:0;list-style:none}body .postmeta li{padding:0 20px;margin:0;border-right:1px solid #afafaf;font-size:12px;text-transform:uppercase}@media (max-width:767px){body .postmeta li{padding:0 10px}}body .postmeta li:first-child{padding-left:0}body .postmeta li:last-child{padding-right:0;border:0}body .postmeta li i{margin-right:5px}body .postmeta li a{color:#202020}body .postmeta li a:hover,body .postmeta li a:focus{color:#0571e8;text-decoration:none}body #sidebar .box{background:#f1f1f1;padding:30px}body #sidebar .box h5{font-weight:700;font-size:20px;margin:0 0 20px}body #sidebar .box h5:after{content:'';display:block;width:35px;height:5px;background:#0571e8;margin:10px 0}body #sidebar .box ul{margin:0;padding:0}body #sidebar .box ul li{list-style:none;color:#fff;margin-bottom:15px;text-transform:uppercase;position:relative;padding-left:30px}body #sidebar .box ul li:before{content:'\f30b';font-family:"Font Awesome 5 Free";font-weight:700;color:#202020;position:absolute;left:0;top:-1px}body #sidebar .box ul li i{margin-right:10px;min-width:15px}body #sidebar .box ul li:last-child{margin-bottom:0}body #sidebar .box ul li a{color:#202020}body #sidebar .box ul li a:hover,body #sidebar .box ul li a:focus{color:#0571e8;text-decoration:none}