/**
* Theme Name: Theme Name
**/
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */}
.alignself{ align-self: center;}
.m-0{ margin: 0;}
.item:focus,
.item:hover{ outline: none !important;}
.gform_body ul li.gfield.gfield_error input,
.gform_body ul li.gfield.gfield_error textarea{border: 1px solid #ff0000 !important;}
.gform_wrapper .gfield_error .gfield_label {color: #b69c9c!important;}
.gform_wrapper .field_description_below .gfield_description { padding-top: 8px!important;}
.gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {max-width: inherit!important;}
.gform_wrapper li.gfield.gfield_error {background-color: transparent !important; margin-bottom: 6px!important;border: 0px !important;padding-bottom: 0 !important;}
ul#menu{ display: none;}
/* width */
::-webkit-scrollbar {width: 10px;}
/* Track */
::-webkit-scrollbar-track {background-color: rgba(0,0,0,0.4); border-radius: 10px;}
/* Handle */
::-webkit-scrollbar-thumb {background: #3f4551;border-radius: 10px;}
a,
a:hover {text-decoration: none !important;transition: all .5s;}
p { margin: 0 0 20px;}
img {height: auto; max-width: 100%}
a:focus,
input:focus,
button:focus,
select:focus,
textarea:focus {outline: 0 !important}
input[type="checkbox"],
input[type="radio"] {width: auto !important;}
.searchform {position: relative}
.searchform input {border-radius: 30px;border: 1px solid #ccc;padding: 14px 20px;width: 100%;}
.searchform button {border: 0px;background-color: transparent;font-size: 24px;position: absolute;top: 5px;right: 10px;}
.not-found {margin: 100px 0;}
.not-found p {margin-bottom: 30px;}
/* Navbar */
.nav-bar {text-align: right;}
.main-navigation {clear: both;position: relative;}
ul.nav-menu,
div.nav-menu > ul {margin: 0;padding: 0;}
.nav-menu li {display: inline-block;margin: 0 19px 0 0;position: relative;}
.nav-menu li:last-child{ margin: 0;}
.nav-menu li a {color: #1b2336;display: inline-block;font-size: 15px;font-weight: bold;line-height: 1;text-decoration: none; transition: all 0.4s ease;}
.nav-menu li.menu-item-has-children { position: relative; padding-right: 10px;}
.nav-menu li.menu-item-has-children li.menu-item-has-children{ padding-right: 0;}
.nav-menu li.menu-item-has-children::after { color: #1b2336;display: block; content: '\f0d7'; font-family: FontAwesome; position: absolute; font-size: 15px; right: -11px;top: 3px;}
.nav-menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children::after{color: #ffffff; display: block; content: '\f0da'; font-family: FontAwesome; position: absolute; font-size: 12px; right: 10px; top: 13px;}
.nav-menu .sub-menu,
.nav-menu .children {background-color: #1b2336;border: 0px;border-top: 0;padding: 0;position: absolute;left: -2px;z-index: 99999;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);transform: translateX(20px);}
ul.sub-menu li { margin: 0px}
ul.sub-menu li a { color: #ffffff !important; padding: 15px;text-align: left;width: 225px; font-size: 14px;}
ul.sub-menu li a:hover {background: #000;}
.nav-menu .sub-menu ul,
.nav-menu .children ul {border-left: 0;left: 100%;top: 0;}
ul.nav-menu ul a,
.nav-menu ul ul a {color: #ffffff;margin: 0;}
ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover,
ul.nav-menu ul a:focus,
.nav-menu ul ul a:focus {background-color: #4a83fb;}
ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul,
ul.nav-menu .focus > ul,
.nav-menu .focus > ul {clip: inherit;overflow: inherit;height: inherit;width: inherit;transform: translateY(0);transition: all 0.4s ease;}
.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a,
.nav-menu li a:hover{color: #4a83fb;}
.closebtn,
.openmenu,
.menuToggle,
.mobilesubmenu {display: none;}
/* Alignment */
.alignnone {margin: 5px 20px 20px 0;}
.aligncenter,
div.aligncenter {display: block;margin: 5px auto 5px auto;}
.alignright {float:right;margin: 5px 0 20px 20px;}
.alignleft {float: left;margin: 5px 20px 20px 0;}
a img.alignright {float: right;margin: 5px 0 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float: left;margin: 5px 20px 20px 0;}
a img.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.wp-caption {background: #ffffff;border: 1px solid #f0f0f0;max-width: 96%;padding: 5px 3px 10px;text-align: center;}
.wp-caption.alignnone {margin: 5px 20px 20px 0;}
.wp-caption.alignleft {margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}
.wp-caption img {border: 0 none;height: auto;margin: 0;max-width: 98.5%;padding: 0;width: auto;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;margin: 0;padding: 0 4px 5px;}
/* Slider */
.slick-list.draggable {padding: 0px !important;}
.slick-slider { position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus { outline: none;}
.slick-list.dragging { cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track {position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before,
.slick-track:after {display: table;content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track { visibility: hidden;}
.slick-slide{display: none;float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide {float: right;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide { display: block;}
.slick-loading .slick-slide { visibility: hidden;}
.slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
.nopd {padding: 0 !Important}
.fw-container-fluid.nopd .fw-row {margin: 0;}
.cover {background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important;}
.content-header.cover { padding: 100px 0;position: relative;}
.content-header.cover::after{content: '';display: inline-block;background-color: #dfcab4;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 0;}
.conthead-content{position: relative;z-index: 1;color:#000;text-align: center;}
.conthead-content h1{ color: #000;font-size: 50px;font-weight: 600;text-align: center;margin: 0 0 15px 0;}
ul#breadcrumbs{list-style: none;padding: 0;margin: 0;text-align: center;}
ul#breadcrumbs li{display: inline-block;margin-right: 8px;}
ul#breadcrumbs li:last-child{ margin-right: 0;}
ul#breadcrumbs li,
ul#breadcrumbs li a,
ul#breadcrumbs li strong{color: #ffffff;font-size: 16px;font-weight: 500;}
.all-pages-content {padding: 60px 0 45px;}
.all-pages-content h1,
.all-pages-content h2,
.all-pages-content h3,
.all-pages-content h4,
.all-pages-content h5,
.all-pages-content h6{color: #000000;font-size: 30px;font-weight: 500; margin-bottom: 20px;}
.all-pages-content p{color: #000000;font-size: 16px;font-weight: 400; margin: 0 0 15px 0;}
.all-pages-content p a{ color: #000000;text-decoration: underline !important;transition: all 0.4s ease;}
.all-pages-content p a:hover{ color: red;}
.all-pages-content ul{list-style: none;padding: 0;margin: 10px 0;}
.all-pages-content ul li {color: #000000;font-size: 16px;font-weight: 400;margin: 0 0 5px 0;position: relative;padding-left: 25px;}
.all-pages-content ul li::after {display: block; content: '\f00c';font-family: FontAwesome;position: absolute;font-size: 15px;left: 0;top: 0;}
.all-pages-content ul li:last-child{ margin-bottom: 0;}
/* Pagination */
.pagination { display: inline-block; margin: 30px 0 0; width: 100%;}
.sub-pagenation-div li {display: inline-block;border-radius: 4px; width: auto;}
.sub-pagenation-div li a { border-radius: 4px; color: #333333; display: block;padding: 10px 20px;}
.sub-pagenation-div li.current a,
.sub-pagenation-div li:hover a {background: #394e8c;color: #ffffff;}
/* DatePicker Table */
.ui-datepicker table {width: 100%;}
.ui-datepicker-header {
background: url('../img/dark_leather.png') repeat 0 0 #000;
color: #e0e0e0;
font-weight: bold;
-webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 2);
-moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
text-shadow: 1px -1px 0px #000;
filter: dropshadow(color=#000, offx=1, offy=-1);
line-height: 30px;
border-width: 1px 0 0 0;
border-style: solid;
border-color: #111;
}
.ui-datepicker-title {
text-align: center;
}
.ui-datepicker-prev, .ui-datepicker-next {
display: inline-block;
width: 30px;
height: 30px;
text-align: center;
cursor: pointer;
background-image: url('images/arrow.png');
background-repeat: no-repeat;
line-height: 600%;
overflow: hidden;
}
.ui-datepicker-prev {
float: left;
background-position: center -30px;
}
.ui-datepicker-next {
float: right;
background-position: center 0px;
}
.ui-datepicker thead {
background-color: #f7f7f7;
background-image: -moz-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f1f1f1));
background-image: -webkit-linear-gradient(top, #f7f7f7 0%,#f1f1f1 100%);
background-image: -o-linear-gradient(top, #f7f7f7 0%,#f1f1f1 100%);
background-image: -ms-linear-gradient(top, #f7f7f7 0%,#f1f1f1 100%);
background-image: linear-gradient(top, #f7f7f7 0%,#f1f1f1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 );
border-bottom: 1px solid #bbb;
}
.ui-datepicker th {
text-transform: uppercase;
font-size: 6pt;
padding: 5px 0;
color: #666666;
text-align: center;
text-shadow: 1px 0px 0px #fff;
filter: dropshadow(color=#fff, offx=1, offy=0);
}
.ui-datepicker tbody td {
padding: 0;
background-color: #ffffff;
border-right: 1px solid #bbb;
}
.ui-datepicker tbody td:last-child {
border-right: 0px;
}
.ui-datepicker tbody tr {
border-bottom: 1px solid #bbb;
}
.ui-datepicker tbody tr:last-child {
border-bottom: 0px;
}
.ui-datepicker td span, .ui-datepicker td a {
display: inline-block;
font-weight: bold;
text-align: center;
width: 30px;
height: 30px;
line-height: 30px;
color: #666666;
text-shadow: 1px 1px 0px #fff;
filter: dropshadow(color=#fff, offx=1, offy=1);
}
.ui-datepicker-calendar .ui-state-default {
background: #ededed;
background: -moz-linear-gradient(top, #ededed 0%, #dedede 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dedede));
background: -webkit-linear-gradient(top, #ededed 0%,#dedede 100%);
background: -o-linear-gradient(top, #ededed 0%,#dedede 100%);
background: -ms-linear-gradient(top, #ededed 0%,#dedede 100%);
background: linear-gradient(top, #ededed 0%,#dedede 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 );
-webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
-moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
}
.ui-datepicker-calendar .ui-state-hover {
background: #f7f7f7;
}
.ui-datepicker-calendar .ui-state-active {
background: #6eafbf;
-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
-moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
color: #e0e0e0;
text-shadow: 0px 1px 0px #4d7a85;
filter: dropshadow(color=#4d7a85, offx=0, offy=1);
border: 1px solid #55838f;
position: relative;
margin: -1px;
}
.ui-datepicker-unselectable .ui-state-default {
background: #f4f4f4;
color: #b4b3b3;
}
.ui-datepicker-calendar td:first-child .ui-state-active {
width: 29px;
margin-left: 0;
}
.ui-datepicker-calendar td:last-child .ui-state-active {
width: 29px;
margin-right: 0;
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
height: 29px;
margin-bottom: 0;
}
/* MAIN CSS */
.container::after,
.blogdetail::after,
.fw-container::after,
.entry-content::after {
content: '';
clear: both;
display: block;
}
body{font-family: "Inter", sans-serif!important;}
/* Header */
.site-logo img {width: 150px;object-fit: contain;object-position: center;}
.flexrow {display: flex;justify-content: space-between;align-items: center;}
.site-header {padding: 18px 0 17px 0;box-shadow: 0px 4px 4px 0px #00000040;background-color: #FFFFFF;position: sticky;top: 0;z-index: 999;}
.site-header .container-fluid {padding: 0 52px;}
.getstartedbtn a {font-weight: 500;font-size: 15.02px;color: #000000;display: inline-block;background-color: #dbcbb4;border-radius: 5.61px;padding: 12px 51px;}
.getstartedbtn a:hover{background-color: #000;color: #dbcbb4;}
/* Banner */
.hbanner_sec {background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #FBFAF9 100%);position: relative;overflow: hidden;}
.hbantext h4 {font-weight: 600;font-size: 14px;line-height: 17px;letter-spacing: 1.4px;text-transform: uppercase;color: #B79353;margin-bottom: 10px;}
.hbantext h1 {font-weight: 500;font-size: 74px;line-height: 87px;letter-spacing: -0.06em;color: #000000;margin-bottom: 10px;}
.hbantext p {font-weight: 400;font-size: 23px;line-height: 38px;color: #282828;margin-bottom: 26px;width: 75%;}
.hbantext ul {list-style: none;margin: 0;padding: 0;}
.hbantext ul li {font-weight: 400;font-size: 18px;line-height: 30px;color: #282828;margin-bottom: 12px;position: relative;}
.hbantext ul li::before,
.acttext ul li::before{content: '\f00c';display: inline-block;font-family: FontAwesome;color: #F5AA21;margin-right: 6px;}
.hbantext ul li:last-child{margin-bottom: 26px;}
.btnstyle {font-weight: 500;font-size: 16px;color: #000;display: inline-block;background-color: #dbcbb4;border-radius: 12px;padding: 12px 30px;}
.btnstyle:hover {background-color: #000; color: #dbcbb4;}
.hbantext h5 {font-weight: 400;font-size: 14px;line-height: 20px;color: rgba(0, 0, 0, 0.6);margin-top: 19px;margin-bottom: 0;}
.hbantext {max-width: 1024px;padding: 111px 0;}
.bannerimg {position: absolute;top: 0;right: 0;text-align: right;}
/* Remodel Wrong */
.remod_sec {background-color: #F6F4EE;padding: 99px 0;}
.remotext h2 {font-weight: 500;font-size: 64px;line-height: 75px;letter-spacing: -0.06em;color: #282828;margin-bottom: 21px;}
.remotext p {font-weight: 400;font-size: 18px;line-height: 29px;color: #6A7181;margin-bottom: 34px;}
.remotext ul {list-style: none;margin: 0;padding: 0;display: flex;justify-content: center;max-width: 839px;margin: 0 auto;flex-wrap: wrap;gap: 13px;}
.remotext ul li {border: 1px solid #0000004D;border-radius: 38px;font-weight: 400;font-size: 16px;line-height: 24px;text-transform: capitalize;color: #000000;padding: 8px 14px;position: relative;}
.remotext ul li::before{content: '\58';font-family: FontAwesome;color: #D21C00;margin-right: 8px;}
.remotext h4 {font-style: italic;font-weight: 600;font-size: 16px;line-height: 24px;color: #000000;margin-top: 29px;margin-bottom: 9px;}
.remotext h5 {font-weight: 400;font-size: 16px;line-height: 29px;color: rgba(0, 0, 0, 0.6);margin-bottom: 9px;}
/* Process */
.process_sec {background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #FBFAF9 100%);padding: 62px 0 109px;}
.widthdiv {max-width: 1500px;margin: auto;}
.prochead {padding-top: 114px;max-width: 478px;}
.prochead h3 {font-weight: 500;font-size: 54px;line-height: 64px;letter-spacing: -0.06em;color: #282828;margin-bottom: 20px;}
.prochead p {font-weight: 400;font-size: 18px;line-height: 29px;color: #6A7181;margin-bottom: 20px;width: 85%;}
.proclist {border: 1px solid #0000001A;border-radius: 30px;padding: 21px 20px;margin-bottom: 44px;position: relative;}
.proimg img {width: 306px;height: 195px;object-fit: cover;object-position: center;}
.innertextproc h3 {font-weight: 500;font-size: 22px;line-height: 28px;color: #000;margin-bottom: 9px;}
.innertextproc p {font-weight: 400;font-size: 18px;line-height: 28px;color: #6A7181;margin-bottom: 0;}
.proclist:nth-child(2n+1) {background-color: #FFF7EA;}
.proclist:nth-child(2n) {background-color: #F6F6F6;}
.proclist:nth-child(2n+1) {background-color: #FFF7EA;}
.proclist:last-child{margin-bottom: 0;}
.proclist span {background: #DBCBB4;border: 0.79px solid #00000080;border-radius: 41px;width: 80px;display: flex;text-align: center;min-height: 37px;align-items: center;justify-content: center;font-weight: 500;font-size: 16px;line-height: 22px;color: rgba(0, 0, 0, 0.8);position: absolute;top: 93px;left: -133px;}
.procmain {padding-left: 121px;position: relative;}
.procmain::before {content: '';display: inline-block;width: 1px;height: 84%;background-color: #7E7D7D;position: absolute;top: 119px;left: 30px;}
/* Start Remodel */
.startremodel_sec {background-color: #F6F2EE;padding: 58px 0;}
.remodelwidth {max-width: 1075px;margin: auto;}
.prochead.remodelhead {width: 100%;max-width: 100%;}
.prochead.remodelhead p {width: 100%;}
.remodelist {max-width: 743px;margin: 0 auto;}
.remodelist li {display: flex;flex-wrap: wrap;align-items: center;border-bottom: 1px solid #00000033;padding: 17px 25px;}
.remodelist li:last-child{border-bottom: 0;}
.remodelist li h3 {font-weight: 700;font-size: 16px;line-height: 28px;color: #131720;margin-bottom: 0;width: 50%;}
.remodelist li p {width: 50%;font-weight: 400;font-size: 14px;line-height: 26px;color: #606876;margin-bottom: 0;}
.remodelist li h3 img {padding-right: 41px;}
.prochead.remodelhead {width: 100%;max-width: 100%;padding: 0;margin-bottom: 45px;}
.remohead {margin-top: 44px;}
/* Actually Build */
.actually_sec {background-color: #fdfcfc;padding: 117px 0 178px;}
.actuwidth {max-width: 1468px;margin: 0 auto;}
.acttext h3 {font-weight: 500;font-size: 54px;line-height: 64px;letter-spacing: -0.06em;color: #282828;margin-bottom: 17px;}
.acttext p {font-weight: 400;font-size: 18px;line-height: 31px;color: #6A7181;}
.acttext ul {list-style: none;margin: 0;padding: 0;}
.acttext ul li {font-weight: 400;font-size: 16px;line-height: 24px;color: #000000;position: relative;margin-bottom: 12px;}
.acttext ul li:last-child{margin-bottom: 17px;}
.acttext h5 {font-weight: 400;font-size: 14px;line-height: 23px;color: rgba(0, 0, 0, 0.5);margin-top: 24px;margin-bottom: 0;}
.actimg {text-align: end;}
/* HomeOwner */
.homwowner_sec {background-color: #fdfcfc;overflow: hidden;padding: 0px 0 149px;}
.homeownerhead h3 {font-weight: 500;font-size: 54px;line-height: 64px;letter-spacing: -0.06em;text-transform: capitalize;color: #282828;margin-bottom: 0;}
.itemhome {background-color: #3B3B3B;color: #fff;border-radius: 39px;padding: 21px 25px;position: relative;margin: 89px 40px;}
.itemhome::after{content: '';display: block;width: 100%;height: 100%;background: #fff;position: absolute;top: 0;left: 0;opacity: 0.5;border-radius: 39px;}
.slick-center .itemhome::after{content: none;}
.slick-center .itemhome{transform: scale(1.2);}
.homeimg img {width: 100%;height: 310px;object-fit: cover;object-position: center;}
.homebottext {margin-top: 10px;}
.homebottext p {font-weight: 400;font-size: 16px;line-height: 25px;margin-bottom: 7px;}
.homebottext h4 {font-weight: 400;font-size: 13.3px;line-height: 21px;color: #FFD04E;margin-bottom: 0;}
.homeownerlist .slick-list {width: 2155px;left: -151px;}
/* Clarity */
.commit_sec {background-color: #fdfcfc;}
.commitmain {background-color: #1E1E1E;color: #FBFAF9;border-radius: 39px;padding: 46px 0 79px;}
.committext h3 {font-weight: 500;font-size: 54px;line-height: 64px;letter-spacing: -0.06em;margin-bottom: 20px;}
.committext p {font-weight: 400;font-size: 18px;line-height: 28px;color: rgba(255, 255, 255, 0.8);margin-bottom: 28px;}
.committext h5 {font-weight: 400;font-size: 14px;line-height: 20px;color: rgba(255, 255, 255, 0.6);margin-top: 15px;}
.committext h6 {font-weight: 400;font-size: 12px;line-height: 16px;color: rgba(255, 255, 255, 0.4);font-style: italic;margin-bottom: 0;}
/* FAQ */
.faq_sec {background-color: #fdfcfc;padding: 122px 0 123px;}
.faqhead {margin-bottom: 37px;}
.faqhead h3 {font-weight: 600;font-size: 36px;line-height: 40px;text-transform: capitalize;color: #0D0D0D;margin-bottom: 22px;}
.faqhead p {font-weight: 400;font-size: 16px;line-height: 24px;color: #737373;width: 34%;margin: 0 auto;}
.faqlist {max-width: 1201px;margin: 0 auto;}
.faqlist .accordion-button:focus{box-shadow: none;}
.faqlist .accordion-button:not(.collapsed){background-color: transparent;box-shadow: none;}
.faqlist .accordion-item {background-color: #FFFFFF;border: 1px solid #E6E6E6 !important;margin-bottom: 12px;border-radius: 12px!important;}
.faqlist .accordion-button{background-color: transparent;}
.faqlist p {margin-bottom: 0;}
.faqlist .accordion-body {padding: 0 25px 25px;}
.faqlist .accordion-button {padding: 25px 25px 22px;}
/* Footer */
.site-footer {background-color: #1E1E1E;padding: 65px 0 83px;color: #fff;}
.footerlogo li {display: inline-block;margin: 0 6px;}
.footerlogo li:first-child{margin-left: 0;}
.footerlogo li:last-child{margin-right: 0;}
.footerlogo li a {display: flex;width: 42px;height: 42px;border: 2px solid #fff;color: #fff;text-align: center;justify-content: center;align-items: center;border-radius: 50%;font-size: 20px;}
.footerlogo li a:hover{background-color: #dbcbb4;border-color: #dbcbb4;color: #000;}
.cpytext p {font-weight: 400;font-size: 16px;line-height: 24px;margin-bottom: 0;color: #FFFFFF3D;}
.mylist{list-style: none;margin: 0;padding: 0;}
.ftlink li {display: inline-block;margin-right: 18px;}
.ftlink li:last-child{margin-right: 0;}
.ftlink li a {font-weight: 400;font-size: 16px;line-height: 24px;display: inline-block;color: #FFFFFF3D;}
.ftlink li a:hover{color: #dbcbb4;}
.ftlink {text-align: right;}
.footerbot .container-fluid {padding: 0 80px;}
.rowborder{border-top: 1px solid #FFFFFF3D;}
.rowborder {border-top: 1px solid #FFFFFF3D;padding-top: 37px;margin-top: 49px;}
.footerlogo .mylist {margin: 23px 0 0;}
/* Step Form */
.gravityformstepmodal .gf_page_steps {justify-content: center;gap: 0 !important;margin-top: 36px;margin-bottom: 40px !important;}
.mymodalbox h3 {font-weight: 500;font-size: 28px;line-height: 45px;letter-spacing: -1.28px;color: #121316;margin-bottom: 7px;}
.mymodalbox p {font-weight: 400;font-size: 14px;line-height: 18px;letter-spacing: -0.5px;color: rgba(18, 19, 22, 0.65);margin-bottom: 0;}
.gravityformstepmodal .modal-content {background-color: #F8F4F0;box-shadow: 0px 0px 32px 0px #00000029;border-radius: 16px;max-width: 942px;margin: auto;}
.gravityformstepmodal .modal-header {border-bottom: 0;}
.mymodalbox .gform_page_footer #gform_next_button_1_1,
.mymodalbox .gform_page_footer #gform_next_button_2_1,.mymodalbox .gform_page_footer #gform_next_button_2_17,
.mymodalbox .gform_page_footer #gform_submit_button_1,.mymodalbox .gform_page_footer #gform_submit_button_2 ,
.mymodalbox .gform_footer #gform_submit_button_2{background-color: #FFD04E;border: 0.81px solid #FFD04E;font-weight: 500;font-size: 13.037px;line-height: 20px;letter-spacing: -0.01em;color: #070707;height: 44px;width: 188px;box-shadow: none;transition: all .5s;}
.mymodalbox .gform_footer #gform_submit_button_2{margin-bottom:10px;}
.mymodalbox .gform_page_footer #gform_next_button_1_1:hover,
.mymodalbox .gform_page_footer #gform_next_button_2_1:hover,.mymodalbox .gform_page_footer #gform_next_button_2_17:hover,
.mymodalbox .gform_page_footer #gform_submit_button_1:hover,
.mymodalbox .gform_page_footer #gform_submit_button_2:hover,
.mymodalbox .gform_footer #gform_submit_button_2:hover{background-color: #070707;color: #FFD04E;border-color: #070707;}
.mymodalbox .gform_body .gchoice label {background: #dbcbb40F;border-radius: 13px;padding: 15px;}
.mymodalbox .gform_body .gchoice label {background: #dbcbb40F;border-radius: 13px;padding: 15px;font-weight: 400;font-size: 13px;line-height: 20px;color: rgba(18, 19, 22, 0.7);margin: 0;}
.mymodalbox .gform_body .gchoice input {opacity: 0;width: 0 !important;height: 0;visibility: hidden;display: none;}
.mymodalbox .gfield-choice-input:checked + .gform-field-label {background-color: #fff; font-weight: 600;color: #0A0A0A;}
.mymodalbox .gfield-choice-input {display: none;}
.mymodalbox .gform_body .gfield_radio .gchoice {display: block;}
.mymodalbox .gform_body .gfield input,
.mymodalbox .gform_body .gfield select{border-radius: 6px;border: 1px solid #DCDCDC;font-weight: 400;font-size: 14px;letter-spacing: -0.5px;color: rgba(18, 19, 22, 0.65);height: 54px;box-shadow: none;padding:0 20px;}
.mymodalbox .gform_body .gfield select {line-height: 48px;}
.mymodalbox .gform_body .gfield #input_2_25 {display: none;}
.mymodalbox .gform_page_footer #gform_previous_button_1_3,
.mymodalbox .gform_page_footer #gform_previous_button_2_17,
.mymodalbox .gform_page_footer #gform_previous_button_1,
.mymodalbox .gform_page_footer #gform_previous_button_2{background: #12131680;width: 188px;height: 44px;font-weight: 500;font-size: 13.037px;line-height: 20px;letter-spacing: -0.01em;color: #FFFFFF;}
.mymodalbox .gform_page_footer {justify-content: center;}
.mymodalbox h4 {font-weight: 500;font-size: 32px;line-height: 45px;letter-spacing: -1.28px;color: #121316;}
.mymodalbox ul {list-style: none;margin: 0;padding: 0;}
.mymodalbox ul li {font-weight: 400;font-size: 17.8745px;line-height: 20px;letter-spacing: -0.558579px;color: rgba(18, 19, 22, 0.65);margin-top: 18px;}
.mymodalbox .gform_body {padding: 0 40px 40px;}
.mymodalbox .gform-theme--framework .gf_step_completed .gf_step_number::after{background-color: #000;border-color: #000;margin: auto;left: 0;right: 0;}
.mymodalbox .gform-theme--framework .gf_step .gf_step_label {width: 100%;text-align: center;font-weight: 500;text-transform: capitalize;}
.mymodalbox .gform-theme--framework .gf_step {flex-wrap: wrap;}
.mymodalbox .gf_step_number {margin: auto;}
.gravityformstepmodal .gf_page_steps .gf_step {position: relative;z-index: 1;width: 20%;}
.gravityformstepmodal .gf_page_steps .gf_step::before{content:'';display:inline-block;width:100%;height:4px;background-color:#D0D0D0;position:absolute;left:0;top: 15px;z-index: -1;}
.gravityformstepmodal .modal-body {padding: 0;}
.gravityformstepmodal .gf_page_steps .gf_step.gf_step_completed::before{background-color:#000;}
.mymodalbox .gform-theme--framework .gf_step_number {background-color: #F8F4F0;border-color: #D0D0D0;}
.mymodalbox .gform_wrapper .gfield.init_pcafe_imgp.pcafe_theme_card .gchoice label img{width: auto;height: auto;}
.mymodalbox .gform_wrapper .gfield.init_pcafe_imgp.pcafe_theme_card .gchoice .pcafe_imgp_wrap{background-color: transparent;height: auto;}
.mymodalbox .gform_wrapper .gfield.init_pcafe_imgp.pcafe_theme_card .gchoice label .pcafe_imgp_text{text-align: center;font-weight: 700;font-size: 16px;line-height: 24px;color: #1E1E1E;}
.mymodalbox .gform_wrapper .gfield.init_pcafe_imgp.pcafe_theme_card .gchoice label {height: 141px;border: 1px solid #000;background-color: transparent;border-radius: 12px;}
.mymodalbox .gform_wrapper .gfield.init_pcafe_imgp.pcafe_theme_card .gchoice label{justify-content: center;}
.mymodalbox .gform_wrapper .gfield.init_pcafe_imgp.pcafe_theme_card .gchoice input:checked + label {border-color: #1E1E1E;background-color: #1E1E1E;color: #fff;}
.mymodalbox .gform_wrapper .gfield.init_pcafe_imgp.pcafe_theme_card .gchoice input:checked + label .pcafe_imgp_text {color: #fff;}
.mymodalbox .gform_wrapper .gfield.init_pcafe_imgp.pcafe_theme_card .gchoice input:checked + label .pcafe_imgp_wrap::before{opacity:0;}
.gform_wrapper .gfield.init_pcafe_imgp.pcafe_theme_card .gchoice input:checked + label img{filter: brightness(10);}
.mymodalbox .gform_confirmation_wrapper {padding-bottom: 50px;}
.page-id-69 .site-header,
.page-id-69 .site-footer{display:none;}
.page-id-69 .gravityformstepmodal {padding: 100px 0;}
.mymodalbox .listdesi li {background: #dbcbb40F;padding: 13px 20px;border-radius: 13px;color: rgba(18, 19, 22, 0.7);font-weight: 400;font-size: 13px;line-height: 20px;}
.mymodalbox .gform-theme--foundation .gform_fields {gap: 14px;}
/* Form Confirmation */
.confirdiv {padding: 40px;}
.confirdiv br {display: none;}
.confirleft h3 {color: #121316;font-size: 32px;font-weight: 500;line-height: 38px;letter-spacing: -1.28px;margin-bottom: 23px;}
.confirleft li {font-size: 17.87px;font-weight: 400;line-height: 20.11px;letter-spacing: -0.56px;margin-bottom: 17px;color:#121316A6;}
.confirleft li img {margin: 0;padding: 0;width: 22px;object-fit: scale-down;}
.confirbtn li {display: inline-block;margin-bottom:0;}
.confirleft li.grbtn a {background-color: #12131680;display: inline-block;font-size: 13.04px;font-weight: 500;letter-spacing: -0.01em;color: #FFFFFF;padding: 12px 19px;border-radius:30px;}
.confirbtn li.redbtn a {font-size: 13.04px;font-weight: 500;letter-spacing: -0.01em;background-color: #dbcbb4;padding: 12px 19px;color: #000;display: inline-block;border-radius:30px;}
/* Media Query */
@media(min-width:1470px){
body .container{max-width: 1683px;}
}
@media(max-width:1536px){
.bannerimg img {width: 90%;}
}
@media(max-width:1469px){
.bannerimg img {width: 73%;}
.remod_sec{padding: 45px 0;}
.startremodel_sec {padding: 35px 0;}
.actually_sec {padding: 65px 0 38px;}
.homwowner_sec {padding: 0px 0 37px;}
.faq_sec {padding: 40px 0 42px;}
.site-footer {padding: 25px 0 30px;}
.itemhome {margin: 89px 15px;}
.homeownerlist .slick-list {width: auto;left: 0;}
.slick-center .itemhome {transform: scale(1.1);}
.hbantext {max-width: 770px;padding: 28px 0;}
.prochead.remodelhead{margin-bottom: 17px;}
.faqhead p{width: 53%;}
}
@media(max-width:1199px){
.hbantext h1 {font-size: 56px;line-height: 72px;}
.hbantext p{font-size: 19px;line-height: 33px;}
.remotext h2 {font-size: 49px;line-height: 60px;margin-bottom: 13px;}
.proimg img{width: 100%;}
.proimg {margin-bottom: 20px;}
.homebottext p{font-size: 14px;line-height: 23px;}
.hbantext {max-width: 57%;padding: 28px 0;}
.homeimg img {height: 235px;}
}
@media(max-width:991px){
.bannerimg{position: static;}
.hbantext{max-width: 100%;}
.hbantext p{width: 100%;}
.prochead {padding-top: 0;max-width: 100%;text-align: center;margin-bottom: 30px;}
.actimg {text-align: center;margin-top: 30px;}
.slick-center .itemhome {transform: scale(1);}
.homeimg img {height: 167px;}
.cpytext, .ftlink {text-align: center;}
.commitmain{padding: 46px 30px 79px;}
.itemhome {margin: 40px 15px;}
.mymodalbox .gform_body {padding: 0 20px 40px;}
.confirimg {margin-top: 30px;}
}
@media(max-width: 830px){
#menuToggle {
display: flex;
flex-direction: column;
position: absolute;
top: 25px;
right: 15px;
z-index: 1;
-webkit-user-select: none;
user-select: none;
z-index: 9999;
}
#menuToggle input {
width: 29px !important;
height: 18px;
position: absolute;
cursor: pointer;
opacity: 0;
z-index: 2;
top: 0;
}
#menuToggle span{
display: flex;
width: 29px;
height: 2px;
margin-bottom: 5px;
position: relative;
background: #000000;
border-radius: 3px;
z-index: 1;
transform-origin: 5px 0px;
transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
opacity 0.55s ease;
}
#menuToggle.open span:first-child{
transform-origin: 0% 0%;
}
#menuToggle.open span:nth-last-child(2){
transform-origin: 0% 100%;
}
#menuToggle.open input:checked ~ span{
opacity: 1;
transform: rotate(45deg) translate(-3px, -1px);
background: #ffffff;
}
#menuToggle.open input:checked ~ span:nth-last-child(3){
opacity: 0;
transform: rotate(0deg) scale(0.2, 0.2);
}
#menuToggle.open input:checked ~ span:nth-last-child(2){
transform: rotate(-45deg) translate(0, -1px);
}
ul.nav-menu li ul.sub-menu{
display: none !important;
}
ul.nav-menu li.open ul.sub-menu{
display: block !important;
}
.nav-menu li.menu-item-has-children.open ul.sub-menu.open-submenu {
display: block !important;
left: 0;
background-color: transparent;
}
.mobilesubmenu.open{
background-color: rgba(72, 72, 72, 0.85) !important;
}
.nav-menu .sub-menu, .nav-menu .children{
background-color: transparent;
}
ul.sub-menu{
display: none !important;
position: relative !important;
top: -100% !important;
}
.mobilesubmenu i {
position: relative;
top: 12px;
right: 0;
}
.nav-bar li {
display: block;
margin: 0;
width: 100%;
top: 0;
border-bottom: 1px solid #717171;
overflow: hidden;
float: left;
}
.mobilesubmenu {
display: inline-block;
position: absolute;
top: 0;
cursor: pointer;
color: #ffffff;
right: 0;
z-index: 9999;
border-left: 1px solid #717171;
padding-left: 0;
height: 100%;
width: 45px;
text-align: center;
margin: 0 auto;
}
.nav-menu li.menu-item-has-children::after,
.nav-menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children::after{
display: none;
}
.nav-menu .sub-menu, .nav-menu .children {
width: 100%;
}
ul.sub-menu li {
display: block;
}
ul.sub-menu,
.open-submenu{
transition: all 1s;
}
.openmenu {
display: inline-block;
font-size: 30px;
cursor: pointer;
color: #333333;
float: right;
}
.nav-bar.open {
right: 0;
}
.nav-menu li a{
color: #ffffff;
float: left;
font-weight: normal;
font-size: 16px;
padding: 15px 0;
}
ul.sub-menu li:last-child{
border: 0px !Important;
}
ul.sub-menu li a{
color: #ffffff !Important;
font-weight: 600;
width: 100%;
}
ul.sub-menu li{
margin: 0px;
}
.nav-menu li:last-child{
border: 0px !Important;
}
.nav-menu li:last-child a,
.nav-menu .sub-menu, .nav-menu .children{
left: 0;
width: 100% !important;
}
.nav-menu li.menu-item-has-children {
padding-right: 0;
}
.nav-bar {
background-color: #333333;
height: 100%;
position: fixed;
top: 0;
right: -100%;
padding: 15px;
padding-top: 60px;
transition: all 0.3s;
width: 300px;
text-align: left;
z-index: 999;
}
.closebtn {
display: block;
position: absolute;
top: -55px;
font-size: 20px;
right: 0;
color: #ffffff;
cursor: pointer;
margin-bottom: 20px;
}
}
@media(max-width:767px){
.prochead h3 {font-size: 45px;line-height: 59px;margin-bottom: 20px;}
.remodelist li h3,.remodelist li p{width: 100%;}
.remodelist li h3 img {padding-right: 10px;}
.acttext h3,.homeownerhead h3,.committext h3 {font-size: 44px;line-height: 58px;}
.faqhead p {width: 100%;}
.prochead p{margin: 0 auto 20px;}
.confirdiv {padding: 20px;}
}
@media(max-width:575px){
.site-header .container-fluid {padding: 0 15px;}
.bannerimg img {width: 100%;}
.footerbot .container-fluid {padding: 0 15px;}
.rowborder{padding-top: 27px;margin-top: 34px;}
}
@media(max-width:480px){
.getstartedbtn a{padding: 9px 32px;}
.hbantext h1 {font-size: 44px;line-height: 60px;}
.remotext h2 {font-size: 41px;line-height: 50px;}
.prochead h3 {font-size: 34px;line-height: 55px;margin-bottom: 8px;}
.procmain::before{content: none;}
.procmain{padding-left: 0;}
.proclist span{position: static;top: 0;left: 0px;margin-bottom: 10px;}
.process_sec{padding: 27px 0 66px;}
.mymodalbox .gform_body .gfield #input_2_25 {display: block;}
.mymodalbox .gform_body #field_2_19 {display: none;}
}
@media(max-width:414px){
.prochead p{width: 100%;}
.acttext h3, .homeownerhead h3, .committext h3 {font-size: 36px;line-height: 49px;}
}