.features-post-main .features-inner .features-box .box-inner span{font-size: 24px; line-height: 1; font-weight: 300; color: #000;} /* Theme Name: Twenty Twenty-One Child Theme URI: https://wordpress.org/themes/twentytwentyone/ Template: twentytwentyone Author: the WordPress team Author URI: https://wordpress.org/ Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog. Tags: one-column,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,blog,portfolio Version: 2.2.1712322473 Updated: 2024-04-05 13:07:53 */ a,a:hover,a:focus,a:active{text-decoration:none !important; outline:none !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} p{padding:0 0 15px; margin:0;} p:last-child{padding-bottom: 0;} p:empty{padding:0; margin:0;} button:focus{border: none !important;} body{padding: 0; margin: 0; box-sizing: border-box;} h1, h2, h3, h4, h5, h6{margin: 0;} .hed-menu nav ul li a{transition: all 0.3s ease-in-out !important;} .home-info .pp-info-box .pp-info-box-icon img, .full-img img{height: auto !important;} .overview-left{position: relative !important;} .overview-left:before{position: absolute !important; content: "" !important; width: 60% !important; height: 100% !important; background-color: #000 !important; top: 0 !important; left: 0 !important;} .features-post-main .features-inner{display: flex; flex-wrap: wrap; column-gap: 80px; grid-row-gap: 30px;} .features-post-main .features-inner .features-box{width: calc(33.33% - 54px); box-sizing: border-box;} .features-post-main .features-inner .features-box .box-inner{border: solid 2px #4b4b4b; border-radius: 10px; text-align: center; padding: 18px 0;} .features-post-main .features-inner .features-box .box-inner span{font-size: 24px; line-height: 1; font-weight: 300; color: #000;} .home-gallery .elementor-gallery__titles-container{position: absolute; top: -90px; right: 300px;} .btn-gallery-all a{position:relative; padding-right: 38px; cursor:pointer;} .btn-gallery-all a:after{position:absolute; content:""; background:url(./images/gallery-grid.jpg) center no-repeat; background-size:contain; width:28px; height:28px; right:0; top:-5px;} .form-main{display:flex; flex-wrap:wrap; margin:0 -18px;} .form-main .field-half{width:50%; padding:0 18px; box-sizing:border-box;} .form-main .field-full{width:100%; padding:0 18px; box-sizing:border-box;} .form-main .field-full textarea{height:120px; resize: none;} .form-main .field-full .wpcf7-submit{margin-top: 20px;} .hide{display: none;} header.elementor-slideshow__header{width: 94%;} .schedule-popup-main .popup-inner{background: rgba(0, 0, 0, 0.85); height: 100%; left: 0; overflow-y: auto; padding: 0 0 65px; position: fixed; top: 0; width: 100%; text-align: center; z-index: 99999999;} .schedule-popup-main .btn-popup-close{font-size: 0; position: relative; min-height: 110px;} .schedule-popup-main .btn-popup-close:before{position: absolute; content: ""; background: url(./images/x-mark.svg) center no-repeat; background-size: contain; width: 50px; height: 50px; top: 30px; right: 80px; cursor: pointer;} .schedule-popup-main .schedule-form-main{max-width: 560px; margin: 0 auto; background-color: #ffffff; border-radius: 2px; box-shadow: 0 1px 1px rgba(0,0,0,0.05); position: relative;} .schedule-popup-main .schedule-form-main>h2{padding: 18px 15px; border-bottom: 1px solid #ccc; font-size: 22px; font-family: "Roboto"; font-weight: 500; color: #000000; text-align: center; display: block;} .schedule-popup-main .schedule-form-main .step-content{max-width: 400px; margin: 0 auto; width: 100%; text-align: center; padding: 15px; box-sizing: border-box;} .schedule-popup-main .schedule-form-main .schedule-form-step1 .step-content .appoint-type{margin-bottom: 30px;} .schedule-popup-main .schedule-form-main .schedule-form-step1 .step-content label.main-label{color: #798194; font-weight: 600; font-size: 14px; line-height: 18px; letter-spacing: 0.4px; text-transform: uppercase; margin-bottom: 5px; margin-top: 15px;} .schedule-popup-main .appoint-type .wpcf7-radio{width: 100%; display: flex; flex-wrap: wrap; justify-content: center;} .schedule-popup-main .appoint-type .wpcf7-radio>span{width: 50%; margin: 5px 0; display: inline-block;} .schedule-popup-main .appoint-type .wpcf7-radio span label{position: relative;} .schedule-popup-main .appoint-type .wpcf7-radio span label input[type="radio"]{position: absolute; top: 0; left: 0; width: 0 !important; height: 0 !important; margin: 0; padding: 0;} .schedule-popup-main .appoint-type .wpcf7-radio span label input[type="radio"]:checked + .wpcf7-list-item-label{background: #2C2A34; color: #fff;} .schedule-popup-main .appoint-type .wpcf7-radio span label .wpcf7-list-item-label{position: relative; float: left; color: #2C2A34; font-weight: 600; font-size: 14px; line-height: 19px; border: 1px solid #D0D6E0; padding: 13px; text-align: center; cursor: pointer; background: #fff; width: 100%; box-sizing: border-box;} .schedule-popup-main .appoint-date-main{margin-bottom: 35px;} .schedule-popup-main .appoint-date-main .slick-slide .date-box{position: relative; color: #2C2A34; font-weight: 600; font-size: 14px; line-height: 19px; border-right: 1px solid #D0D6E0; padding: 13px; text-align: center; cursor: pointer; background: #fff; width: 100%; box-sizing: border-box;} .schedule-popup-main .appoint-date-main .slick-slide .date-box .day-name{color: #798194; font-weight: 600; font-size: 14px; line-height: 19px; margin-bottom: 15px;} .schedule-popup-main .appoint-date-main .slick-slide .date-box .date-number{font-weight: 400; font-size: 36px; line-height: 36px; color: #2C2A34; margin-bottom: 17px;} .schedule-popup-main .appoint-date-main .slick-slide .date-box .month{font-weight: 600; font-size: 16px; line-height: 24px; color: #798194;} .schedule-popup-main .appoint-date-main .slick-slide .date-box.selected-date{background: #2C2A34; color: #fff;} .schedule-popup-main .appoint-date-main .slick-slide .date-box.selected-date .day-name, .schedule-popup-main .appoint-date-main .slick-slide .date-box.selected-date .date-number, .schedule-popup-main .appoint-date-main .slick-slide .date-box.selected-date .month{color: #ffffff;} .schedule-popup-main .appoint-date-main .appoint-inner{border: solid 1px #D0D6E0;} .schedule-popup-main .schedule-form-main .schedule-form-step1 .step-content .pref-time{margin-bottom: 30px;} .schedule-popup-main .pref-time .wpcf7-radio{width: 100%; display: flex; flex-wrap: wrap; justify-content: center;} .schedule-popup-main .pref-time .wpcf7-radio>span{width: 33.33%; margin: 5px 0; display: inline-block;} .schedule-popup-main .pref-time .wpcf7-radio span label{position: relative;} .schedule-popup-main .pref-time .wpcf7-radio span label input[type="radio"]{position: absolute; top: 0; left: 0; width: 0 !important; height: 0 !important; margin: 0; padding: 0;} .schedule-popup-main .pref-time .wpcf7-radio span label input[type="radio"]:checked + .wpcf7-list-item-label{background: #2C2A34; color: #fff;} .schedule-popup-main .pref-time .wpcf7-radio span label .wpcf7-list-item-label{position: relative; float: left; color: #2C2A34; font-weight: 600; font-size: 14px; line-height: 19px; border: 1px solid #D0D6E0; padding: 13px; text-align: center; cursor: pointer; background: #fff; width: 100%; box-sizing: border-box;} .schedule-popup-main .slick-next{background: url(./images/right-chevron.svg) center no-repeat !important; background-size: contain !important;} .schedule-popup-main .slick-prev{background: url(./images/left-chevron.svg) center no-repeat !important; background-size: contain !important;} .schedule-popup-main .slick-next:before, .schedule-popup-main .slick-prev:before{display: none;} .btn-schedule-popup{width: 65px; height: 221px; background-color: #ffffff; position: fixed; bottom: 0; right: 0; top: 0; margin: auto; z-index: 999; box-shadow: 0px 0px 24px rgba(0,0,0,0.06); cursor: pointer; overflow: hidden;} .btn-schedule-popup a{color: #000; transform: rotate(90deg); font-size: 16px; font-weight: 400; position: absolute; width: 221px; text-align: center; text-decoration: none; transition: ease all 0.3s; height: auto; right: 20px; top: 0; bottom: 0; transition: 0.3s ease-in-out;} .btn-schedule-popup:hover a{color: #777;} .schedule-form-main .uacf7-next{padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 2px; color: #333; background-color: #fff; border: solid 1px #ccc !important; font-size: 18px; font-weight: 400; display: inline-block; transition: 0.3s ease-in-out; cursor: pointer;} .schedule-form-main .uacf7-next:hover{color: #333; background-color: #e6e6e6; border-color: #adadad;} .schedule-form-main .wpcf7-spinner{display: none;} .schedule-form-main .schedule-form-step2 .uacf7-prev{font-size: 0; border: 0; margin: 0 !important; background: url(./images/back-arrow.svg) center no-repeat; background-size: contain; width: 30px; height: 30px; position: absolute; top: 15px; left: 160px; cursor: pointer;} .schedule-form-main .schedule-date-info{color: #000; margin-bottom: 15px;} .schedule-form-main .schedule-date-info .date-type, .schedule-form-main .schedule-date-info .date-time{font-size: 14px; font-weight: 400;} .schedule-form-main .schedule-date-info .date-date{font-size: 18px; font-weight: 500; margin: 10px 0;} .schedule-form-main .step-form{display:flex; flex-wrap:wrap; margin:0 -18px; grid-row-gap: 20px;} .schedule-form-main .step-form .step-half{width:50%; padding:0 10px; box-sizing:border-box;} .schedule-form-main .step-form .step-full{width:100%; padding:0 10px; box-sizing:border-box;} .schedule-form-main .step-form .step-full textarea{height:120px; resize: none;} .schedule-form-main .step-form label{display: none;} .schedule-form-main .step-form input, .schedule-form-main .step-form textarea{width: 100%; background: #FFFFFF; border: 1px solid #D0D6E0; border-radius: 2px; text-transform: initial; padding: 12px 16px; font-size: 14px; line-height: 1.42857; color: #555555; box-sizing: border-box;} .schedule-form-main .step-form .wpcf7-submit{display: inline-block; width: 100%; height: 56px; background: #2C2A34; font-weight: 600; font-size: 16px; line-height: 24px; text-align: center; letter-spacing: 0.4px; border: none; cursor: pointer; color: #fff !important; white-space: nowrap; padding: 6px 12px;} body.popup-active{overflow: hidden;} .schedule-popup-main.popup-step3 .schedule-form-main{max-width: 900px;} .schedule-popup-main.popup-step3 .schedule-form-main .step-content{max-width: 100%; padding: 0; display: flex; flex-wrap: wrap;} .schedule-popup-main.popup-step3 .schedule-form-main .step-content .col-1{width: 40%;} .schedule-popup-main.popup-step3 .schedule-form-main .step-content .col-2{width: 60%; padding: 30px 40px; box-sizing: border-box;} .schedule-popup-main.popup-step3 .schedule-form-main .step-content .col-1 img{width: 100%; box-sizing: border-box; height: 100%; object-fit: cover;} .schedule-popup-main.popup-step3 .schedule-form-main .step-content .col-2 .form-conformation h5{font-size: 18px; color: #000; font-weight: 400; text-align: center; margin-bottom: 10px;} .schedule-popup-main.popup-step3 .schedule-form-main .step-content .col-2 .form-conformation p{font-size: 14px; color: #000; font-weight: 400; text-align: center;} .schedule-popup-main.popup-step3 .schedule-form-main .step-content .col-2 .request-info{padding: 5px 0; margin: 20px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;} .schedule-popup-main.popup-step3 .schedule-form-main .step-content .col-2 .request-info .date-head{font-size: 14px; font-weight: 700; color: #000;} .schedule-popup-main.popup-step3 .schedule-form-main .step-content .col-2 .request-info .request-date{font-size: 14px; font-weight: 400; color: #000;} .schedule-popup-main.popup-step3 .schedule-form-main .step-content .col-2 .request-info .request-time{font-size: 14px; font-weight: 400; color: #000; text-transform: uppercase;} .schedule-popup-main.popup-step3 .schedule-form-main .step-content .col-2 .person-info .person-box{display: flex; flex-wrap: wrap; align-items: center;} .schedule-popup-main.popup-step3 .schedule-form-main .step-content .col-2 .person-info .person-box .person-img{width: 35%;} .schedule-popup-main.popup-step3 .schedule-form-main .step-content .col-2 .person-info .person-box .person-img img{width: 100%; box-sizing: border-box;} .schedule-popup-main.popup-step3 .schedule-form-main .step-content .col-2 .person-info .person-box .person-details{width: 65%; padding-left: 15px; box-sizing: border-box; text-align: left;} .schedule-popup-main.popup-step3 .schedule-form-main .step-content .col-2 .person-info .person-box .person-details h2{font-size: 18px; font-weight: 500; color: #000; width: 100%;} .schedule-popup-main.popup-step3 .schedule-form-main .step-content .col-2 .person-info .person-box .person-details h5{font-size: 14px; font-weight: 400; color: #000; margin-bottom: 15px; width: 100%;} .schedule-popup-main.popup-step3 .schedule-form-main .step-content .col-2 .person-info .person-box .person-details span{font-size: 14px; font-weight: 400; color: #000; display: block; width: 100%;} .schedule-popup-main.popup-step3 .schedule-form-main .step-content .col-2 .person-info .person-box .person-details p{font-size: 14px; font-weight: 400; color: #000; display: block; width: 100%; padding: 0;} .schedule-popup-main.popup-step3 .schedule-form-main .step-content .col-2 .person-info .person-box .person-details span a{color: #000;} .schedule-popup-main .popup-body{padding: 0 15px 65px;} /* SUBMIT A OFFER */ .submit-offer-form .inp-row {display:flex; flex-wrap:wrap; margin:0 -10px; width:100%;} .submit-offer-form .inp-row .hafe-dv{width:50%; box-sizing:border-box; padding:0 10px;} .submit-offer-form .inp-row .full-dv{width:100%; box-sizing:border-box; padding:0 10px;} .submit-offer-form label { color: #798194; font-weight: 600; font-size: 15px; line-height: 1.1em; letter-spacing: 0.4px; text-transform: uppercase; margin-bottom: 5px; margin-top: 15px; } .submit-offer-form .wpcf7-radio { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; margin:0 -10px;} .submit-offer-form .wpcf7-radio>span {width: 50%; padding: 0px 10px; display: inline-block; box-sizing:border-box; margin:0; } .submit-offer-form .wpcf7-radio span label {position: relative; margin:0; } .submit-offer-form .wpcf7-radio span label input[type="radio"] { position: absolute; top: 0; left: 0; width: 0 !important; height: 0 !important; margin: 0; padding: 0; } .submit-offer-form .wpcf7-radio span label .wpcf7-list-item-label { position: relative; float: left; color: #2C2A34; font-weight: 600; font-size: 15px; line-height: 1.1em; border: 1px solid #D0D6E0; padding: 15px; text-align: center; cursor: pointer; background: #fff; width: 100%; box-sizing: border-box; } .submit-offer-form .wpcf7-radio span label input[type="radio"]:checked + .wpcf7-list-item-label { background: #2C2A34; color: #fff; border:solid 1px #2c2a34;} .submit-offer-form .wpcf7-form-control-wrap input.wpcf7-validates-as-number{width:100%; appearance:none; text-indent: 5px; border: solid 1px #D0D6E0; font-family:roboto; font-weight:400; font-size:14px; padding:10px; background: #fff; box-shadow: none; -webkit-box-shadow: none; float: none; height: auto; margin: 0; outline: 0;} .submit-offer-form .wpcf7-form-control-wrap input.wpcf7-validates-as-number::-webkit-outer-spin-button, .submit-offer-form .wpcf7-form-control-wrap input.wpcf7-validates-as-number::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .submit-offer-form .price-simbol .wpcf7-form-control-wrap input.wpcf7-validates-as-number{background: url("data:image/svg+xml;utf8,$"); background-repeat:no-repeat; background-position:0px 8px; background-size:125px 20px;} .submit-offer-form .wpcf7-form-control-wrap select {width:100%; text-indent: 5px; border: solid 1px #D0D6E0; font-family:roboto; font-weight:400; font-size:14px; padding:9px !important; background: #fff; box-shadow: none; -webkit-box-shadow: none; float: none; height: auto; margin: 0; outline: 0;} .submit-offer-form .agent-att-file .wpcf7-form-control-wrap{border:solid 1px #D0D6E0; } .submit-offer-form .agent-att-file .wpcf7-form-control-wrap input::file-selector-button { font-family: roboto; font-weight: 400; font-size: 14px; padding: 10px; background: #fff; border:solid 1px #2C2A34;} .submit-offer-form .wpcf7-submit{cursor:pointer;} .submit-offer-form .custom-select { position: relative; } .submit-offer-form .custom-select select {display: none;} .submit-offer-form .select-selected {background-color: transparent; } .submit-offer-form .select-selected:after { position: absolute; content: ""; top: 15px; right: 10px; width: 0; height: 0; border: 6px solid transparent; border-color: #000 transparent transparent transparent; } .submit-offer-form .select-selected.select-arrow-active:after {border-color: transparent transparent #000 transparent; top: 10px; } .submit-offer-form .select-items div{ color: #000; padding: 7px 16px; border: 1px solid #D0D6E0; border-top-width:0; cursor: pointer; user-select: none; font-weight: 400; position:relative;} .submit-offer-form .select-selected { color: #000; padding: 7px 16px; border: 1px solid #D0D6E0; cursor: pointer; user-select: none; font-weight: 400; position:relative;} .submit-offer-form .select-items { position: absolute; background-color: #fff; top: 100%; left: 0; right: 0; z-index: 99; margin: 0 10px; } .submit-offer-form .select-hide { display: none; } .submit-offer-form .select-items div:hover, .submit-offer-form .same-as-selected { background-color: rgba(0, 0, 0, 0.1); } @media only screen and (min-width: 1025px){ .hed-menu nav ul li.desk-hide{display:none;} } @media only screen and (max-width: 1220px){ .hed-menu nav ul li:not(:last-child)>a {margin-inline-end:20px !important;} .hed-menu nav ul li:not(:first-child)>a {margin-inline-start:20px !important;} } @media only screen and (max-width: 1024px){ #rmp_menu_trigger-255{right: 20px; top: 21px;} #rmp-menu-wrap-255 .rmp-menu-item-link{padding: 0 20px !important;} #rmp-container-255{top: 72px;} .main-header{position: fixed !important; top: 0; left: 0; width: 100% !important; z-index: 999 !important; box-shadow: 0 0 20px rgba(0,0,0,0.3); background-color: #fff;} body{padding-top: 76px;} .features-post-main .features-inner{column-gap: 30px;} .features-post-main .features-inner .features-box{width: calc(50% - 15px);} .features-post-main .features-inner .features-box .box-inner span{font-size: 20px;} .home-info .pp-info-box .pp-info-box-icon-wrap{min-width: 80px;} .home-info .pp-info-box .pp-info-box-icon-wrap .pp-info-box-icon{text-align: left;} .home-gallery .elementor-gallery__titles-container{position: relative; top: auto; right: auto; justify-content: center;} } @media only screen and (max-width: 767px){ .features-post-main .features-inner{column-gap: 0; grid-row-gap: 20px;} .features-post-main .features-inner .features-box{width: 100%;} .features-post-main .features-inner .features-box .box-inner{padding: 14px 0;} .features-post-main .features-inner .features-box .box-inner span{font-size: 18px;} .home-banner{align-content: flex-end !important;} .form-main{margin: 0;} .form-main .field-half{width: 100%; padding: 0;} .form-main .field-full{padding: 0;} .schedule-popup-main .btn-popup-close:before{right: 20px;} .schedule-form-main .schedule-form-step2 .uacf7-prev{left: 10px;} .schedule-popup-main.popup-step3 .schedule-form-main .step-content .col-1{width: 100%;} .schedule-popup-main.popup-step3 .schedule-form-main .step-content .col-2{width: 100%; padding: 20px;} .schedule-popup-main.popup-step3 .schedule-form-main .step-content .col-2 .person-info .person-box .person-img{width: 100%;} .schedule-popup-main.popup-step3 .schedule-form-main .step-content .col-2 .person-info .person-box .person-details{width: 100%; padding-top: 15px;} .schedule-popup-main .slick-prev{left: -18px;} .schedule-popup-main .slick-next{right: -18px;} .schedule-form-main .step-form{margin: 0;} .schedule-form-main .step-form .step-half, .schedule-form-main .step-form .step-full{width: 100%; padding: 0;} .submit-offer-form .inp-row .hafe-dv {width: 100%; } }