@import url(https://fonts.googleapis.com/css2?family=Arimo:wght@400;700&family=DM+Serif+Display&family=Jost:wght@400;500;600;900&display=swap);body{font-size:22px;line-height:35px;color:#fff;background-color:#000;font-family:"Jost",sans-serif;overflow-x:hidden;font-weight:400}h1,h2{font-family:"DM Serif Display",serif}h3{font-family:"Arimo",sans-serif;font-weight:700}p,ul{margin:0 0 20px}a,a:active,a:focus,a:hover,a:visited{color:inherit;text-decoration:none}.btn{font-family:"Jost",sans-serif;padding:15px 30px;margin-top:20px;font-weight:500;width:220px;font-size:18px!important;color:#000}.btn:focus{outline:0;box-shadow:none!important}.section{padding-top:80px;text-align:left}.section h2{color:inherit;font-size:50px;font-family:"DM Serif Display",serif;font-weight:400;margin-bottom:20px}.section h2:first-child{margin-top:0;color:inherit}.section p:last-child,.section ul:last-child{margin-bottom:0}.section-padding{padding:0 150px}.navbar{padding:0!important}header{width:100%;position:fixed;z-index:100;opacity:1;top:0}header .header-padding{padding-left:0;padding-right:30px}header .navbar-brand{padding:10px;margin-right:0!important}header .navbar-brand img{transition:ease .3s;-webkit-transition:ease .3s;-moz-transition:ease .3s;-ms-transition:ease .3s;-o-transition:ease .3s;width:320px}header .navbar ul{margin-top:-100px}.navbar-nav{margin-bottom:0;border-radius:0;min-height:30px;border:0;padding:0;position:relative;transition:ease .5s;-webkit-transition:ease .5s;-moz-transition:ease .5s;-ms-transition:ease .5s;-o-transition:ease .5s}.navbar-nav>li{padding:10px 35px;font-size:21px;font-weight:600!important;transition:.3s ease;-webkit-transition:.3s ease;-moz-transition:.3s ease;-ms-transition:.3s ease;-o-transition:.3s ease;color:#fff}.dropdown:hover .dropdown-menu{display:block;color:#000;top:160px}header .navbar .dropdown .dropdown-menu li{margin-top:0}header .navbar .dropdown .dropdown-menu,header .navbar-brand{background-color:#000}header,header .navbar .dropdown .dropdown-menu li a.dropdown-item,header .navbar .dropdown .dropdown-menu li a.dropdown-item:hover{transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out}header .navbar .dropdown .dropdown-menu li a.dropdown-item{background:#000;background-color:#000!important;color:#fff}header .navbar .dropdown .dropdown-menu li a.dropdown-item:hover{background:linear-gradient(94.04deg,#bfbfbf 3.59%,#fff 50.66%,#c4c4c5 96.76%);color:#000}.navbar-nav .nav-item .nav-link{color:#fff}.navbar-nav>li>a:focus,.navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-nav>li>a{color:#fff;padding:6px 0!important;transition:ease .3s;-webkit-transition:ease .3s;-moz-transition:ease .3s;-ms-transition:ease .3s;-o-transition:ease .3s;border-color:transparent;font-weight:500!important}.navbar-nav>li.phone{padding:20px;background:linear-gradient(94.04deg,#bfbfbf 3.59%,#fff 50.66%,#c4c4c5 96.76%);color:#000!important;font-size:19px;border-radius:18px;-webkit-border-radius:18px;-moz-border-radius:18px;-ms-border-radius:18px;-o-border-radius:18px;position:relative;margin-left:50px}.navbar-nav>li.phone a{font-weight:900!important;color:#000!important;margin-left:20px}.navbar-nav>li.phone a:before{content:url(/wp-content/themes/truerock-interior-systems/img/call-icon.png);position:absolute;left:12px;top:24px}.navbar-nav>li.phone:hover{background:linear-gradient(94.04deg,#797979 6.66%,#000 105.76%);color:#fff}.navbar-nav>li.phone:hover a{color:#fff!important}.navbar-nav>li.phone:hover a:before{-webkit-filter:grayscale(1) invert(1);filter:grayscale(1) invert(1)}.navbar-toggler{background-color:#fff;border:2px solid #000;border-radius:5px;font-size:.8rem}.navbar-toggler:focus{box-shadow:none}.navbar-toggler-icon{display:GRID;width:1.5em;background-size:100%;background:#000;height:2px;margin:5px 1px}.hvr-underline-from-center{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-underline-from-center:before{content:"";position:absolute;z-index:-1;left:51%;right:51%;bottom:0;background:linear-gradient(94.04deg,#bfbfbf 3.59%,#fff 50.66%,#c4c4c5 96.76%);height:4px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-center:active:before,.hvr-underline-from-center:focus:before,.hvr-underline-from-center:hover:before{left:0;right:0}.title-area{background:url(/wp-content/themes/truerock-interior-systems/img/services/services-banner.jpg);background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;margin-top:120px;height:356px;position:relative}.title-area.gallery{background:url(/wp-content/themes/truerock-interior-systems/img/project-gallery/banner.png)}.title-area .content-area{background:linear-gradient(94.04deg,#bfbfbf 0,#fff 50.52%,#c4c4c5 100%);padding:30px 100px;color:#000;width:fit-content;position:absolute;bottom:0;right:0;left:0;margin:0 auto;border-top-right-radius:37px;border-top-left-radius:37px}.title-area .content-area p{margin-bottom:0}.title-area .content-area h1{font-size:50px}.title-area .content-area a,.title-area .content-area a:hover,footer .main-footer .contact-info ul.contact li a,footer .main-footer .logo-area ul.social li a{transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out}.title-area .content-area a:hover{text-decoration:underline}.prev-posts-link.pagination-link{margin-top:60px}.cta .content-area .btn-quote,.prev-posts-link.pagination-link a{background:linear-gradient(94.04deg,#bfbfbf 3.59%,#fff 50.66%,#c4c4c5 96.76%);color:#000;padding:20px 35px;border-radius:25px;font-weight:600}.cta .content-area .btn-quote:hover,.prev-posts-link.pagination-link a:hover{background:linear-gradient(94.04deg,#797979 6.66%,#000 105.76%);color:#fff}.cta{background:linear-gradient(92.44deg,#000 -.48%,rgba(134,134,134,.904124) 32.19%,rgba(210,210,210,.85) 50.64%,rgba(0,0,0,.42) 100.7%);padding:70px 0}.cta .content-area h2,.cta .content-area p{text-shadow:0 4px 4px rgba(0,0,0,.5)}.cta .content-area .btn-quote{padding:20px;box-shadow:0 4px 4px rgba(0,0,0,.25);border-radius:18px;font-size:18px;width:300px;border:0}.cta .content-area .btn-quote:after{font-family:"fontAwesome";content:"";margin-left:10px}.cta .content-area .btn-quote:hover:after{margin-left:15px}.home-blogs .item h3,footer .main-footer h3{font-family:"DM Serif Display",serif;font-size:25px;margin-bottom:30px;font-weight:400}footer .main-footer .logo-area img{margin-bottom:20px}footer .main-footer .logo-area p{font-weight:400}footer .main-footer .logo-area ul.social{list-style-type:none;padding:0;display:flex}footer .main-footer .logo-area ul.social li{margin-right:30px}.cta .content-area .btn-quote,footer .main-footer .contact-info ul.contact li a:hover,footer .main-footer .links-area ul.links li,footer .main-footer .logo-area ul.social li a:hover{transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out}footer .main-footer .contact-info ul.contact li a:hover,footer .main-footer .logo-area ul.social li a:hover{color:#797979}footer .main-footer .links-area{margin-left:70px}footer .main-footer .links-area ul.links{list-style-type:none;padding:0}footer .main-footer .links-area ul.links li{margin-bottom:20px;font-weight:400;font-size:18px;position:relative;border-top:1px solid #000;border-bottom:1px solid #000;width:fit-content}footer .main-footer .links-area ul.links li:hover{border-top:1px solid #2b2b2b;border-bottom:1px solid #2b2b2b;width:fit-content}footer .main-footer .links-area ul.links li:before,footer .main-footer .links-area ul.links li:hover:before,footer .main-footer .services-area ul.services li:before,footer .main-footer .services-area ul.services li:hover:before{opacity:1;transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out}footer .main-footer .links-area ul.links li:before,footer .main-footer .services-area ul.services li:before{font-family:"fontAwesome";content:"";position:absolute;left:-30px;opacity:0}footer .main-footer .services-area ul.services{list-style-type:none;padding:0;display:flex;flex-wrap:wrap}footer .main-footer .services-area ul.services li{width:50%;font-weight:400;margin-bottom:20px;font-size:18px;position:relative}footer .main-footer .contact-info ul.contact{list-style-type:none;padding:0}footer .main-footer .contact-info ul.contact li{margin-bottom:20px;font-weight:400;font-size:18px;transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out}footer .main-footer .contact-info ul.contact li.address{position:relative;margin-left:30px}footer .main-footer .contact-info ul.contact li.address:before{font-family:"fontAwesome";content:"";position:absolute;left:-30px}footer .main-footer .contact-info ul.contact li.mail:before{font-family:"fontAwesome";content:"";margin-right:15px}footer .main-footer .contact-info ul.contact li.phone:before{font-family:"fontAwesome";content:"";margin-right:15px}footer .copyright{background:#000;padding-top:30px}footer .copyright .content{padding:10px 0;display:flex;justify-content:space-between;align-items:center}footer .copyright .content span{font-size:14px;color:#fff;font-weight:400}footer .copyright .reach-logo{width:150px}.home-blogs .item{margin-top:30px;border:1px solid #e7e7e7;filter:drop-shadow(0 10px 30px rgba(255,255,255,.25));border-radius:62px;padding:20px}.home-blogs .item img{margin-bottom:30px;border-top-left-radius:62px;border-top-right-radius:62px}.home-blogs .item h3{margin-bottom:50px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-blogs .item .blog-date{display:flex;justify-content:space-between;align-items:center}.home-blogs .item p.date{font-size:16px}.home-blogs .item,.home-blogs .item:hover{transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out}.home-blogs .item:hover{background:#f4f0ec;color:#000;box-shadow:0 10px 30px rgba(255,255,255,.25)}@media only screen and (max-width:1671px){.navbar-nav>li{padding:10px 30px;font-size:18px}}@media only screen and (max-width:1600px){.section-padding{padding:0 100px}.title-area{height:298px}.title-area .content-area h1{font-size:45px}}@media only screen and (max-width:1521px){.navbar-nav>li{padding:10px 26px}}@media only screen and (max-width:1510px){.navbar-nav>li.phone{margin-left:unset}}@media only screen and (max-width:1471px){header .navbar-brand img{width:280px}header .navbar ul{margin-top:-70px}.navbar-nav>li{padding:10px 25px;font-size:18px}}@media only screen and (max-width:1400px){.section-padding{padding:0 50px}.section h2{font-size:40px}body{font-size:20px}footer .main-footer .contact-info ul.contact li{font-size:16px}footer .main-footer .contact-info ul.contact li.mail{word-break:break-all;position:relative;margin-left:30px}footer .main-footer .contact-info ul.contact li.mail:before{font-family:"fontAwesome";content:"";position:absolute;left:-30px}.title-area .content-area{padding:15px 70px}}@media only screen and (max-width:1373px){header .navbar-brand img{width:250px}header .navbar ul{margin-top:-55px}.navbar-nav>li{padding:10px 20px}.navbar-nav>li.phone{padding:15px}.navbar-nav>li.phone a:before{top:19px}}@media only screen and (max-width:1271px){.navbar-nav>li.phone{display:none}}@media only screen and (max-width:1200px){.section-padding{padding:0 30px}footer .main-footer .links-area{margin-left:40px}footer .main-footer .services-area ul.services li{font-size:16px}body{font-size:18px;line-height:30px}.title-area{height:230px}}@media only screen and (max-width:1100px){.navbar-nav>li{padding:10px}}@media only screen and (max-width:992px){.section-padding{padding:0 15px}.title-area{margin-top:94px}footer .main-footer .logo-area ul.social{justify-content:center}footer .main-footer .logo-area ul.social li{margin:0 20px}footer .main-footer .links-area{margin-left:0;margin-top:30px}footer .main-footer .links-area ul.links li{width:auto}footer .main-footer .contact-info,footer .main-footer .services-area{margin-top:30px}footer .main-footer .services-area ul.services{display:grid}footer .main-footer .services-area ul.services li{width:unset}footer .main-footer .contact-info ul.contact li.address:before,footer .main-footer .contact-info ul.contact li.mail:before{position:unset;margin-right:15px}footer .copyright{padding-top:10px}footer .main-footer .contact-info ul.contact li.address,footer .main-footer .contact-info ul.contact li.mail{margin-left:unset}}@media only screen and (max-width:768px){.section h2{font-size:35px}}@media only screen and (max-width:600px){.title-area .content-area h1{font-size:35px}.title-area .content-area{padding:10px 40px}.title-area{height:180px}}@media only screen and (max-width:400px){.section h2{font-size:30px}}@media (max-width:992px){header .header-padding{padding:10px 15px}.section-padding{padding:0 15px}.section{text-align:center;padding-top:60px}header .navbar-brand{padding:0}header .navbar-brand img{width:120px}header .navbar ul{margin-top:10px;display:block}header .navbar ul li{margin-top:0;padding:0 10px}.navbar-nav .nav-item.phone{display:none}.navbar-collapse{background-color:#000}.navbar-nav .nav-item .nav-link{color:#fff}.navbar-nav{float:none!important;margin-top:7.5px}.navbar-nav>li{float:none}.navbar-nav>li>a{padding-top:5px;padding-bottom:5px}footer .copyright,footer .main-footer .links-area{text-align:center}footer .copyright .content{display:grid;justify-content:center}footer .copyright .content span{margin-bottom:10px}.navbar .nav-item .dropdown-menu{display:none;margin-top:0}.navbar .nav-item:hover .dropdown-menu{display:block}.dropdown-toggle:after{display:none}.dropdown .icon{display:block!important;position:absolute;right:15px;top:14px}.dropdown .icon:before{font-family:"FontAwesome";content:"";color:#fff;font-style:initial;font-size:26px}}.wp-lightbox-container button:focus-visible{outline:3px auto #5a5a5a40;outline:3px auto -webkit-focus-ring-color;outline-offset:3px}.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){background-color:#5a5a5a40;border:0}.wp-lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background){background:0 0;border:0}ul{box-sizing:border-box}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}button::-moz-focus-inner{padding:0;border:0}